@nation-a/ui 0.16.28 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/ark-ui-D--_sKY0.js +7066 -0
  2. package/dist/ark-ui-D--_sKY0.js.map +1 -0
  3. package/dist/ark-ui-e4-hVrsF.cjs +2 -0
  4. package/dist/ark-ui-e4-hVrsF.cjs.map +1 -0
  5. package/dist/{index-BroabscA.cjs → index-B5IKaL0m.cjs} +2 -2
  6. package/dist/index-B5IKaL0m.cjs.map +1 -0
  7. package/dist/{index-B4n-XEbJ.js → index-FC3cETza.js} +2 -2
  8. package/dist/index-FC3cETza.js.map +1 -0
  9. package/dist/index.cjs +7 -7
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.js +5010 -4958
  12. package/dist/index.js.map +1 -1
  13. package/dist/react-hot-toast-BCKriZQY.js +404 -0
  14. package/dist/react-hot-toast-BCKriZQY.js.map +1 -0
  15. package/dist/react-hot-toast-CvGdrsnM.cjs +178 -0
  16. package/dist/react-hot-toast-CvGdrsnM.cjs.map +1 -0
  17. package/dist/{react-lottie-DygynGMG.js → react-lottie-BoWlnUa4.js} +257 -257
  18. package/dist/react-lottie-BoWlnUa4.js.map +1 -0
  19. package/dist/react-lottie-D3xAW5ky.cjs +29 -0
  20. package/dist/react-lottie-D3xAW5ky.cjs.map +1 -0
  21. package/dist/stats.html +1 -1
  22. package/dist/styled-system/css/conditions.mjs +1 -1
  23. package/dist/styled-system/css/css.mjs +1 -1
  24. package/dist/styled-system/css/sva.mjs +9 -4
  25. package/dist/styled-system/helpers.mjs +12 -20
  26. package/dist/styled-system/jsx/create-style-context.d.ts +54 -0
  27. package/dist/styled-system/jsx/create-style-context.mjs +98 -0
  28. package/dist/styled-system/jsx/factory.mjs +14 -5
  29. package/dist/styled-system/jsx/index.d.ts +1 -0
  30. package/dist/styled-system/jsx/index.mjs +1 -0
  31. package/dist/styled-system/patterns/aspect-ratio.d.ts +0 -1
  32. package/dist/styled-system/patterns/bleed.d.ts +0 -1
  33. package/dist/styled-system/patterns/box.d.ts +0 -1
  34. package/dist/styled-system/patterns/center.d.ts +0 -1
  35. package/dist/styled-system/patterns/circle.d.ts +0 -1
  36. package/dist/styled-system/patterns/container.d.ts +0 -1
  37. package/dist/styled-system/patterns/cq.d.ts +0 -1
  38. package/dist/styled-system/patterns/divider.d.ts +0 -1
  39. package/dist/styled-system/patterns/flex.d.ts +0 -1
  40. package/dist/styled-system/patterns/float.d.ts +0 -1
  41. package/dist/styled-system/patterns/grid-item.d.ts +0 -1
  42. package/dist/styled-system/patterns/grid.d.ts +0 -1
  43. package/dist/styled-system/patterns/grid.mjs +1 -1
  44. package/dist/styled-system/patterns/hstack.d.ts +0 -1
  45. package/dist/styled-system/patterns/hstack.mjs +1 -1
  46. package/dist/styled-system/patterns/link-overlay.d.ts +0 -1
  47. package/dist/styled-system/patterns/spacer.d.ts +0 -1
  48. package/dist/styled-system/patterns/square.d.ts +0 -1
  49. package/dist/styled-system/patterns/stack.d.ts +0 -1
  50. package/dist/styled-system/patterns/stack.mjs +1 -1
  51. package/dist/styled-system/patterns/visually-hidden.d.ts +0 -1
  52. package/dist/styled-system/patterns/vstack.d.ts +0 -1
  53. package/dist/styled-system/patterns/vstack.mjs +1 -1
  54. package/dist/styled-system/patterns/wrap.d.ts +0 -1
  55. package/dist/styled-system/patterns/wrap.mjs +1 -1
  56. package/dist/styled-system/styles.css +1003 -993
  57. package/dist/styled-system/tokens/tokens.d.ts +1 -1
  58. package/dist/styled-system/types/composition.d.ts +83 -23
  59. package/dist/styled-system/types/conditions.d.ts +13 -9
  60. package/dist/styled-system/types/jsx.d.ts +25 -10
  61. package/dist/styled-system/types/prop-type.d.ts +12 -1
  62. package/dist/styled-system/types/style-props.d.ts +17 -5
  63. package/dist/styled-system/types/system-types.d.ts +76 -0
  64. package/dist/types/components/BottomSheet/BottomSheet.stories.d.ts +322 -4
  65. package/dist/types/components/BottomSheet/index.d.ts +23 -21
  66. package/dist/types/components/BottomSheet/react-modal-sheet/SheetBackdrop.d.ts +6 -1
  67. package/dist/types/components/BottomSheet/react-modal-sheet/SheetContainer.d.ts +7 -5
  68. package/dist/types/components/BottomSheet/react-modal-sheet/SheetContent.d.ts +7 -6
  69. package/dist/types/components/BottomSheet/react-modal-sheet/SheetHeader.d.ts +7 -6
  70. package/dist/types/components/BottomSheet/react-modal-sheet/SheetScroller.d.ts +7 -3
  71. package/dist/types/components/BottomSheet/react-modal-sheet/constants.d.ts +3 -8
  72. package/dist/types/components/BottomSheet/react-modal-sheet/hooks.d.ts +1 -1
  73. package/dist/types/components/BottomSheet/react-modal-sheet/index.d.ts +1 -1
  74. package/dist/types/components/BottomSheet/react-modal-sheet/sheet.d.ts +7 -16
  75. package/dist/types/components/BottomSheet/react-modal-sheet/types.d.ts +5 -5
  76. package/dist/types/components/Button/Button.stories.d.ts +10 -3
  77. package/dist/types/components/Button/index.d.ts +8 -298
  78. package/dist/types/components/Checkbox/checkbox.stories.d.ts +15 -3
  79. package/dist/types/components/Checkbox/checkbox.styled.d.ts +29 -12
  80. package/dist/types/components/Checkbox/index.d.ts +4 -1
  81. package/dist/types/components/Dialog/Dialog.stories.d.ts +9 -3
  82. package/dist/types/components/Dialog/index.d.ts +15 -25
  83. package/dist/types/components/Fab/Fab.stories.d.ts +25 -3
  84. package/dist/types/components/Fab/index.d.ts +301 -2
  85. package/dist/types/components/IconButton/IconButton.stories.d.ts +43 -3
  86. package/dist/types/components/IconButton/index.d.ts +5 -6
  87. package/dist/types/components/Input/Input.stories.d.ts +1 -1
  88. package/dist/types/components/Input/index.d.ts +4 -1
  89. package/dist/types/components/Layout/index.d.ts +16 -16
  90. package/dist/types/components/List/List.stories.d.ts +64 -4
  91. package/dist/types/components/List/index.d.ts +82 -13
  92. package/dist/types/components/Navigation/Navigation.stories.d.ts +9 -4
  93. package/dist/types/components/Navigation/index.d.ts +6 -9
  94. package/dist/types/components/RadioGroup/Radio.stories.d.ts +8 -3
  95. package/dist/types/components/RadioGroup/index.d.ts +10 -9
  96. package/dist/types/components/RadioGroup/radio.recipe.d.ts +1 -1
  97. package/dist/types/components/Select/Select.stories.d.ts +1 -9
  98. package/dist/types/components/Select/index.d.ts +75 -28
  99. package/dist/types/components/Select/select.recipe.d.ts +1 -1
  100. package/dist/types/components/Spinner/Spinner.stories.d.ts +1 -1
  101. package/dist/types/components/Spinner/index.d.ts +4 -1
  102. package/dist/types/components/Switch/Switch.stories.d.ts +1 -1
  103. package/dist/types/components/Switch/index.d.ts +5 -2
  104. package/dist/types/components/Switch/switch.styled.d.ts +89 -15
  105. package/dist/types/components/Tabs/Tabs.stories.d.ts +8 -4
  106. package/dist/types/components/Tabs/index.d.ts +208 -29
  107. package/dist/types/components/Tag/Tag.stories.d.ts +9 -4
  108. package/dist/types/components/Tag/index.d.ts +5 -2
  109. package/dist/types/components/Text/Text.stories.d.ts +25 -3
  110. package/dist/types/components/Text/index.d.ts +4 -276
  111. package/dist/types/components/TextArea/TextArea.stories.d.ts +9 -4
  112. package/dist/types/components/TextArea/index.d.ts +4 -1
  113. package/dist/types/components/Toast/Toast.stories.d.ts +9 -4
  114. package/dist/types/components/Toast/index.d.ts +47 -24
  115. package/dist/types/index.d.ts +0 -1
  116. package/dist/types/utils/with-polymorphic-component.d.ts +5 -4
  117. package/package.json +35 -40
  118. package/dist/ark-ui-BakX7_HR.cjs +0 -2
  119. package/dist/ark-ui-BakX7_HR.cjs.map +0 -1
  120. package/dist/ark-ui-BitYUtmQ.js +0 -6713
  121. package/dist/ark-ui-BitYUtmQ.js.map +0 -1
  122. package/dist/index-B4n-XEbJ.js.map +0 -1
  123. package/dist/index-BroabscA.cjs.map +0 -1
  124. package/dist/react-hot-toast-BQTk3w2h.cjs +0 -178
  125. package/dist/react-hot-toast-BQTk3w2h.cjs.map +0 -1
  126. package/dist/react-hot-toast-CPO7pUT3.js +0 -389
  127. package/dist/react-hot-toast-CPO7pUT3.js.map +0 -1
  128. package/dist/react-lottie-DTf3gNPc.cjs +0 -29
  129. package/dist/react-lottie-DTf3gNPc.cjs.map +0 -1
  130. package/dist/react-lottie-DygynGMG.js.map +0 -1
  131. package/dist/types/utils/create-style-context.d.ts +0 -20
  132. package/dist/types/utils/index.d.ts +0 -1
