@dimasbaguspm/versaur 0.0.8 → 0.0.9

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 (260) hide show
  1. package/README.md +5 -44
  2. package/dist/calendar-DwRERSxq.js +645 -0
  3. package/dist/drawer-Cn7sreJG.js +221 -0
  4. package/dist/enforce-subpath-import.js +106 -0
  5. package/dist/feedbacks/index.d.ts +3 -0
  6. package/dist/feedbacks/index.js +6 -0
  7. package/dist/feedbacks/progress-indicator/index.d.ts +2 -0
  8. package/dist/feedbacks/progress-indicator/progress-indicator.d.ts +7 -0
  9. package/dist/feedbacks/progress-indicator/types.d.ts +19 -0
  10. package/dist/form-layout-COQbtyW5.js +302 -0
  11. package/dist/{components → forms}/calculator-input/types.d.ts +2 -2
  12. package/dist/forms/index.d.ts +12 -0
  13. package/dist/forms/index.js +18 -0
  14. package/dist/{components → forms}/segment-multiple-input/types.d.ts +4 -0
  15. package/dist/{components → forms}/segment-single-input/types.d.ts +4 -0
  16. package/dist/{components → forms}/time-picker-input/types.d.ts +1 -1
  17. package/dist/index-DOdDlCoL.js +3055 -0
  18. package/dist/index.d.ts +6 -2
  19. package/dist/index.js +50 -7727
  20. package/dist/layouts/form-layout/form-layout.d.ts +4 -0
  21. package/dist/layouts/form-layout/index.d.ts +2 -0
  22. package/dist/layouts/form-layout/types.d.ts +20 -0
  23. package/dist/layouts/index.d.ts +5 -0
  24. package/dist/layouts/index.js +8 -0
  25. package/dist/menu--hEHXVZf.js +315 -0
  26. package/dist/navigation/index.d.ts +2 -0
  27. package/dist/navigation/index.js +5 -0
  28. package/dist/{components → navigation}/tabs/types.d.ts +4 -0
  29. package/dist/overlays/index.d.ts +3 -0
  30. package/dist/overlays/index.js +7 -0
  31. package/dist/{components → overlays}/menu/menu.atoms.d.ts +1 -1
  32. package/dist/{components → overlays}/menu/menu.d.ts +1 -1
  33. package/dist/{components → overlays}/menu/types.d.ts +1 -1
  34. package/dist/primitive/brand/brand.atoms.d.ts +6 -0
  35. package/dist/primitive/brand/brand.d.ts +8 -0
  36. package/dist/primitive/brand/index.d.ts +2 -0
  37. package/dist/primitive/brand/types.d.ts +17 -0
  38. package/dist/{components → primitive}/button-icon/types.d.ts +1 -1
  39. package/dist/primitive/index.d.ts +14 -0
  40. package/dist/primitive/index.js +18 -0
  41. package/dist/skeleton-DwqjRsF-.js +277 -0
  42. package/dist/styles.css +4 -0
  43. package/dist/switch-input-DRNFMsqC.js +1985 -0
  44. package/dist/tabs-KyFmo5cA.js +310 -0
  45. package/dist/tile-BinjKW_i.js +921 -0
  46. package/package.json +24 -2
  47. package/dist/components/alert/alert.stories.d.ts +0 -42
  48. package/dist/components/alert/helpers.d.ts +0 -14
  49. package/dist/components/app-bar/app-bar.stories.d.ts +0 -21
  50. package/dist/components/app-bar/helpers.d.ts +0 -6
  51. package/dist/components/avatar/avatar.stories.d.ts +0 -42
  52. package/dist/components/avatar/helpers.d.ts +0 -14
  53. package/dist/components/badge/badge.stories.d.ts +0 -50
  54. package/dist/components/badge/helpers.d.ts +0 -11
  55. package/dist/components/bottom-bar/bottom-bar.stories.d.ts +0 -6
  56. package/dist/components/bottom-bar/helpers.d.ts +0 -7
  57. package/dist/components/breadcrumbs/breadcrumbs.stories.d.ts +0 -7
  58. package/dist/components/breadcrumbs/helpers.d.ts +0 -7
  59. package/dist/components/button/button.stories.d.ts +0 -50
  60. package/dist/components/button-float/button-float.stories.d.ts +0 -27
  61. package/dist/components/button-float/helpers.d.ts +0 -4
  62. package/dist/components/button-icon/button-icon.stories.d.ts +0 -45
  63. package/dist/components/button-icon/helpers.d.ts +0 -11
  64. package/dist/components/calculator/calculator.stories.d.ts +0 -8
  65. package/dist/components/calculator/helpers.d.ts +0 -7
  66. package/dist/components/calculator-input/calculator-input.stories.d.ts +0 -8
  67. package/dist/components/calculator-input/helpers.d.ts +0 -3
  68. package/dist/components/calendar/calendar.stories.d.ts +0 -6
  69. package/dist/components/checkbox-input/checkbox-input.stories.d.ts +0 -44
  70. package/dist/components/checkbox-input/context.d.ts +0 -10
  71. package/dist/components/checkbox-input/helpers.d.ts +0 -11
  72. package/dist/components/chip-input/chip-input.stories.d.ts +0 -12
  73. package/dist/components/chip-input/context.d.ts +0 -11
  74. package/dist/components/chip-input/helpers.d.ts +0 -4
  75. package/dist/components/date-single-picker-input/date-single-picker-input.docked.stories.d.ts +0 -10
  76. package/dist/components/date-single-picker-input/date-single-picker-input.modal.stories.d.ts +0 -10
  77. package/dist/components/date-single-picker-input/helpers.d.ts +0 -3
  78. package/dist/components/drawer/context.d.ts +0 -11
  79. package/dist/components/drawer/drawer.stories.d.ts +0 -42
  80. package/dist/components/drawer/helpers.d.ts +0 -40
  81. package/dist/components/icon/helpers.d.ts +0 -4
  82. package/dist/components/icon/icon.stories.d.ts +0 -39
  83. package/dist/components/index.d.ts +0 -35
  84. package/dist/components/loading-indicator/helpers.d.ts +0 -9
  85. package/dist/components/loading-indicator/loading-indicator.stories.d.ts +0 -16
  86. package/dist/components/menu/context.d.ts +0 -13
  87. package/dist/components/menu/helpers.d.ts +0 -8
  88. package/dist/components/menu/menu.stories.d.ts +0 -22
  89. package/dist/components/modal/helpers.d.ts +0 -7
  90. package/dist/components/modal/modal.stories.d.ts +0 -13
  91. package/dist/components/page-layout/helpers.d.ts +0 -6
  92. package/dist/components/page-layout/page-layout.stories.d.ts +0 -8
  93. package/dist/components/radio-input/context.d.ts +0 -11
  94. package/dist/components/radio-input/helpers.d.ts +0 -11
  95. package/dist/components/radio-input/radio-input.stories.d.ts +0 -74
  96. package/dist/components/segment-multiple-input/context.d.ts +0 -12
  97. package/dist/components/segment-multiple-input/helpers.d.ts +0 -15
  98. package/dist/components/segment-multiple-input/segment-multiple-input.stories.d.ts +0 -66
  99. package/dist/components/segment-single-input/context.d.ts +0 -12
  100. package/dist/components/segment-single-input/helpers.d.ts +0 -15
  101. package/dist/components/segment-single-input/segment-single-input.stories.d.ts +0 -57
  102. package/dist/components/select-input/helpers.d.ts +0 -3
  103. package/dist/components/select-input/select-input.stories.d.ts +0 -50
  104. package/dist/components/skeleton/helpers.d.ts +0 -6
  105. package/dist/components/skeleton/skeleton.stories.d.ts +0 -25
  106. package/dist/components/snackbar/helpers.d.ts +0 -8
  107. package/dist/components/snackbar/snackbar.stories.d.ts +0 -8
  108. package/dist/components/switch-input/helpers.d.ts +0 -18
  109. package/dist/components/switch-input/switch-input.stories.d.ts +0 -10
  110. package/dist/components/table/context.d.ts +0 -3
  111. package/dist/components/table/helpers.d.ts +0 -2
  112. package/dist/components/table/table.stories.d.ts +0 -27
  113. package/dist/components/tabs/context.d.ts +0 -3
  114. package/dist/components/tabs/helpers.d.ts +0 -8
  115. package/dist/components/tabs/tabs.stories.d.ts +0 -17
  116. package/dist/components/text/helpers.d.ts +0 -18
  117. package/dist/components/text/text.stories.d.ts +0 -17
  118. package/dist/components/text-input/helpers.d.ts +0 -3
  119. package/dist/components/text-input/text-input.stories.d.ts +0 -20
  120. package/dist/components/textarea-input/helpers.d.ts +0 -4
  121. package/dist/components/textarea-input/textarea-input.stories.d.ts +0 -50
  122. package/dist/components/tile/helpers.d.ts +0 -8
  123. package/dist/components/tile/tile.stories.d.ts +0 -35
  124. package/dist/components/time-picker-input/helpers.d.ts +0 -4
  125. package/dist/components/time-picker-input/time-picker-input.stories.d.ts +0 -7
  126. package/dist/components/top-bar/helpers.d.ts +0 -26
  127. package/dist/components/top-bar/top-bar.stories.d.ts +0 -15
  128. package/dist/hooks/index.d.ts +0 -1
  129. package/dist/hooks/use-floating-position/index.d.ts +0 -1
  130. /package/dist/{components → feedbacks}/loading-indicator/index.d.ts +0 -0
  131. /package/dist/{components → feedbacks}/loading-indicator/loading-indicator.atoms.d.ts +0 -0
  132. /package/dist/{components → feedbacks}/loading-indicator/loading-indicator.d.ts +0 -0
  133. /package/dist/{components → feedbacks}/loading-indicator/types.d.ts +0 -0
  134. /package/dist/{components → feedbacks}/skeleton/index.d.ts +0 -0
  135. /package/dist/{components → feedbacks}/skeleton/skeleton.d.ts +0 -0
  136. /package/dist/{components → feedbacks}/skeleton/types.d.ts +0 -0
  137. /package/dist/{components → forms}/calculator-input/calculator-input.atoms.d.ts +0 -0
  138. /package/dist/{components → forms}/calculator-input/calculator-input.d.ts +0 -0
  139. /package/dist/{components → forms}/calculator-input/index.d.ts +0 -0
  140. /package/dist/{components → forms}/checkbox-input/checkbox-input.atoms.d.ts +0 -0
  141. /package/dist/{components → forms}/checkbox-input/checkbox-input.d.ts +0 -0
  142. /package/dist/{components → forms}/checkbox-input/index.d.ts +0 -0
  143. /package/dist/{components → forms}/checkbox-input/types.d.ts +0 -0
  144. /package/dist/{components → forms}/chip-input/chip-input.atoms.d.ts +0 -0
  145. /package/dist/{components → forms}/chip-input/chip-input.d.ts +0 -0
  146. /package/dist/{components → forms}/chip-input/index.d.ts +0 -0
  147. /package/dist/{components → forms}/chip-input/types.d.ts +0 -0
  148. /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.atoms.d.ts +0 -0
  149. /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.d.ts +0 -0
  150. /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.docked.d.ts +0 -0
  151. /package/dist/{components → forms}/date-single-picker-input/date-single-picker-input.modal.d.ts +0 -0
  152. /package/dist/{components → forms}/date-single-picker-input/index.d.ts +0 -0
  153. /package/dist/{components → forms}/date-single-picker-input/types.d.ts +0 -0
  154. /package/dist/{components → forms}/date-single-picker-input/use-date-single-picker.d.ts +0 -0
  155. /package/dist/{components → forms}/radio-input/index.d.ts +0 -0
  156. /package/dist/{components → forms}/radio-input/radio-input.atoms.d.ts +0 -0
  157. /package/dist/{components → forms}/radio-input/radio-input.d.ts +0 -0
  158. /package/dist/{components → forms}/radio-input/types.d.ts +0 -0
  159. /package/dist/{components → forms}/segment-multiple-input/index.d.ts +0 -0
  160. /package/dist/{components → forms}/segment-multiple-input/segment-multiple-input.atoms.d.ts +0 -0
  161. /package/dist/{components → forms}/segment-multiple-input/segment-multiple-input.d.ts +0 -0
  162. /package/dist/{components → forms}/segment-single-input/index.d.ts +0 -0
  163. /package/dist/{components → forms}/segment-single-input/segment-single-input.atoms.d.ts +0 -0
  164. /package/dist/{components → forms}/segment-single-input/segment-single-input.d.ts +0 -0
  165. /package/dist/{components → forms}/select-input/index.d.ts +0 -0
  166. /package/dist/{components → forms}/select-input/select-input.d.ts +0 -0
  167. /package/dist/{components → forms}/select-input/types.d.ts +0 -0
  168. /package/dist/{components → forms}/switch-input/index.d.ts +0 -0
  169. /package/dist/{components → forms}/switch-input/switch-input.atoms.d.ts +0 -0
  170. /package/dist/{components → forms}/switch-input/switch-input.d.ts +0 -0
  171. /package/dist/{components → forms}/switch-input/types.d.ts +0 -0
  172. /package/dist/{components → forms}/text-input/index.d.ts +0 -0
  173. /package/dist/{components → forms}/text-input/text-input.d.ts +0 -0
  174. /package/dist/{components → forms}/text-input/types.d.ts +0 -0
  175. /package/dist/{components → forms}/textarea-input/index.d.ts +0 -0
  176. /package/dist/{components → forms}/textarea-input/textarea-input.d.ts +0 -0
  177. /package/dist/{components → forms}/textarea-input/types.d.ts +0 -0
  178. /package/dist/{components → forms}/time-picker-input/index.d.ts +0 -0
  179. /package/dist/{components → forms}/time-picker-input/time-picker-input.atoms.d.ts +0 -0
  180. /package/dist/{components → forms}/time-picker-input/time-picker-input.d.ts +0 -0
  181. /package/dist/{components → layouts}/app-bar/app-bar.atoms.d.ts +0 -0
  182. /package/dist/{components → layouts}/app-bar/app-bar.d.ts +0 -0
  183. /package/dist/{components → layouts}/app-bar/index.d.ts +0 -0
  184. /package/dist/{components → layouts}/app-bar/types.d.ts +0 -0
  185. /package/dist/{components → layouts}/bottom-bar/bottom-bar.atoms.d.ts +0 -0
  186. /package/dist/{components → layouts}/bottom-bar/bottom-bar.d.ts +0 -0
  187. /package/dist/{components → layouts}/bottom-bar/index.d.ts +0 -0
  188. /package/dist/{components → layouts}/bottom-bar/types.d.ts +0 -0
  189. /package/dist/{components → layouts}/page-layout/index.d.ts +0 -0
  190. /package/dist/{components → layouts}/page-layout/page-layout.d.ts +0 -0
  191. /package/dist/{components → layouts}/page-layout/types.d.ts +0 -0
  192. /package/dist/{components → layouts}/top-bar/index.d.ts +0 -0
  193. /package/dist/{components → layouts}/top-bar/top-bar.atoms.d.ts +0 -0
  194. /package/dist/{components → layouts}/top-bar/top-bar.d.ts +0 -0
  195. /package/dist/{components → layouts}/top-bar/types.d.ts +0 -0
  196. /package/dist/{components → navigation}/breadcrumbs/breadcrumbs.atoms.d.ts +0 -0
  197. /package/dist/{components → navigation}/breadcrumbs/breadcrumbs.d.ts +0 -0
  198. /package/dist/{components → navigation}/breadcrumbs/index.d.ts +0 -0
  199. /package/dist/{components → navigation}/breadcrumbs/types.d.ts +0 -0
  200. /package/dist/{components → navigation}/tabs/index.d.ts +0 -0
  201. /package/dist/{components → navigation}/tabs/tabs.atoms.d.ts +0 -0
  202. /package/dist/{components → navigation}/tabs/tabs.d.ts +0 -0
  203. /package/dist/{components → navigation}/tabs/use-tab-indicator.d.ts +0 -0
  204. /package/dist/{components → overlays}/drawer/drawer.atoms.d.ts +0 -0
  205. /package/dist/{components → overlays}/drawer/drawer.d.ts +0 -0
  206. /package/dist/{components → overlays}/drawer/index.d.ts +0 -0
  207. /package/dist/{components → overlays}/drawer/types.d.ts +0 -0
  208. /package/dist/{components → overlays}/menu/index.d.ts +0 -0
  209. /package/dist/{components → overlays}/menu/use-menu.d.ts +0 -0
  210. /package/dist/{components → overlays}/modal/index.d.ts +0 -0
  211. /package/dist/{components → overlays}/modal/modal.atoms.d.ts +0 -0
  212. /package/dist/{components → overlays}/modal/modal.d.ts +0 -0
  213. /package/dist/{components → overlays}/modal/types.d.ts +0 -0
  214. /package/dist/{components → overlays}/modal/use-escape-close.d.ts +0 -0
  215. /package/dist/{components → overlays}/modal/use-focus-trap.d.ts +0 -0
  216. /package/dist/{components → primitive}/alert/alert.atoms.d.ts +0 -0
  217. /package/dist/{components → primitive}/alert/alert.d.ts +0 -0
  218. /package/dist/{components → primitive}/alert/index.d.ts +0 -0
  219. /package/dist/{components → primitive}/alert/types.d.ts +0 -0
  220. /package/dist/{components → primitive}/avatar/avatar.atoms.d.ts +0 -0
  221. /package/dist/{components → primitive}/avatar/avatar.d.ts +0 -0
  222. /package/dist/{components → primitive}/avatar/index.d.ts +0 -0
  223. /package/dist/{components → primitive}/avatar/types.d.ts +0 -0
  224. /package/dist/{components → primitive}/badge/badge.d.ts +0 -0
  225. /package/dist/{components → primitive}/badge/index.d.ts +0 -0
  226. /package/dist/{components → primitive}/badge/types.d.ts +0 -0
  227. /package/dist/{components → primitive}/button/button.d.ts +0 -0
  228. /package/dist/{components → primitive}/button/index.d.ts +0 -0
  229. /package/dist/{components → primitive}/button/types.d.ts +0 -0
  230. /package/dist/{components → primitive}/button-float/button-float.d.ts +0 -0
  231. /package/dist/{components → primitive}/button-float/index.d.ts +0 -0
  232. /package/dist/{components → primitive}/button-float/types.d.ts +0 -0
  233. /package/dist/{hooks/use-floating-position → primitive/button-float}/use-floating-position.d.ts +0 -0
  234. /package/dist/{components → primitive}/button-icon/button-icon.d.ts +0 -0
  235. /package/dist/{components → primitive}/button-icon/index.d.ts +0 -0
  236. /package/dist/{components → primitive}/calculator/calculator.atoms.d.ts +0 -0
  237. /package/dist/{components → primitive}/calculator/calculator.d.ts +0 -0
  238. /package/dist/{components → primitive}/calculator/index.d.ts +0 -0
  239. /package/dist/{components → primitive}/calculator/types.d.ts +0 -0
  240. /package/dist/{components → primitive}/calculator/use-calculator.d.ts +0 -0
  241. /package/dist/{components → primitive}/calendar/calendar.d.ts +0 -0
  242. /package/dist/{components → primitive}/calendar/index.d.ts +0 -0
  243. /package/dist/{components → primitive}/calendar/types.d.ts +0 -0
  244. /package/dist/{components → primitive}/icon/icon.d.ts +0 -0
  245. /package/dist/{components → primitive}/icon/index.d.ts +0 -0
  246. /package/dist/{components → primitive}/icon/types.d.ts +0 -0
  247. /package/dist/{components → primitive}/snackbar/index.d.ts +0 -0
  248. /package/dist/{components → primitive}/snackbar/snackbar.atoms.d.ts +0 -0
  249. /package/dist/{components → primitive}/snackbar/snackbar.d.ts +0 -0
  250. /package/dist/{components → primitive}/snackbar/types.d.ts +0 -0
  251. /package/dist/{components → primitive}/table/index.d.ts +0 -0
  252. /package/dist/{components → primitive}/table/table.atoms.d.ts +0 -0
  253. /package/dist/{components → primitive}/table/table.d.ts +0 -0
  254. /package/dist/{components → primitive}/table/types.d.ts +0 -0
  255. /package/dist/{components → primitive}/text/index.d.ts +0 -0
  256. /package/dist/{components → primitive}/text/text.d.ts +0 -0
  257. /package/dist/{components → primitive}/text/types.d.ts +0 -0
  258. /package/dist/{components → primitive}/tile/index.d.ts +0 -0
  259. /package/dist/{components → primitive}/tile/tile.d.ts +0 -0
  260. /package/dist/{components → primitive}/tile/types.d.ts +0 -0
