@sudobility/components 4.0.0 → 4.0.2

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 (207) hide show
  1. package/dist/charts/index.d.ts +2 -3
  2. package/dist/charts/index.d.ts.map +1 -1
  3. package/dist/core/index.d.ts +0 -1
  4. package/dist/core/index.d.ts.map +1 -1
  5. package/dist/data-display/index.d.ts +7 -7
  6. package/dist/data-display/index.d.ts.map +1 -1
  7. package/dist/forms/advanced/index.d.ts +2 -2
  8. package/dist/forms/advanced/index.d.ts.map +1 -1
  9. package/dist/forms/inputs/index.d.ts +15 -15
  10. package/dist/forms/inputs/index.d.ts.map +1 -1
  11. package/dist/index.esm.js +11014 -9308
  12. package/dist/index.umd.js +19 -26
  13. package/dist/interactive/index.d.ts +4 -4
  14. package/dist/interactive/index.d.ts.map +1 -1
  15. package/dist/modals/index.d.ts +7 -7
  16. package/dist/modals/index.d.ts.map +1 -1
  17. package/dist/navigation/index.d.ts +8 -8
  18. package/dist/navigation/index.d.ts.map +1 -1
  19. package/dist/primitives/feedback/index.d.ts +7 -7
  20. package/dist/primitives/feedback/index.d.ts.map +1 -1
  21. package/dist/primitives/feedback/status-badge.d.ts +2 -2
  22. package/dist/primitives/feedback/status-badge.d.ts.map +1 -1
  23. package/dist/primitives/layout/index.d.ts +18 -18
  24. package/dist/primitives/layout/index.d.ts.map +1 -1
  25. package/dist/primitives/typography/index.d.ts +9 -9
  26. package/dist/primitives/typography/index.d.ts.map +1 -1
  27. package/dist/ui/index.d.ts +1 -1
  28. package/dist/ui/index.d.ts.map +1 -1
  29. package/package.json +5 -3
  30. package/dist/charts/progress-bar.d.ts +0 -51
  31. package/dist/charts/progress-bar.d.ts.map +0 -1
  32. package/dist/charts/progress-circle.d.ts +0 -48
  33. package/dist/charts/progress-circle.d.ts.map +0 -1
  34. package/dist/charts/progress.d.ts +0 -51
  35. package/dist/charts/progress.d.ts.map +0 -1
  36. package/dist/data-display/card.d.ts +0 -39
  37. package/dist/data-display/card.d.ts.map +0 -1
  38. package/dist/data-display/list-item-with-action.d.ts +0 -41
  39. package/dist/data-display/list-item-with-action.d.ts.map +0 -1
  40. package/dist/data-display/list.d.ts +0 -52
  41. package/dist/data-display/list.d.ts.map +0 -1
  42. package/dist/data-display/table-of-contents.d.ts +0 -19
  43. package/dist/data-display/table-of-contents.d.ts.map +0 -1
  44. package/dist/data-display/table.d.ts +0 -69
  45. package/dist/data-display/table.d.ts.map +0 -1
  46. package/dist/data-display/transfer-list.d.ts +0 -68
  47. package/dist/data-display/transfer-list.d.ts.map +0 -1
  48. package/dist/data-display/tree-view.d.ts +0 -59
  49. package/dist/data-display/tree-view.d.ts.map +0 -1
  50. package/dist/data-display/virtual-list.d.ts +0 -48
  51. package/dist/data-display/virtual-list.d.ts.map +0 -1
  52. package/dist/features/CalloutBox.d.ts +0 -12
  53. package/dist/features/CalloutBox.d.ts.map +0 -1
  54. package/dist/features/InfoCard.d.ts +0 -10
  55. package/dist/features/InfoCard.d.ts.map +0 -1
  56. package/dist/forms/advanced/calendar.d.ts +0 -44
  57. package/dist/forms/advanced/calendar.d.ts.map +0 -1
  58. package/dist/forms/advanced/date-time-picker.d.ts +0 -46
  59. package/dist/forms/advanced/date-time-picker.d.ts.map +0 -1
  60. package/dist/forms/advanced/image-cropper.d.ts +0 -41
  61. package/dist/forms/advanced/image-cropper.d.ts.map +0 -1
  62. package/dist/forms/advanced/media-uploader.d.ts +0 -44
  63. package/dist/forms/advanced/media-uploader.d.ts.map +0 -1
  64. package/dist/forms/inputs/checkbox.d.ts +0 -63
  65. package/dist/forms/inputs/checkbox.d.ts.map +0 -1
  66. package/dist/forms/inputs/combobox.d.ts +0 -59
  67. package/dist/forms/inputs/combobox.d.ts.map +0 -1
  68. package/dist/forms/inputs/date-input.d.ts +0 -53
  69. package/dist/forms/inputs/date-input.d.ts.map +0 -1
  70. package/dist/forms/inputs/dropdown.d.ts +0 -21
  71. package/dist/forms/inputs/dropdown.d.ts.map +0 -1
  72. package/dist/forms/inputs/file-input.d.ts +0 -59
  73. package/dist/forms/inputs/file-input.d.ts.map +0 -1
  74. package/dist/forms/inputs/form-alerts.d.ts +0 -39
  75. package/dist/forms/inputs/form-alerts.d.ts.map +0 -1
  76. package/dist/forms/inputs/form-builder.d.ts +0 -33
  77. package/dist/forms/inputs/form-builder.d.ts.map +0 -1
  78. package/dist/forms/inputs/form-template.d.ts +0 -33
  79. package/dist/forms/inputs/form-template.d.ts.map +0 -1
  80. package/dist/forms/inputs/form-validator.d.ts +0 -33
  81. package/dist/forms/inputs/form-validator.d.ts.map +0 -1
  82. package/dist/forms/inputs/input.d.ts +0 -6
  83. package/dist/forms/inputs/input.d.ts.map +0 -1
  84. package/dist/forms/inputs/multi-select.d.ts +0 -58
  85. package/dist/forms/inputs/multi-select.d.ts.map +0 -1
  86. package/dist/forms/inputs/number-input.d.ts +0 -58
  87. package/dist/forms/inputs/number-input.d.ts.map +0 -1
  88. package/dist/forms/inputs/phone-input.d.ts +0 -57
  89. package/dist/forms/inputs/phone-input.d.ts.map +0 -1
  90. package/dist/forms/inputs/search-input.d.ts +0 -51
  91. package/dist/forms/inputs/search-input.d.ts.map +0 -1
  92. package/dist/forms/inputs/select.d.ts +0 -14
  93. package/dist/forms/inputs/select.d.ts.map +0 -1
  94. package/dist/forms/inputs/switch.d.ts +0 -4
  95. package/dist/forms/inputs/switch.d.ts.map +0 -1
  96. package/dist/forms/inputs/text-area.d.ts +0 -56
  97. package/dist/forms/inputs/text-area.d.ts.map +0 -1
  98. package/dist/forms/inputs/time-picker.d.ts +0 -41
  99. package/dist/forms/inputs/time-picker.d.ts.map +0 -1
  100. package/dist/interactive/focus-trap.d.ts +0 -41
  101. package/dist/interactive/focus-trap.d.ts.map +0 -1
  102. package/dist/interactive/hover-tooltip.d.ts +0 -33
  103. package/dist/interactive/hover-tooltip.d.ts.map +0 -1
  104. package/dist/interactive/infinite-scroll.d.ts +0 -58
  105. package/dist/interactive/infinite-scroll.d.ts.map +0 -1
  106. package/dist/interactive/scroll-spy.d.ts +0 -58
  107. package/dist/interactive/scroll-spy.d.ts.map +0 -1
  108. package/dist/modals/dialog.d.ts +0 -49
  109. package/dist/modals/dialog.d.ts.map +0 -1
  110. package/dist/modals/drawer.d.ts +0 -50
  111. package/dist/modals/drawer.d.ts.map +0 -1
  112. package/dist/modals/modal.d.ts +0 -37
  113. package/dist/modals/modal.d.ts.map +0 -1
  114. package/dist/modals/popover.d.ts +0 -46
  115. package/dist/modals/popover.d.ts.map +0 -1
  116. package/dist/modals/sheet.d.ts +0 -58
  117. package/dist/modals/sheet.d.ts.map +0 -1
  118. package/dist/modals/text-input-modal.d.ts +0 -19
  119. package/dist/modals/text-input-modal.d.ts.map +0 -1
  120. package/dist/modals/tooltip.d.ts +0 -49
  121. package/dist/modals/tooltip.d.ts.map +0 -1
  122. package/dist/navigation/breadcrumb-nav.d.ts +0 -13
  123. package/dist/navigation/breadcrumb-nav.d.ts.map +0 -1
  124. package/dist/navigation/external-link.d.ts +0 -45
  125. package/dist/navigation/external-link.d.ts.map +0 -1
  126. package/dist/navigation/link.d.ts +0 -43
  127. package/dist/navigation/link.d.ts.map +0 -1
  128. package/dist/navigation/navigation-list.d.ts +0 -59
  129. package/dist/navigation/navigation-list.d.ts.map +0 -1
  130. package/dist/navigation/pagination-nav.d.ts +0 -10
  131. package/dist/navigation/pagination-nav.d.ts.map +0 -1
  132. package/dist/navigation/side-nav.d.ts +0 -15
  133. package/dist/navigation/side-nav.d.ts.map +0 -1
  134. package/dist/navigation/smart-link.d.ts +0 -23
  135. package/dist/navigation/smart-link.d.ts.map +0 -1
  136. package/dist/navigation/tabs.d.ts +0 -7
  137. package/dist/navigation/tabs.d.ts.map +0 -1
  138. package/dist/primitives/feedback/alert.d.ts +0 -20
  139. package/dist/primitives/feedback/alert.d.ts.map +0 -1
  140. package/dist/primitives/feedback/badge.d.ts +0 -51
  141. package/dist/primitives/feedback/badge.d.ts.map +0 -1
  142. package/dist/primitives/feedback/loading-dots.d.ts +0 -29
  143. package/dist/primitives/feedback/loading-dots.d.ts.map +0 -1
  144. package/dist/primitives/feedback/loading-overlay.d.ts +0 -43
  145. package/dist/primitives/feedback/loading-overlay.d.ts.map +0 -1
  146. package/dist/primitives/feedback/skeleton-loader.d.ts +0 -47
  147. package/dist/primitives/feedback/skeleton-loader.d.ts.map +0 -1
  148. package/dist/primitives/feedback/spinner.d.ts +0 -11
  149. package/dist/primitives/feedback/spinner.d.ts.map +0 -1
  150. package/dist/primitives/feedback/toast.d.ts +0 -47
  151. package/dist/primitives/feedback/toast.d.ts.map +0 -1
  152. package/dist/primitives/layout/aspect-ratio.d.ts +0 -31
  153. package/dist/primitives/layout/aspect-ratio.d.ts.map +0 -1
  154. package/dist/primitives/layout/box.d.ts +0 -55
  155. package/dist/primitives/layout/box.d.ts.map +0 -1
  156. package/dist/primitives/layout/center.d.ts +0 -33
  157. package/dist/primitives/layout/center.d.ts.map +0 -1
  158. package/dist/primitives/layout/container.d.ts +0 -35
  159. package/dist/primitives/layout/container.d.ts.map +0 -1
  160. package/dist/primitives/layout/divider.d.ts +0 -44
  161. package/dist/primitives/layout/divider.d.ts.map +0 -1
  162. package/dist/primitives/layout/flex-container.d.ts +0 -20
  163. package/dist/primitives/layout/flex-container.d.ts.map +0 -1
  164. package/dist/primitives/layout/flex.d.ts +0 -42
  165. package/dist/primitives/layout/flex.d.ts.map +0 -1
  166. package/dist/primitives/layout/floating-panel.d.ts +0 -38
  167. package/dist/primitives/layout/floating-panel.d.ts.map +0 -1
  168. package/dist/primitives/layout/grid.d.ts +0 -58
  169. package/dist/primitives/layout/grid.d.ts.map +0 -1
  170. package/dist/primitives/layout/masonry.d.ts +0 -40
  171. package/dist/primitives/layout/masonry.d.ts.map +0 -1
  172. package/dist/primitives/layout/overlay.d.ts +0 -39
  173. package/dist/primitives/layout/overlay.d.ts.map +0 -1
  174. package/dist/primitives/layout/page-container.d.ts +0 -13
  175. package/dist/primitives/layout/page-container.d.ts.map +0 -1
  176. package/dist/primitives/layout/portal.d.ts +0 -29
  177. package/dist/primitives/layout/portal.d.ts.map +0 -1
  178. package/dist/primitives/layout/scroll-area.d.ts +0 -35
  179. package/dist/primitives/layout/scroll-area.d.ts.map +0 -1
  180. package/dist/primitives/layout/separator.d.ts +0 -37
  181. package/dist/primitives/layout/separator.d.ts.map +0 -1
  182. package/dist/primitives/layout/spacer.d.ts +0 -37
  183. package/dist/primitives/layout/spacer.d.ts.map +0 -1
  184. package/dist/primitives/layout/split-pane.d.ts +0 -56
  185. package/dist/primitives/layout/split-pane.d.ts.map +0 -1
  186. package/dist/primitives/layout/stack.d.ts +0 -59
  187. package/dist/primitives/layout/stack.d.ts.map +0 -1
  188. package/dist/primitives/typography/code-display.d.ts +0 -40
  189. package/dist/primitives/typography/code-display.d.ts.map +0 -1
  190. package/dist/primitives/typography/code.d.ts +0 -31
  191. package/dist/primitives/typography/code.d.ts.map +0 -1
  192. package/dist/primitives/typography/formatted-number.d.ts +0 -53
  193. package/dist/primitives/typography/formatted-number.d.ts.map +0 -1
  194. package/dist/primitives/typography/heading.d.ts +0 -39
  195. package/dist/primitives/typography/heading.d.ts.map +0 -1
  196. package/dist/primitives/typography/helper-text.d.ts +0 -35
  197. package/dist/primitives/typography/helper-text.d.ts.map +0 -1
  198. package/dist/primitives/typography/kbd.d.ts +0 -27
  199. package/dist/primitives/typography/kbd.d.ts.map +0 -1
  200. package/dist/primitives/typography/screen-reader-text.d.ts +0 -33
  201. package/dist/primitives/typography/screen-reader-text.d.ts.map +0 -1
  202. package/dist/primitives/typography/text.d.ts +0 -45
  203. package/dist/primitives/typography/text.d.ts.map +0 -1
  204. package/dist/primitives/typography/truncated-text.d.ts +0 -41
  205. package/dist/primitives/typography/truncated-text.d.ts.map +0 -1
  206. package/dist/ui/pagination.d.ts +0 -46
  207. package/dist/ui/pagination.d.ts.map +0 -1