@@ -5,7 +5,306 @@ export type FabProps = HTMLStyledProps<'button'> & FabVariantProps & {
5
5
  };
6
6
  declare const _default: import('react').MemoExoticComponent<(<C extends "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any> = "button">(props: {
7
7
  as?: C | undefined;
8
- } & Omit<Omit<FabProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & Omit<import('react').PropsWithoutRef<import('react').ComponentProps<C>>, "as" | "key" | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement> | "loading" | "css"> & {
9
- ref?: import('react').Ref<import('react').ElementRef<C>> | undefined;
8
+ } & Omit<Omit<Omit<{
9
+ ref?: import('react').Ref<HTMLButtonElement> | undefined;
10
+ key?: import('react').Key | null | undefined;
11
+ disabled?: boolean | undefined | undefined;
12
+ form?: string | undefined | undefined;
13
+ formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
14
+ formEncType?: string | undefined | undefined;
15
+ formMethod?: string | undefined | undefined;
16
+ formNoValidate?: boolean | undefined | undefined;
17
+ formTarget?: string | undefined | undefined;
18
+ name?: string | undefined | undefined;
19
+ type?: "submit" | "reset" | "button" | undefined | undefined;
20
+ value?: string | number | readonly string[] | undefined;
21
+ defaultChecked?: boolean | undefined | undefined;
22
+ defaultValue?: string | number | readonly string[] | undefined;
23
+ suppressContentEditableWarning?: boolean | undefined | undefined;
24
+ suppressHydrationWarning?: boolean | undefined | undefined;
25
+ accessKey?: string | undefined | undefined;
26
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
27
+ autoFocus?: boolean | undefined | undefined;
28
+ className?: string | undefined | undefined;
29
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
30
+ contextMenu?: string | undefined | undefined;
31
+ dir?: string | undefined | undefined;
32
+ draggable?: (boolean | "true" | "false") | undefined;
33
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
34
+ hidden?: boolean | undefined | undefined;
35
+ id?: string | undefined | undefined;
36
+ lang?: string | undefined | undefined;
37
+ nonce?: string | undefined | undefined;
38
+ slot?: string | undefined | undefined;
39
+ spellCheck?: (boolean | "true" | "false") | undefined;
40
+ style?: import('react').CSSProperties | undefined;
41
+ tabIndex?: number | undefined | undefined;
42
+ title?: string | undefined | undefined;
43
+ translate?: "yes" | "no" | undefined | undefined;
44
+ radioGroup?: string | undefined | undefined;
45
+ role?: import('react').AriaRole | undefined;
46
+ about?: string | undefined | undefined;
47
+ content?: string | undefined | undefined;
48
+ datatype?: string | undefined | undefined;
49
+ inlist?: any;
50
+ prefix?: string | undefined | undefined;
51
+ property?: string | undefined | undefined;
52
+ rel?: string | undefined | undefined;
53
+ resource?: string | undefined | undefined;
54
+ rev?: string | undefined | undefined;
55
+ typeof?: string | undefined | undefined;
56
+ vocab?: string | undefined | undefined;
57
+ autoCorrect?: string | undefined | undefined;
58
+ autoSave?: string | undefined | undefined;
59
+ color?: string | undefined | undefined;
60
+ itemProp?: string | undefined | undefined;
61
+ itemScope?: boolean | undefined | undefined;
62
+ itemType?: string | undefined | undefined;
63
+ itemID?: string | undefined | undefined;
64
+ itemRef?: string | undefined | undefined;
65
+ results?: number | undefined | undefined;
66
+ security?: string | undefined | undefined;
67
+ unselectable?: "on" | "off" | undefined | undefined;
68
+ popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
69
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
70
+ popoverTarget?: string | undefined | undefined;
71
+ inert?: boolean | undefined | undefined;
72
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
73
+ is?: string | undefined | undefined;
74
+ exportparts?: string | undefined | undefined;
75
+ part?: string | undefined | undefined;
76
+ "aria-activedescendant"?: string | undefined | undefined;
77
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
78
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
79
+ "aria-braillelabel"?: string | undefined | undefined;
80
+ "aria-brailleroledescription"?: string | undefined | undefined;
81
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
82
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
83
+ "aria-colcount"?: number | undefined | undefined;
84
+ "aria-colindex"?: number | undefined | undefined;
85
+ "aria-colindextext"?: string | undefined | undefined;
86
+ "aria-colspan"?: number | undefined | undefined;
87
+ "aria-controls"?: string | undefined | undefined;
88
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
89
+ "aria-describedby"?: string | undefined | undefined;
90
+ "aria-description"?: string | undefined | undefined;
91
+ "aria-details"?: string | undefined | undefined;
92
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
93
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
94
+ "aria-errormessage"?: string | undefined | undefined;
95
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
96
+ "aria-flowto"?: string | undefined | undefined;
97
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
98
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
99
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
100
+ "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
101
+ "aria-keyshortcuts"?: string | undefined | undefined;
102
+ "aria-label"?: string | undefined | undefined;
103
+ "aria-labelledby"?: string | undefined | undefined;
104
+ "aria-level"?: number | undefined | undefined;
105
+ "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
106
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
107
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
108
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
109
+ "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
110
+ "aria-owns"?: string | undefined | undefined;
111
+ "aria-placeholder"?: string | undefined | undefined;
112
+ "aria-posinset"?: number | undefined | undefined;
113
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
114
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
115
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
116
+ "aria-required"?: (boolean | "true" | "false") | undefined;
117
+ "aria-roledescription"?: string | undefined | undefined;
118
+ "aria-rowcount"?: number | undefined | undefined;
119
+ "aria-rowindex"?: number | undefined | undefined;
120
+ "aria-rowindextext"?: string | undefined | undefined;
121
+ "aria-rowspan"?: number | undefined | undefined;
122
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
123
+ "aria-setsize"?: number | undefined | undefined;
124
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
125
+ "aria-valuemax"?: number | undefined | undefined;
126
+ "aria-valuemin"?: number | undefined | undefined;
127
+ "aria-valuenow"?: number | undefined | undefined;
128
+ "aria-valuetext"?: string | undefined | undefined;
129
+ children?: import('react').ReactNode;
130
+ dangerouslySetInnerHTML?: {
131
+ __html: string | TrustedHTML;
132
+ } | undefined | undefined;
133
+ onCopy?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
134
+ onCopyCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
135
+ onCut?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
136
+ onCutCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
137
+ onPaste?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
138
+ onPasteCapture?: import('react').ClipboardEventHandler<HTMLButtonElement> | undefined;
139
+ onCompositionEnd?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
140
+ onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
141
+ onCompositionStart?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
142
+ onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
143
+ onCompositionUpdate?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
144
+ onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLButtonElement> | undefined;
145
+ onFocus?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
146
+ onFocusCapture?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
147
+ onBlur?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
148
+ onBlurCapture?: import('react').FocusEventHandler<HTMLButtonElement> | undefined;
149
+ onChange?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
150
+ onChangeCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
151
+ onBeforeInput?: import('react').InputEventHandler<HTMLButtonElement> | undefined;
152
+ onBeforeInputCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
153
+ onInput?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
154
+ onInputCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
155
+ onReset?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
156
+ onResetCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
157
+ onSubmit?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
158
+ onSubmitCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
159
+ onInvalid?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
160
+ onInvalidCapture?: import('react').FormEventHandler<HTMLButtonElement> | undefined;
161
+ onLoad?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
162
+ onLoadCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
163
+ onError?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
164
+ onErrorCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
165
+ onKeyDown?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
166
+ onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
167
+ onKeyPress?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
168
+ onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
169
+ onKeyUp?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
170
+ onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLButtonElement> | undefined;
171
+ onAbort?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
172
+ onAbortCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
173
+ onCanPlay?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
174
+ onCanPlayCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
175
+ onCanPlayThrough?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
176
+ onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
177
+ onDurationChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
178
+ onDurationChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
179
+ onEmptied?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
180
+ onEmptiedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
181
+ onEncrypted?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
182
+ onEncryptedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
183
+ onEnded?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
184
+ onEndedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
185
+ onLoadedData?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
186
+ onLoadedDataCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
187
+ onLoadedMetadata?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
188
+ onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
189
+ onLoadStart?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
190
+ onLoadStartCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
191
+ onPause?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
192
+ onPauseCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
193
+ onPlay?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
194
+ onPlayCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
195
+ onPlaying?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
196
+ onPlayingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
197
+ onProgress?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
198
+ onProgressCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
199
+ onRateChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
200
+ onRateChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
201
+ onSeeked?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
202
+ onSeekedCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
203
+ onSeeking?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
204
+ onSeekingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
205
+ onStalled?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
206
+ onStalledCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
207
+ onSuspend?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
208
+ onSuspendCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
209
+ onTimeUpdate?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
210
+ onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
211
+ onVolumeChange?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
212
+ onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
213
+ onWaiting?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
214
+ onWaitingCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
215
+ onAuxClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
216
+ onAuxClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
217
+ onClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
218
+ onClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
219
+ onContextMenu?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
220
+ onContextMenuCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
221
+ onDoubleClick?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
222
+ onDoubleClickCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
223
+ onDrag?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
224
+ onDragCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
225
+ onDragEnd?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
226
+ onDragEndCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
227
+ onDragEnter?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
228
+ onDragEnterCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
229
+ onDragExit?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
230
+ onDragExitCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
231
+ onDragLeave?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
232
+ onDragLeaveCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
233
+ onDragOver?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
234
+ onDragOverCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
235
+ onDragStart?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
236
+ onDragStartCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
237
+ onDrop?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
238
+ onDropCapture?: import('react').DragEventHandler<HTMLButtonElement> | undefined;
239
+ onMouseDown?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
240
+ onMouseDownCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
241
+ onMouseEnter?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
242
+ onMouseLeave?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
243
+ onMouseMove?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
244
+ onMouseMoveCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
245
+ onMouseOut?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
246
+ onMouseOutCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
247
+ onMouseOver?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
248
+ onMouseOverCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
249
+ onMouseUp?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
250
+ onMouseUpCapture?: import('react').MouseEventHandler<HTMLButtonElement> | undefined;
251
+ onSelect?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
252
+ onSelectCapture?: import('react').ReactEventHandler<HTMLButtonElement> | undefined;
253
+ onTouchCancel?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
254
+ onTouchCancelCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
255
+ onTouchEnd?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
256
+ onTouchEndCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
257
+ onTouchMove?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
258
+ onTouchMoveCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
259
+ onTouchStart?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
260
+ onTouchStartCapture?: import('react').TouchEventHandler<HTMLButtonElement> | undefined;
261
+ onPointerDown?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
262
+ onPointerDownCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
263
+ onPointerMove?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
264
+ onPointerMoveCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
265
+ onPointerUp?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
266
+ onPointerUpCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
267
+ onPointerCancel?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
268
+ onPointerCancelCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
269
+ onPointerEnter?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
270
+ onPointerLeave?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
271
+ onPointerOver?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
272
+ onPointerOverCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
273
+ onPointerOut?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
274
+ onPointerOutCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
275
+ onGotPointerCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
276
+ onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
277
+ onLostPointerCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
278
+ onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLButtonElement> | undefined;
279
+ onScroll?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
280
+ onScrollCapture?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
281
+ onScrollEnd?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
282
+ onScrollEndCapture?: import('react').UIEventHandler<HTMLButtonElement> | undefined;
283
+ onWheel?: import('react').WheelEventHandler<HTMLButtonElement> | undefined;
284
+ onWheelCapture?: import('react').WheelEventHandler<HTMLButtonElement> | undefined;
285
+ onAnimationStart?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
286
+ onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
287
+ onAnimationEnd?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
288
+ onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
289
+ onAnimationIteration?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
290
+ onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
291
+ onToggle?: import('react').ToggleEventHandler<HTMLButtonElement> | undefined;
292
+ onBeforeToggle?: import('react').ToggleEventHandler<HTMLButtonElement> | undefined;
293
+ onTransitionCancel?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
294
+ onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
295
+ onTransitionEnd?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
296
+ onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
297
+ onTransitionRun?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
298
+ onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
299
+ onTransitionStart?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
300
+ onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
301
+ unstyled?: boolean | undefined | undefined;
302
+ as?: import('react').ElementType | undefined;
303
+ } & import('../../../styled-system/types').WithCss & {
304
+ color?: "neutral" | "neuroid_primary" | "zoltarina_primary" | "heyd_primary" | "heybee_primary" | "blackAlpha" | "whiteAlpha" | undefined;
305
+ } & {
306
+ loading?: boolean;
307
+ }, "ref">, "as">, "as"> & Omit<import('react').PropsWithoutRef<import('react').ComponentProps<C>>, "as" | "key" | "unstyled" | "css" | "loading" | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement>> & {
308
+ ref?: import('react').ComponentPropsWithRef<C>["ref"] | undefined;
10
309
  }) => React.ReactElement)>;
