@tosui/react 0.0.1 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/Accordion.d.ts +37 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/Alert/Alert.d.ts +28 -0
- package/dist/components/Alert/Alert.d.ts.map +1 -0
- package/dist/components/Alert/index.d.ts +3 -0
- package/dist/components/Alert/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +30 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/index.d.ts +3 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +32 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/Box/Box.d.ts +28 -28
- package/dist/components/Box/Box.d.ts.map +1 -1
- package/dist/components/Box/borders/borders.d.ts +18 -0
- package/dist/components/Box/borders/borders.d.ts.map +1 -0
- package/dist/components/Box/colors/colors.d.ts +14 -0
- package/dist/components/Box/colors/colors.d.ts.map +1 -0
- package/dist/components/Box/display/display.d.ts +14 -0
- package/dist/components/Box/display/display.d.ts.map +1 -0
- package/dist/components/Box/flexbox/flexbox.d.ts +26 -0
- package/dist/components/Box/flexbox/flexbox.d.ts.map +1 -0
- package/dist/components/Box/grid/grid.d.ts +12 -0
- package/dist/components/Box/grid/grid.d.ts.map +1 -0
- package/dist/components/Box/inset/inset.d.ts +21 -0
- package/dist/components/Box/inset/inset.d.ts.map +1 -0
- package/dist/components/Box/interactions/interactions.d.ts +14 -0
- package/dist/components/Box/interactions/interactions.d.ts.map +1 -0
- package/dist/components/Box/margin/margin.d.ts +21 -0
- package/dist/components/Box/margin/margin.d.ts.map +1 -0
- package/dist/components/Box/opacity/opacity.d.ts +14 -0
- package/dist/components/Box/opacity/opacity.d.ts.map +1 -0
- package/dist/components/Box/overflow/overflow.d.ts +16 -0
- package/dist/components/Box/overflow/overflow.d.ts.map +1 -0
- package/dist/components/Box/padding/padding.d.ts +21 -0
- package/dist/components/Box/padding/padding.d.ts.map +1 -0
- package/dist/components/Box/position/position.d.ts +14 -0
- package/dist/components/Box/position/position.d.ts.map +1 -0
- package/dist/components/Box/reset/reset.d.ts +2 -0
- package/dist/components/Box/reset/reset.d.ts.map +1 -0
- package/dist/components/Box/roundness/roundness.d.ts +18 -0
- package/dist/components/Box/roundness/roundness.d.ts.map +1 -0
- package/dist/components/Box/shadows/shadows.d.ts +14 -0
- package/dist/components/Box/shadows/shadows.d.ts.map +1 -0
- package/dist/components/Box/shared/constants.d.ts +16 -0
- package/dist/components/Box/shared/constants.d.ts.map +1 -0
- package/dist/components/Box/shared/index.d.ts +4 -0
- package/dist/components/Box/shared/index.d.ts.map +1 -0
- package/dist/components/Box/shared/spacing.d.ts +10 -0
- package/dist/components/Box/shared/spacing.d.ts.map +1 -0
- package/dist/components/Box/shared/types.d.ts +7 -0
- package/dist/components/Box/shared/types.d.ts.map +1 -0
- package/dist/components/Box/sizing/sizing.d.ts +20 -0
- package/dist/components/Box/sizing/sizing.d.ts.map +1 -0
- package/dist/components/Box/text/text.d.ts +14 -0
- package/dist/components/Box/text/text.d.ts.map +1 -0
- package/dist/components/Box/typography/typography.d.ts +16 -0
- package/dist/components/Box/typography/typography.d.ts.map +1 -0
- package/dist/components/Box/zIndex/zIndex.d.ts +14 -0
- package/dist/components/Box/zIndex/zIndex.d.ts.map +1 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +34 -0
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Breadcrumb/index.d.ts +3 -0
- package/dist/components/Breadcrumb/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +30 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/index.d.ts +2 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +56 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +37 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Code/Code.d.ts +27 -0
- package/dist/components/Code/Code.d.ts.map +1 -0
- package/dist/components/Code/index.d.ts +2 -0
- package/dist/components/Code/index.d.ts.map +1 -0
- package/dist/components/Container/Container.d.ts +26 -0
- package/dist/components/Container/Container.d.ts.map +1 -0
- package/dist/components/Container/index.d.ts +2 -0
- package/dist/components/Container/index.d.ts.map +1 -0
- package/dist/components/Divider/Divider.d.ts +25 -0
- package/dist/components/Divider/Divider.d.ts.map +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/index.d.ts.map +1 -0
- package/dist/components/Flex/Flex.d.ts +46 -0
- package/dist/components/Flex/Flex.d.ts.map +1 -0
- package/dist/components/Flex/index.d.ts +2 -0
- package/dist/components/Flex/index.d.ts.map +1 -0
- package/dist/components/FormField/FormField.d.ts +31 -0
- package/dist/components/FormField/FormField.d.ts.map +1 -0
- package/dist/components/FormField/index.d.ts +3 -0
- package/dist/components/FormField/index.d.ts.map +1 -0
- package/dist/components/Grid/Grid.d.ts +40 -0
- package/dist/components/Grid/Grid.d.ts.map +1 -0
- package/dist/components/Grid/index.d.ts +2 -0
- package/dist/components/Grid/index.d.ts.map +1 -0
- package/dist/components/HStack/HStack.d.ts +18 -0
- package/dist/components/HStack/HStack.d.ts.map +1 -0
- package/dist/components/HStack/index.d.ts +2 -0
- package/dist/components/HStack/index.d.ts.map +1 -0
- package/dist/components/IconButton/IconButton.d.ts +36 -0
- package/dist/components/IconButton/IconButton.d.ts.map +1 -0
- package/dist/components/IconButton/index.d.ts +3 -0
- package/dist/components/IconButton/index.d.ts.map +1 -0
- package/dist/components/Image/Image.d.ts +31 -0
- package/dist/components/Image/Image.d.ts.map +1 -0
- package/dist/components/Image/index.d.ts +3 -0
- package/dist/components/Image/index.d.ts.map +1 -0
- package/dist/components/Input/Input.d.ts +28 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/index.d.ts +2 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/Label/Label.d.ts +26 -0
- package/dist/components/Label/Label.d.ts.map +1 -0
- package/dist/components/Label/index.d.ts +2 -0
- package/dist/components/Label/index.d.ts.map +1 -0
- package/dist/components/Link/Link.d.ts +24 -0
- package/dist/components/Link/Link.d.ts.map +1 -0
- package/dist/components/Link/index.d.ts +3 -0
- package/dist/components/Link/index.d.ts.map +1 -0
- package/dist/components/List/List.d.ts +48 -0
- package/dist/components/List/List.d.ts.map +1 -0
- package/dist/components/List/index.d.ts +3 -0
- package/dist/components/List/index.d.ts.map +1 -0
- package/dist/components/Menu/Menu.d.ts +61 -0
- package/dist/components/Menu/Menu.d.ts.map +1 -0
- package/dist/components/Menu/index.d.ts +3 -0
- package/dist/components/Menu/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +60 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Modal/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +26 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Popover/Popover.d.ts +52 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/index.d.ts +3 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/Progress/Progress.d.ts +30 -0
- package/dist/components/Progress/Progress.d.ts.map +1 -0
- package/dist/components/Progress/index.d.ts +3 -0
- package/dist/components/Progress/index.d.ts.map +1 -0
- package/dist/components/Radio/Radio.d.ts +34 -0
- package/dist/components/Radio/Radio.d.ts.map +1 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Radio/index.d.ts.map +1 -0
- package/dist/components/Select/Select.d.ts +29 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +30 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Spacer/Spacer.d.ts +15 -0
- package/dist/components/Spacer/Spacer.d.ts.map +1 -0
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.d.ts +16 -0
- package/dist/components/Spinner/Spinner.d.ts.map +1 -0
- package/dist/components/Spinner/index.d.ts +2 -0
- package/dist/components/Spinner/index.d.ts.map +1 -0
- package/dist/components/Stack/Stack.d.ts +30 -0
- package/dist/components/Stack/Stack.d.ts.map +1 -0
- package/dist/components/Stack/index.d.ts +2 -0
- package/dist/components/Stack/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts +33 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/index.d.ts +3 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.d.ts +62 -0
- package/dist/components/Tabs/Tabs.d.ts.map +1 -0
- package/dist/components/Tabs/index.d.ts +3 -0
- package/dist/components/Tabs/index.d.ts.map +1 -0
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +33 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +36 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/VStack/VStack.d.ts +18 -0
- package/dist/components/VStack/VStack.d.ts.map +1 -0
- package/dist/components/VStack/index.d.ts +2 -0
- package/dist/components/VStack/index.d.ts.map +1 -0
- package/dist/index.css +1 -4721
- package/dist/index.d.ts +40 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5431 -2326
- package/dist/index.js.map +1 -1
- package/dist/utils/{breakpoints.stylex.d.ts → breakpoints.d.ts} +1 -13
- package/dist/utils/breakpoints.d.ts.map +1 -0
- package/package.json +10 -16
- package/dist/components/Box/styleParts/borders.d.ts +0 -97
- package/dist/components/Box/styleParts/borders.d.ts.map +0 -1
- package/dist/components/Box/styleParts/colors.d.ts +0 -288
- package/dist/components/Box/styleParts/colors.d.ts.map +0 -1
- package/dist/components/Box/styleParts/display.d.ts +0 -54
- package/dist/components/Box/styleParts/display.d.ts.map +0 -1
- package/dist/components/Box/styleParts/flexbox.d.ts +0 -174
- package/dist/components/Box/styleParts/flexbox.d.ts.map +0 -1
- package/dist/components/Box/styleParts/grid.d.ts +0 -45
- package/dist/components/Box/styleParts/grid.d.ts.map +0 -1
- package/dist/components/Box/styleParts/inset.d.ts +0 -22
- package/dist/components/Box/styleParts/inset.d.ts.map +0 -1
- package/dist/components/Box/styleParts/interactions.d.ts +0 -128
- package/dist/components/Box/styleParts/interactions.d.ts.map +0 -1
- package/dist/components/Box/styleParts/margin.d.ts +0 -22
- package/dist/components/Box/styleParts/margin.d.ts.map +0 -1
- package/dist/components/Box/styleParts/opacity.d.ts +0 -34
- package/dist/components/Box/styleParts/opacity.d.ts.map +0 -1
- package/dist/components/Box/styleParts/overflow.d.ts +0 -55
- package/dist/components/Box/styleParts/overflow.d.ts.map +0 -1
- package/dist/components/Box/styleParts/padding.d.ts +0 -22
- package/dist/components/Box/styleParts/padding.d.ts.map +0 -1
- package/dist/components/Box/styleParts/position.d.ts +0 -39
- package/dist/components/Box/styleParts/position.d.ts.map +0 -1
- package/dist/components/Box/styleParts/reset.d.ts +0 -28
- package/dist/components/Box/styleParts/reset.d.ts.map +0 -1
- package/dist/components/Box/styleParts/roundness.d.ts +0 -83
- package/dist/components/Box/styleParts/roundness.d.ts.map +0 -1
- package/dist/components/Box/styleParts/shadows.d.ts +0 -34
- package/dist/components/Box/styleParts/shadows.d.ts.map +0 -1
- package/dist/components/Box/styleParts/sizing.d.ts +0 -25
- package/dist/components/Box/styleParts/sizing.d.ts.map +0 -1
- package/dist/components/Box/styleParts/text.d.ts +0 -66
- package/dist/components/Box/styleParts/text.d.ts.map +0 -1
- package/dist/components/Box/styleParts/types.d.ts +0 -2
- package/dist/components/Box/styleParts/types.d.ts.map +0 -1
- package/dist/components/Box/styleParts/typography.d.ts +0 -130
- package/dist/components/Box/styleParts/typography.d.ts.map +0 -1
- package/dist/components/Box/styleParts/zIndex.d.ts +0 -49
- package/dist/components/Box/styleParts/zIndex.d.ts.map +0 -1
- package/dist/utils/breakpoints.stylex.d.ts.map +0 -1
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export type ProgressColorScheme = "primary" | "accent" | "success" | "warning" | "error" | "info";
|
|
2
|
+
export type ProgressSize = "sm" | "md" | "lg";
|
|
3
|
+
export type ProgressProps = {
|
|
4
|
+
/** Progress value (0-100) */
|
|
5
|
+
value?: number;
|
|
6
|
+
/** Maximum value (default 100) */
|
|
7
|
+
max?: number;
|
|
8
|
+
/** Color scheme */
|
|
9
|
+
colorScheme?: ProgressColorScheme;
|
|
10
|
+
/** Size */
|
|
11
|
+
size?: ProgressSize;
|
|
12
|
+
/** Indeterminate mode (loading without known progress) */
|
|
13
|
+
isIndeterminate?: boolean;
|
|
14
|
+
/** Additional class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Progress - Progress bar indicator
|
|
19
|
+
*
|
|
20
|
+
* A visual indicator of completion progress:
|
|
21
|
+
* - Value-based: shows percentage complete
|
|
22
|
+
* - Indeterminate: animated loading state
|
|
23
|
+
*
|
|
24
|
+
* Features:
|
|
25
|
+
* - 6 color schemes
|
|
26
|
+
* - 3 sizes (sm, md, lg)
|
|
27
|
+
* - Accessible with role="progressbar" and ARIA attributes
|
|
28
|
+
*/
|
|
29
|
+
export declare function Progress({ value, max, colorScheme, size, isIndeterminate, className, }: ProgressProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=Progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,mBAAmB,GAC3B,SAAS,GACT,QAAQ,GACR,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,aAAa,GAAG;IAC1B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW;IACX,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAgBF;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAS,EACT,GAAS,EACT,WAAuB,EACvB,IAAW,EACX,eAAuB,EACvB,SAAS,GACV,EAAE,aAAa,2CAkCf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EACV,mBAAmB,EACnB,YAAY,EACZ,aAAa,GACd,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export type RadioSize = "sm" | "md" | "lg";
|
|
3
|
+
export type RadioProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
|
|
4
|
+
/** Radio size affecting circle dimensions */
|
|
5
|
+
size?: RadioSize;
|
|
6
|
+
/** Whether the radio is disabled */
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** Controlled checked state */
|
|
9
|
+
isChecked?: boolean;
|
|
10
|
+
/** Optional label text displayed to the right */
|
|
11
|
+
label?: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Radio - Radio button component
|
|
15
|
+
*
|
|
16
|
+
* A styled radio component that provides:
|
|
17
|
+
* - Sizes: sm, md (default), lg
|
|
18
|
+
* - Custom styled circle with inner dot
|
|
19
|
+
* - Optional inline label
|
|
20
|
+
* - Disabled state
|
|
21
|
+
* - Focus ring styling
|
|
22
|
+
* - Use name prop to group radios together
|
|
23
|
+
*/
|
|
24
|
+
export declare const Radio: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
|
|
25
|
+
/** Radio size affecting circle dimensions */
|
|
26
|
+
size?: RadioSize;
|
|
27
|
+
/** Whether the radio is disabled */
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
/** Controlled checked state */
|
|
30
|
+
isChecked?: boolean;
|
|
31
|
+
/** Optional label text displayed to the right */
|
|
32
|
+
label?: string;
|
|
33
|
+
} & import('react').RefAttributes<HTMLInputElement>>;
|
|
34
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAS7D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,6CAA6C;IAC7C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAnChB,6CAA6C;WACtC,SAAS;IAChB,oCAAoC;eACzB,OAAO;IAClB,+BAA+B;gBACnB,OAAO;IACnB,iDAAiD;YACzC,MAAM;oDAwFd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { BoxOwnProps } from '../Box/Box';
|
|
4
|
+
export type SelectSize = "sm" | "md" | "lg";
|
|
5
|
+
export type SelectVariant = "outline" | "filled";
|
|
6
|
+
export type SelectOwnProps = Omit<BoxOwnProps, "as" | "h" | "fontSize" | "rounded" | "border" | "borderColor" | "bg"> & {
|
|
7
|
+
/** Select size affecting height and font size */
|
|
8
|
+
size?: SelectSize;
|
|
9
|
+
/** Visual variant: outline (border) or filled (surface background) */
|
|
10
|
+
variant?: SelectVariant;
|
|
11
|
+
/** Whether the select is disabled */
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
/** Whether the select is in an invalid state */
|
|
14
|
+
isInvalid?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export type SelectProps<T extends ElementType = "select"> = Polymorphic<T, SelectOwnProps>;
|
|
17
|
+
/**
|
|
18
|
+
* Select - Dropdown select component
|
|
19
|
+
*
|
|
20
|
+
* A polymorphic select component that provides:
|
|
21
|
+
* - Default element: <select>
|
|
22
|
+
* - Sizes: sm, md (default), lg
|
|
23
|
+
* - Variants: outline (default), filled
|
|
24
|
+
* - Disabled and invalid states
|
|
25
|
+
* - Custom dropdown arrow
|
|
26
|
+
* - Focus ring styling
|
|
27
|
+
*/
|
|
28
|
+
export declare function Select<T extends ElementType = "select">({ as, size, variant, disabled, isInvalid, className, ...rest }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,WAAW,EACX,IAAI,GAAG,GAAG,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,IAAI,CACtE,GAAG;IACF,iDAAiD;IACjD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,sEAAsE;IACtE,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,IAAI,WAAW,CACrE,CAAC,EACD,cAAc,CACf,CAAC;AAgBF;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,QAAQ,EAAE,EACvD,EAAE,EACF,IAAW,EACX,OAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CA2ChB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { RoundedValue } from '../Box/roundness/roundness';
|
|
3
|
+
export type SkeletonProps = {
|
|
4
|
+
/** Width (CSS value) */
|
|
5
|
+
w?: string;
|
|
6
|
+
/** Height (CSS value) */
|
|
7
|
+
h?: string;
|
|
8
|
+
/** Border radius */
|
|
9
|
+
rounded?: RoundedValue;
|
|
10
|
+
/** When true, shows children instead of skeleton */
|
|
11
|
+
isLoaded?: boolean;
|
|
12
|
+
/** Content to show when loaded */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/** Additional class name */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* Skeleton - Loading placeholder
|
|
19
|
+
*
|
|
20
|
+
* A shimmer animation placeholder for content:
|
|
21
|
+
* - Shows animated skeleton when loading
|
|
22
|
+
* - Reveals children when isLoaded is true
|
|
23
|
+
*
|
|
24
|
+
* Features:
|
|
25
|
+
* - Configurable width and height
|
|
26
|
+
* - Rounded corners
|
|
27
|
+
* - Shimmer animation
|
|
28
|
+
*/
|
|
29
|
+
export declare function Skeleton({ w, h, rounded, isLoaded, children, className, }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAsB,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAOzE,MAAM,MAAM,aAAa,GAAG;IAC1B,wBAAwB;IACxB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,yBAAyB;IACzB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,CAAC,EACD,CAAC,EACD,OAAc,EACd,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAsBf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { BoxOwnProps } from '../Box/Box';
|
|
4
|
+
export type SpacerOwnProps = Omit<BoxOwnProps, "flex">;
|
|
5
|
+
export type SpacerProps<T extends ElementType = "div"> = Polymorphic<T, SpacerOwnProps>;
|
|
6
|
+
/**
|
|
7
|
+
* Spacer - Flexible space filler for flex layouts
|
|
8
|
+
*
|
|
9
|
+
* A polymorphic spacer component that fills available flex space:
|
|
10
|
+
* - Default element: <div>
|
|
11
|
+
* - Always has flex: 1 to fill available space
|
|
12
|
+
* - Use to push items apart in flex containers (e.g., logo left, nav right)
|
|
13
|
+
*/
|
|
14
|
+
export declare function Spacer<T extends ElementType = "div">({ as, ...rest }: SpacerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Spacer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAM7D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,CAClE,CAAC,EACD,cAAc,CACf,CAAC;AAMF;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACpD,EAAE,EACF,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CAKhB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { BoxOwnProps } from '../Box/Box';
|
|
4
|
+
export type SpinnerSize = "sm" | "md" | "lg";
|
|
5
|
+
export type SpinnerOwnProps = Omit<BoxOwnProps, "as"> & {
|
|
6
|
+
size?: SpinnerSize;
|
|
7
|
+
};
|
|
8
|
+
export type SpinnerProps<T extends ElementType = "span"> = Polymorphic<T, SpinnerOwnProps>;
|
|
9
|
+
/**
|
|
10
|
+
* Spinner - Loading indicator component
|
|
11
|
+
*
|
|
12
|
+
* A simple spinning indicator that inherits color from its parent.
|
|
13
|
+
* Uses CSS animation for smooth performance.
|
|
14
|
+
*/
|
|
15
|
+
export declare function Spinner<T extends ElementType = "span">({ as, size, className, style, ...rest }: SpinnerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG;IACtD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,WAAW,CACpE,CAAC,EACD,eAAe,CAChB,CAAC;AAgBF;;;;;GAKG;AACH,wBAAgB,OAAO,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACtD,EAAE,EACF,IAAW,EACX,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CAkBjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,eAAe,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { BoxOwnProps } from '../Box/Box';
|
|
4
|
+
import { FlexDirectionValue, JustifyContentValue, AlignItemsValue, SpacingValue } from '../Box/flexbox/flexbox';
|
|
5
|
+
export type StackOwnProps = Omit<BoxOwnProps, "display" | "flexDirection" | "justifyContent" | "alignItems" | "flexWrap" | "gap"> & {
|
|
6
|
+
/** Stack direction: row, column, row-reverse, column-reverse */
|
|
7
|
+
direction?: FlexDirectionValue;
|
|
8
|
+
/** Gap between children (0-32 spacing multiplier) */
|
|
9
|
+
gap?: SpacingValue;
|
|
10
|
+
/** Align items along the cross axis */
|
|
11
|
+
align?: AlignItemsValue;
|
|
12
|
+
/** Justify content along the main axis */
|
|
13
|
+
justify?: JustifyContentValue;
|
|
14
|
+
/** Enable flex wrapping */
|
|
15
|
+
wrap?: boolean;
|
|
16
|
+
};
|
|
17
|
+
export type StackProps<T extends ElementType = "div"> = Polymorphic<T, StackOwnProps>;
|
|
18
|
+
/**
|
|
19
|
+
* Stack - Flex-based layout component
|
|
20
|
+
*
|
|
21
|
+
* A polymorphic flex container that provides:
|
|
22
|
+
* - Default element: <div>
|
|
23
|
+
* - Direction: column (default), row, row-reverse, column-reverse
|
|
24
|
+
* - Gap: spacing multiplier (0-32)
|
|
25
|
+
* - Align: cross-axis alignment
|
|
26
|
+
* - Justify: main-axis alignment
|
|
27
|
+
* - Wrap: enable flex wrapping
|
|
28
|
+
*/
|
|
29
|
+
export declare function Stack<T extends ElementType = "div">({ as, direction, gap, align, justify, wrap, children, ...rest }: StackProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
//# sourceMappingURL=Stack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EACV,kBAAkB,EAClB,mBAAmB,EACnB,eAAe,EACf,YAAY,EACb,MAAM,kCAAkC,CAAC;AAM1C,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,WAAW,EACX,SAAS,GAAG,eAAe,GAAG,gBAAgB,GAAG,YAAY,GAAG,UAAU,GAAG,KAAK,CACnF,GAAG;IACF,gEAAgE;IAChE,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,qDAAqD;IACrD,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,uCAAuC;IACvC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,2BAA2B;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,CACjE,CAAC,EACD,aAAa,CACd,CAAC;AAMF;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,SAAoB,EACpB,GAAG,EACH,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,CAAC,CAAC,CAAC,2CAgBf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stack/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
export type SwitchSize = "sm" | "md" | "lg";
|
|
3
|
+
export type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
|
|
4
|
+
/** Switch size affecting track and thumb dimensions */
|
|
5
|
+
size?: SwitchSize;
|
|
6
|
+
/** Whether the switch is disabled */
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
/** Controlled checked state */
|
|
9
|
+
isChecked?: boolean;
|
|
10
|
+
/** Optional label text displayed to the right */
|
|
11
|
+
label?: string;
|
|
12
|
+
};
|
|
13
|
+
/**
|
|
14
|
+
* Switch - Toggle switch component
|
|
15
|
+
*
|
|
16
|
+
* A styled switch component that provides:
|
|
17
|
+
* - Sizes: sm, md (default), lg
|
|
18
|
+
* - Sliding thumb animation
|
|
19
|
+
* - Optional inline label
|
|
20
|
+
* - Disabled state
|
|
21
|
+
* - Focus ring styling
|
|
22
|
+
*/
|
|
23
|
+
export declare const Switch: import('react').ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
|
|
24
|
+
/** Switch size affecting track and thumb dimensions */
|
|
25
|
+
size?: SwitchSize;
|
|
26
|
+
/** Whether the switch is disabled */
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
/** Controlled checked state */
|
|
29
|
+
isChecked?: boolean;
|
|
30
|
+
/** Optional label text displayed to the right */
|
|
31
|
+
label?: string;
|
|
32
|
+
} & import('react').RefAttributes<HTMLInputElement>>;
|
|
33
|
+
//# sourceMappingURL=Switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,mBAAmB,EAAc,MAAM,OAAO,CAAC;AAS7D,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,uDAAuD;IACvD,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAgBF;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM;IAlCjB,uDAAuD;WAChD,UAAU;IACjB,qCAAqC;eAC1B,OAAO;IAClB,+BAA+B;gBACnB,OAAO;IACnB,iDAAiD;YACzC,MAAM;oDAqGd,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type TabsVariant = "line" | "enclosed";
|
|
3
|
+
export type TabsProps = {
|
|
4
|
+
/** Default active tab index */
|
|
5
|
+
defaultIndex?: number;
|
|
6
|
+
/** Controlled active index */
|
|
7
|
+
index?: number;
|
|
8
|
+
/** Callback when tab changes */
|
|
9
|
+
onChange?: (index: number) => void;
|
|
10
|
+
/** Visual variant */
|
|
11
|
+
variant?: TabsVariant;
|
|
12
|
+
/** Additional class name */
|
|
13
|
+
className?: string;
|
|
14
|
+
/** Tab components */
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
};
|
|
17
|
+
export type TabListProps = {
|
|
18
|
+
/** Additional class name */
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Tab buttons */
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
};
|
|
23
|
+
export type TabProps = {
|
|
24
|
+
/** Tab index (set automatically or manually) */
|
|
25
|
+
index?: number;
|
|
26
|
+
/** Disabled state */
|
|
27
|
+
disabled?: boolean;
|
|
28
|
+
/** Additional class name */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Tab label */
|
|
31
|
+
children?: ReactNode;
|
|
32
|
+
};
|
|
33
|
+
export type TabPanelProps = {
|
|
34
|
+
/** Panel index (set automatically or manually) */
|
|
35
|
+
index?: number;
|
|
36
|
+
/** Additional class name */
|
|
37
|
+
className?: string;
|
|
38
|
+
/** Panel content */
|
|
39
|
+
children?: ReactNode;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Tabs - Tab container with state management
|
|
43
|
+
*
|
|
44
|
+
* Provides context for Tab and TabPanel components.
|
|
45
|
+
* Supports controlled (index prop) and uncontrolled (defaultIndex) modes.
|
|
46
|
+
*/
|
|
47
|
+
export declare function Tabs({ defaultIndex, index, onChange, variant, className, children, }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
/**
|
|
49
|
+
* TabList - Horizontal container for Tab buttons
|
|
50
|
+
*/
|
|
51
|
+
export declare function TabList({ className, children }: TabListProps): import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
/**
|
|
53
|
+
* Tab - Individual tab button
|
|
54
|
+
*/
|
|
55
|
+
export declare function Tab({ index, disabled, className, children, }: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
56
|
+
/**
|
|
57
|
+
* TabPanel - Content panel for a tab
|
|
58
|
+
*
|
|
59
|
+
* Only renders when its index matches the active tab.
|
|
60
|
+
*/
|
|
61
|
+
export declare function TabPanel({ index, className, children }: TabPanelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
62
|
+
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAuC,MAAM,OAAO,CAAC;AA0B5E,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,UAAU,CAAC;AAE9C,MAAM,MAAM,SAAS,GAAG;IACtB,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAMF;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,YAAgB,EAChB,KAAK,EACL,QAAQ,EACR,OAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,2CAgBX;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,YAAY,2CAc5D;AAED;;GAEG;AACH,wBAAgB,GAAG,CAAC,EAClB,KAAS,EACT,QAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,QAAQ,2CA2BV;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,KAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,aAAa,kDAUzE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACtD,YAAY,EACV,WAAW,EACX,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,aAAa,GACd,MAAM,QAAQ,CAAC"}
|
|
@@ -4,7 +4,7 @@ import { Polymorphic } from '../../types/Polymorphic';
|
|
|
4
4
|
type FontSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
|
|
5
5
|
type FontWeight = "normal" | "medium" | "semibold" | "bold";
|
|
6
6
|
type TextAlign = "left" | "center" | "right" | "justify";
|
|
7
|
-
type Color = "foreground" | "foreground-muted" | "foreground-subtle" | "accent" | "accent-emphasis" | "primary" | "primary-emphasis" | "success" | "success-emphasis" | "warning" | "warning-emphasis" | "error" | "error-emphasis";
|
|
7
|
+
type Color = "foreground" | "foreground-muted" | "foreground-subtle" | "foreground-inverted" | "foreground-inverted-muted" | "foreground-inverted-subtle" | "accent" | "accent-emphasis" | "primary" | "primary-emphasis" | "success" | "success-emphasis" | "warning" | "warning-emphasis" | "error" | "error-emphasis" | "info" | "info-emphasis";
|
|
8
8
|
export type TextOwnProps = Omit<BoxOwnProps, "fontSize" | "fontWeight" | "textAlign" | "color"> & {
|
|
9
9
|
size?: FontSize;
|
|
10
10
|
weight?: FontWeight;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAIvD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AACjF,KAAK,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC5D,KAAK,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AACzD,KAAK,KAAK,GACN,YAAY,GACZ,kBAAkB,GAClB,mBAAmB,GACnB,qBAAqB,GACrB,2BAA2B,GAC3B,4BAA4B,GAC5B,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,SAAS,GACT,kBAAkB,GAClB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,eAAe,CAAC;AAEpB,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,WAAW,EACX,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAClD,GAAG;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,WAAW,CACjE,CAAC,EACD,YAAY,CACb,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACnD,EAAE,EACF,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,GAAG,IAAI,EACR,EAAE,SAAS,CAAC,CAAC,CAAC,2CAiBd"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { BoxOwnProps } from '../Box/Box';
|
|
4
|
+
export type TextareaSize = "sm" | "md" | "lg";
|
|
5
|
+
export type TextareaVariant = "outline" | "filled";
|
|
6
|
+
export type TextareaResize = "none" | "vertical" | "horizontal" | "both";
|
|
7
|
+
export type TextareaOwnProps = Omit<BoxOwnProps, "as" | "fontSize" | "rounded" | "border" | "borderColor" | "bg"> & {
|
|
8
|
+
/** Textarea size affecting font size and padding */
|
|
9
|
+
size?: TextareaSize;
|
|
10
|
+
/** Visual variant: outline (border) or filled (surface background) */
|
|
11
|
+
variant?: TextareaVariant;
|
|
12
|
+
/** Whether the textarea is disabled */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Whether the textarea is in an invalid state */
|
|
15
|
+
isInvalid?: boolean;
|
|
16
|
+
/** Number of visible text rows */
|
|
17
|
+
rows?: number;
|
|
18
|
+
/** Resize behavior */
|
|
19
|
+
resize?: TextareaResize;
|
|
20
|
+
};
|
|
21
|
+
export type TextareaProps<T extends ElementType = "textarea"> = Polymorphic<T, TextareaOwnProps>;
|
|
22
|
+
/**
|
|
23
|
+
* Textarea - Multiline text input component
|
|
24
|
+
*
|
|
25
|
+
* A polymorphic textarea component that provides:
|
|
26
|
+
* - Default element: <textarea>
|
|
27
|
+
* - Sizes: sm, md (default), lg
|
|
28
|
+
* - Variants: outline (default), filled
|
|
29
|
+
* - Disabled and invalid states
|
|
30
|
+
* - Configurable rows and resize behavior
|
|
31
|
+
*/
|
|
32
|
+
export declare function Textarea<T extends ElementType = "textarea">({ as, size, variant, disabled, isInvalid, rows, resize, className, ...rest }: TextareaProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAO,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAO7D,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,IAAI,CAChE,GAAG;IACF,oDAAoD;IACpD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,UAAU,IAAI,WAAW,CACzE,CAAC,EACD,gBAAgB,CACjB,CAAC;AA2BF;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,WAAW,GAAG,UAAU,EAAE,EAC3D,EAAE,EACF,IAAW,EACX,OAAmB,EACnB,QAAgB,EAChB,SAAiB,EACjB,IAAQ,EACR,MAAmB,EACnB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,2CAiDlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,KAAK,YAAY,EACjB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,gBAAgB,GACtB,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type TooltipPlacement = "top" | "bottom" | "left" | "right";
|
|
3
|
+
export type TooltipProps = {
|
|
4
|
+
/** Tooltip content */
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
/** Placement of tooltip */
|
|
7
|
+
placement?: TooltipPlacement;
|
|
8
|
+
/** Delay before showing (ms) */
|
|
9
|
+
openDelay?: number;
|
|
10
|
+
/** Delay before hiding (ms) */
|
|
11
|
+
closeDelay?: number;
|
|
12
|
+
/** Whether tooltip is disabled */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
/** Controlled open state */
|
|
15
|
+
isOpen?: boolean;
|
|
16
|
+
/** Callback when tooltip opens */
|
|
17
|
+
onOpen?: () => void;
|
|
18
|
+
/** Callback when tooltip closes */
|
|
19
|
+
onClose?: () => void;
|
|
20
|
+
/** Additional class name */
|
|
21
|
+
className?: string;
|
|
22
|
+
/** Trigger element */
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Tooltip - Hover-triggered information overlay
|
|
27
|
+
*
|
|
28
|
+
* A tooltip component that:
|
|
29
|
+
* - Shows on hover and focus
|
|
30
|
+
* - Positions relative to trigger element
|
|
31
|
+
* - Supports configurable delays
|
|
32
|
+
* - Supports controlled mode via isOpen/onOpen/onClose
|
|
33
|
+
* - Renders via portal
|
|
34
|
+
*/
|
|
35
|
+
export declare function Tooltip({ label, placement, openDelay, closeDelay, disabled, isOpen: controlledIsOpen, onOpen, onClose, className, children, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA+B,MAAM,OAAO,CAAC;AAUpE,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE,MAAM,MAAM,YAAY,GAAG;IACzB,sBAAsB;IACtB,KAAK,EAAE,SAAS,CAAC;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAMF;;;;;;;;;GASG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,SAAiB,EACjB,SAAa,EACb,UAAc,EACd,QAAgB,EAChB,MAAM,EAAE,gBAAgB,EACxB,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,YAAY,2CA6Hd"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ElementType } from 'react';
|
|
2
|
+
import { Polymorphic } from '../../types/Polymorphic';
|
|
3
|
+
import { StackOwnProps } from '../Stack/Stack';
|
|
4
|
+
export type VStackOwnProps = Omit<StackOwnProps, "direction">;
|
|
5
|
+
export type VStackProps<T extends ElementType = "div"> = Polymorphic<T, VStackOwnProps>;
|
|
6
|
+
/**
|
|
7
|
+
* VStack - Vertical stack component
|
|
8
|
+
*
|
|
9
|
+
* A convenience wrapper around Stack with direction="column".
|
|
10
|
+
* - Default element: <div>
|
|
11
|
+
* - Direction: column (fixed)
|
|
12
|
+
* - Gap: spacing multiplier (0-32)
|
|
13
|
+
* - Align: cross-axis alignment
|
|
14
|
+
* - Justify: main-axis alignment
|
|
15
|
+
* - Wrap: enable flex wrapping
|
|
16
|
+
*/
|
|
17
|
+
export declare function VStack<T extends ElementType = "div">({ as, children, ...rest }: VStackProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=VStack.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VStack.d.ts","sourceRoot":"","sources":["../../../src/components/VStack/VStack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAS,KAAK,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMrE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;AAE9D,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,WAAW,CAClE,CAAC,EACD,cAAc,CACf,CAAC;AAMF;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACpD,EAAE,EACF,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,2CAOhB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VStack/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC"}
|