@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.
- package/dist/charts/index.d.ts +2 -3
- package/dist/charts/index.d.ts.map +1 -1
- package/dist/core/index.d.ts +0 -1
- package/dist/core/index.d.ts.map +1 -1
- package/dist/data-display/index.d.ts +7 -7
- package/dist/data-display/index.d.ts.map +1 -1
- package/dist/forms/advanced/index.d.ts +2 -2
- package/dist/forms/advanced/index.d.ts.map +1 -1
- package/dist/forms/inputs/index.d.ts +15 -15
- package/dist/forms/inputs/index.d.ts.map +1 -1
- package/dist/index.esm.js +11014 -9308
- package/dist/index.umd.js +19 -26
- package/dist/interactive/index.d.ts +4 -4
- package/dist/interactive/index.d.ts.map +1 -1
- package/dist/modals/index.d.ts +7 -7
- package/dist/modals/index.d.ts.map +1 -1
- package/dist/navigation/index.d.ts +8 -8
- package/dist/navigation/index.d.ts.map +1 -1
- package/dist/primitives/feedback/index.d.ts +7 -7
- package/dist/primitives/feedback/index.d.ts.map +1 -1
- package/dist/primitives/feedback/status-badge.d.ts +2 -2
- package/dist/primitives/feedback/status-badge.d.ts.map +1 -1
- package/dist/primitives/layout/index.d.ts +18 -18
- package/dist/primitives/layout/index.d.ts.map +1 -1
- package/dist/primitives/typography/index.d.ts +9 -9
- package/dist/primitives/typography/index.d.ts.map +1 -1
- package/dist/ui/index.d.ts +1 -1
- package/dist/ui/index.d.ts.map +1 -1
- package/package.json +5 -3
- package/dist/charts/progress-bar.d.ts +0 -51
- package/dist/charts/progress-bar.d.ts.map +0 -1
- package/dist/charts/progress-circle.d.ts +0 -48
- package/dist/charts/progress-circle.d.ts.map +0 -1
- package/dist/charts/progress.d.ts +0 -51
- package/dist/charts/progress.d.ts.map +0 -1
- package/dist/data-display/card.d.ts +0 -39
- package/dist/data-display/card.d.ts.map +0 -1
- package/dist/data-display/list-item-with-action.d.ts +0 -41
- package/dist/data-display/list-item-with-action.d.ts.map +0 -1
- package/dist/data-display/list.d.ts +0 -52
- package/dist/data-display/list.d.ts.map +0 -1
- package/dist/data-display/table-of-contents.d.ts +0 -19
- package/dist/data-display/table-of-contents.d.ts.map +0 -1
- package/dist/data-display/table.d.ts +0 -69
- package/dist/data-display/table.d.ts.map +0 -1
- package/dist/data-display/transfer-list.d.ts +0 -68
- package/dist/data-display/transfer-list.d.ts.map +0 -1
- package/dist/data-display/tree-view.d.ts +0 -59
- package/dist/data-display/tree-view.d.ts.map +0 -1
- package/dist/data-display/virtual-list.d.ts +0 -48
- package/dist/data-display/virtual-list.d.ts.map +0 -1
- package/dist/features/CalloutBox.d.ts +0 -12
- package/dist/features/CalloutBox.d.ts.map +0 -1
- package/dist/features/InfoCard.d.ts +0 -10
- package/dist/features/InfoCard.d.ts.map +0 -1
- package/dist/forms/advanced/calendar.d.ts +0 -44
- package/dist/forms/advanced/calendar.d.ts.map +0 -1
- package/dist/forms/advanced/date-time-picker.d.ts +0 -46
- package/dist/forms/advanced/date-time-picker.d.ts.map +0 -1
- package/dist/forms/advanced/image-cropper.d.ts +0 -41
- package/dist/forms/advanced/image-cropper.d.ts.map +0 -1
- package/dist/forms/advanced/media-uploader.d.ts +0 -44
- package/dist/forms/advanced/media-uploader.d.ts.map +0 -1
- package/dist/forms/inputs/checkbox.d.ts +0 -63
- package/dist/forms/inputs/checkbox.d.ts.map +0 -1
- package/dist/forms/inputs/combobox.d.ts +0 -59
- package/dist/forms/inputs/combobox.d.ts.map +0 -1
- package/dist/forms/inputs/date-input.d.ts +0 -53
- package/dist/forms/inputs/date-input.d.ts.map +0 -1
- package/dist/forms/inputs/dropdown.d.ts +0 -21
- package/dist/forms/inputs/dropdown.d.ts.map +0 -1
- package/dist/forms/inputs/file-input.d.ts +0 -59
- package/dist/forms/inputs/file-input.d.ts.map +0 -1
- package/dist/forms/inputs/form-alerts.d.ts +0 -39
- package/dist/forms/inputs/form-alerts.d.ts.map +0 -1
- package/dist/forms/inputs/form-builder.d.ts +0 -33
- package/dist/forms/inputs/form-builder.d.ts.map +0 -1
- package/dist/forms/inputs/form-template.d.ts +0 -33
- package/dist/forms/inputs/form-template.d.ts.map +0 -1
- package/dist/forms/inputs/form-validator.d.ts +0 -33
- package/dist/forms/inputs/form-validator.d.ts.map +0 -1
- package/dist/forms/inputs/input.d.ts +0 -6
- package/dist/forms/inputs/input.d.ts.map +0 -1
- package/dist/forms/inputs/multi-select.d.ts +0 -58
- package/dist/forms/inputs/multi-select.d.ts.map +0 -1
- package/dist/forms/inputs/number-input.d.ts +0 -58
- package/dist/forms/inputs/number-input.d.ts.map +0 -1
- package/dist/forms/inputs/phone-input.d.ts +0 -57
- package/dist/forms/inputs/phone-input.d.ts.map +0 -1
- package/dist/forms/inputs/search-input.d.ts +0 -51
- package/dist/forms/inputs/search-input.d.ts.map +0 -1
- package/dist/forms/inputs/select.d.ts +0 -14
- package/dist/forms/inputs/select.d.ts.map +0 -1
- package/dist/forms/inputs/switch.d.ts +0 -4
- package/dist/forms/inputs/switch.d.ts.map +0 -1
- package/dist/forms/inputs/text-area.d.ts +0 -56
- package/dist/forms/inputs/text-area.d.ts.map +0 -1
- package/dist/forms/inputs/time-picker.d.ts +0 -41
- package/dist/forms/inputs/time-picker.d.ts.map +0 -1
- package/dist/interactive/focus-trap.d.ts +0 -41
- package/dist/interactive/focus-trap.d.ts.map +0 -1
- package/dist/interactive/hover-tooltip.d.ts +0 -33
- package/dist/interactive/hover-tooltip.d.ts.map +0 -1
- package/dist/interactive/infinite-scroll.d.ts +0 -58
- package/dist/interactive/infinite-scroll.d.ts.map +0 -1
- package/dist/interactive/scroll-spy.d.ts +0 -58
- package/dist/interactive/scroll-spy.d.ts.map +0 -1
- package/dist/modals/dialog.d.ts +0 -49
- package/dist/modals/dialog.d.ts.map +0 -1
- package/dist/modals/drawer.d.ts +0 -50
- package/dist/modals/drawer.d.ts.map +0 -1
- package/dist/modals/modal.d.ts +0 -37
- package/dist/modals/modal.d.ts.map +0 -1
- package/dist/modals/popover.d.ts +0 -46
- package/dist/modals/popover.d.ts.map +0 -1
- package/dist/modals/sheet.d.ts +0 -58
- package/dist/modals/sheet.d.ts.map +0 -1
- package/dist/modals/text-input-modal.d.ts +0 -19
- package/dist/modals/text-input-modal.d.ts.map +0 -1
- package/dist/modals/tooltip.d.ts +0 -49
- package/dist/modals/tooltip.d.ts.map +0 -1
- package/dist/navigation/breadcrumb-nav.d.ts +0 -13
- package/dist/navigation/breadcrumb-nav.d.ts.map +0 -1
- package/dist/navigation/external-link.d.ts +0 -45
- package/dist/navigation/external-link.d.ts.map +0 -1
- package/dist/navigation/link.d.ts +0 -43
- package/dist/navigation/link.d.ts.map +0 -1
- package/dist/navigation/navigation-list.d.ts +0 -59
- package/dist/navigation/navigation-list.d.ts.map +0 -1
- package/dist/navigation/pagination-nav.d.ts +0 -10
- package/dist/navigation/pagination-nav.d.ts.map +0 -1
- package/dist/navigation/side-nav.d.ts +0 -15
- package/dist/navigation/side-nav.d.ts.map +0 -1
- package/dist/navigation/smart-link.d.ts +0 -23
- package/dist/navigation/smart-link.d.ts.map +0 -1
- package/dist/navigation/tabs.d.ts +0 -7
- package/dist/navigation/tabs.d.ts.map +0 -1
- package/dist/primitives/feedback/alert.d.ts +0 -20
- package/dist/primitives/feedback/alert.d.ts.map +0 -1
- package/dist/primitives/feedback/badge.d.ts +0 -51
- package/dist/primitives/feedback/badge.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-dots.d.ts +0 -29
- package/dist/primitives/feedback/loading-dots.d.ts.map +0 -1
- package/dist/primitives/feedback/loading-overlay.d.ts +0 -43
- package/dist/primitives/feedback/loading-overlay.d.ts.map +0 -1
- package/dist/primitives/feedback/skeleton-loader.d.ts +0 -47
- package/dist/primitives/feedback/skeleton-loader.d.ts.map +0 -1
- package/dist/primitives/feedback/spinner.d.ts +0 -11
- package/dist/primitives/feedback/spinner.d.ts.map +0 -1
- package/dist/primitives/feedback/toast.d.ts +0 -47
- package/dist/primitives/feedback/toast.d.ts.map +0 -1
- package/dist/primitives/layout/aspect-ratio.d.ts +0 -31
- package/dist/primitives/layout/aspect-ratio.d.ts.map +0 -1
- package/dist/primitives/layout/box.d.ts +0 -55
- package/dist/primitives/layout/box.d.ts.map +0 -1
- package/dist/primitives/layout/center.d.ts +0 -33
- package/dist/primitives/layout/center.d.ts.map +0 -1
- package/dist/primitives/layout/container.d.ts +0 -35
- package/dist/primitives/layout/container.d.ts.map +0 -1
- package/dist/primitives/layout/divider.d.ts +0 -44
- package/dist/primitives/layout/divider.d.ts.map +0 -1
- package/dist/primitives/layout/flex-container.d.ts +0 -20
- package/dist/primitives/layout/flex-container.d.ts.map +0 -1
- package/dist/primitives/layout/flex.d.ts +0 -42
- package/dist/primitives/layout/flex.d.ts.map +0 -1
- package/dist/primitives/layout/floating-panel.d.ts +0 -38
- package/dist/primitives/layout/floating-panel.d.ts.map +0 -1
- package/dist/primitives/layout/grid.d.ts +0 -58
- package/dist/primitives/layout/grid.d.ts.map +0 -1
- package/dist/primitives/layout/masonry.d.ts +0 -40
- package/dist/primitives/layout/masonry.d.ts.map +0 -1
- package/dist/primitives/layout/overlay.d.ts +0 -39
- package/dist/primitives/layout/overlay.d.ts.map +0 -1
- package/dist/primitives/layout/page-container.d.ts +0 -13
- package/dist/primitives/layout/page-container.d.ts.map +0 -1
- package/dist/primitives/layout/portal.d.ts +0 -29
- package/dist/primitives/layout/portal.d.ts.map +0 -1
- package/dist/primitives/layout/scroll-area.d.ts +0 -35
- package/dist/primitives/layout/scroll-area.d.ts.map +0 -1
- package/dist/primitives/layout/separator.d.ts +0 -37
- package/dist/primitives/layout/separator.d.ts.map +0 -1
- package/dist/primitives/layout/spacer.d.ts +0 -37
- package/dist/primitives/layout/spacer.d.ts.map +0 -1
- package/dist/primitives/layout/split-pane.d.ts +0 -56
- package/dist/primitives/layout/split-pane.d.ts.map +0 -1
- package/dist/primitives/layout/stack.d.ts +0 -59
- package/dist/primitives/layout/stack.d.ts.map +0 -1
- package/dist/primitives/typography/code-display.d.ts +0 -40
- package/dist/primitives/typography/code-display.d.ts.map +0 -1
- package/dist/primitives/typography/code.d.ts +0 -31
- package/dist/primitives/typography/code.d.ts.map +0 -1
- package/dist/primitives/typography/formatted-number.d.ts +0 -53
- package/dist/primitives/typography/formatted-number.d.ts.map +0 -1
- package/dist/primitives/typography/heading.d.ts +0 -39
- package/dist/primitives/typography/heading.d.ts.map +0 -1
- package/dist/primitives/typography/helper-text.d.ts +0 -35
- package/dist/primitives/typography/helper-text.d.ts.map +0 -1
- package/dist/primitives/typography/kbd.d.ts +0 -27
- package/dist/primitives/typography/kbd.d.ts.map +0 -1
- package/dist/primitives/typography/screen-reader-text.d.ts +0 -33
- package/dist/primitives/typography/screen-reader-text.d.ts.map +0 -1
- package/dist/primitives/typography/text.d.ts +0 -45
- package/dist/primitives/typography/text.d.ts.map +0 -1
- package/dist/primitives/typography/truncated-text.d.ts +0 -41
- package/dist/primitives/typography/truncated-text.d.ts.map +0 -1
- package/dist/ui/pagination.d.ts +0 -46
- 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"}
|