@@ -1,42 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { Drawer } from './drawer';
3
- declare const meta: Meta<typeof Drawer>;
4
- export default meta;
5
- type Story = StoryObj<typeof Drawer>;
6
- /**
7
- * Default drawer with standard settings
8
- * Shows a basic controlled drawer with header, body, and footer sections
9
- */
10
- export declare const Default: Story;
11
- /**
12
- * Left position drawer
13
- * Demonstrates a drawer that slides in from the left side
14
- */
15
- export declare const LeftPosition: Story;
16
- /**
17
- * Glass variant drawer
18
- * Shows the glass variant with transparent backdrop blur effects on the drawer content
19
- * The overlay remains dark to maintain focus, while the drawer itself becomes glass-like
20
- */
21
- export declare const GlassVariant: Story;
22
- /**
23
- * Large size drawer
24
- * Demonstrates different drawer sizes
25
- */
26
- export declare const LargeSize: Story;
27
- /**
28
- * Three-quarters width drawer
29
- * Shows a drawer that takes 75% of the viewport width, ideal for dashboards or complex forms
30
- */
31
- export declare const ThreeQuartersWidth: Story;
32
- /**
33
- * Full width drawer
34
- * Shows a drawer that takes the full width of the viewport
35
- */
36
- export declare const FullWidth: Story;
37
- /**
38
- * Custom footer layout (non-responsive)
39
- * Shows how to disable the responsive behavior for custom button arrangements
40
- */
41
- export declare const CustomFooterLayout: Story;
42
- export declare const Fade: Story;
@@ -1,40 +0,0 @@
1
- /**
2
- * Drawer overlay variants using CVA
3
- * Always provides a dark blurred background to help users focus on the drawer content
4
- */
5
- export declare const drawerOverlayVariants: (props?: ({
6
- state?: "open" | "closed" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- /**
9
- * Drawer content variants using CVA
10
- * Provides different sizes, positions, and visual styles for the drawer content
11
- * Glass variant creates a transparent glass-like appearance with backdrop blur
12
- */
13
- export declare const drawerVariants: (props?: ({
14
- position?: "right" | "left" | null | undefined;
15
- size?: "sm" | "md" | "lg" | "xl" | "3/4" | "full" | null | undefined;
16
- variant?: "default" | "glass" | null | undefined;
17
- transitionType?: "slide" | "fade" | null | undefined;
18
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
19
- /**
20
- * Drawer header variants
21
- * Glass variant creates a transparent header that maintains layout structure
22
- */
23
- export declare const drawerHeaderVariants: (props?: ({
24
- variant?: "default" | "glass" | null | undefined;
25
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
26
- /**
27
- * Drawer body variants
28
- */
29
- export declare const drawerBodyVariants: (props?: ({
30
- variant?: "default" | "glass" | null | undefined;
31
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
32
- /**
33
- * Drawer footer variants
34
- * Glass variant creates a transparent footer that maintains layout structure
35
- * Responsive flex behavior: on small screens children expand, on larger screens children are right-aligned and sized to content
36
- */
37
- export declare const drawerFooterVariants: (props?: ({
38
- variant?: "default" | "glass" | null | undefined;
39
- responsiveFlex?: boolean | null | undefined;
40
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,4 +0,0 @@
1
- export declare const iconVariants: (props?: ({
2
- size?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
3
- color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
4
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,39 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- component: import('react').ForwardRefExoticComponent<Omit<import('./types').IconProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
4
- tags: string[];
5
- };
6
- export default _default;
7
- export declare const Basic: {
8
- render: () => import("react/jsx-runtime").JSX.Element;
9
- name: string;
10
- parameters: {
11
- docs: {
12
- description: {
13
- story: string;
14
- };
15
- };
16
- };
17
- };
18
- export declare const AllSizes: {
19
- render: () => import("react/jsx-runtime").JSX.Element;
20
- name: string;
21
- parameters: {
22
- docs: {
23
- description: {
24
- story: string;
25
- };
26
- };
27
- };
28
- };
29
- export declare const AllColors: {
30
- render: () => import("react/jsx-runtime").JSX.Element;
31
- name: string;
32
- parameters: {
33
- docs: {
34
- description: {
35
- story: string;
36
- };
37
- };
38
- };
39
- };
@@ -1,35 +0,0 @@
1
- export * from './alert';
2
- export * from './app-bar';
3
- export * from './avatar';
4
- export * from './badge';
5
- export * from './bottom-bar';
6
- export * from './breadcrumbs';
7
- export * from './button';
8
- export * from './button-icon';
9
- export * from './button-float';
10
- export * from './calculator';
11
- export * from './calculator-input';
12
- export * from './calendar';
13
- export * from './checkbox-input';
14
- export * from './chip-input';
15
- export * from './date-single-picker-input';
16
- export * from './drawer';
17
- export * from './icon';
18
- export * from './menu';
19
- export * from './radio-input';
20
- export * from './segment-single-input';
21
- export * from './segment-multiple-input';
22
- export * from './select-input';
23
- export * from './snackbar';
24
- export * from './table';
25
- export * from './tabs';
26
- export * from './text';
27
- export * from './text-input';
28
- export * from './textarea-input';
29
- export * from './tile';
30
- export * from './time-picker-input';
31
- export * from './top-bar';
32
- export * from './loading-indicator';
33
- export * from './page-layout';
34
- export * from './switch-input';
35
- export * from './skeleton';
@@ -1,9 +0,0 @@
1
- export declare const spinnerVariants: (props?: ({
2
- size?: "sm" | "md" | "lg" | null | undefined;
3
- color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
4
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
- export declare const barVariants: (props?: ({
6
- color?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | null | undefined;
7
- size?: "sm" | "md" | "lg" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
9
- export declare const getBarBgClass: (color: string) => "bg-coral" | "bg-sage" | "bg-mist" | "bg-slate" | "bg-neutral" | "bg-success" | "bg-info" | "bg-warning" | "bg-danger";
@@ -1,16 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: import('react').ForwardRefExoticComponent<import('./types').LoadingIndicatorProps & import('react').RefAttributes<HTMLDivElement>>;
5
- tags: string[];
6
- };
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- /**
10
- * Spinner Variants - All colors
11
- */
12
- export declare const SpinnerVariants: Story;
13
- /**
14
- * Bar Variants - All colors
15
- */
16
- export declare const BarVariants: Story;
@@ -1,13 +0,0 @@
1
- import { MenuSize } from './types';
2
- export interface MenuContextValue {
3
- /** Whether the menu is open (controlled externally) */
4
- open: boolean;
5
- /** Ref to the trigger button */
6
- triggerRef: React.RefObject<HTMLButtonElement | null>;
7
- /** Ref to the menu content */
8
- contentRef: React.RefObject<HTMLDivElement | null>;
9
- /** Menu size variant */
10
- size: MenuSize;
11
- }
12
- export declare const MenuContext: import('react').Context<MenuContextValue | null>;
13
- export declare const useMenuContext: () => MenuContextValue;
@@ -1,8 +0,0 @@
1
- export declare const menuVariants: (props?: ({
2
- variant?: "default" | "outline" | null | undefined;
3
- size?: "sm" | "md" | null | undefined;
4
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
5
- export declare const menuItemVariants: (props?: ({
6
- variant?: "default" | "outline" | null | undefined;
7
- size?: "sm" | "md" | null | undefined;
8
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,22 +0,0 @@
1
- /**
2
- * Menu stories for Storybook
3
- * Group: Menu
4
- */
5
- declare const _default: {
6
- title: string;
7
- component: import('react').FC<import('./types').MenuRootProps> & {
8
- Trigger: import('react').ForwardRefExoticComponent<import('./types').MenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
9
- Content: import('react').ForwardRefExoticComponent<import('./types').MenuContentProps & import('react').RefAttributes<HTMLDivElement>>;
10
- Item: import('react').ForwardRefExoticComponent<import('./types').MenuItemProps & import('react').RefAttributes<HTMLButtonElement>>;
11
- };
12
- parameters: {
13
- docs: {
14
- description: {
15
- component: string;
16
- };
17
- };
18
- };
19
- };
20
- export default _default;
21
- export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
22
- export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +0,0 @@
1
- export declare const modalOverlayVariants: (props?: ({
2
- placement?: "center" | "top" | null | undefined;
3
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
4
- export declare const modalContentVariants: (props?: ({
5
- size?: "sm" | "md" | "lg" | null | undefined;
6
- placement?: "center" | "top" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- declare const _default: {
3
- title: string;
4
- component: React.FC<import('./types').ModalRootProps> & {
5
- Header: React.ForwardRefExoticComponent<import('./types').ModalHeaderProps & React.RefAttributes<HTMLDivElement>>;
6
- Body: React.ForwardRefExoticComponent<import('./types').ModalBodyProps & React.RefAttributes<HTMLDivElement>>;
7
- Footer: React.ForwardRefExoticComponent<import('./types').ModalFooterProps & React.RefAttributes<HTMLDivElement>>;
8
- };
9
- };
10
- export default _default;
11
- export declare function Default(): import("react/jsx-runtime").JSX.Element;
12
- export declare const Sizes: () => import("react/jsx-runtime").JSX.Element;
13
- export declare const Placement: () => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- /**
2
- * Tailwind variants for PageLayout
3
- */
4
- export declare const pageLayoutVariants: (props?: ({
5
- type?: "mobile" | "desktop" | "tablet" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { PageLayout } from './page-layout';
3
- declare const meta: Meta<typeof PageLayout>;
4
- export default meta;
5
- type Story = StoryObj<typeof PageLayout>;
6
- export declare const Desktop: Story;
7
- export declare const Tablet: Story;
8
- export declare const Mobile: Story;
@@ -1,11 +0,0 @@
1
- import { RadioInputProps } from './types';
2
- interface RadioInputContextValue {
3
- variant: RadioInputProps['variant'];
4
- size: RadioInputProps['size'];
5
- disabled?: boolean;
6
- error?: boolean;
7
- name: string;
8
- }
9
- export declare const RadioInputContext: import('react').Context<RadioInputContextValue | null>;
10
- export declare const useRadioInputContext: () => RadioInputContextValue;
11
- export {};
@@ -1,11 +0,0 @@
1
- export declare const radioGroupVariants: (props?: ({
2
- direction?: "horizontal" | "vertical" | null | undefined;
3
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
4
- export declare const radioOptionVariants: (props?: ({
5
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
6
- size?: "sm" | "md" | "lg" | null | undefined;
7
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
8
- export declare const radioLabelVariants: (props?: ({
9
- size?: "sm" | "md" | "lg" | null | undefined;
10
- disabled?: boolean | null | undefined;
11
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,74 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- import { RadioInputProps } from './types';
3
- /**
4
- * RadioInput provides a radio button group with Versaur's design system styling.
5
- * Perfect for single-selection scenarios with clear visual hierarchy and accessibility.
6
- *
7
- * This component follows the compound pattern with RadioInput.Option for flexible composition.
8
- */
9
- declare const meta: {
10
- title: string;
11
- component: import('react').ForwardRefExoticComponent<RadioInputProps & import('react').RefAttributes<HTMLDivElement>> & {
12
- Option: import('react').ForwardRefExoticComponent<import('./types').RadioOptionProps & import('react').RefAttributes<HTMLInputElement>>;
13
- };
14
- parameters: {
15
- layout: string;
16
- docs: {
17
- description: {
18
- component: string;
19
- };
20
- };
21
- };
22
- argTypes: {
23
- variant: {
24
- control: "select";
25
- options: string[];
26
- };
27
- size: {
28
- control: "select";
29
- options: string[];
30
- };
31
- direction: {
32
- control: "select";
33
- options: string[];
34
- };
35
- disabled: {
36
- control: "boolean";
37
- };
38
- };
39
- tags: string[];
40
- };
41
- export default meta;
42
- type Story = StoryObj<typeof meta>;
43
- /**
44
- * Default radio input with primary variant
45
- */
46
- export declare const Default: Story;
47
- /**
48
- * Radio input with descriptions for each option
49
- */
50
- export declare const WithDescriptions: Story;
51
- /**
52
- * Horizontal layout radio input
53
- */
54
- export declare const Horizontal: Story;
55
- /**
56
- * Different size variants
57
- */
58
- export declare const Sizes: Story;
59
- /**
60
- * Error state with validation message
61
- */
62
- export declare const WithError: Story;
63
- /**
64
- * Disabled state
65
- */
66
- export declare const Disabled: Story;
67
- /**
68
- * All color variants showcase
69
- */
70
- export declare const ColorVariants: Story;
71
- /**
72
- * Semantic variants for different states
73
- */
74
- export declare const SemanticVariants: Story;
@@ -1,12 +0,0 @@
1
- import { SegmentMultipleInputProps } from './types';
2
- export interface SegmentMultipleInputContextValue {
3
- variant: SegmentMultipleInputProps['variant'];
4
- size: SegmentMultipleInputProps['size'];
5
- disabled?: boolean;
6
- error?: boolean;
7
- name: string;
8
- value?: string[];
9
- onChange?: (value: string[]) => void;
10
- }
11
- export declare const SegmentMultipleInputContext: import('react').Context<SegmentMultipleInputContextValue | null>;
12
- export declare const useSegmentMultipleInputContext: () => SegmentMultipleInputContextValue;
@@ -1,15 +0,0 @@
1
- export declare const segmentGroupVariants: (props?: ({
2
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
3
- size?: "sm" | "md" | "lg" | null | undefined;
4
- error?: boolean | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- export declare const segmentOptionVariants: (props?: ({
7
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
8
- size?: "sm" | "md" | "lg" | null | undefined;
9
- rounded?: "first" | "last" | "middle" | "single" | null | undefined;
10
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
11
- /**
12
- * Get the selected/checked state classes for segment options
13
- * Includes hover state overrides to maintain consistent appearance when selected
14
- */
15
- export declare const getSegmentSelectedClasses: (variant: string | undefined) => string;
@@ -1,66 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { SegmentMultipleInput } from './segment-multiple-input';
3
- /**
4
- * SegmentMultipleInput provides a tab-like interface for selecting multiple options.
5
- * Perfect for filters, preferences, or any scenario where users need to choose multiple items from a set.
6
- *
7
- * Features:
8
- * - Multiple selection with checkbox behavior
9
- * - Users can unselect options by clicking them again
10
- * - Tab-like visual design with seamless segment connections
11
- * - Full accessibility support with proper ARIA attributes
12
- * - Controlled component pattern for React forms
13
- */
14
- declare const meta: Meta<typeof SegmentMultipleInput>;
15
- export default meta;
16
- type Story = StoryObj<typeof meta>;
17
- /**
18
- * Default segment multiple input with primary variant.
19
- * Users can select multiple options and deselect them by clicking again.
20
- */
21
- export declare const Default: Story;
22
- /**
23
- * Segment multiple input with multiple selections.
24
- * Shows how multiple options can be selected simultaneously.
25
- */
26
- export declare const MultipleSelected: Story;
27
- /**
28
- * Segment multiple input in different sizes.
29
- * Demonstrates the available size variants.
30
- */
31
- export declare const Sizes: Story;
32
- /**
33
- * Segment multiple input showing core color variants.
34
- * Demonstrates the main color options available.
35
- */
36
- export declare const CoreVariants: Story;
37
- /**
38
- * Segment multiple input showing outline variants.
39
- * Demonstrates the outline style options.
40
- */
41
- export declare const OutlineVariants: Story;
42
- /**
43
- * Segment multiple input showing semantic variants.
44
- * Demonstrates success, info, warning, and danger states.
45
- */
46
- export declare const SemanticVariants: Story;
47
- /**
48
- * Segment multiple input with error state.
49
- * Shows how validation errors are displayed.
50
- */
51
- export declare const WithError: Story;
52
- /**
53
- * Segment multiple input in disabled state.
54
- * Shows the component when interaction is disabled.
55
- */
56
- export declare const Disabled: Story;
57
- /**
58
- * Segment multiple input with individual disabled options.
59
- * Shows how specific options can be disabled while others remain interactive.
60
- */
61
- export declare const PartiallyDisabled: Story;
62
- /**
63
- * Segment multiple input with single option.
64
- * Shows how the component adapts to a single option with rounded corners.
65
- */
66
- export declare const SingleOption: Story;
@@ -1,12 +0,0 @@
1
- import { SegmentSingleInputProps } from './types';
2
- export interface SegmentSingleInputContextValue {
3
- variant: SegmentSingleInputProps['variant'];
4
- size: SegmentSingleInputProps['size'];
5
- disabled?: boolean;
6
- error?: boolean;
7
- name: string;
8
- value?: string | null;
9
- onChange?: (value: string | null) => void;
10
- }
11
- export declare const SegmentSingleInputContext: import('react').Context<SegmentSingleInputContextValue | null>;
12
- export declare const useSegmentSingleInputContext: () => SegmentSingleInputContextValue;
@@ -1,15 +0,0 @@
1
- export declare const segmentGroupVariants: (props?: ({
2
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
3
- size?: "sm" | "md" | "lg" | null | undefined;
4
- error?: boolean | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- export declare const segmentOptionVariants: (props?: ({
7
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
8
- size?: "sm" | "md" | "lg" | null | undefined;
9
- rounded?: "first" | "last" | "middle" | "single" | null | undefined;
10
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
11
- /**
12
- * Get the selected/checked state classes for segment options
13
- * Includes hover state overrides to maintain consistent appearance when selected
14
- */
15
- export declare const getSegmentSelectedClasses: (variant: string | undefined) => string;
@@ -1,57 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { SegmentSingleInput } from './segment-single-input';
3
- /**
4
- * SegmentSingleInput provides a segmented radio input component with tab-like visual design.
5
- * Perfect for form components that need clear visual grouping and single selection.
6
- *
7
- * Based on radio input pattern but with enhanced styling for segment appearance.
8
- * Supports all Versaur color variants and accessibility features.
9
- *
10
- * This is a controlled component that allows unselecting (setting value to null).
11
- */
12
- declare const meta: Meta<typeof SegmentSingleInput>;
13
- export default meta;
14
- type Story = StoryObj<typeof meta>;
15
- /**
16
- * Default segment input with three transaction type options - controlled component
17
- * Click on the selected option to unselect it (set value to null)
18
- */
19
- export declare const Default: Story;
20
- /**
21
- * All available size variants
22
- */
23
- export declare const Sizes: Story;
24
- /**
25
- * With helper text and labels
26
- */
27
- export declare const WithLabelsAndHelper: Story;
28
- /**
29
- * Error state example
30
- */
31
- export declare const WithError: Story;
32
- /**
33
- * All color variants demonstration
34
- */
35
- export declare const ColorVariants: Story;
36
- /**
37
- * Outline variants demonstration
38
- */
39
- export declare const OutlineVariants: Story;
40
- /**
41
- * Disabled state demonstration
42
- */
43
- export declare const Disabled: Story;
44
- /**
45
- * Controlled component example demonstrating onChange functionality
46
- * Shows how the component can be controlled and how unselection works
47
- */
48
- export declare const Controlled: Story;
49
- /**
50
- * Icon-only segment options demonstration
51
- * Shows segments with only icons, no text labels
52
- */
53
- export declare const IconOnly: Story;
54
- /**
55
- * Mixed content - icons with text and icon-only options
56
- */
57
- export declare const MixedContent: Story;
@@ -1,3 +0,0 @@
1
- export declare const selectInputVariants: (props?: ({
2
- variant?: "primary" | "secondary" | "tertiary" | "ghost" | "neutral" | "success" | "info" | "warning" | "danger" | "primary-outline" | "secondary-outline" | "tertiary-outline" | "ghost-outline" | "neutral-outline" | "success-outline" | "info-outline" | "warning-outline" | "danger-outline" | null | undefined;
3
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -1,50 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { SelectInput } from './select-input';
3
- declare const meta: Meta<typeof SelectInput>;
4
- export default meta;
5
- type Story = StoryObj<typeof SelectInput>;
6
- /**
7
- * The default SelectInput with primary variant (coral color) and a selection of options.
8
- * Perfect for forms requiring user selection from predefined choices.
9
- */
10
- export declare const Default: Story;
11
- /**
12
- * All core color variants demonstrating Versaur's harmonious color palette.
13
- * Each variant maintains consistency with the brand's design system.
14
- */
15
- export declare const CoreVariants: Story;
16
- /**
17
- * Outline variants providing a more subtle appearance while maintaining color identity.
18
- * Ideal for secondary actions or when a lighter visual weight is preferred.
19
- */
20
- export declare const OutlineVariants: Story;
21
- /**
22
- * Semantic variants for different states and feedback scenarios.
23
- * Each variant conveys specific meaning through color psychology.
24
- */
25
- export declare const SemanticVariants: Story;
26
- /**
27
- * SelectInput with helper text providing additional guidance.
28
- * Helper text appears below the select when no error is present.
29
- */
30
- export declare const WithHelperText: Story;
31
- /**
32
- * SelectInput in error state with validation message.
33
- * Error state overrides the variant color and displays error message.
34
- */
35
- export declare const WithError: Story;
36
- /**
37
- * Disabled SelectInput demonstrating reduced opacity and non-interactive state.
38
- * Maintains visual consistency while clearly indicating unavailability.
39
- */
40
- export declare const Disabled: Story;
41
- /**
42
- * SelectInput with grouped options using optgroup for better organization.
43
- * Demonstrates proper semantic structure for complex option lists.
44
- */
45
- export declare const WithOptionGroups: Story;
46
- /**
47
- * Multiple SelectInput examples in a form layout.
48
- * Shows how SelectInput components work together in real-world scenarios.
49
- */
50
- export declare const FormExample: Story;
@@ -1,6 +0,0 @@
1
- import { VariantProps } from '../../utils/variants';
2
- export declare const skeletonVariants: (props?: ({
3
- shape?: "circle" | "square" | "rounded" | "rectangle" | null | undefined;
4
- size?: "sm" | "md" | "lg" | "xl" | null | undefined;
5
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
6
- export type SkeletonVariantProps = VariantProps<typeof skeletonVariants>;