@@ -1,35 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface ContainerProps {
3
- /** Container content */
4
- children: React.ReactNode;
5
- /** Max width variant */
6
- size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
7
- /** Center container horizontally */
8
- center?: boolean;
9
- /** Padding */
10
- padding?: 'none' | 'sm' | 'md' | 'lg';
11
- /** Additional className */
12
- className?: string;
13
- }
14
- /**
15
- * Container Component
16
- *
17
- * Responsive container with max-width constraints and horizontal centering.
18
- * Useful for creating consistent page layouts and content areas.
19
- *
20
- * @example
21
- * ```tsx
22
- * <Container>
23
- * <h1>Page Content</h1>
24
- * </Container>
25
- * ```
26
- *
27
- * @example
28
- * ```tsx
29
- * <Container size="lg" padding="lg">
30
- * <Text>Centered content with large max-width</Text>
31
- * </Container>
32
- * ```
33
- */
34
- export declare const Container: React.FC<ContainerProps>;
35
- //# sourceMappingURL=container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAClD,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc;IACd,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsC9C,CAAC"}
@@ -1,44 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface DividerProps {
3
- /** Optional text label */
4
- label?: string;
5
- /** Label position */
6
- labelPosition?: 'left' | 'center' | 'right';
7
- /** Orientation */
8
- orientation?: 'horizontal' | 'vertical';
9
- /** Spacing around the divider */
10
- spacing?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
11
- /** Line thickness */
12
- thickness?: 'thin' | 'medium' | 'thick';
13
- /** Color variant */
14
- variant?: 'light' | 'medium' | 'dark';
15
- /** Additional className for the container */
16
- className?: string;
17
- /** Additional className for the line */
18
- lineClassName?: string;
19
- }
20
- /**
21
- * Divider Component
22
- *
23
- * A visual separator for content sections with optional label support.
24
- * Can be used horizontally or vertically to divide content areas.
25
- *
26
- * @example
27
- * ```tsx
28
- * <Divider />
29
- * <Divider label="OR" labelPosition="center" />
30
- * <Divider spacing="lg" variant="medium" />
31
- * ```
32
- *
33
- * @example
34
- * ```tsx
35
- * // Vertical divider
36
- * <div className="flex gap-4">
37
- * <div>Content 1</div>
38
- * <Divider orientation="vertical" />
39
- * <div>Content 2</div>
40
- * </div>
41
- * ```
42
- */
43
- export declare const Divider: React.FC<DividerProps>;
44
- //# sourceMappingURL=divider.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC5C,kBAAkB;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC7C,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAmI1C,CAAC"}
@@ -1,20 +0,0 @@
1
- import { default as React } from 'react';
2
- /**
3
- * @deprecated Use Tailwind flex utilities instead. This component will be removed in v2.0.
4
- */
5
- interface FlexContainerProps {
6
- children: React.ReactNode;
7
- direction?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
8
- align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
9
- justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
10
- wrap?: 'wrap' | 'wrap-reverse' | 'nowrap';
11
- gap?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
12
- className?: string;
13
- }
14
- /**
15
- * @deprecated Use Tailwind flex utilities instead. This component will be removed in v2.0.
16
- * See migration guide in file header.
17
- */
18
- export declare const FlexContainer: React.FC<FlexContainerProps>;
19
- export {};
20
- //# sourceMappingURL=flex-container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flex-container.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/flex-container.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;GAEG;AACH,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,KAAK,GAAG,aAAa,CAAC;IAC1D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc,GAAG,QAAQ,CAAC;IAC1C,GAAG,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6CD;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwBtD,CAAC"}
@@ -1,42 +0,0 @@
1
- import { default as React } from 'react';
2
- import { BoxProps } from './box';
3
- export interface FlexProps extends Omit<BoxProps, 'className'> {
4
- /** Flex direction */
5
- direction?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
6
- /** Align items */
7
- align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
8
- /** Justify content */
9
- justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
10
- /** Wrap items */
11
- wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
12
- /** Gap between items */
13
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
14
- /** Inline flex */
15
- inline?: boolean;
16
- /** Additional className */
17
- className?: string;
18
- }
19
- /**
20
- * Flex Component
21
- *
22
- * Flexbox layout component extending Box with flex-specific properties.
23
- * Provides convenient props for common flexbox patterns.
24
- *
25
- * @example
26
- * ```tsx
27
- * <Flex justify="between" align="center" p="md">
28
- * <Text>Left</Text>
29
- * <Button>Right</Button>
30
- * </Flex>
31
- * ```
32
- *
33
- * @example
34
- * ```tsx
35
- * <Flex direction="col" gap="md" p="lg">
36
- * <Card>Item 1</Card>
37
- * <Card>Item 2</Card>
38
- * </Flex>
39
- * ```
40
- */
41
- export declare const Flex: React.FC<FlexProps>;
42
- //# sourceMappingURL=flex.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC5D,qBAAqB;IACrB,SAAS,CAAC,EAAE,KAAK,GAAG,aAAa,GAAG,KAAK,GAAG,aAAa,CAAC;IAC1D,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,iBAAiB;IACjB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,cAAc,CAAC;IAC1C,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxD,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2EpC,CAAC"}
@@ -1,38 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface FloatingPanelProps {
3
- /** Panel content */
4
- children: React.ReactNode;
5
- /** Panel title */
6
- title?: string;
7
- /** Initial position */
8
- position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
9
- /** Collapsible */
10
- collapsible?: boolean;
11
- /** Initially collapsed */
12
- defaultCollapsed?: boolean;
13
- /** Close button */
14
- closeable?: boolean;
15
- /** Close handler */
16
- onClose?: () => void;
17
- /** Additional className */
18
- className?: string;
19
- }
20
- /**
21
- * FloatingPanel Component
22
- *
23
- * Floating panel that stays fixed on screen.
24
- * Useful for chat widgets, help panels, or notifications.
25
- *
26
- * @example
27
- * ```tsx
28
- * <FloatingPanel
29
- * title="Help & Support"
30
- * position="bottom-right"
31
- * collapsible
32
- * >
33
- * <ChatWidget />
34
- * </FloatingPanel>
35
- * ```
36
- */
37
- export declare const FloatingPanel: React.FC<FloatingPanelProps>;
38
- //# sourceMappingURL=floating-panel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"floating-panel.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/floating-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBAAkB;IACjC,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAC;IACrE,kBAAkB;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0BAA0B;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,mBAAmB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8FtD,CAAC"}
@@ -1,58 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface GridProps {
3
- /** Grid content */
4
- children: React.ReactNode;
5
- /** Number of columns (responsive object or number) */
6
- cols?: number | {
7
- sm?: number;
8
- md?: number;
9
- lg?: number;
10
- xl?: number;
11
- };
12
- /** Gap between items */
13
- gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
14
- /** Auto-fit columns with minimum width */
15
- autoFit?: string;
16
- /** Auto-fill columns with minimum width */
17
- autoFill?: string;
18
- /** Align items */
19
- alignItems?: 'start' | 'center' | 'end' | 'stretch';
20
- /** Justify items */
21
- justifyItems?: 'start' | 'center' | 'end' | 'stretch';
22
- /** Additional className */
23
- className?: string;
24
- }
25
- /**
26
- * Grid Component
27
- *
28
- * CSS Grid layout component with responsive columns and flexible configurations.
29
- * Supports auto-fit, auto-fill, and explicit column counts.
30
- *
31
- * @example
32
- * ```tsx
33
- * <Grid cols={3} gap="md">
34
- * <Card>Item 1</Card>
35
- * <Card>Item 2</Card>
36
- * <Card>Item 3</Card>
37
- * </Grid>
38
- * ```
39
- *
40
- * @example
41
- * ```tsx
42
- * <Grid
43
- * cols={{ sm: 1, md: 2, lg: 3, xl: 4 }}
44
- * gap="lg"
45
- * >
46
- * {items.map(item => <Card key={item.id}>{item.content}</Card>)}
47
- * </Grid>
48
- * ```
49
- *
50
- * @example
51
- * ```tsx
52
- * <Grid autoFit="250px" gap="md">
53
- * <Card>Dynamic Item</Card>
54
- * </Grid>
55
- * ```
56
- */
57
- export declare const Grid: React.FC<GridProps>;
58
- //# sourceMappingURL=grid.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvE,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,oBAAoB;IACpB,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACtD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA2FpC,CAAC"}
@@ -1,40 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface MasonryProps {
3
- /** Children elements */
4
- children: React.ReactNode;
5
- /** Number of columns */
6
- columns?: number;
7
- /** Gap between items */
8
- gap?: number;
9
- /** Responsive breakpoints */
10
- breakpoints?: {
11
- [key: number]: number;
12
- };
13
- /** Additional className */
14
- className?: string;
15
- }
16
- /**
17
- * Masonry Component
18
- *
19
- * Pinterest-style masonry grid layout.
20
- * Automatically arranges items in columns with optimal spacing.
21
- *
22
- * @example
23
- * ```tsx
24
- * <Masonry columns={3} gap={16}>
25
- * {items.map(item => <Card key={item.id}>{item.content}</Card>)}
26
- * </Masonry>
27
- * ```
28
- *
29
- * @example
30
- * ```tsx
31
- * <Masonry
32
- * breakpoints={{ 768: 2, 1024: 3, 1280: 4 }}
33
- * gap={20}
34
- * >
35
- * {photos.map(photo => <Image key={photo.id} src={photo.url} />)}
36
- * </Masonry>
37
- * ```
38
- */
39
- export declare const Masonry: React.FC<MasonryProps>;
40
- //# sourceMappingURL=masonry.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"masonry.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/masonry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wBAAwB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,WAAW,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+D1C,CAAC"}
@@ -1,39 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface OverlayProps {
3
- /** Whether overlay is visible */
4
- isOpen: boolean;
5
- /** Click handler for overlay backdrop */
6
- onClose?: () => void;
7
- /** Overlay content */
8
- children?: React.ReactNode;
9
- /** Blur backdrop */
10
- blur?: boolean;
11
- /** Opacity level */
12
- opacity?: 'light' | 'medium' | 'dark';
13
- /** Z-index level */
14
- zIndex?: number;
15
- /** Prevent body scroll when open */
16
- lockScroll?: boolean;
17
- /** Additional className */
18
- className?: string;
19
- }
20
- /**
21
- * Overlay Component
22
- *
23
- * Full-screen backdrop overlay with optional blur and click-to-close.
24
- * Typically used with modals, drawers, and popups.
25
- *
26
- * @example
27
- * ```tsx
28
- * <Overlay isOpen={isModalOpen} onClose={() => setIsModalOpen(false)}>
29
- * <Modal>Content</Modal>
30
- * </Overlay>
31
- * ```
32
- *
33
- * @example
34
- * ```tsx
35
- * <Overlay isOpen={true} blur opacity="dark" />
36
- * ```
37
- */
38
- export declare const Overlay: React.FC<OverlayProps>;
39
- //# sourceMappingURL=overlay.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oBAAoB;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oBAAoB;IACpB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oCAAoC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgE1C,CAAC"}
@@ -1,13 +0,0 @@
1
- import { default as React } from 'react';
2
- import { VariantProps } from 'class-variance-authority';
3
- declare const pageContainerVariants: (props?: ({
4
- background?: "transparent" | "default" | "surface" | "gradient" | null | undefined;
5
- overflow?: "hidden" | "visible" | "scroll" | null | undefined;
6
- } & import('class-variance-authority/types').ClassProp) | undefined) => string;
7
- interface PageContainerProps extends VariantProps<typeof pageContainerVariants> {
8
- children: React.ReactNode;
9
- className?: string;
10
- }
11
- export declare const PageContainer: React.FC<PageContainerProps>;
12
- export {};
13
- //# sourceMappingURL=page-container.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"page-container.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/page-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,qBAAqB;;;8EAmBzB,CAAC;AAEH,UAAU,kBACR,SAAQ,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAClD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAatD,CAAC"}
@@ -1,29 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface PortalProps {
3
- /** Content to portal */
4
- children: React.ReactNode;
5
- /** Target container (defaults to document.body) */
6
- container?: Element | null;
7
- }
8
- /**
9
- * Portal Component
10
- *
11
- * Renders children into a DOM node outside the parent component's hierarchy.
12
- * Useful for modals, tooltips, and overlays that need to break out of z-index stacking.
13
- *
14
- * @example
15
- * ```tsx
16
- * <Portal>
17
- * <Modal>Content</Modal>
18
- * </Portal>
19
- * ```
20
- *
21
- * @example
22
- * ```tsx
23
- * <Portal container={customElement}>
24
- * <Tooltip>Tooltip content</Tooltip>
25
- * </Portal>
26
- * ```
27
- */
28
- export declare const Portal: React.FC<PortalProps>;
29
- //# sourceMappingURL=portal.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAaxC,CAAC"}
@@ -1,35 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface ScrollAreaProps {
3
- /** Scrollable content */
4
- children: React.ReactNode;
5
- /** Maximum height */
6
- maxHeight?: string | number;
7
- /** Hide scrollbar */
8
- hideScrollbar?: boolean;
9
- /** Scroll direction */
10
- direction?: 'vertical' | 'horizontal' | 'both';
11
- /** Additional className */
12
- className?: string;
13
- }
14
- /**
15
- * ScrollArea Component
16
- *
17
- * Container with custom scrollbar styling and overflow control.
18
- * Provides consistent scrollable areas across the application.
19
- *
20
- * @example
21
- * ```tsx
22
- * <ScrollArea maxHeight="400px">
23
- * <div>Long content...</div>
24
- * </ScrollArea>
25
- * ```
26
- *
27
- * @example
28
- * ```tsx
29
- * <ScrollArea direction="horizontal" hideScrollbar>
30
- * <div className="w-[2000px]">Wide content</div>
31
- * </ScrollArea>
32
- * ```
33
- */
34
- export declare const ScrollArea: React.FC<ScrollAreaProps>;
35
- //# sourceMappingURL=scroll-area.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB;IACvB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC/C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyChD,CAAC"}
@@ -1,37 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface SeparatorProps {
3
- /** Separator orientation */
4
- orientation?: 'horizontal' | 'vertical';
5
- /** Spacing around separator */
6
- spacing?: 'none' | 'sm' | 'md' | 'lg';
7
- /** Line thickness */
8
- thickness?: 'thin' | 'medium' | 'thick';
9
- /** Additional className */
10
- className?: string;
11
- }
12
- /**
13
- * Separator Component
14
- *
15
- * Simple horizontal or vertical line separator.
16
- * Use for visual separation in menus, lists, and layouts.
17
- *
18
- * @example
19
- * ```tsx
20
- * <div>
21
- * <MenuItem>Option 1</MenuItem>
22
- * <Separator />
23
- * <MenuItem>Option 2</MenuItem>
24
- * </div>
25
- * ```
26
- *
27
- * @example
28
- * ```tsx
29
- * <div className="flex items-center gap-4">
30
- * <Button>Action 1</Button>
31
- * <Separator orientation="vertical" spacing="md" />
32
- * <Button>Action 2</Button>
33
- * </div>
34
- * ```
35
- */
36
- export declare const Separator: React.FC<SeparatorProps>;
37
- //# sourceMappingURL=separator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmD9C,CAAC"}
@@ -1,37 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface SpacerProps {
3
- /** Size of the spacer */
4
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
5
- /** Direction of spacing */
6
- axis?: 'horizontal' | 'vertical';
7
- /** Flex grow to fill available space */
8
- flex?: boolean;
9
- /** Additional className */
10
- className?: string;
11
- }
12
- /**
13
- * Spacer Component
14
- *
15
- * Creates empty space between elements. Can be a fixed size or flexible.
16
- * Useful for creating consistent spacing in layouts.
17
- *
18
- * @example
19
- * ```tsx
20
- * <HStack>
21
- * <Button>Cancel</Button>
22
- * <Spacer flex />
23
- * <Button>Save</Button>
24
- * </HStack>
25
- * ```
26
- *
27
- * @example
28
- * ```tsx
29
- * <VStack>
30
- * <h1>Title</h1>
31
- * <Spacer size="lg" />
32
- * <p>Content</p>
33
- * </VStack>
34
- * ```
35
- */
36
- export declare const Spacer: React.FC<SpacerProps>;
37
- //# sourceMappingURL=spacer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"spacer.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,yBAAyB;IACzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IACzD,2BAA2B;IAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,wCAAwC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2CxC,CAAC"}
@@ -1,56 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface SplitPaneProps {
3
- /** Left/Top panel content */
4
- left: React.ReactNode;
5
- /** Right/Bottom panel content */
6
- right: React.ReactNode;
7
- /** Split direction */
8
- direction?: 'horizontal' | 'vertical';
9
- /** Initial split position (0-1) */
10
- initialSplit?: number;
11
- /** Controlled split position */
12
- split?: number;
13
- /** Split change handler */
14
- onSplitChange?: (split: number) => void;
15
- /** Minimum left/top panel size (pixels or %) */
16
- minLeftSize?: number | string;
17
- /** Minimum right/bottom panel size (pixels or %) */
18
- minRightSize?: number | string;
19
- /** Divider size in pixels */
20
- dividerSize?: number;
21
- /** Allow resize */
22
- resizable?: boolean;
23
- /** Additional className */
24
- className?: string;
25
- }
26
- /**
27
- * SplitPane Component
28
- *
29
- * Resizable split panel layout with draggable divider.
30
- * Supports horizontal and vertical splits.
31
- *
32
- * @example
33
- * ```tsx
34
- * <SplitPane
35
- * left={<Sidebar />}
36
- * right={<MainContent />}
37
- * direction="horizontal"
38
- * initialSplit={0.3}
39
- * minLeftSize={200}
40
- * minRightSize={400}
41
- * />
42
- * ```
43
- *
44
- * @example
45
- * ```tsx
46
- * <SplitPane
47
- * left={<Editor />}
48
- * right={<Preview />}
49
- * direction="vertical"
50
- * split={editorHeight}
51
- * onSplitChange={setEditorHeight}
52
- * />
53
- * ```
54
- */
55
- export declare const SplitPane: React.FC<SplitPaneProps>;
56
- //# sourceMappingURL=split-pane.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/split-pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,cAAc;IAC7B,6BAA6B;IAC7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,iCAAiC;IACjC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sBAAsB;IACtB,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACtC,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgM9C,CAAC"}
@@ -1,59 +0,0 @@
1
- import { default as React } from 'react';
2
- export interface StackProps {
3
- /** Stack content */
4
- children: React.ReactNode;
5
- /** Stack direction */
6
- direction?: 'vertical' | 'horizontal';
7
- /** Spacing between items */
8
- spacing?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
9
- /** Align items */
10
- align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
11
- /** Justify content */
12
- justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
13
- /** Wrap items */
14
- wrap?: boolean;
15
- /** Full width/height */
16
- full?: boolean;
17
- /** Divider between items */
18
- divider?: boolean;
19
- /** Additional className */
20
- className?: string;
21
- }
22
- /**
23
- * Stack Component
24
- *
25
- * Flexbox-based layout component for arranging children vertically or horizontally
26
- * with consistent spacing. Supports alignment, wrapping, and dividers.
27
- *
28
- * @example
29
- * ```tsx
30
- * <Stack spacing="md">
31
- * <div>Item 1</div>
32
- * <div>Item 2</div>
33
- * <div>Item 3</div>
34
- * </Stack>
35
- * ```
36
- *
37
- * @example
38
- * ```tsx
39
- * <Stack
40
- * direction="horizontal"
41
- * spacing="lg"
42
- * align="center"
43
- * justify="between"
44
- * >
45
- * <Button>Cancel</Button>
46
- * <Button>Save</Button>
47
- * </Stack>
48
- * ```
49
- */
50
- export declare const Stack: React.FC<StackProps>;
51
- /**
52
- * VStack - Vertical Stack (alias for Stack with direction="vertical")
53
- */
54
- export declare const VStack: React.FC<Omit<StackProps, 'direction'>>;
55
- /**
56
- * HStack - Horizontal Stack (alias for Stack with direction="horizontal")
57
- */
58
- export declare const HStack: React.FC<Omit<StackProps, 'direction'>>;
59
- //# sourceMappingURL=stack.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../src/primitives/layout/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,UAAU;IACzB,oBAAoB;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC5D,kBAAkB;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;IAC5D,sBAAsB;IACtB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,iBAAiB;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4GtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAE1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAE1D,CAAC"}