27c75f6 · rowtype-yoga/purescript-yoga-heroui3

git.iko.soy/rowtype-yoga/purescript-yoga-heroui3

scaffold + infra + wave 1 primitives

commit27c75f6977083bed70f71c60be990f421f38ec46 authorMark <mark.eibes@gmail.com> dateSun 31 May 2026, 17:34 (4 months ago) parent90bbc30

6 files changed+445

compare with main

unifiedsplit

src/HeroUI/Accordion.purs+107 src/HeroUI/Card.purs+79 src/HeroUI/Raw.js+50 src/HeroUI/Raw.purs+29 src/HeroUI/ScrollShadow.purs+51 src/HeroUI/Tabs.purs+129

src/HeroUI/Accordion.pursnew file+107

@@ -0,0 +1,107 @@

1+module HeroUI.Accordion where

3+import Prelude

5+import Effect.Uncurried (EffectFn1)

6+import Foreign (Foreign)

7+import React.Basic (JSX)

8+import Yoga.React.DOM.Internal (class IsJSX)

9+import Data.Function.Uncurried (runFn4)

10+import HeroUI.Internal (class CoerceHeroProps, createElementTransformImpl)

11+import HeroUI.Raw as Raw

12+

13+data Variant = Default | Surface

14+

15+derive instance Eq Variant

16+derive instance Ord Variant

17+

18+variantToString :: Variant -> String

19+variantToString = case _ of

20+ Default -> "default"

21+ Surface -> "surface"

22+

23+type AccordionProps r =

24+ ( variant :: Variant

25+ , hideSeparator :: Boolean

26+ , allowsMultipleExpanded :: Boolean

27+ , isDisabled :: Boolean

28+ , expandedKeys :: Array String

29+ , defaultExpandedKeys :: Array String

30+ , onExpandedChange :: EffectFn1 Foreign Unit

31+ , className :: String

32+ | r

33+ )

34+

35+accordion

36+ :: forall givenProps nonDataProps kids

37+ . IsJSX kids

38+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | AccordionProps () }

39+ => { | givenProps }

40+ -> kids

41+ -> JSX

42+accordion props kids = runFn4 createElementTransformImpl { variant: variantToString } Raw.accordion props kids

43+

44+type AccordionItemProps r =

45+ ( id :: String

46+ , isDisabled :: Boolean

47+ , isExpanded :: Boolean

48+ , defaultExpanded :: Boolean

49+ , className :: String

50+ | r

51+ )

52+

53+accordionItem

54+ :: forall givenProps nonDataProps kids

55+ . IsJSX kids

56+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | AccordionItemProps () }

57+ => { | givenProps }

58+ -> kids

59+ -> JSX

60+accordionItem props kids = runFn4 createElementTransformImpl {} Raw.accordionItem props kids

61+

62+type SectionProps r = (className :: String | r)

63+

64+accordionHeading

65+ :: forall givenProps nonDataProps kids

66+ . IsJSX kids

67+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

68+ => { | givenProps }

69+ -> kids

70+ -> JSX

71+accordionHeading props kids = runFn4 createElementTransformImpl {} Raw.accordionHeading props kids

72+

73+accordionTrigger

74+ :: forall givenProps nonDataProps kids

75+ . IsJSX kids

76+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

77+ => { | givenProps }

78+ -> kids

79+ -> JSX

80+accordionTrigger props kids = runFn4 createElementTransformImpl {} Raw.accordionTrigger props kids

81+

82+accordionPanel

83+ :: forall givenProps nonDataProps kids

84+ . IsJSX kids

85+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

86+ => { | givenProps }

87+ -> kids

88+ -> JSX

89+accordionPanel props kids = runFn4 createElementTransformImpl {} Raw.accordionPanel props kids

90+

91+accordionIndicator

92+ :: forall givenProps nonDataProps kids

93+ . IsJSX kids

94+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

95+ => { | givenProps }

96+ -> kids

97+ -> JSX

98+accordionIndicator props kids = runFn4 createElementTransformImpl {} Raw.accordionIndicator props kids

99+

100+accordionBody

101+ :: forall givenProps nonDataProps kids

102+ . IsJSX kids

103+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

104+ => { | givenProps }

105+ -> kids

106+ -> JSX

