prime-ui-kit 0.2.3 → 0.3.1
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/README.md +172 -34
- package/dist/components/accordion/Accordion.d.ts +70 -0
- package/dist/components/accordion/Accordion.d.ts.map +1 -0
- package/dist/components/avatar/Avatar.d.ts +58 -0
- package/dist/components/avatar/Avatar.d.ts.map +1 -0
- package/dist/components/badge/Badge.d.ts +51 -0
- package/dist/components/badge/Badge.d.ts.map +1 -0
- package/dist/components/banner/Banner.d.ts +78 -0
- package/dist/components/banner/Banner.d.ts.map +1 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +47 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
- package/dist/components/button/Button.d.ts +57 -0
- package/dist/components/button/Button.d.ts.map +1 -0
- package/dist/components/button-group/ButtonGroup.d.ts +34 -0
- package/dist/components/button-group/ButtonGroup.d.ts.map +1 -0
- package/dist/components/card/Card.d.ts +234 -0
- package/dist/components/card/Card.d.ts.map +1 -0
- package/dist/components/checkbox/Checkbox.d.ts +42 -0
- package/dist/components/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/code-block/CodeBlock.d.ts +17 -0
- package/dist/components/code-block/CodeBlock.d.ts.map +1 -0
- package/dist/components/color-picker/ColorPicker.d.ts +76 -0
- package/dist/components/color-picker/ColorPicker.d.ts.map +1 -0
- package/dist/components/color-picker/ColorPickerRac.d.ts +76 -0
- package/dist/components/color-picker/ColorPickerRac.d.ts.map +1 -0
- package/dist/components/command-menu/CommandMenu.d.ts +74 -0
- package/dist/components/command-menu/CommandMenu.d.ts.map +1 -0
- package/dist/components/data-table/DataTable.d.ts +78 -0
- package/dist/components/data-table/DataTable.d.ts.map +1 -0
- package/dist/components/datepicker/Datepicker.d.ts +104 -0
- package/dist/components/datepicker/Datepicker.d.ts.map +1 -0
- package/dist/components/digit-input/DigitInput.d.ts +21 -0
- package/dist/components/digit-input/DigitInput.d.ts.map +1 -0
- package/dist/components/divider/Divider.d.ts +26 -0
- package/dist/components/divider/Divider.d.ts.map +1 -0
- package/dist/components/drawer/Drawer.d.ts +71 -0
- package/dist/components/drawer/Drawer.d.ts.map +1 -0
- package/dist/components/dropdown/Dropdown.d.ts +147 -0
- package/dist/components/dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/dropdown/dropdownGeometry.d.ts +10 -0
- package/dist/components/dropdown/dropdownGeometry.d.ts.map +1 -0
- package/dist/components/dropdown/menuKeyboard.d.ts +4 -0
- package/dist/components/dropdown/menuKeyboard.d.ts.map +1 -0
- package/dist/components/dropdown/useDropdownPosition.d.ts +18 -0
- package/dist/components/dropdown/useDropdownPosition.d.ts.map +1 -0
- package/dist/components/example-frame/ExampleFrame.d.ts +53 -0
- package/dist/components/example-frame/ExampleFrame.d.ts.map +1 -0
- package/dist/components/file-upload/FileUpload.d.ts +176 -0
- package/dist/components/file-upload/FileUpload.d.ts.map +1 -0
- package/dist/components/hint/Hint.d.ts +27 -0
- package/dist/components/hint/Hint.d.ts.map +1 -0
- package/dist/components/index.css +6306 -5964
- package/dist/components/index.css.map +7 -1
- package/dist/components/index.d.ts +95 -2679
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +8750 -6666
- package/dist/components/index.js.map +7 -1
- package/dist/components/input/Input.d.ts +73 -0
- package/dist/components/input/Input.d.ts.map +1 -0
- package/dist/components/kbd/Kbd.d.ts +15 -0
- package/dist/components/kbd/Kbd.d.ts.map +1 -0
- package/dist/components/label/Label.d.ts +29 -0
- package/dist/components/label/Label.d.ts.map +1 -0
- package/dist/components/link-button/LinkButton.d.ts +18 -0
- package/dist/components/link-button/LinkButton.d.ts.map +1 -0
- package/dist/components/modal/Modal.d.ts +58 -0
- package/dist/components/modal/Modal.d.ts.map +1 -0
- package/dist/components/notification/Notification.d.ts +42 -0
- package/dist/components/notification/Notification.d.ts.map +1 -0
- package/dist/components/notification/NotificationStore.d.ts +18 -0
- package/dist/components/notification/NotificationStore.d.ts.map +1 -0
- package/dist/components/page-content/PageContent.d.ts +51 -0
- package/dist/components/page-content/PageContent.d.ts.map +1 -0
- package/dist/components/pagination/Pagination.d.ts +19 -0
- package/dist/components/pagination/Pagination.d.ts.map +1 -0
- package/dist/components/popover/Popover.d.ts +48 -0
- package/dist/components/popover/Popover.d.ts.map +1 -0
- package/dist/components/popover/popoverGeometry.d.ts +6 -0
- package/dist/components/popover/popoverGeometry.d.ts.map +1 -0
- package/dist/components/popover/usePopoverPosition.d.ts +18 -0
- package/dist/components/popover/usePopoverPosition.d.ts.map +1 -0
- package/dist/components/progress-bar/ProgressBar.d.ts +14 -0
- package/dist/components/progress-bar/ProgressBar.d.ts.map +1 -0
- package/dist/components/progress-circle/ProgressCircle.d.ts +33 -0
- package/dist/components/progress-circle/ProgressCircle.d.ts.map +1 -0
- package/dist/components/radio/Radio.d.ts +40 -0
- package/dist/components/radio/Radio.d.ts.map +1 -0
- package/dist/components/scroll-container/ScrollContainer.d.ts +42 -0
- package/dist/components/scroll-container/ScrollContainer.d.ts.map +1 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts +40 -0
- package/dist/components/segmented-control/SegmentedControl.d.ts.map +1 -0
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.d.ts +22 -0
- package/dist/components/segmented-progress-bar/SegmentedProgressBar.d.ts.map +1 -0
- package/dist/components/select/Select.d.ts +84 -0
- package/dist/components/select/Select.d.ts.map +1 -0
- package/dist/components/select/selectListbox.d.ts +13 -0
- package/dist/components/select/selectListbox.d.ts.map +1 -0
- package/dist/components/slider/Slider.d.ts +23 -0
- package/dist/components/slider/Slider.d.ts.map +1 -0
- package/dist/components/stepper/HorizontalStepper.d.ts +41 -0
- package/dist/components/stepper/HorizontalStepper.d.ts.map +1 -0
- package/dist/components/stepper/Stepper.d.ts +77 -0
- package/dist/components/stepper/Stepper.d.ts.map +1 -0
- package/dist/components/stepper/VerticalStepper.d.ts +41 -0
- package/dist/components/stepper/VerticalStepper.d.ts.map +1 -0
- package/dist/components/stepper/stepperAlignContext.d.ts +11 -0
- package/dist/components/stepper/stepperAlignContext.d.ts.map +1 -0
- package/dist/components/switch/Switch.d.ts +48 -0
- package/dist/components/switch/Switch.d.ts.map +1 -0
- package/dist/components/tabs/Tabs.d.ts +69 -0
- package/dist/components/tabs/Tabs.d.ts.map +1 -0
- package/dist/components/tag/Tag.d.ts +29 -0
- package/dist/components/tag/Tag.d.ts.map +1 -0
- package/dist/components/textarea/Textarea.d.ts +43 -0
- package/dist/components/textarea/Textarea.d.ts.map +1 -0
- package/dist/components/tooltip/Tooltip.d.ts +47 -0
- package/dist/components/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/typography/Typography.d.ts +30 -0
- package/dist/components/typography/Typography.d.ts.map +1 -0
- package/dist/hooks/useControllableState.d.ts +8 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useEscapeKey.d.ts +7 -0
- package/dist/hooks/useEscapeKey.d.ts.map +1 -0
- package/dist/hooks/useFieldIds.d.ts +17 -0
- package/dist/hooks/useFieldIds.d.ts.map +1 -0
- package/dist/hooks/useFocusTrap.d.ts +16 -0
- package/dist/hooks/useFocusTrap.d.ts.map +1 -0
- package/dist/hooks/useMergedRefs.d.ts +3 -0
- package/dist/hooks/useMergedRefs.d.ts.map +1 -0
- package/dist/hooks/useOutsideClick.d.ts +16 -0
- package/dist/hooks/useOutsideClick.d.ts.map +1 -0
- package/dist/hooks/useOverlayModal.d.ts +7 -0
- package/dist/hooks/useOverlayModal.d.ts.map +1 -0
- package/dist/hooks/usePosition.d.ts +41 -0
- package/dist/hooks/usePosition.d.ts.map +1 -0
- package/dist/hooks/useResponsiveMonths.d.ts +18 -0
- package/dist/hooks/useResponsiveMonths.d.ts.map +1 -0
- package/dist/hooks/useScrollLock.d.ts +8 -0
- package/dist/hooks/useScrollLock.d.ts.map +1 -0
- package/dist/icons/Icon.d.ts +13 -0
- package/dist/icons/Icon.d.ts.map +1 -0
- package/dist/icons/index.d.ts +40 -0
- package/dist/icons/index.d.ts.map +1 -0
- package/dist/index.css +6299 -7273
- package/dist/index.css.map +7 -1
- package/dist/index.d.ts +4 -8
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8784 -6676
- package/dist/index.js.map +7 -1
- package/dist/internal/ControlSizeContext.d.ts +17 -0
- package/dist/internal/ControlSizeContext.d.ts.map +1 -0
- package/dist/internal/DividerContentContext.d.ts +4 -0
- package/dist/internal/DividerContentContext.d.ts.map +1 -0
- package/dist/internal/OverlayPortalLayerContext.d.ts +13 -0
- package/dist/internal/OverlayPortalLayerContext.d.ts.map +1 -0
- package/dist/internal/Portal.d.ts +8 -0
- package/dist/internal/Portal.d.ts.map +1 -0
- package/dist/internal/context.d.ts +11 -0
- package/dist/internal/context.d.ts.map +1 -0
- package/dist/internal/cx.d.ts +2 -0
- package/dist/internal/cx.d.ts.map +1 -0
- package/dist/internal/data-attributes.d.ts +6 -0
- package/dist/internal/data-attributes.d.ts.map +1 -0
- package/dist/internal/highlightTsxHtml.d.ts +3 -0
- package/dist/internal/highlightTsxHtml.d.ts.map +1 -0
- package/dist/internal/layoutPxFromPrimitives.d.ts +13 -0
- package/dist/internal/layoutPxFromPrimitives.d.ts.map +1 -0
- package/dist/internal/mergeRefs.d.ts +4 -0
- package/dist/internal/mergeRefs.d.ts.map +1 -0
- package/dist/internal/runtimeUnits.d.ts +3 -0
- package/dist/internal/runtimeUnits.d.ts.map +1 -0
- package/dist/internal/scrollAncestors.d.ts +3 -0
- package/dist/internal/scrollAncestors.d.ts.map +1 -0
- package/dist/internal/slot.d.ts +19 -0
- package/dist/internal/slot.d.ts.map +1 -0
- package/dist/internal/states.d.ts +87 -0
- package/dist/internal/states.d.ts.map +1 -0
- package/dist/layout/app-shell/AppShell.d.ts +54 -0
- package/dist/layout/app-shell/AppShell.d.ts.map +1 -0
- package/dist/layout/index.d.ts +7 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/sidebar/Sidebar.d.ts +241 -0
- package/dist/layout/sidebar/Sidebar.d.ts.map +1 -0
- package/dist/layout/sidebar/SidebarRoot.d.ts +51 -0
- package/dist/layout/sidebar/SidebarRoot.d.ts.map +1 -0
- package/dist/layout/sidebar/sidebar-context.d.ts +19 -0
- package/dist/layout/sidebar/sidebar-context.d.ts.map +1 -0
- package/dist/layout/sidebar/sidebarLayout.d.ts +12 -0
- package/dist/layout/sidebar/sidebarLayout.d.ts.map +1 -0
- package/dist/tokens/primitives.d.ts +390 -0
- package/dist/tokens/primitives.d.ts.map +1 -0
- package/dist/tokens/semantic.d.ts +732 -0
- package/dist/tokens/semantic.d.ts.map +1 -0
- package/dist/tokens/themes/dark.d.ts +143 -0
- package/dist/tokens/themes/dark.d.ts.map +1 -0
- package/dist/tokens/themes/light.d.ts +16 -0
- package/dist/tokens/themes/light.d.ts.map +1 -0
- package/package.json +14 -6
- package/src/components/accordion/COMPONENT.md +137 -0
- package/src/components/avatar/COMPONENT.md +100 -0
- package/src/components/badge/COMPONENT.md +78 -0
- package/src/components/banner/COMPONENT.md +118 -0
- package/src/components/breadcrumb/COMPONENT.md +94 -0
- package/src/components/button/COMPONENT.md +80 -0
- package/src/components/button-group/COMPONENT.md +83 -0
- package/src/components/card/COMPONENT.md +489 -0
- package/src/components/checkbox/COMPONENT.md +98 -0
- package/src/components/code-block/COMPONENT.md +58 -0
- package/src/components/color-picker/COMPONENT.md +149 -0
- package/src/components/command-menu/COMPONENT.md +167 -0
- package/src/components/data-table/COMPONENT.md +113 -0
- package/src/components/datepicker/COMPONENT.md +137 -0
- package/src/components/digit-input/COMPONENT.md +68 -0
- package/src/components/divider/COMPONENT.md +70 -0
- package/src/components/drawer/COMPONENT.md +149 -0
- package/src/components/dropdown/COMPONENT.md +192 -0
- package/src/components/file-upload/COMPONENT.md +200 -0
- package/src/components/hint/COMPONENT.md +67 -0
- package/src/components/input/COMPONENT.md +119 -0
- package/src/components/kbd/COMPONENT.md +59 -0
- package/src/components/label/COMPONENT.md +94 -0
- package/src/components/link-button/COMPONENT.md +60 -0
- package/src/components/modal/COMPONENT.md +105 -0
- package/src/components/notification/COMPONENT.md +120 -0
- package/src/components/pagination/COMPONENT.md +61 -0
- package/src/components/popover/COMPONENT.md +93 -0
- package/src/components/progress-bar/COMPONENT.md +59 -0
- package/src/components/progress-circle/COMPONENT.md +63 -0
- package/src/components/radio/COMPONENT.md +95 -0
- package/src/components/segmented-control/COMPONENT.md +86 -0
- package/src/components/segmented-progress-bar/COMPONENT.md +75 -0
- package/src/components/select/COMPONENT.md +175 -0
- package/src/components/slider/COMPONENT.md +62 -0
- package/src/components/stepper/COMPONENT.md +186 -0
- package/src/components/switch/COMPONENT.md +98 -0
- package/src/components/tabs/COMPONENT.md +114 -0
- package/src/components/tag/COMPONENT.md +67 -0
- package/src/components/textarea/COMPONENT.md +98 -0
- package/src/components/tooltip/COMPONENT.md +87 -0
- package/src/components/typography/COMPONENT.md +89 -0
- package/src/styles/theme-dark.css +43 -0
- package/src/styles/theme-light.css +43 -0
- package/src/styles/tokens.css +23 -4
- package/src/styles/tokens.test.ts +0 -27
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { InputSize } from "@/internal/states";
|
|
3
|
+
export type SegmentedControlRootProps = {
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onValueChange?: (value: string) => void;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: InputSize;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
declare function SegmentedControlRoot({ value, defaultValue, onValueChange, disabled, size, children, className, }: SegmentedControlRootProps): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare namespace SegmentedControlRoot {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
export type SegmentedControlItemProps = {
|
|
17
|
+
value: string;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
declare function SegmentedControlItem({ value, disabled, children, className, }: SegmentedControlItemProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare namespace SegmentedControlItem {
|
|
24
|
+
var displayName: string;
|
|
25
|
+
}
|
|
26
|
+
export type SegmentedControlIconProps = {
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
className?: string;
|
|
29
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
|
|
30
|
+
declare function SegmentedControlIcon({ children, className, ...rest }: SegmentedControlIconProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare namespace SegmentedControlIcon {
|
|
32
|
+
var displayName: string;
|
|
33
|
+
}
|
|
34
|
+
export declare const SegmentedControl: {
|
|
35
|
+
Root: typeof SegmentedControlRoot;
|
|
36
|
+
Item: typeof SegmentedControlItem;
|
|
37
|
+
Icon: typeof SegmentedControlIcon;
|
|
38
|
+
};
|
|
39
|
+
export {};
|
|
40
|
+
//# sourceMappingURL=SegmentedControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAoCnD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,QAAgB,EAChB,IAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CAuI3B;kBA/IQ,oBAAoB;;;AAqJ7B,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CAwB3B;kBA7BQ,oBAAoB;;;AAmC7B,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,2CAMxF;kBANQ,oBAAoB;;;AAY7B,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { ProgressBarSize } from "@/internal/states";
|
|
3
|
+
export type { ProgressBarSize };
|
|
4
|
+
export type SegmentedProgressSegmentTone = "primary" | "success" | "warning" | "danger" | "neutral";
|
|
5
|
+
export type SegmentedProgressSegment = {
|
|
6
|
+
/** Non-negative weight; segments are sized proportionally to the sum of all weights. */
|
|
7
|
+
value: number;
|
|
8
|
+
label?: string;
|
|
9
|
+
tone?: SegmentedProgressSegmentTone;
|
|
10
|
+
};
|
|
11
|
+
export type SegmentedProgressBarRootProps = {
|
|
12
|
+
segments: SegmentedProgressSegment[];
|
|
13
|
+
label?: string;
|
|
14
|
+
size?: ProgressBarSize;
|
|
15
|
+
/** Visual gap between segments; `hairline` draws a 1px separator using the track background. */
|
|
16
|
+
segmentGap?: "none" | "hairline";
|
|
17
|
+
className?: string;
|
|
18
|
+
};
|
|
19
|
+
export declare const SegmentedProgressBar: {
|
|
20
|
+
Root: React.ForwardRefExoticComponent<SegmentedProgressBarRootProps & React.RefAttributes<HTMLDivElement>>;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=SegmentedProgressBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SegmentedProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/segmented-progress-bar/SegmentedProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,MAAM,MAAM,4BAA4B,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEpG,MAAM,MAAM,wBAAwB,GAAG;IACrC,wFAAwF;IACxF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,4BAA4B,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,EAAE,wBAAwB,EAAE,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,gGAAgG;IAChG,UAAU,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA4EF,eAAO,MAAM,oBAAoB;;CAAqC,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SelectSize } from "@/internal/states";
|
|
3
|
+
export type SelectRootProps = {
|
|
4
|
+
size?: SelectSize;
|
|
5
|
+
value?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
onChange?: (value: string) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
hasError?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* When `true`, renders a native `<select>` (options from `Select.Item` / groups in the tree).
|
|
13
|
+
* Default `false` — custom combobox with portaled listbox.
|
|
14
|
+
*/
|
|
15
|
+
native?: boolean;
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
};
|
|
18
|
+
declare function SelectRoot(props: SelectRootProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare namespace SelectRoot {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
export type SelectTriggerProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "id" | "type" | "role">;
|
|
23
|
+
export type SelectValueProps = {
|
|
24
|
+
className?: string;
|
|
25
|
+
};
|
|
26
|
+
declare function SelectValue({ className }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare namespace SelectValue {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export type SelectTriggerIconProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
31
|
+
declare function SelectTriggerIcon({ className, children, ...rest }: SelectTriggerIconProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare namespace SelectTriggerIcon {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
export type SelectContentProps = {
|
|
36
|
+
className?: string;
|
|
37
|
+
children: React.ReactNode;
|
|
38
|
+
};
|
|
39
|
+
declare function SelectContent({ className, children }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare namespace SelectContent {
|
|
41
|
+
var displayName: string;
|
|
42
|
+
}
|
|
43
|
+
export type SelectItemIconProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
44
|
+
declare function SelectItemIcon({ className, children, ...rest }: SelectItemIconProps): import("react/jsx-runtime").JSX.Element;
|
|
45
|
+
declare namespace SelectItemIcon {
|
|
46
|
+
var displayName: string;
|
|
47
|
+
}
|
|
48
|
+
export type SelectItemProps = {
|
|
49
|
+
value: string;
|
|
50
|
+
/** Explicit label for display in trigger; falls back to string children, then value */
|
|
51
|
+
label?: string;
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
className?: string;
|
|
54
|
+
children: React.ReactNode;
|
|
55
|
+
};
|
|
56
|
+
export type SelectGroupProps = React.HTMLAttributes<HTMLDivElement>;
|
|
57
|
+
declare function SelectGroup({ className, ...rest }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
declare namespace SelectGroup {
|
|
59
|
+
var displayName: string;
|
|
60
|
+
}
|
|
61
|
+
export type SelectGroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
|
|
62
|
+
declare function SelectGroupLabel({ className, ...rest }: SelectGroupLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
declare namespace SelectGroupLabel {
|
|
64
|
+
var displayName: string;
|
|
65
|
+
}
|
|
66
|
+
export type SelectSeparatorProps = React.HTMLAttributes<HTMLHRElement>;
|
|
67
|
+
declare function SelectSeparator({ className, ...rest }: SelectSeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
68
|
+
declare namespace SelectSeparator {
|
|
69
|
+
var displayName: string;
|
|
70
|
+
}
|
|
71
|
+
export declare const Select: {
|
|
72
|
+
Root: typeof SelectRoot;
|
|
73
|
+
Trigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
74
|
+
Value: typeof SelectValue;
|
|
75
|
+
TriggerIcon: typeof SelectTriggerIcon;
|
|
76
|
+
Content: typeof SelectContent;
|
|
77
|
+
Item: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
78
|
+
ItemIcon: typeof SelectItemIcon;
|
|
79
|
+
Group: typeof SelectGroup;
|
|
80
|
+
GroupLabel: typeof SelectGroupLabel;
|
|
81
|
+
Separator: typeof SelectSeparator;
|
|
82
|
+
};
|
|
83
|
+
export {};
|
|
84
|
+
//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AA8BpD,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,2CAMzC;kBANQ,UAAU;;;AA4FnB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,IAAI,GAAG,MAAM,GAAG,MAAM,CACvB,CAAC;AA+DF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,2CAYnD;kBAZQ,WAAW;;;AAiBpB,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAE3E,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,sBAAsB,2CAMlF;kBANQ,iBAAiB;;;AAW1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAkGjE;kBAlGQ,aAAa;;;AAuGtB,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAExE,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAM5E;kBANQ,cAAc;;;AAqCvB,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA0EF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAG5D;kBAHQ,WAAW;;;AAQpB,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzE,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAEtE;kBAFQ,gBAAgB;;;AAOzB,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAEvE,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAEpE;kBAFQ,eAAe;;;AA0KxB,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type * as React from "react";
|
|
2
|
+
/** Опции listbox: только включённые пункты (без `data-disabled`). */
|
|
3
|
+
export declare function queryEnabledSelectOptions(container: HTMLElement | null): HTMLElement[];
|
|
4
|
+
export type SelectListboxKeyboardContext = {
|
|
5
|
+
items: HTMLElement[];
|
|
6
|
+
highlightedValue: string | undefined;
|
|
7
|
+
setHighlightedValue: (value: string | undefined) => void;
|
|
8
|
+
onSelect: (value: string, label: string) => void;
|
|
9
|
+
onClose: () => void;
|
|
10
|
+
};
|
|
11
|
+
/** Обработка клавиш для `role="listbox"` (стрелки, Home/End, Enter, Space, Escape). */
|
|
12
|
+
export declare function handleSelectListboxKeyDown(e: React.KeyboardEvent<HTMLDivElement>, ctx: SelectListboxKeyboardContext): void;
|
|
13
|
+
//# sourceMappingURL=selectListbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"selectListbox.d.ts","sourceRoot":"","sources":["../../../../src/components/select/selectListbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,qEAAqE;AACrE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,EAAE,CAKtF;AAED,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,uFAAuF;AACvF,wBAAgB,0BAA0B,CACxC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,EACtC,GAAG,EAAE,4BAA4B,GAChC,IAAI,CAoDN"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { SliderSize } from "@/internal/states";
|
|
2
|
+
export type { SliderSize };
|
|
3
|
+
export type SliderRootProps = {
|
|
4
|
+
value?: number;
|
|
5
|
+
defaultValue?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
onChange?: (value: number) => void;
|
|
11
|
+
label?: string;
|
|
12
|
+
size?: SliderSize;
|
|
13
|
+
className?: string;
|
|
14
|
+
"aria-label"?: string;
|
|
15
|
+
};
|
|
16
|
+
declare function SliderRoot({ value: valueProp, defaultValue, min: minProp, max: maxProp, step: stepProp, disabled, onChange, label, size, className, "aria-label": ariaLabel, }: SliderRootProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace SliderRoot {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export declare const Slider: {
|
|
21
|
+
Root: typeof SliderRoot;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=Slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAOpD,YAAY,EAAE,UAAU,EAAE,CAAC;AAE3B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAMF,iBAAS,UAAU,CAAC,EAClB,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,GAAG,EAAE,OAAO,EACZ,GAAG,EAAE,OAAO,EACZ,IAAI,EAAE,QAAQ,EACd,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAU,EACV,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,eAAe,2CAsDjB;kBAlEQ,UAAU;;;AAsEnB,eAAO,MAAM,MAAM;;CAAuB,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IconChevronRight } from "@/icons";
|
|
3
|
+
import type { StepperSize } from "@/internal/states";
|
|
4
|
+
import { type StepperAlignItemState } from "./stepperAlignContext";
|
|
5
|
+
export type HorizontalStepperRootProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
size?: StepperSize;
|
|
7
|
+
};
|
|
8
|
+
declare function HorizontalStepperRoot({ className, size, children, ...rest }: HorizontalStepperRootProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare namespace HorizontalStepperRoot {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
|
+
export type HorizontalStepperSeparatorIconProps<T extends React.ElementType = typeof IconChevronRight> = {
|
|
13
|
+
as?: T;
|
|
14
|
+
className?: string;
|
|
15
|
+
} & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
|
|
16
|
+
declare function HorizontalStepperSeparatorIcon<T extends React.ElementType = typeof IconChevronRight>({ as, className, ...rest }: HorizontalStepperSeparatorIconProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace HorizontalStepperSeparatorIcon {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export type HorizontalStepperItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
21
|
+
state?: StepperAlignItemState;
|
|
22
|
+
type?: "button" | "submit" | "reset";
|
|
23
|
+
};
|
|
24
|
+
export type HorizontalStepperItemIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
state?: StepperAlignItemState;
|
|
26
|
+
};
|
|
27
|
+
declare function HorizontalStepperItemIndicator({ state: stateProp, className, children, ...rest }: HorizontalStepperItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare namespace HorizontalStepperItemIndicator {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const HorizontalStepper: {
|
|
32
|
+
Root: typeof HorizontalStepperRoot;
|
|
33
|
+
SeparatorIcon: typeof HorizontalStepperSeparatorIcon;
|
|
34
|
+
Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
35
|
+
state?: StepperAlignItemState;
|
|
36
|
+
type?: "button" | "submit" | "reset";
|
|
37
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
ItemIndicator: typeof HorizontalStepperItemIndicator;
|
|
39
|
+
};
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=HorizontalStepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HorizontalStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/HorizontalStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAGL,KAAK,qBAAqB,EAE3B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,IAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,0BAA0B,2CAQ5B;kBAbQ,qBAAqB;;;AAiB9B,MAAM,MAAM,mCAAmC,CAC7C,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,gBAAgB,IACnD;IACF,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEhE,iBAAS,8BAA8B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,gBAAgB,EAAE,EAC7F,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mCAAmC,CAAC,CAAC,CAAC,2CAQxC;kBAZQ,8BAA8B;;;AAgBvC,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP,GAAG;IACF,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAyBF,MAAM,MAAM,mCAAmC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvF,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAEF,iBAAS,8BAA8B,CAAC,EACtC,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mCAAmC,2CAiBrC;kBAtBQ,8BAA8B;;;AA0BvC,eAAO,MAAM,iBAAiB;;;;gBAzDpB,qBAAqB;eACtB,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;CA6DrC,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { StepperSize } from "@/internal/states";
|
|
3
|
+
import { VerticalStepper } from "./VerticalStepper";
|
|
4
|
+
export { HorizontalStepper } from "./HorizontalStepper";
|
|
5
|
+
export { VerticalStepper } from "./VerticalStepper";
|
|
6
|
+
export type { StepperSize };
|
|
7
|
+
export type StepperOrientation = "horizontal" | "vertical";
|
|
8
|
+
export type StepStatus = "pending" | "active" | "completed" | "error";
|
|
9
|
+
export type StepperRootProps = {
|
|
10
|
+
orientation?: StepperOrientation;
|
|
11
|
+
currentStep?: number;
|
|
12
|
+
size?: StepperSize;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
};
|
|
16
|
+
declare function StepperRoot({ orientation, currentStep, size, children, className, }: StepperRootProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace StepperRoot {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export type StepperSeparatorIconProps = {
|
|
21
|
+
className?: string;
|
|
22
|
+
};
|
|
23
|
+
declare function StepperSeparatorIcon({ className }: StepperSeparatorIconProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
declare namespace StepperSeparatorIcon {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
export type StepperArrowProps = {
|
|
28
|
+
className?: string;
|
|
29
|
+
} & Omit<React.ComponentPropsWithoutRef<typeof VerticalStepper.Arrow>, "className">;
|
|
30
|
+
declare function StepperArrow({ className, ...rest }: StepperArrowProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare namespace StepperArrow {
|
|
32
|
+
var displayName: string;
|
|
33
|
+
}
|
|
34
|
+
export type StepperIndicatorProps = {
|
|
35
|
+
children?: React.ReactNode;
|
|
36
|
+
className?: string;
|
|
37
|
+
};
|
|
38
|
+
declare function StepperIndicator({ children, className }: StepperIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
39
|
+
declare namespace StepperIndicator {
|
|
40
|
+
var displayName: string;
|
|
41
|
+
}
|
|
42
|
+
export type StepperContentProps = {
|
|
43
|
+
title: string;
|
|
44
|
+
description?: string;
|
|
45
|
+
className?: string;
|
|
46
|
+
};
|
|
47
|
+
declare function StepperContent({ title, description, className }: StepperContentProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
declare namespace StepperContent {
|
|
49
|
+
var displayName: string;
|
|
50
|
+
}
|
|
51
|
+
export type StepperStepProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
52
|
+
index?: number;
|
|
53
|
+
status?: StepStatus;
|
|
54
|
+
children: React.ReactNode;
|
|
55
|
+
type?: "button" | "submit" | "reset";
|
|
56
|
+
};
|
|
57
|
+
export declare const Stepper: {
|
|
58
|
+
Root: typeof StepperRoot;
|
|
59
|
+
Step: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
60
|
+
index?: number;
|
|
61
|
+
status?: StepStatus;
|
|
62
|
+
children: React.ReactNode;
|
|
63
|
+
type?: "button" | "submit" | "reset";
|
|
64
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
65
|
+
Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
66
|
+
index?: number;
|
|
67
|
+
status?: StepStatus;
|
|
68
|
+
children: React.ReactNode;
|
|
69
|
+
type?: "button" | "submit" | "reset";
|
|
70
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
71
|
+
Indicator: typeof StepperIndicator;
|
|
72
|
+
ItemIndicator: typeof StepperIndicator;
|
|
73
|
+
Content: typeof StepperContent;
|
|
74
|
+
SeparatorIcon: typeof StepperSeparatorIcon;
|
|
75
|
+
Arrow: typeof StepperArrow;
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AASrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,YAAY,EAAE,WAAW,EAAE,CAAC;AAE5B,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AA+BtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,WAAwB,EACxB,WAAe,EACf,IAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,2CA8BlB;kBApCQ,WAAW;;;AAwCpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,oBAAoB,CAAC,EAAE,SAAS,EAAE,EAAE,yBAAyB,2CAMrE;kBANQ,oBAAoB;;;AAU7B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpF,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAE9D;kBAFQ,YAAY;;;AAMrB,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAoBvE;kBApBQ,gBAAgB;;;AAwBzB,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,mBAAmB,2CAO7E;kBAPQ,cAAc;;;AAWvB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC3F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAoCF,eAAO,MAAM,OAAO;;;gBAxCV,MAAM;iBACL,UAAU;kBACT,KAAK,CAAC,SAAS;eAClB,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;gBAH5B,MAAM;iBACL,UAAU;kBACT,KAAK,CAAC,SAAS;eAClB,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;;;;;CA8CrC,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { IconChevronRight } from "@/icons";
|
|
3
|
+
import type { StepperSize } from "@/internal/states";
|
|
4
|
+
import { type StepperAlignItemState } from "./stepperAlignContext";
|
|
5
|
+
export type VerticalStepperRootProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
size?: StepperSize;
|
|
7
|
+
};
|
|
8
|
+
declare function VerticalStepperRoot({ className, size, children, ...rest }: VerticalStepperRootProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare namespace VerticalStepperRoot {
|
|
10
|
+
var displayName: string;
|
|
11
|
+
}
|
|
12
|
+
export type VerticalStepperArrowProps<T extends React.ElementType = typeof IconChevronRight> = {
|
|
13
|
+
as?: T;
|
|
14
|
+
className?: string;
|
|
15
|
+
} & Omit<React.ComponentPropsWithoutRef<T>, "as" | "className">;
|
|
16
|
+
declare function VerticalStepperArrow<T extends React.ElementType = typeof IconChevronRight>({ as, className, ...rest }: VerticalStepperArrowProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace VerticalStepperArrow {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export type VerticalStepperItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
21
|
+
state?: StepperAlignItemState;
|
|
22
|
+
type?: "button" | "submit" | "reset";
|
|
23
|
+
};
|
|
24
|
+
export type VerticalStepperItemIndicatorProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
25
|
+
state?: StepperAlignItemState;
|
|
26
|
+
};
|
|
27
|
+
declare function VerticalStepperItemIndicator({ state: stateProp, className, children, ...rest }: VerticalStepperItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare namespace VerticalStepperItemIndicator {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const VerticalStepper: {
|
|
32
|
+
Root: typeof VerticalStepperRoot;
|
|
33
|
+
Arrow: typeof VerticalStepperArrow;
|
|
34
|
+
Item: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
|
|
35
|
+
state?: StepperAlignItemState;
|
|
36
|
+
type?: "button" | "submit" | "reset";
|
|
37
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
38
|
+
ItemIndicator: typeof VerticalStepperItemIndicator;
|
|
39
|
+
};
|
|
40
|
+
export {};
|
|
41
|
+
//# sourceMappingURL=VerticalStepper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"VerticalStepper.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/VerticalStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,EAGL,KAAK,qBAAqB,EAE3B,MAAM,uBAAuB,CAAC;AAE/B,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,IAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,wBAAwB,2CAQ1B;kBAbQ,mBAAmB;;;AAiB5B,MAAM,MAAM,yBAAyB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,gBAAgB,IAAI;IAC7F,EAAE,CAAC,EAAE,CAAC,CAAC;IACP,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC,CAAC;AAEhE,iBAAS,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,gBAAgB,EAAE,EACnF,EAAE,EACF,SAAS,EACT,GAAG,IAAI,EACR,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAI9B;kBARQ,oBAAoB;;;AAY7B,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,CACP,GAAG;IACF,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC,CAAC;AAyBF,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACrF,KAAK,CAAC,EAAE,qBAAqB,CAAC;CAC/B,CAAC;AAEF,iBAAS,4BAA4B,CAAC,EACpC,KAAK,EAAE,SAAS,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,iCAAiC,2CAiBnC;kBAtBQ,4BAA4B;;;AA0BrC,eAAO,MAAM,eAAe;;;;gBAzDlB,qBAAqB;eACtB,QAAQ,GAAG,QAAQ,GAAG,OAAO;;;CA6DrC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/** Состояние шага в примитивных степперах: `default` соответствует ожиданию до активации (аналог «pending» у высокоуровневого Stepper). */
|
|
2
|
+
export type StepperAlignItemState = "completed" | "active" | "default";
|
|
3
|
+
type StepperAlignItemContextValue = {
|
|
4
|
+
state: StepperAlignItemState;
|
|
5
|
+
};
|
|
6
|
+
export declare const StepperAlignItemProvider: import("react").Provider<StepperAlignItemContextValue | null>, useStepperAlignItemState: () => StepperAlignItemContextValue;
|
|
7
|
+
export declare function StepperAlignCheckIcon({ className }: {
|
|
8
|
+
className?: string;
|
|
9
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
11
|
+
//# sourceMappingURL=stepperAlignContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepperAlignContext.d.ts","sourceRoot":"","sources":["../../../../src/components/stepper/stepperAlignContext.tsx"],"names":[],"mappings":"AAEA,2IAA2I;AAC3I,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvE,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAO,wBAAwB,iEAAE,wBAAwB,oCACW,CAAC;AAE5E,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAe1E"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { SwitchSize, SwitchVariant } from "@/internal/states";
|
|
3
|
+
export type SwitchRootProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "checked" | "defaultChecked" | "onChange"> & {
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
checked?: boolean;
|
|
6
|
+
defaultChecked?: boolean;
|
|
7
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
8
|
+
variant?: SwitchVariant;
|
|
9
|
+
size?: SwitchSize;
|
|
10
|
+
};
|
|
11
|
+
export type SwitchLabelProps = {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
} & Omit<React.HTMLAttributes<HTMLLabelElement>, "htmlFor" | "size">;
|
|
15
|
+
export type SwitchHintProps = {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
19
|
+
declare function SwitchHint({ children, className, ...rest }: SwitchHintProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
declare namespace SwitchHint {
|
|
21
|
+
var displayName: string;
|
|
22
|
+
}
|
|
23
|
+
export type SwitchErrorProps = {
|
|
24
|
+
children: React.ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
27
|
+
declare function SwitchError({ children, className, ...rest }: SwitchErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare namespace SwitchError {
|
|
29
|
+
var displayName: string;
|
|
30
|
+
}
|
|
31
|
+
export declare const Switch: {
|
|
32
|
+
Root: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "checked" | "defaultChecked" | "onChange" | "size" | "type"> & {
|
|
33
|
+
label?: React.ReactNode;
|
|
34
|
+
checked?: boolean;
|
|
35
|
+
defaultChecked?: boolean;
|
|
36
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
37
|
+
variant?: SwitchVariant;
|
|
38
|
+
size?: SwitchSize;
|
|
39
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
40
|
+
Label: React.ForwardRefExoticComponent<{
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
className?: string;
|
|
43
|
+
} & Omit<React.HTMLAttributes<HTMLLabelElement>, "size" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
|
|
44
|
+
Hint: typeof SwitchHint;
|
|
45
|
+
Error: typeof SwitchError;
|
|
46
|
+
};
|
|
47
|
+
export {};
|
|
48
|
+
//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAuB,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AA8BxF,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,UAAU,CAC5D,GAAG;IACF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AA8HF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAyDrE,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAqBpE;kBArBQ,UAAU;;;AA2BnB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,gBAAgB,2CAqBtE;kBArBQ,WAAW;;;AA2BpB,eAAO,MAAM,MAAM;;gBAhQT,KAAK,CAAC,SAAS;kBACb,OAAO;yBACA,OAAO;0BACN,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;kBAClC,aAAa;eAChB,UAAU;;;mBAgIN,KAAK,CAAC,SAAS;oBACd,MAAM;;;;CA+HnB,CAAC"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { TabsSize } from "@/internal/states";
|
|
3
|
+
export type TabsOrientation = "horizontal" | "vertical";
|
|
4
|
+
export type { TabsSize };
|
|
5
|
+
export type TabsRootProps = {
|
|
6
|
+
value?: string;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
onValueChange?: (value: string) => void;
|
|
9
|
+
orientation?: TabsOrientation;
|
|
10
|
+
size?: TabsSize;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
declare function TabsRoot({ value, defaultValue, onValueChange, orientation, size, children, className, }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare namespace TabsRoot {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
export type TabsListProps = {
|
|
19
|
+
children: React.ReactNode;
|
|
20
|
+
className?: string;
|
|
21
|
+
};
|
|
22
|
+
declare function TabsList({ children, className }: TabsListProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare namespace TabsList {
|
|
24
|
+
var displayName: string;
|
|
25
|
+
}
|
|
26
|
+
export type TabsTabProps = {
|
|
27
|
+
value: string;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
className?: string;
|
|
31
|
+
};
|
|
32
|
+
declare function TabsTab({ value, disabled, children, className }: TabsTabProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare namespace TabsTab {
|
|
34
|
+
var displayName: string;
|
|
35
|
+
}
|
|
36
|
+
export type TabsIconProps = {
|
|
37
|
+
children: React.ReactNode;
|
|
38
|
+
className?: string;
|
|
39
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
|
|
40
|
+
declare function TabsIcon({ children, className, ...rest }: TabsIconProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare namespace TabsIcon {
|
|
42
|
+
var displayName: string;
|
|
43
|
+
}
|
|
44
|
+
export type TabsLabelProps = {
|
|
45
|
+
children: React.ReactNode;
|
|
46
|
+
className?: string;
|
|
47
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
|
|
48
|
+
declare function TabsLabel({ children, className, ...rest }: TabsLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
declare namespace TabsLabel {
|
|
50
|
+
var displayName: string;
|
|
51
|
+
}
|
|
52
|
+
export type TabsPanelProps = {
|
|
53
|
+
value: string;
|
|
54
|
+
children: React.ReactNode;
|
|
55
|
+
className?: string;
|
|
56
|
+
};
|
|
57
|
+
declare function TabsPanel({ value, children, className }: TabsPanelProps): import("react/jsx-runtime").JSX.Element | null;
|
|
58
|
+
declare namespace TabsPanel {
|
|
59
|
+
var displayName: string;
|
|
60
|
+
}
|
|
61
|
+
export declare const Tabs: {
|
|
62
|
+
Root: typeof TabsRoot;
|
|
63
|
+
List: typeof TabsList;
|
|
64
|
+
Tab: typeof TabsTab;
|
|
65
|
+
Icon: typeof TabsIcon;
|
|
66
|
+
Label: typeof TabsLabel;
|
|
67
|
+
Panel: typeof TabsPanel;
|
|
68
|
+
};
|
|
69
|
+
//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAMlD,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD,YAAY,EAAE,QAAQ,EAAE,CAAC;AAgBzB,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,KAAK,EACL,YAAiB,EACjB,aAAa,EACb,WAA0B,EAC1B,IAAU,EACV,QAAQ,EACR,SAAS,GACV,EAAE,aAAa,2CAqBf;kBA7BQ,QAAQ;;;AAkCjB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,aAAa,2CA6HvD;kBA7HQ,QAAQ;;;AAkIjB,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAgB,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAuB9E;kBAvBQ,OAAO;;;AA4BhB,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,2CAMhE;kBANQ,QAAQ;;;AAYjB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAMlE;kBANQ,SAAS;;;AAYlB,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,iBAAS,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,cAAc,kDAgBhE;kBAhBQ,SAAS;;;AAqBlB,eAAO,MAAM,IAAI;;;;;;;CAOhB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type TagSize = "s" | "m" | "l" | "xl";
|
|
3
|
+
export type TagRootProps = {
|
|
4
|
+
size?: TagSize;
|
|
5
|
+
onRemove?: () => void;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
className?: string;
|
|
9
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
10
|
+
export type TagIconProps = {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
className?: string;
|
|
13
|
+
};
|
|
14
|
+
declare function TagIcon({ children, className }: TagIconProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare namespace TagIcon {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const Tag: {
|
|
19
|
+
Root: React.ForwardRefExoticComponent<{
|
|
20
|
+
size?: TagSize;
|
|
21
|
+
onRemove?: () => void;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
className?: string;
|
|
25
|
+
} & React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
|
|
26
|
+
Icon: typeof TagIcon;
|
|
27
|
+
};
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=Tag.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+CF,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,YAAY,2CAErD;kBAFQ,OAAO;;;AAMhB,eAAO,MAAM,GAAG;;eA/DP,OAAO;mBACH,MAAM,IAAI;mBACV,OAAO;mBACP,KAAK,CAAC,SAAS;oBACd,MAAM;;;CA2D+B,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { TextareaSize, TextareaVariant } from "@/internal/states";
|
|
3
|
+
export type TextareaCharCounterProps = {
|
|
4
|
+
current: number;
|
|
5
|
+
max: number;
|
|
6
|
+
};
|
|
7
|
+
declare function TextareaCharCounter({ current, max }: TextareaCharCounterProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare namespace TextareaCharCounter {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
11
|
+
export type TextareaRootProps = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
|
|
12
|
+
variant?: TextareaVariant;
|
|
13
|
+
size?: TextareaSize;
|
|
14
|
+
autoResize?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export type TextareaHintProps = {
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
className?: string;
|
|
19
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
20
|
+
declare function TextareaHint({ children, className, ...rest }: TextareaHintProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
declare namespace TextareaHint {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
export type TextareaErrorProps = {
|
|
25
|
+
children: React.ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
28
|
+
declare function TextareaError({ children, className, ...rest }: TextareaErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare namespace TextareaError {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
export declare const Textarea: {
|
|
33
|
+
Root: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> & {
|
|
34
|
+
variant?: TextareaVariant;
|
|
35
|
+
size?: TextareaSize;
|
|
36
|
+
autoResize?: boolean;
|
|
37
|
+
} & React.RefAttributes<HTMLTextAreaElement>>;
|
|
38
|
+
CharCounter: typeof TextareaCharCounter;
|
|
39
|
+
Hint: typeof TextareaHint;
|
|
40
|
+
Error: typeof TextareaError;
|
|
41
|
+
};
|
|
42
|
+
export {};
|
|
43
|
+
//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAY,YAAY,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAuBjF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,mBAAmB,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,wBAAwB,2CAWtE;kBAXQ,mBAAmB;;;AAgC5B,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AA4JF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,iBAAiB,2CAqBxE;kBArBQ,YAAY;;;AA2BrB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,IAAI,CAAC,CAAC;AAE3D,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,2CAqB1E;kBArBQ,aAAa;;;AA2BtB,eAAO,MAAM,QAAQ;;kBA/NT,eAAe;eAClB,YAAY;qBACN,OAAO;;;;;CAkOrB,CAAC"}
|