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,57 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { ButtonMode, ButtonSize, ButtonVariant } from "@/internal/states";
|
|
3
|
+
export type ButtonRootProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
4
|
+
variant?: ButtonVariant;
|
|
5
|
+
mode?: ButtonMode;
|
|
6
|
+
size?: ButtonSize;
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Merges Button props onto its single child element instead of rendering `<button>`.
|
|
11
|
+
* Use when the trigger must be a different element (e.g. `<a>`, React Router `<Link>`).
|
|
12
|
+
*
|
|
13
|
+
* - `disabled` / `loading` → `aria-disabled="true"` + `pointer-events: none` (CSS);
|
|
14
|
+
* native `disabled` attribute is NOT set (invalid on non-button elements).
|
|
15
|
+
* - `type` is not forwarded (irrelevant for non-button elements).
|
|
16
|
+
* - The child must accept `className`, `aria-*`, `data-*`, and event handler props.
|
|
17
|
+
*/
|
|
18
|
+
asChild?: boolean;
|
|
19
|
+
};
|
|
20
|
+
export type ButtonIconProps = {
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
className?: string;
|
|
23
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
|
|
24
|
+
declare function ButtonIcon({ children, className, ...rest }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare namespace ButtonIcon {
|
|
26
|
+
var displayName: string;
|
|
27
|
+
}
|
|
28
|
+
export type ButtonSpinnerProps = {
|
|
29
|
+
className?: string;
|
|
30
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
31
|
+
declare function ButtonSpinner({ className, ...rest }: ButtonSpinnerProps): import("react/jsx-runtime").JSX.Element | null;
|
|
32
|
+
declare namespace ButtonSpinner {
|
|
33
|
+
var displayName: string;
|
|
34
|
+
}
|
|
35
|
+
export declare const Button: {
|
|
36
|
+
Root: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
37
|
+
variant?: ButtonVariant;
|
|
38
|
+
mode?: ButtonMode;
|
|
39
|
+
size?: ButtonSize;
|
|
40
|
+
fullWidth?: boolean;
|
|
41
|
+
loading?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Merges Button props onto its single child element instead of rendering `<button>`.
|
|
44
|
+
* Use when the trigger must be a different element (e.g. `<a>`, React Router `<Link>`).
|
|
45
|
+
*
|
|
46
|
+
* - `disabled` / `loading` → `aria-disabled="true"` + `pointer-events: none` (CSS);
|
|
47
|
+
* native `disabled` attribute is NOT set (invalid on non-button elements).
|
|
48
|
+
* - `type` is not forwarded (irrelevant for non-button elements).
|
|
49
|
+
* - The child must accept `className`, `aria-*`, `data-*`, and event handler props.
|
|
50
|
+
*/
|
|
51
|
+
asChild?: boolean;
|
|
52
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
53
|
+
Icon: typeof ButtonIcon;
|
|
54
|
+
Spinner: typeof ButtonSpinner;
|
|
55
|
+
};
|
|
56
|
+
export {};
|
|
57
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAU/E,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IAC1F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AA6EF,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,eAAe,CAAC,EAAE,UAAU,CAAC,CAAC;AAE5D,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,eAAe,2CAMpE;kBANQ,UAAU;;;AAUnB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAE1C,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,kDAIhE;kBAJQ,aAAa;;;AAQtB,eAAO,MAAM,MAAM;;kBAvHP,aAAa;eAChB,UAAU;eACV,UAAU;oBACL,OAAO;kBACT,OAAO;QACjB;;;;;;;;WAQG;kBACO,OAAO;;;;CAyGiE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { ButtonGroupSize } from "@/internal/states";
|
|
3
|
+
export type ButtonGroupOrientation = "horizontal" | "vertical";
|
|
4
|
+
export type ButtonGroupRootProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
5
|
+
orientation?: ButtonGroupOrientation;
|
|
6
|
+
size?: ButtonGroupSize;
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
};
|
|
9
|
+
export type ButtonGroupItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
10
|
+
/** Включённое состояние сегмента: `data-state="on"` и синхронный `aria-pressed`. */
|
|
11
|
+
pressed?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type ButtonGroupIconProps = {
|
|
14
|
+
children: React.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
} & Omit<React.HTMLAttributes<HTMLSpanElement>, "children">;
|
|
17
|
+
declare function ButtonGroupIcon({ children, className, ...rest }: ButtonGroupIconProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare namespace ButtonGroupIcon {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
export type { ButtonGroupSize };
|
|
22
|
+
export declare const ButtonGroup: {
|
|
23
|
+
Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
24
|
+
orientation?: ButtonGroupOrientation;
|
|
25
|
+
size?: ButtonGroupSize;
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
Item: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
29
|
+
/** Включённое состояние сегмента: `data-state="on"` и синхронный `aria-pressed`. */
|
|
30
|
+
pressed?: boolean;
|
|
31
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
Icon: typeof ButtonGroupIcon;
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=ButtonGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/button-group/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAS/D,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACxE,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAwBF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACjF,oFAAoF;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAqBF,MAAM,MAAM,oBAAoB,GAAG;IACjC,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,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,oBAAoB,2CAQ9E;kBARQ,eAAe;;;AAYxB,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,eAAO,MAAM,WAAW;;sBAtER,sBAAsB;eAC7B,eAAe;kBACZ,KAAK,CAAC,SAAS;;;QA0BzB,oFAAoF;kBAC1E,OAAO;;;CAyC+E,CAAC"}
|
|
@@ -0,0 +1,234 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/** Карточки дашборда: KPI, списки, CTA, split, cover и секции с графиками. */
|
|
3
|
+
export type CardVariant = "mini" | "mini-media" | "metric" | "panel" | "stat-trend" | "cta" | "list" | "split" | "cover";
|
|
4
|
+
export type CardRootProps = {
|
|
5
|
+
variant: CardVariant;
|
|
6
|
+
/**
|
|
7
|
+
* Без лёгкой тени (плоская плитка на фоне страницы).
|
|
8
|
+
* По умолчанию — тень поверхности для отделения от фона.
|
|
9
|
+
*/
|
|
10
|
+
flat?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
14
|
+
export type CardIconBoxProps = {
|
|
15
|
+
className?: string;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
18
|
+
declare function CardIconBox({ className, children, ...rest }: CardIconBoxProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
declare namespace CardIconBox {
|
|
20
|
+
var displayName: string;
|
|
21
|
+
}
|
|
22
|
+
export type CardLeadProps = {
|
|
23
|
+
className?: string;
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
26
|
+
declare function CardLead({ className, children, ...rest }: CardLeadProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare namespace CardLead {
|
|
28
|
+
var displayName: string;
|
|
29
|
+
}
|
|
30
|
+
export type CardHeaderRowProps = {
|
|
31
|
+
className?: string;
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
34
|
+
declare function CardHeaderRow({ className, children, ...rest }: CardHeaderRowProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare namespace CardHeaderRow {
|
|
36
|
+
var displayName: string;
|
|
37
|
+
}
|
|
38
|
+
export type CardStackProps = {
|
|
39
|
+
className?: string;
|
|
40
|
+
children?: React.ReactNode;
|
|
41
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
42
|
+
declare function CardStack({ className, children, ...rest }: CardStackProps): import("react/jsx-runtime").JSX.Element;
|
|
43
|
+
declare namespace CardStack {
|
|
44
|
+
var displayName: string;
|
|
45
|
+
}
|
|
46
|
+
export type CardLabelProps = {
|
|
47
|
+
className?: string;
|
|
48
|
+
children?: React.ReactNode;
|
|
49
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
50
|
+
declare function CardLabel({ className, children, ...rest }: CardLabelProps): import("react/jsx-runtime").JSX.Element;
|
|
51
|
+
declare namespace CardLabel {
|
|
52
|
+
var displayName: string;
|
|
53
|
+
}
|
|
54
|
+
export type CardValueProps = {
|
|
55
|
+
className?: string;
|
|
56
|
+
children?: React.ReactNode;
|
|
57
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
58
|
+
declare function CardValue({ className, children, ...rest }: CardValueProps): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
declare namespace CardValue {
|
|
60
|
+
var displayName: string;
|
|
61
|
+
}
|
|
62
|
+
export type CardDescriptionProps = {
|
|
63
|
+
className?: string;
|
|
64
|
+
children?: React.ReactNode;
|
|
65
|
+
} & React.HTMLAttributes<HTMLParagraphElement>;
|
|
66
|
+
declare function CardDescription({ className, children, ...rest }: CardDescriptionProps): import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
declare namespace CardDescription {
|
|
68
|
+
var displayName: string;
|
|
69
|
+
}
|
|
70
|
+
export type CardMediaProps = {
|
|
71
|
+
className?: string;
|
|
72
|
+
children?: React.ReactNode;
|
|
73
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
74
|
+
declare function CardMedia({ className, children, ...rest }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
|
|
75
|
+
declare namespace CardMedia {
|
|
76
|
+
var displayName: string;
|
|
77
|
+
}
|
|
78
|
+
export type CardTitleProps = {
|
|
79
|
+
className?: string;
|
|
80
|
+
children?: React.ReactNode;
|
|
81
|
+
} & React.HTMLAttributes<HTMLHeadingElement>;
|
|
82
|
+
declare function CardTitle({ className, children, ...rest }: CardTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
83
|
+
declare namespace CardTitle {
|
|
84
|
+
var displayName: string;
|
|
85
|
+
}
|
|
86
|
+
export type CardDeltaProps = {
|
|
87
|
+
/** Подкраска тренда: рост / падение / нейтрально. */
|
|
88
|
+
trend?: "up" | "down" | "neutral";
|
|
89
|
+
className?: string;
|
|
90
|
+
children?: React.ReactNode;
|
|
91
|
+
} & React.HTMLAttributes<HTMLSpanElement>;
|
|
92
|
+
declare function CardDelta({ className, trend, children, ...rest }: CardDeltaProps): import("react/jsx-runtime").JSX.Element;
|
|
93
|
+
declare namespace CardDelta {
|
|
94
|
+
var displayName: string;
|
|
95
|
+
}
|
|
96
|
+
export type CardActionsProps = {
|
|
97
|
+
className?: string;
|
|
98
|
+
children?: React.ReactNode;
|
|
99
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
100
|
+
declare function CardActions({ className, children, ...rest }: CardActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
101
|
+
declare namespace CardActions {
|
|
102
|
+
var displayName: string;
|
|
103
|
+
}
|
|
104
|
+
export type CardCtaBodyProps = {
|
|
105
|
+
className?: string;
|
|
106
|
+
children?: React.ReactNode;
|
|
107
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
108
|
+
declare function CardCtaBody({ className, children, ...rest }: CardCtaBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
109
|
+
declare namespace CardCtaBody {
|
|
110
|
+
var displayName: string;
|
|
111
|
+
}
|
|
112
|
+
export type CardCoverProps = {
|
|
113
|
+
className?: string;
|
|
114
|
+
children?: React.ReactNode;
|
|
115
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
116
|
+
declare function CardCover({ className, children, ...rest }: CardCoverProps): import("react/jsx-runtime").JSX.Element;
|
|
117
|
+
declare namespace CardCover {
|
|
118
|
+
var displayName: string;
|
|
119
|
+
}
|
|
120
|
+
export type CardSplitProps = {
|
|
121
|
+
className?: string;
|
|
122
|
+
children?: React.ReactNode;
|
|
123
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
124
|
+
declare function CardSplit({ className, children, ...rest }: CardSplitProps): import("react/jsx-runtime").JSX.Element;
|
|
125
|
+
declare namespace CardSplit {
|
|
126
|
+
var displayName: string;
|
|
127
|
+
}
|
|
128
|
+
export type CardSplitCellProps = {
|
|
129
|
+
className?: string;
|
|
130
|
+
children?: React.ReactNode;
|
|
131
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
132
|
+
declare function CardSplitCell({ className, children, ...rest }: CardSplitCellProps): import("react/jsx-runtime").JSX.Element;
|
|
133
|
+
declare namespace CardSplitCell {
|
|
134
|
+
var displayName: string;
|
|
135
|
+
}
|
|
136
|
+
export type CardListHeaderProps = {
|
|
137
|
+
className?: string;
|
|
138
|
+
children?: React.ReactNode;
|
|
139
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
140
|
+
declare function CardListHeader({ className, children, ...rest }: CardListHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
141
|
+
declare namespace CardListHeader {
|
|
142
|
+
var displayName: string;
|
|
143
|
+
}
|
|
144
|
+
export type CardListProps = {
|
|
145
|
+
className?: string;
|
|
146
|
+
children?: React.ReactNode;
|
|
147
|
+
} & React.HTMLAttributes<HTMLUListElement>;
|
|
148
|
+
export type CardListItemProps = {
|
|
149
|
+
className?: string;
|
|
150
|
+
children?: React.ReactNode;
|
|
151
|
+
} & React.HTMLAttributes<HTMLLIElement>;
|
|
152
|
+
export type CardSectionHeaderProps = {
|
|
153
|
+
className?: string;
|
|
154
|
+
children?: React.ReactNode;
|
|
155
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
156
|
+
declare function CardSectionHeader({ className, children, ...rest }: CardSectionHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
declare namespace CardSectionHeader {
|
|
158
|
+
var displayName: string;
|
|
159
|
+
}
|
|
160
|
+
export type CardSectionTitleProps = {
|
|
161
|
+
className?: string;
|
|
162
|
+
children?: React.ReactNode;
|
|
163
|
+
} & React.HTMLAttributes<HTMLHeadingElement>;
|
|
164
|
+
declare function CardSectionTitle({ className, children, ...rest }: CardSectionTitleProps): import("react/jsx-runtime").JSX.Element;
|
|
165
|
+
declare namespace CardSectionTitle {
|
|
166
|
+
var displayName: string;
|
|
167
|
+
}
|
|
168
|
+
export type CardSectionTrailingProps = {
|
|
169
|
+
className?: string;
|
|
170
|
+
children?: React.ReactNode;
|
|
171
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
172
|
+
declare function CardSectionTrailing({ className, children, ...rest }: CardSectionTrailingProps): import("react/jsx-runtime").JSX.Element;
|
|
173
|
+
declare namespace CardSectionTrailing {
|
|
174
|
+
var displayName: string;
|
|
175
|
+
}
|
|
176
|
+
export type CardBodyProps = {
|
|
177
|
+
className?: string;
|
|
178
|
+
children?: React.ReactNode;
|
|
179
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
180
|
+
declare function CardBody({ className, children, ...rest }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
|
|
181
|
+
declare namespace CardBody {
|
|
182
|
+
var displayName: string;
|
|
183
|
+
}
|
|
184
|
+
export type CardChartProps = {
|
|
185
|
+
className?: string;
|
|
186
|
+
children?: React.ReactNode;
|
|
187
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
188
|
+
declare function CardChart({ className, children, ...rest }: CardChartProps): import("react/jsx-runtime").JSX.Element;
|
|
189
|
+
declare namespace CardChart {
|
|
190
|
+
var displayName: string;
|
|
191
|
+
}
|
|
192
|
+
export declare const Card: {
|
|
193
|
+
Root: React.ForwardRefExoticComponent<{
|
|
194
|
+
variant: CardVariant;
|
|
195
|
+
/**
|
|
196
|
+
* Без лёгкой тени (плоская плитка на фоне страницы).
|
|
197
|
+
* По умолчанию — тень поверхности для отделения от фона.
|
|
198
|
+
*/
|
|
199
|
+
flat?: boolean;
|
|
200
|
+
className?: string;
|
|
201
|
+
children?: React.ReactNode;
|
|
202
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
203
|
+
IconBox: typeof CardIconBox;
|
|
204
|
+
Lead: typeof CardLead;
|
|
205
|
+
HeaderRow: typeof CardHeaderRow;
|
|
206
|
+
Stack: typeof CardStack;
|
|
207
|
+
Label: typeof CardLabel;
|
|
208
|
+
Value: typeof CardValue;
|
|
209
|
+
Description: typeof CardDescription;
|
|
210
|
+
Media: typeof CardMedia;
|
|
211
|
+
Title: typeof CardTitle;
|
|
212
|
+
Delta: typeof CardDelta;
|
|
213
|
+
Actions: typeof CardActions;
|
|
214
|
+
CtaBody: typeof CardCtaBody;
|
|
215
|
+
Cover: typeof CardCover;
|
|
216
|
+
Split: typeof CardSplit;
|
|
217
|
+
SplitCell: typeof CardSplitCell;
|
|
218
|
+
ListHeader: typeof CardListHeader;
|
|
219
|
+
List: React.ForwardRefExoticComponent<{
|
|
220
|
+
className?: string;
|
|
221
|
+
children?: React.ReactNode;
|
|
222
|
+
} & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
|
|
223
|
+
ListItem: React.ForwardRefExoticComponent<{
|
|
224
|
+
className?: string;
|
|
225
|
+
children?: React.ReactNode;
|
|
226
|
+
} & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
|
|
227
|
+
SectionHeader: typeof CardSectionHeader;
|
|
228
|
+
SectionTitle: typeof CardSectionTitle;
|
|
229
|
+
SectionTrailing: typeof CardSectionTrailing;
|
|
230
|
+
Body: typeof CardBody;
|
|
231
|
+
Chart: typeof CardChart;
|
|
232
|
+
};
|
|
233
|
+
export {};
|
|
234
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import type { CheckboxSize, CheckboxVariant } from "@/internal/states";
|
|
3
|
+
export type CheckboxRootProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "size"> & {
|
|
4
|
+
variant?: CheckboxVariant;
|
|
5
|
+
size?: CheckboxSize;
|
|
6
|
+
indeterminate?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export type CheckboxLabelProps = {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
} & Omit<React.HTMLAttributes<HTMLLabelElement>, "htmlFor" | "size">;
|
|
12
|
+
export type CheckboxHintProps = {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
16
|
+
declare function CheckboxHint({ children, className, ...rest }: CheckboxHintProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
declare namespace CheckboxHint {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
export type CheckboxErrorProps = {
|
|
21
|
+
children: React.ReactNode;
|
|
22
|
+
className?: string;
|
|
23
|
+
} & Omit<React.HTMLAttributes<HTMLParagraphElement>, "id">;
|
|
24
|
+
declare function CheckboxError({ children, className, ...rest }: CheckboxErrorProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
declare namespace CheckboxError {
|
|
26
|
+
var displayName: string;
|
|
27
|
+
}
|
|
28
|
+
export declare const Checkbox: {
|
|
29
|
+
Root: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
|
|
30
|
+
variant?: CheckboxVariant;
|
|
31
|
+
size?: CheckboxSize;
|
|
32
|
+
indeterminate?: boolean;
|
|
33
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
34
|
+
Label: React.ForwardRefExoticComponent<{
|
|
35
|
+
children?: React.ReactNode;
|
|
36
|
+
className?: string;
|
|
37
|
+
} & Omit<React.HTMLAttributes<HTMLLabelElement>, "size" | "htmlFor"> & React.RefAttributes<HTMLLabelElement>>;
|
|
38
|
+
Hint: typeof CheckboxHint;
|
|
39
|
+
Error: typeof CheckboxError;
|
|
40
|
+
};
|
|
41
|
+
export {};
|
|
42
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAuB,MAAM,mBAAmB,CAAC;AA0B5F,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,CAChB,GAAG;IACF,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAsIF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,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;AA2ErE,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;;kBAvRT,eAAe;eAClB,YAAY;wBACH,OAAO;;;mBAwIZ,KAAK,CAAC,SAAS;oBACd,MAAM;;;;CAiJnB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export type CodeBlockColorScheme = "light" | "dark";
|
|
3
|
+
export type CodeBlockRootProps = {
|
|
4
|
+
/** Исходник TS/TSX; подсветка через `highlightTsxHtml`. */
|
|
5
|
+
code: string;
|
|
6
|
+
colorScheme?: CodeBlockColorScheme;
|
|
7
|
+
className?: string;
|
|
8
|
+
} & Omit<React.HTMLAttributes<HTMLPreElement>, "children" | "dangerouslySetInnerHTML">;
|
|
9
|
+
export declare const CodeBlock: {
|
|
10
|
+
Root: React.ForwardRefExoticComponent<{
|
|
11
|
+
/** Исходник TS/TSX; подсветка через `highlightTsxHtml`. */
|
|
12
|
+
code: string;
|
|
13
|
+
colorScheme?: CodeBlockColorScheme;
|
|
14
|
+
className?: string;
|
|
15
|
+
} & Omit<React.HTMLAttributes<HTMLPreElement>, "children" | "dangerouslySetInnerHTML"> & React.RefAttributes<HTMLPreElement>>;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=CodeBlock.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/code-block/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,oBAAoB,GAAG,OAAO,GAAG,MAAM,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,yBAAyB,CAAC,CAAC;AAqBvF,eAAO,MAAM,SAAS;;QAzBpB,2DAA2D;cACrD,MAAM;sBACE,oBAAoB;oBACtB,MAAM;;CAwBnB,CAAC"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ColorAreaProps as AriaColorAreaProps, ColorField as AriaColorField, type ColorPickerProps as AriaColorPickerProps, type ColorSliderProps as AriaColorSliderProps, type ColorSwatchPickerItemProps as AriaColorSwatchPickerItemProps, type ColorSwatchPickerProps as AriaColorSwatchPickerProps, type ColorSwatchProps as AriaColorSwatchProps, type ColorThumbProps as AriaColorThumbProps, type SliderOutputProps as AriaSliderOutputProps, type SliderTrackProps as AriaSliderTrackProps, parseColor } from "react-aria-components";
|
|
3
|
+
import type { InputSize } from "@/internal/states";
|
|
4
|
+
export type { Color as ColorPickerColorValue, ColorPickerRenderProps } from "react-aria-components";
|
|
5
|
+
export type ColorPickerRootProps = AriaColorPickerProps;
|
|
6
|
+
export type ColorValueFormat = "hsl" | "rgb" | "hex";
|
|
7
|
+
export type ColorPickerHexInputProps = {
|
|
8
|
+
size?: InputSize;
|
|
9
|
+
label?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
export type ColorPickerFormatProviderProps = {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
defaultFormat?: ColorValueFormat;
|
|
15
|
+
};
|
|
16
|
+
export { parseColor };
|
|
17
|
+
declare function FormatProvider({ children, defaultFormat }: ColorPickerFormatProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function FormatSelect({ className }: {
|
|
19
|
+
className?: string;
|
|
20
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
/** Полоса каналов: слева пипетка из {@link EyeDropperButton}, справа — ячейки; иконку пипетки передайте `pipetteIcon`. */
|
|
22
|
+
declare function ChannelStripWithIcon({ className, pipetteIcon, }: {
|
|
23
|
+
className?: string;
|
|
24
|
+
pipetteIcon: React.ReactNode;
|
|
25
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function ColorPickerRoot(props: AriaColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function Field({ className, ...props }: React.ComponentProps<typeof AriaColorField>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function Slider({ className, ...props }: AriaColorSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function Area({ className, ...props }: AriaColorAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function SliderTrack({ className, style, ...props }: AriaSliderTrackProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function Thumb({ className, ...props }: AriaColorThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function AreaThumb({ className, ...props }: AriaColorThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function SwatchPicker({ className, ...props }: AriaColorSwatchPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function SwatchPickerItem({ className, ...props }: AriaColorSwatchPickerItemProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function Swatch({ className, style, ...props }: AriaColorSwatchProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function Output(props: AriaSliderOutputProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function SliderMeta({ label }: {
|
|
38
|
+
label: React.ReactNode;
|
|
39
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function HexInput({ size, label, className }: ColorPickerHexInputProps): import("react/jsx-runtime").JSX.Element | null;
|
|
41
|
+
export type ColorPickerTriggerSwatchProps = {
|
|
42
|
+
className?: string;
|
|
43
|
+
};
|
|
44
|
+
/** Квадратик текущего цвета из {@link ColorPickerStateContext}; для кнопки-триггера поповера и т.п. */
|
|
45
|
+
declare function TriggerSwatch({ className }: ColorPickerTriggerSwatchProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
declare namespace TriggerSwatch {
|
|
47
|
+
var displayName: string;
|
|
48
|
+
}
|
|
49
|
+
export declare const ColorPicker: {
|
|
50
|
+
Root: typeof ColorPickerRoot;
|
|
51
|
+
TriggerSwatch: typeof TriggerSwatch;
|
|
52
|
+
FormatProvider: typeof FormatProvider;
|
|
53
|
+
FormatSelect: typeof FormatSelect;
|
|
54
|
+
ChannelStrip: typeof ChannelStripWithIcon;
|
|
55
|
+
Field: typeof Field;
|
|
56
|
+
HexInput: typeof HexInput;
|
|
57
|
+
Area: typeof Area;
|
|
58
|
+
AreaThumb: typeof AreaThumb;
|
|
59
|
+
Slider: typeof Slider;
|
|
60
|
+
SliderMeta: typeof SliderMeta;
|
|
61
|
+
SliderTrack: typeof SliderTrack;
|
|
62
|
+
Thumb: typeof Thumb;
|
|
63
|
+
Output: typeof Output;
|
|
64
|
+
SwatchPicker: typeof SwatchPicker;
|
|
65
|
+
SwatchPickerItem: typeof SwatchPickerItem;
|
|
66
|
+
Swatch: typeof Swatch;
|
|
67
|
+
EyeDropperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
68
|
+
variant?: import("@/internal/states").ButtonVariant;
|
|
69
|
+
mode?: import("@/internal/states").ButtonMode;
|
|
70
|
+
size?: import("@/internal/states").ButtonSize;
|
|
71
|
+
fullWidth?: boolean;
|
|
72
|
+
loading?: boolean;
|
|
73
|
+
asChild?: boolean;
|
|
74
|
+
} & React.RefAttributes<HTMLButtonElement>, "ref">, "variant" | "size" | "mode"> & React.RefAttributes<HTMLButtonElement>>;
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=ColorPicker.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/ColorPicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ColorAreaProps as AriaColorAreaProps, ColorField as AriaColorField, type ColorPickerProps as AriaColorPickerProps, type ColorSliderProps as AriaColorSliderProps, type ColorSwatchPickerItemProps as AriaColorSwatchPickerItemProps, type ColorSwatchPickerProps as AriaColorSwatchPickerProps, type ColorSwatchProps as AriaColorSwatchProps, type ColorThumbProps as AriaColorThumbProps, type SliderOutputProps as AriaSliderOutputProps, type SliderTrackProps as AriaSliderTrackProps, parseColor } from "react-aria-components";
|
|
3
|
+
import type { InputSize } from "@/internal/states";
|
|
4
|
+
export type { Color as ColorPickerColorValue, ColorPickerRenderProps } from "react-aria-components";
|
|
5
|
+
export type ColorPickerRootProps = AriaColorPickerProps;
|
|
6
|
+
export type ColorValueFormat = "hsl" | "rgb" | "hex";
|
|
7
|
+
export type ColorPickerHexInputProps = {
|
|
8
|
+
size?: InputSize;
|
|
9
|
+
label?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
};
|
|
12
|
+
export type ColorPickerFormatProviderProps = {
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
defaultFormat?: ColorValueFormat;
|
|
15
|
+
};
|
|
16
|
+
export { parseColor };
|
|
17
|
+
declare function FormatProvider({ children, defaultFormat }: ColorPickerFormatProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare function FormatSelect({ className }: {
|
|
19
|
+
className?: string;
|
|
20
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
21
|
+
/** Полоса каналов: слева пипетка из {@link EyeDropperButton}, справа — ячейки; иконку пипетки передайте `pipetteIcon`. */
|
|
22
|
+
declare function ChannelStripWithIcon({ className, pipetteIcon, }: {
|
|
23
|
+
className?: string;
|
|
24
|
+
pipetteIcon: React.ReactNode;
|
|
25
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
declare function ColorPickerRoot(props: AriaColorPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare function Field({ className, ...props }: React.ComponentProps<typeof AriaColorField>): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
declare function Slider({ className, ...props }: AriaColorSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
declare function Area({ className, ...props }: AriaColorAreaProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
declare function SliderTrack({ className, style, ...props }: AriaSliderTrackProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function Thumb({ className, ...props }: AriaColorThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
declare function AreaThumb({ className, ...props }: AriaColorThumbProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
declare function SwatchPicker({ className, ...props }: AriaColorSwatchPickerProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
declare function SwatchPickerItem({ className, ...props }: AriaColorSwatchPickerItemProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function Swatch({ className, style, ...props }: AriaColorSwatchProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
declare function Output(props: AriaSliderOutputProps): import("react/jsx-runtime").JSX.Element;
|
|
37
|
+
declare function SliderMeta({ label }: {
|
|
38
|
+
label: React.ReactNode;
|
|
39
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
declare function HexInput({ size, label, className }: ColorPickerHexInputProps): import("react/jsx-runtime").JSX.Element | null;
|
|
41
|
+
export type ColorPickerTriggerSwatchProps = {
|
|
42
|
+
className?: string;
|
|
43
|
+
};
|
|
44
|
+
/** Квадратик текущего цвета из {@link ColorPickerStateContext}; для кнопки-триггера поповера и т.п. */
|
|
45
|
+
declare function TriggerSwatch({ className }: ColorPickerTriggerSwatchProps): import("react/jsx-runtime").JSX.Element;
|
|
46
|
+
declare namespace TriggerSwatch {
|
|
47
|
+
var displayName: string;
|
|
48
|
+
}
|
|
49
|
+
export declare const ColorPicker: {
|
|
50
|
+
Root: typeof ColorPickerRoot;
|
|
51
|
+
TriggerSwatch: typeof TriggerSwatch;
|
|
52
|
+
FormatProvider: typeof FormatProvider;
|
|
53
|
+
FormatSelect: typeof FormatSelect;
|
|
54
|
+
ChannelStrip: typeof ChannelStripWithIcon;
|
|
55
|
+
Field: typeof Field;
|
|
56
|
+
HexInput: typeof HexInput;
|
|
57
|
+
Area: typeof Area;
|
|
58
|
+
AreaThumb: typeof AreaThumb;
|
|
59
|
+
Slider: typeof Slider;
|
|
60
|
+
SliderMeta: typeof SliderMeta;
|
|
61
|
+
SliderTrack: typeof SliderTrack;
|
|
62
|
+
Thumb: typeof Thumb;
|
|
63
|
+
Output: typeof Output;
|
|
64
|
+
SwatchPicker: typeof SwatchPicker;
|
|
65
|
+
SwatchPickerItem: typeof SwatchPickerItem;
|
|
66
|
+
Swatch: typeof Swatch;
|
|
67
|
+
EyeDropperButton: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "size"> & {
|
|
68
|
+
variant?: import("@/internal/states").ButtonVariant;
|
|
69
|
+
mode?: import("@/internal/states").ButtonMode;
|
|
70
|
+
size?: import("@/internal/states").ButtonSize;
|
|
71
|
+
fullWidth?: boolean;
|
|
72
|
+
loading?: boolean;
|
|
73
|
+
asChild?: boolean;
|
|
74
|
+
} & React.RefAttributes<HTMLButtonElement>, "ref">, "variant" | "size" | "mode"> & React.RefAttributes<HTMLButtonElement>>;
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=ColorPickerRac.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorPickerRac.d.ts","sourceRoot":"","sources":["../../../../src/components/color-picker/ColorPickerRac.tsx"],"names":[],"mappings":"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"}
|