107+accordionBody props kids = runFn4 createElementTransformImpl {} Raw.accordionBody props kids

src/HeroUI/Card.pursnew file+79

@@ -0,0 +1,79 @@

1+module HeroUI.Card where

3+import Prelude

5+import React.Basic (JSX)

6+import Yoga.React.DOM.Internal (class IsJSX)

7+import Data.Function.Uncurried (runFn4)

8+import HeroUI.Internal (class CoerceHeroProps, createElementTransformImpl)

9+import HeroUI.Raw as Raw

10+

11+data Variant = Default | Secondary | Tertiary | Transparent

12+

13+derive instance Eq Variant

14+derive instance Ord Variant

15+

16+variantToString :: Variant -> String

17+variantToString = case _ of

18+ Default -> "default"

19+ Secondary -> "secondary"

20+ Tertiary -> "tertiary"

21+ Transparent -> "transparent"

22+

23+type CardProps r = (variant :: Variant, className :: String | r)

24+

25+card

26+ :: forall givenProps nonDataProps kids

27+ . IsJSX kids

28+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | CardProps () }

29+ => { | givenProps }

30+ -> kids

31+ -> JSX

32+card props kids = runFn4 createElementTransformImpl { variant: variantToString } Raw.card props kids

33+

34+type SectionProps r = (className :: String | r)

35+

36+cardHeader

37+ :: forall givenProps nonDataProps kids

38+ . IsJSX kids

39+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

40+ => { | givenProps }

41+ -> kids

42+ -> JSX

43+cardHeader props kids = runFn4 createElementTransformImpl {} Raw.cardHeader props kids

44+

45+cardTitle

46+ :: forall givenProps nonDataProps kids

47+ . IsJSX kids

48+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

49+ => { | givenProps }

50+ -> kids

51+ -> JSX

52+cardTitle props kids = runFn4 createElementTransformImpl {} Raw.cardTitle props kids

53+

54+cardDescription

55+ :: forall givenProps nonDataProps kids

56+ . IsJSX kids

57+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

58+ => { | givenProps }

59+ -> kids

60+ -> JSX

61+cardDescription props kids = runFn4 createElementTransformImpl {} Raw.cardDescription props kids

62+

63+cardContent

64+ :: forall givenProps nonDataProps kids

65+ . IsJSX kids

66+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

67+ => { | givenProps }

68+ -> kids

69+ -> JSX

70+cardContent props kids = runFn4 createElementTransformImpl {} Raw.cardContent props kids

71+

72+cardFooter

73+ :: forall givenProps nonDataProps kids

74+ . IsJSX kids

75+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

76+ => { | givenProps }

77+ -> kids

78+ -> JSX

79+cardFooter props kids = runFn4 createElementTransformImpl {} Raw.cardFooter props kids

src/HeroUI/Raw.js+50

@@ -18,6 +18,27 @@ import {

1818 BadgeAnchor,

1919 SkeletonRoot,

2020 SeparatorRoot,

21+ CardRoot,

22+ CardHeader,

23+ CardTitle,

24+ CardDescription,

25+ CardContent,

26+ CardFooter,

27+ ScrollShadowRoot,

28+ AccordionRoot,

29+ AccordionItem,

30+ AccordionHeading,

31+ AccordionTrigger,

32+ AccordionPanel,

33+ AccordionIndicator,

34+ AccordionBody,

35+ TabsRoot,

36+ TabListContainer,

37+ TabList,

38+ Tab,

39+ TabIndicator,

40+ TabSeparator,

41+ TabPanel,

2142} from "@heroui/react";

2243

2344// Button

@@ -56,3 +77,32 @@ export const skeleton = SkeletonRoot;

5677

5778// Separator

5879export const separator = SeparatorRoot;

80+

81+// Card

82+export const card = CardRoot;

83+export const cardHeader = CardHeader;

84+export const cardTitle = CardTitle;

85+export const cardDescription = CardDescription;

86+export const cardContent = CardContent;

87+export const cardFooter = CardFooter;

88+

89+// ScrollShadow

90+export const scrollShadow = ScrollShadowRoot;

91+

92+// Accordion

93+export const accordion = AccordionRoot;

94+export const accordionItem = AccordionItem;

95+export const accordionHeading = AccordionHeading;

96+export const accordionTrigger = AccordionTrigger;