11
310
  export default _default;
@@ -1,6 +1,46 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { default as IconButton } from './index';
3
- declare const meta: Meta<typeof IconButton>;
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { IconButtonProps } from './index';
3
+ declare const meta: {
4
+ title: string;
5
+ component: {
6
+ ({ loading, disabled, children, color, variant, size, onClick, preserveIconSize, ref, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
7
+ displayName: string;
8
+ };
9
+ parameters: {
10
+ layout: string;
11
+ };
12
+ tags: string[];
13
+ argTypes: {
14
+ variant: {
15
+ control: "select";
16
+ options: string[];
17
+ };
18
+ size: {
19
+ control: "select";
20
+ options: string[];
21
+ };
22
+ color: {
23
+ control: "select";
24
+ options: string[];
25
+ };
26
+ disabled: {
27
+ control: "boolean";
28
+ defaultValue: boolean;
29
+ };
30
+ loading: {
31
+ control: "boolean";
32
+ defaultValue: boolean;
33
+ };
34
+ preserveIconSize: {
35
+ control: "boolean";
36
+ defaultValue: boolean;
37
+ description: string;
38
+ };
39
+ };
40
+ args: {
41
+ onClick: import('vitest').Mock<(...args: any[]) => any>;
42
+ };
43
+ };
4
44
  export default meta;
5
45
  type Story = StoryObj<typeof meta>;
6
46
  export declare const DefaultIconButton: Story;
@@ -5,9 +5,8 @@ export type IconButtonProps = HTMLStyledProps<'button'> & IconButtonVariantProps
5
5
  /** 아이콘 컴포넌트의 size prop을 우선시할지 여부 (기본값: false) */
6
6
  preserveIconSize?: boolean;
7
7
  };
8
- declare const _default: import('react').MemoExoticComponent<(<C extends "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "search" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import('react').ComponentType<any> = "button">(props: {
9
- as?: C | undefined;
10
- } & Omit<Omit<IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & Omit<import('react').PropsWithoutRef<import('react').ComponentProps<C>>, "as" | "key" | keyof import('react').ButtonHTMLAttributes<HTMLButtonElement> | "loading" | "size" | "css" | "variant" | "preserveIconSize"> & {
11
- ref?: import('react').Ref<import('react').ElementRef<C>> | undefined;
12
- }) => React.ReactElement)>;
13
- export default _default;
8
+ declare const IconButton: {
9
+ ({ loading, disabled, children, color, variant, size, onClick, preserveIconSize, ref, ...rest }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
10
+ displayName: string;
11
+ };
12
+ export default IconButton;
@@ -1,4 +1,4 @@
1
- import { Meta, StoryObj } from '@storybook/react';
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
2
  import { default as Input } from './index';
3
3
  declare const meta: Meta<typeof Input>;
4
4
  export default meta;
@@ -15,5 +15,8 @@ export type InputProps = Assign<HTMLStyledProps<'input'>, InputVariantProps> & {
15
15
  fontSize?: number;
16
16
  containerCss?: SystemStyleObject;
17
17
  };
18
- declare const _default: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>>;
18
+ declare const _default: import('react').MemoExoticComponent<{
19
+ ({ required, disabled, label, description, labelPosition, textLimit, variant, color, radius, onChange, className, containerCss, startAdornment, endAdornment, removeBorder, error, fontSize, ref, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
20
+ displayName: string;
21
+ }>;
19
22
  export default _default;