97+export const accordionPanel = AccordionPanel;

98+export const accordionIndicator = AccordionIndicator;

99+export const accordionBody = AccordionBody;

100+

101+// Tabs

102+export const tabs = TabsRoot;

103+export const tabListContainer = TabListContainer;

104+export const tabList = TabList;

105+export const tab = Tab;

106+export const tabIndicator = TabIndicator;

107+export const tabSeparator = TabSeparator;

108+export const tabPanel = TabPanel;

src/HeroUI/Raw.purs+29

@@ -38,3 +38,32 @@ foreign import skeleton :: forall r. ReactComponent { | r }

3838

3939-- Separator

4040foreign import separator :: forall r. ReactComponent { | r }

41+

42+-- Card

43+foreign import card :: forall r. ReactComponent { | r }

44+foreign import cardHeader :: forall r. ReactComponent { | r }

45+foreign import cardTitle :: forall r. ReactComponent { | r }

46+foreign import cardDescription :: forall r. ReactComponent { | r }

47+foreign import cardContent :: forall r. ReactComponent { | r }

48+foreign import cardFooter :: forall r. ReactComponent { | r }

49+

50+-- ScrollShadow

51+foreign import scrollShadow :: forall r. ReactComponent { | r }

52+

53+-- Accordion

54+foreign import accordion :: forall r. ReactComponent { | r }

55+foreign import accordionItem :: forall r. ReactComponent { | r }

56+foreign import accordionHeading :: forall r. ReactComponent { | r }

57+foreign import accordionTrigger :: forall r. ReactComponent { | r }

58+foreign import accordionPanel :: forall r. ReactComponent { | r }

59+foreign import accordionIndicator :: forall r. ReactComponent { | r }

60+foreign import accordionBody :: forall r. ReactComponent { | r }

61+

62+-- Tabs

63+foreign import tabs :: forall r. ReactComponent { | r }

64+foreign import tabListContainer :: forall r. ReactComponent { | r }

65+foreign import tabList :: forall r. ReactComponent { | r }

66+foreign import tab :: forall r. ReactComponent { | r }

67+foreign import tabIndicator :: forall r. ReactComponent { | r }

68+foreign import tabSeparator :: forall r. ReactComponent { | r }

69+foreign import tabPanel :: forall r. ReactComponent { | r }

src/HeroUI/ScrollShadow.pursnew file+51

@@ -0,0 +1,51 @@

1+module HeroUI.ScrollShadow where

3+import Prelude

5+import Effect.Uncurried (EffectFn1)

6+import React.Basic (JSX)

7+import Yoga.React.DOM.Internal (class IsJSX)

8+import Data.Function.Uncurried (runFn4)

9+import HeroUI.Types (Orientation, orientationToString)

10+import HeroUI.Internal (class CoerceHeroProps, createElementTransformImpl)

11+import HeroUI.Raw as Raw

12+

14+

15+derive instance Eq Visibility

16+derive instance Ord Visibility

17+

18+visibilityToString :: Visibility -> String

19+visibilityToString = case _ of

20+ Auto -> "auto"

21+ Both -> "both"

22+ Top -> "top"

23+ Bottom -> "bottom"

24+ Left -> "left"

25+ Right -> "right"

26+ None -> "none"

27+

28+type ScrollShadowProps r =

29+ ( size :: Number

30+ , offset :: Number

31+ , visibility :: Visibility

32+ , isEnabled :: Boolean

33+ , hideScrollBar :: Boolean

34+ , orientation :: Orientation

35+ , onVisibilityChange :: EffectFn1 String Unit

36+ , className :: String

37+ | r

38+ )

39+

40+scrollShadowTransforms

41+ :: { visibility :: Visibility -> String, orientation :: Orientation -> String }

42+scrollShadowTransforms = { visibility: visibilityToString, orientation: orientationToString }

43+

44+scrollShadow

45+ :: forall givenProps nonDataProps kids

46+ . IsJSX kids

47+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | ScrollShadowProps () }

48+ => { | givenProps }

49+ -> kids

50+ -> JSX

51+scrollShadow props kids = runFn4 createElementTransformImpl scrollShadowTransforms Raw.scrollShadow props kids

src/HeroUI/Tabs.pursnew file+129

@@ -0,0 +1,129 @@

1+module HeroUI.Tabs where

3+import Prelude

5+import Effect.Uncurried (EffectFn1)

6+import React.Basic (JSX)

7+import Yoga.React.DOM.Internal (class IsJSX)

8+import Data.Function.Uncurried (runFn4)

9+import HeroUI.Types (Orientation, orientationToString)

10+import HeroUI.Internal (class CoerceHeroProps, createElementTransformImpl)

11+import HeroUI.Raw as Raw

12+

13+data Variant = Primary | Secondary

14+

15+derive instance Eq Variant

16+derive instance Ord Variant

17+

18+variantToString :: Variant -> String

19+variantToString = case _ of

20+ Primary -> "primary"

21+ Secondary -> "secondary"

22+

23+data KeyboardActivation = Automatic | Manual

24+

25+derive instance Eq KeyboardActivation

26+derive instance Ord KeyboardActivation

27+

28+keyboardActivationToString :: KeyboardActivation -> String

29+keyboardActivationToString = case _ of

30+ Automatic -> "automatic"

31+ Manual -> "manual"

32+

33+type TabsProps r =

34+ ( variant :: Variant

35+ , orientation :: Orientation

36+ , selectedKey :: String

37+ , defaultSelectedKey :: String

38+ , onSelectionChange :: EffectFn1 String Unit

39+ , keyboardActivation :: KeyboardActivation

40+ , isDisabled :: Boolean

41+ , className :: String

42+ | r

43+ )

44+

45+tabsTransforms

46+ :: { variant :: Variant -> String

47+ , orientation :: Orientation -> String

48+ , keyboardActivation :: KeyboardActivation -> String

49+ }

50+tabsTransforms =

51+ { variant: variantToString

52+ , orientation: orientationToString

53+ , keyboardActivation: keyboardActivationToString

54+ }

55+

56+tabs

57+ :: forall givenProps nonDataProps kids

58+ . IsJSX kids

59+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | TabsProps () }

60+ => { | givenProps }

61+ -> kids

62+ -> JSX

63+tabs props kids = runFn4 createElementTransformImpl tabsTransforms Raw.tabs props kids

64+

65+type TabProps r =

66+ ( id :: String

67+ , isDisabled :: Boolean

68+ , href :: String

69+ , className :: String

70+ | r

71+ )

72+

73+tab

74+ :: forall givenProps nonDataProps kids

75+ . IsJSX kids

76+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | TabProps () }

77+ => { | givenProps }

78+ -> kids

79+ -> JSX

80+tab props kids = runFn4 createElementTransformImpl {} Raw.tab props kids

81+

82+type PanelProps r = (id :: String, className :: String | r)

83+

84+tabPanel

85+ :: forall givenProps nonDataProps kids

86+ . IsJSX kids

87+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | PanelProps () }

88+ => { | givenProps }

89+ -> kids

90+ -> JSX

91+tabPanel props kids = runFn4 createElementTransformImpl {} Raw.tabPanel props kids

92+

93+type SectionProps r = (className :: String | r)

94+

95+tabListContainer

96+ :: forall givenProps nonDataProps kids

97+ . IsJSX kids

98+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

99+ => { | givenProps }

100+ -> kids

101+ -> JSX

102+tabListContainer props kids = runFn4 createElementTransformImpl {} Raw.tabListContainer props kids

103+

104+tabList

105+ :: forall givenProps nonDataProps kids

106+ . IsJSX kids

107+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

108+ => { | givenProps }

109+ -> kids

110+ -> JSX

111+tabList props kids = runFn4 createElementTransformImpl {} Raw.tabList props kids

112+

113+tabIndicator

114+ :: forall givenProps nonDataProps kids

115+ . IsJSX kids

116+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

117+ => { | givenProps }

118+ -> kids

119+ -> JSX

120+tabIndicator props kids = runFn4 createElementTransformImpl {} Raw.tabIndicator props kids

121+

122+tabSeparator

123+ :: forall givenProps nonDataProps kids

124+ . IsJSX kids

125+ => CoerceHeroProps { | givenProps } { | nonDataProps } { | SectionProps () }

126+ => { | givenProps }

127+ -> kids

128+ -> JSX

129+tabSeparator props kids = runFn4 createElementTransformImpl {} Raw.tabSeparator props kids