@tokis/react 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +50 -0
- package/dist/cjs/components/accordion/index.js +36 -0
- package/dist/cjs/components/alert/index.js +14 -0
- package/dist/cjs/components/app-bar/index.js +9 -0
- package/dist/cjs/components/avatar/index.js +64 -0
- package/dist/cjs/components/badge/index.js +6 -0
- package/dist/cjs/components/bottom-nav/index.js +12 -0
- package/dist/cjs/components/breadcrumbs/index.js +19 -0
- package/dist/cjs/components/button/ButtonIcon.js +9 -0
- package/dist/cjs/components/button/ButtonLabel.js +9 -0
- package/dist/cjs/components/button/ButtonRoot.js +23 -0
- package/dist/cjs/components/button/index.js +11 -0
- package/dist/cjs/components/button/useButton.js +14 -0
- package/dist/cjs/components/card/index.js +25 -0
- package/dist/cjs/components/charts/index.js +214 -0
- package/dist/cjs/components/checkbox/index.js +18 -0
- package/dist/cjs/components/chip/index.js +6 -0
- package/dist/cjs/components/circular-progress/index.js +28 -0
- package/dist/cjs/components/codeblock/CodeBlock.js +35 -0
- package/dist/cjs/components/codeblock/index.js +5 -0
- package/dist/cjs/components/command-palette/index.js +84 -0
- package/dist/cjs/components/confirm-dialog/index.js +10 -0
- package/dist/cjs/components/context-menu/index.js +82 -0
- package/dist/cjs/components/dialog/index.js +43 -0
- package/dist/cjs/components/divider/index.js +6 -0
- package/dist/cjs/components/drawer/index.js +37 -0
- package/dist/cjs/components/dropdown/index.js +104 -0
- package/dist/cjs/components/emptystate/index.js +9 -0
- package/dist/cjs/components/extended/index.js +329 -0
- package/dist/cjs/components/hover-card/index.js +107 -0
- package/dist/cjs/components/infinite-scroll/index.js +21 -0
- package/dist/cjs/components/input/index.js +27 -0
- package/dist/cjs/components/layout/index.js +34 -0
- package/dist/cjs/components/link/index.js +7 -0
- package/dist/cjs/components/list/index.js +14 -0
- package/dist/cjs/components/menu/index.js +120 -0
- package/dist/cjs/components/nav-rail/index.js +12 -0
- package/dist/cjs/components/pagination/index.js +46 -0
- package/dist/cjs/components/popover/index.js +114 -0
- package/dist/cjs/components/portal/index.js +10 -0
- package/dist/cjs/components/progress/index.js +21 -0
- package/dist/cjs/components/radio/index.js +60 -0
- package/dist/cjs/components/result/index.js +25 -0
- package/dist/cjs/components/search-field/index.js +30 -0
- package/dist/cjs/components/select/index.js +88 -0
- package/dist/cjs/components/skeleton/index.js +6 -0
- package/dist/cjs/components/slider/index.js +73 -0
- package/dist/cjs/components/snackbar/index.js +41 -0
- package/dist/cjs/components/spinner/index.js +6 -0
- package/dist/cjs/components/statistic/index.js +17 -0
- package/dist/cjs/components/stepper/index.js +24 -0
- package/dist/cjs/components/switch/index.js +19 -0
- package/dist/cjs/components/table/index.js +26 -0
- package/dist/cjs/components/tabs/index.js +44 -0
- package/dist/cjs/components/tag/index.js +6 -0
- package/dist/cjs/components/timeline/index.js +12 -0
- package/dist/cjs/components/toggle/index.js +32 -0
- package/dist/cjs/components/tooltip/index.js +116 -0
- package/dist/cjs/components/treeview/index.js +89 -0
- package/dist/cjs/components/typography/index.js +20 -0
- package/dist/cjs/components/virtual-list/index.js +25 -0
- package/dist/cjs/context/ConfigProvider.js +22 -0
- package/dist/cjs/context/ThemeContext.js +25 -0
- package/dist/cjs/hooks/useControllableState.js +31 -0
- package/dist/cjs/hooks/useDialog.js +35 -0
- package/dist/cjs/hooks/useId.js +13 -0
- package/dist/cjs/hooks/useMenu.js +64 -0
- package/dist/cjs/hooks/usePopover.js +32 -0
- package/dist/cjs/hooks/useTabs.js +51 -0
- package/dist/cjs/index.js +102 -0
- package/dist/cjs/package.json +3 -0
- package/dist/cjs/utils/cn.js +10 -0
- package/dist/components/accordion/index.d.ts +19 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +34 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/alert/index.d.ts +11 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +12 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/app-bar/index.d.ts +17 -0
- package/dist/components/app-bar/index.d.ts.map +1 -0
- package/dist/components/app-bar/index.js +7 -0
- package/dist/components/app-bar/index.js.map +1 -0
- package/dist/components/avatar/index.d.ts +33 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +28 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +3 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/bottom-nav/index.d.ts +18 -0
- package/dist/components/bottom-nav/index.d.ts.map +1 -0
- package/dist/components/bottom-nav/index.js +10 -0
- package/dist/components/bottom-nav/index.js.map +1 -0
- package/dist/components/breadcrumbs/index.d.ts +19 -0
- package/dist/components/breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/breadcrumbs/index.js +17 -0
- package/dist/components/breadcrumbs/index.js.map +1 -0
- package/dist/components/button/ButtonIcon.d.ts +8 -0
- package/dist/components/button/ButtonIcon.d.ts.map +1 -0
- package/dist/components/button/ButtonIcon.js +6 -0
- package/dist/components/button/ButtonIcon.js.map +1 -0
- package/dist/components/button/ButtonLabel.d.ts +6 -0
- package/dist/components/button/ButtonLabel.d.ts.map +1 -0
- package/dist/components/button/ButtonLabel.js +6 -0
- package/dist/components/button/ButtonLabel.js.map +1 -0
- package/dist/components/button/ButtonRoot.d.ts +15 -0
- package/dist/components/button/ButtonRoot.d.ts.map +1 -0
- package/dist/components/button/ButtonRoot.js +21 -0
- package/dist/components/button/ButtonRoot.js.map +1 -0
- package/dist/components/button/index.d.ts +9 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +5 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/useButton.d.ts +16 -0
- package/dist/components/button/useButton.d.ts.map +1 -0
- package/dist/components/button/useButton.js +12 -0
- package/dist/components/button/useButton.js.map +1 -0
- package/dist/components/card/index.d.ts +17 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +23 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/charts/index.d.ts +60 -0
- package/dist/components/charts/index.d.ts.map +1 -0
- package/dist/components/charts/index.js +209 -0
- package/dist/components/charts/index.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +17 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +16 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/chip/index.d.ts +3 -0
- package/dist/components/chip/index.d.ts.map +1 -0
- package/dist/components/chip/index.js +3 -0
- package/dist/components/chip/index.js.map +1 -0
- package/dist/components/circular-progress/index.d.ts +15 -0
- package/dist/components/circular-progress/index.d.ts.map +1 -0
- package/dist/components/circular-progress/index.js +26 -0
- package/dist/components/circular-progress/index.js.map +1 -0
- package/dist/components/codeblock/CodeBlock.d.ts +13 -0
- package/dist/components/codeblock/CodeBlock.d.ts.map +1 -0
- package/dist/components/codeblock/CodeBlock.js +32 -0
- package/dist/components/codeblock/CodeBlock.js.map +1 -0
- package/dist/components/codeblock/index.d.ts +3 -0
- package/dist/components/codeblock/index.d.ts.map +1 -0
- package/dist/components/codeblock/index.js +2 -0
- package/dist/components/codeblock/index.js.map +1 -0
- package/dist/components/command-palette/index.d.ts +22 -0
- package/dist/components/command-palette/index.d.ts.map +1 -0
- package/dist/components/command-palette/index.js +82 -0
- package/dist/components/command-palette/index.js.map +1 -0
- package/dist/components/confirm-dialog/index.d.ts +17 -0
- package/dist/components/confirm-dialog/index.d.ts.map +1 -0
- package/dist/components/confirm-dialog/index.js +8 -0
- package/dist/components/confirm-dialog/index.js.map +1 -0
- package/dist/components/context-menu/index.d.ts +19 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/index.js +47 -0
- package/dist/components/context-menu/index.js.map +1 -0
- package/dist/components/dialog/index.d.ts +16 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +41 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/divider/index.d.ts +3 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/index.js +3 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/drawer/index.d.ts +16 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +35 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/dropdown/index.d.ts +16 -0
- package/dist/components/dropdown/index.d.ts.map +1 -0
- package/dist/components/dropdown/index.js +69 -0
- package/dist/components/dropdown/index.js.map +1 -0
- package/dist/components/emptystate/index.d.ts +13 -0
- package/dist/components/emptystate/index.d.ts.map +1 -0
- package/dist/components/emptystate/index.js +7 -0
- package/dist/components/emptystate/index.js.map +1 -0
- package/dist/components/extended/index.d.ts +163 -0
- package/dist/components/extended/index.d.ts.map +1 -0
- package/dist/components/extended/index.js +267 -0
- package/dist/components/extended/index.js.map +1 -0
- package/dist/components/hover-card/index.d.ts +14 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/index.js +72 -0
- package/dist/components/hover-card/index.js.map +1 -0
- package/dist/components/infinite-scroll/index.d.ts +16 -0
- package/dist/components/infinite-scroll/index.d.ts.map +1 -0
- package/dist/components/infinite-scroll/index.js +19 -0
- package/dist/components/infinite-scroll/index.js.map +1 -0
- package/dist/components/input/index.d.ts +19 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +25 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/layout/index.d.ts +39 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/index.js +32 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/link/index.d.ts +3 -0
- package/dist/components/link/index.d.ts.map +1 -0
- package/dist/components/link/index.js +3 -0
- package/dist/components/link/index.js.map +1 -0
- package/dist/components/list/index.d.ts +13 -0
- package/dist/components/list/index.d.ts.map +1 -0
- package/dist/components/list/index.js +12 -0
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/menu/index.d.ts +19 -0
- package/dist/components/menu/index.d.ts.map +1 -0
- package/dist/components/menu/index.js +85 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/components/nav-rail/index.d.ts +20 -0
- package/dist/components/nav-rail/index.d.ts.map +1 -0
- package/dist/components/nav-rail/index.js +10 -0
- package/dist/components/nav-rail/index.js.map +1 -0
- package/dist/components/pagination/index.d.ts +9 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +44 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/popover/index.d.ts +16 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +79 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/portal/index.d.ts +7 -0
- package/dist/components/portal/index.d.ts.map +1 -0
- package/dist/components/portal/index.js +8 -0
- package/dist/components/portal/index.js.map +1 -0
- package/dist/components/progress/index.d.ts +25 -0
- package/dist/components/progress/index.d.ts.map +1 -0
- package/dist/components/progress/index.js +19 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/radio/index.d.ts +25 -0
- package/dist/components/radio/index.d.ts.map +1 -0
- package/dist/components/radio/index.js +24 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/result/index.d.ts +14 -0
- package/dist/components/result/index.d.ts.map +1 -0
- package/dist/components/result/index.js +23 -0
- package/dist/components/result/index.js.map +1 -0
- package/dist/components/search-field/index.d.ts +15 -0
- package/dist/components/search-field/index.d.ts.map +1 -0
- package/dist/components/search-field/index.js +28 -0
- package/dist/components/search-field/index.js.map +1 -0
- package/dist/components/select/index.d.ts +23 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +86 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/skeleton/index.d.ts +3 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +3 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/slider/index.d.ts +18 -0
- package/dist/components/slider/index.d.ts.map +1 -0
- package/dist/components/slider/index.js +71 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/snackbar/index.d.ts +27 -0
- package/dist/components/snackbar/index.d.ts.map +1 -0
- package/dist/components/snackbar/index.js +38 -0
- package/dist/components/snackbar/index.js.map +1 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +3 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/statistic/index.d.ts +13 -0
- package/dist/components/statistic/index.d.ts.map +1 -0
- package/dist/components/statistic/index.js +15 -0
- package/dist/components/statistic/index.js.map +1 -0
- package/dist/components/stepper/index.d.ts +17 -0
- package/dist/components/stepper/index.d.ts.map +1 -0
- package/dist/components/stepper/index.js +22 -0
- package/dist/components/stepper/index.js.map +1 -0
- package/dist/components/switch/index.d.ts +16 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +17 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/table/index.d.ts +17 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +24 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/tabs/index.d.ts +19 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +42 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tag/index.d.ts +3 -0
- package/dist/components/tag/index.d.ts.map +1 -0
- package/dist/components/tag/index.js +3 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/timeline/index.d.ts +16 -0
- package/dist/components/timeline/index.d.ts.map +1 -0
- package/dist/components/timeline/index.js +10 -0
- package/dist/components/timeline/index.js.map +1 -0
- package/dist/components/toggle/index.d.ts +32 -0
- package/dist/components/toggle/index.d.ts.map +1 -0
- package/dist/components/toggle/index.js +29 -0
- package/dist/components/toggle/index.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +11 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +81 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/treeview/index.d.ts +19 -0
- package/dist/components/treeview/index.d.ts.map +1 -0
- package/dist/components/treeview/index.js +87 -0
- package/dist/components/treeview/index.js.map +1 -0
- package/dist/components/typography/index.d.ts +11 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +18 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/components/virtual-list/index.d.ts +15 -0
- package/dist/components/virtual-list/index.d.ts.map +1 -0
- package/dist/components/virtual-list/index.js +23 -0
- package/dist/components/virtual-list/index.js.map +1 -0
- package/dist/context/ConfigProvider.d.ts +12 -0
- package/dist/context/ConfigProvider.d.ts.map +1 -0
- package/dist/context/ConfigProvider.js +18 -0
- package/dist/context/ConfigProvider.js.map +1 -0
- package/dist/context/ThemeContext.d.ts +15 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/context/ThemeContext.js +21 -0
- package/dist/context/ThemeContext.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +10 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useControllableState.js +29 -0
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useDialog.d.ts +24 -0
- package/dist/hooks/useDialog.d.ts.map +1 -0
- package/dist/hooks/useDialog.js +33 -0
- package/dist/hooks/useDialog.js.map +1 -0
- package/dist/hooks/useId.d.ts +7 -0
- package/dist/hooks/useId.d.ts.map +1 -0
- package/dist/hooks/useId.js +11 -0
- package/dist/hooks/useId.js.map +1 -0
- package/dist/hooks/useMenu.d.ts +21 -0
- package/dist/hooks/useMenu.d.ts.map +1 -0
- package/dist/hooks/useMenu.js +62 -0
- package/dist/hooks/useMenu.js.map +1 -0
- package/dist/hooks/usePopover.d.ts +22 -0
- package/dist/hooks/usePopover.d.ts.map +1 -0
- package/dist/hooks/usePopover.js +30 -0
- package/dist/hooks/usePopover.js.map +1 -0
- package/dist/hooks/useTabs.d.ts +22 -0
- package/dist/hooks/useTabs.d.ts.map +1 -0
- package/dist/hooks/useTabs.js +49 -0
- package/dist/hooks/useTabs.js.map +1 -0
- package/dist/index.d.ts +65 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +85 -0
- package/dist/index.js.map +1 -0
- package/dist/utils/cn.d.ts +6 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +8 -0
- package/dist/utils/cn.js.map +1 -0
- package/package.json +79 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/slider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type SnackbarVariant = 'default' | 'success' | 'error' | 'warning';
|
|
3
|
+
export type SnackbarPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-center';
|
|
4
|
+
export interface SnackbarItem {
|
|
5
|
+
id: string;
|
|
6
|
+
message: React.ReactNode;
|
|
7
|
+
title?: React.ReactNode;
|
|
8
|
+
variant?: SnackbarVariant;
|
|
9
|
+
duration?: number;
|
|
10
|
+
action?: {
|
|
11
|
+
label: string;
|
|
12
|
+
onClick: () => void;
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
export interface SnackbarContainerProps {
|
|
16
|
+
position?: SnackbarPosition;
|
|
17
|
+
items: SnackbarItem[];
|
|
18
|
+
onDismiss: (id: string) => void;
|
|
19
|
+
}
|
|
20
|
+
export declare function SnackbarContainer({ position, items, onDismiss }: SnackbarContainerProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare function useSnackbar(): {
|
|
22
|
+
items: SnackbarItem[];
|
|
23
|
+
add: (item: Omit<SnackbarItem, "id">) => string;
|
|
24
|
+
dismiss: (id: string) => void;
|
|
25
|
+
dismissAll: () => void;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/snackbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAIvE,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,aAAa,GAAG,eAAe,GAAG,WAAW,GAAG,YAAY,CAAC;AAE7G,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EAAE,QAAyB,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAiBxG;AAkCD,wBAAgB,WAAW;;gBAGM,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,KAAG,MAAM;kBAM/B,MAAM;;EAOxC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
import { Portal } from '../portal/index.js';
|
|
5
|
+
export function SnackbarContainer({ position = 'bottom-right', items, onDismiss }) {
|
|
6
|
+
const posClassMap = {
|
|
7
|
+
'bottom-right': '', 'bottom-left': 'tokis-snackbar-container--bottom-left',
|
|
8
|
+
'bottom-center': 'tokis-snackbar-container--bottom-center',
|
|
9
|
+
'top-right': 'tokis-snackbar-container--top-right',
|
|
10
|
+
'top-center': 'tokis-snackbar-container--top-center',
|
|
11
|
+
};
|
|
12
|
+
return (_jsx(Portal, { children: _jsx("div", { className: cn('tokis-snackbar-container', posClassMap[position]), "aria-live": "polite", "aria-atomic": "false", children: items.map((item) => (_jsx(SnackbarToast, { item: item, onDismiss: onDismiss }, item.id))) }) }));
|
|
13
|
+
}
|
|
14
|
+
function SnackbarToast({ item, onDismiss }) {
|
|
15
|
+
useEffect(() => {
|
|
16
|
+
const duration = item.duration ?? 4000;
|
|
17
|
+
if (duration === Infinity)
|
|
18
|
+
return;
|
|
19
|
+
const t = setTimeout(() => onDismiss(item.id), duration);
|
|
20
|
+
return () => clearTimeout(t);
|
|
21
|
+
}, [item.id, item.duration, onDismiss]);
|
|
22
|
+
return (_jsxs("div", { role: "status", className: cn('tokis-snackbar', item.variant && item.variant !== 'default' && `tokis-snackbar--${item.variant}`), children: [_jsxs("div", { className: "tokis-snackbar__body", children: [item.title && _jsx("div", { className: "tokis-snackbar__title", children: item.title }), _jsx("div", { children: item.message }), item.action && (_jsx("button", { className: "tokis-snackbar__action", onClick: () => { item.action.onClick(); onDismiss(item.id); }, children: item.action.label }))] }), _jsx("button", { className: "tokis-snackbar__close", onClick: () => onDismiss(item.id), "aria-label": "Dismiss", children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2 2l10 10M12 2L2 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })] }));
|
|
23
|
+
}
|
|
24
|
+
// ─── useSnackbar hook ─────────────────────────────────────
|
|
25
|
+
export function useSnackbar() {
|
|
26
|
+
const [items, setItems] = useState([]);
|
|
27
|
+
const add = useCallback((item) => {
|
|
28
|
+
const id = `snackbar-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`;
|
|
29
|
+
setItems((prev) => [...prev, { ...item, id }]);
|
|
30
|
+
return id;
|
|
31
|
+
}, []);
|
|
32
|
+
const dismiss = useCallback((id) => {
|
|
33
|
+
setItems((prev) => prev.filter((i) => i.id !== id));
|
|
34
|
+
}, []);
|
|
35
|
+
const dismissAll = useCallback(() => setItems([]), []);
|
|
36
|
+
return { items, add, dismiss, dismissAll };
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/snackbar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/spinner/index.tsx"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type StatisticTrend = 'up' | 'down' | 'neutral';
|
|
2
|
+
export interface StatisticProps {
|
|
3
|
+
value: string | number;
|
|
4
|
+
label: string;
|
|
5
|
+
prefix?: string;
|
|
6
|
+
suffix?: string;
|
|
7
|
+
trend?: StatisticTrend;
|
|
8
|
+
trendValue?: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function Statistic({ value, label, prefix, suffix, trend, trendValue, description, className, }: StatisticProps): JSX.Element;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/statistic/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAwBD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,GACV,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAuB9B"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn.js';
|
|
3
|
+
function TrendIcon({ trend }) {
|
|
4
|
+
if (trend === 'up') {
|
|
5
|
+
return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M7 11V3M3 7l4-4 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
6
|
+
}
|
|
7
|
+
if (trend === 'down') {
|
|
8
|
+
return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M7 3v8M3 7l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
9
|
+
}
|
|
10
|
+
return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 7h8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
|
|
11
|
+
}
|
|
12
|
+
export function Statistic({ value, label, prefix, suffix, trend, trendValue, description, className, }) {
|
|
13
|
+
return (_jsxs("div", { className: cn('tokis-statistic', className), children: [_jsx("div", { className: "tokis-statistic__label", children: label }), _jsxs("div", { className: "tokis-statistic__value-row", children: [prefix && _jsx("span", { className: "tokis-statistic__prefix", children: prefix }), _jsx("span", { className: "tokis-statistic__value", children: value }), suffix && _jsx("span", { className: "tokis-statistic__suffix", children: suffix }), trend && trendValue && (_jsxs("span", { className: cn('tokis-statistic__trend', `tokis-statistic__trend--${trend}`), "aria-label": `Trend: ${trend === 'up' ? 'up' : trend === 'down' ? 'down' : 'neutral'} ${trendValue}`, children: [_jsx(TrendIcon, { trend: trend }), trendValue] }))] }), description && (_jsx("div", { className: "tokis-statistic__desc", children: description }))] }));
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/statistic/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAevC,SAAS,SAAS,CAAC,EAAE,KAAK,EAA6B;IACrD,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,qBAAqB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACjH,CACP,CAAC;IACJ,CAAC;IACD,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QACrB,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAChH,CACP,CAAC;IACJ,CAAC;IACD,OAAO,CACL,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,QAAQ,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,GAC7E,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,EACN,KAAK,EACL,UAAU,EACV,WAAW,EACX,SAAS,GACM;IACf,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,aAC9C,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAO,EACrD,eAAK,SAAS,EAAC,4BAA4B,aACxC,MAAM,IAAI,eAAM,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAQ,EACpE,eAAM,SAAS,EAAC,wBAAwB,YAAE,KAAK,GAAQ,EACtD,MAAM,IAAI,eAAM,SAAS,EAAC,yBAAyB,YAAE,MAAM,GAAQ,EACnE,KAAK,IAAI,UAAU,IAAI,CACtB,gBACE,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,2BAA2B,KAAK,EAAE,CAAC,gBAC/D,UAAU,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAAI,UAAU,EAAE,aAEnG,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC1B,UAAU,IACN,CACR,IACG,EACL,WAAW,IAAI,CACd,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export type StepStatus = 'completed' | 'active' | 'pending' | 'error';
|
|
2
|
+
export interface Step {
|
|
3
|
+
label: string;
|
|
4
|
+
description?: string;
|
|
5
|
+
status?: StepStatus;
|
|
6
|
+
}
|
|
7
|
+
export interface StepperProps {
|
|
8
|
+
steps: Step[];
|
|
9
|
+
current: number;
|
|
10
|
+
orientation?: 'horizontal' | 'vertical';
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function Stepper({ steps, current, orientation, className }: StepperProps): JSX.Element;
|
|
14
|
+
export declare namespace Stepper {
|
|
15
|
+
var displayName: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/stepper/index.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEtE,MAAM,WAAW,IAAI;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD,wBAAgB,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAA0B,EAAE,SAAS,EAAE,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8B5G;yBA9Be,OAAO"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn.js';
|
|
3
|
+
const CheckIcon = () => (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2 7l3.5 3.5L12 4", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }));
|
|
4
|
+
const ErrorIcon = () => (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 3l8 8M11 3L3 11", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }) }));
|
|
5
|
+
function getStepStatus(step, index, current) {
|
|
6
|
+
if (step.status)
|
|
7
|
+
return step.status;
|
|
8
|
+
if (index < current)
|
|
9
|
+
return 'completed';
|
|
10
|
+
if (index === current)
|
|
11
|
+
return 'active';
|
|
12
|
+
return 'pending';
|
|
13
|
+
}
|
|
14
|
+
export function Stepper({ steps, current, orientation = 'horizontal', className }) {
|
|
15
|
+
return (_jsx("ol", { className: cn('tokis-stepper', `tokis-stepper--${orientation}`, className), "aria-label": "Progress steps", children: steps.map((step, index) => {
|
|
16
|
+
const status = getStepStatus(step, index, current);
|
|
17
|
+
const isLast = index === steps.length - 1;
|
|
18
|
+
return (_jsxs("li", { className: cn('tokis-stepper__step', `tokis-stepper__step--${status}`), "aria-current": status === 'active' ? 'step' : undefined, children: [_jsxs("div", { className: "tokis-stepper__step-inner", children: [_jsx("div", { className: cn('tokis-stepper__circle', `tokis-stepper__circle--${status}`), children: status === 'completed' ? _jsx(CheckIcon, {}) : status === 'error' ? _jsx(ErrorIcon, {}) : _jsx("span", { children: index + 1 }) }), _jsxs("div", { className: "tokis-stepper__text", children: [_jsx("div", { className: "tokis-stepper__label", children: step.label }), step.description && _jsx("div", { className: "tokis-stepper__desc", children: step.description })] })] }), !isLast && _jsx("div", { className: cn('tokis-stepper__connector', status === 'completed' && 'tokis-stepper__connector--completed'), "aria-hidden": "true" })] }, index));
|
|
19
|
+
}) }));
|
|
20
|
+
}
|
|
21
|
+
Stepper.displayName = 'Stepper';
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/stepper/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAiBvC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,mBAAmB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAC/G,CACP,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC5E,eAAM,CAAC,EAAC,oBAAoB,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,GAAG,GACzF,CACP,CAAC;AAEF,SAAS,aAAa,CAAC,IAAU,EAAE,KAAa,EAAE,OAAe;IAC/D,IAAI,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC,MAAM,CAAC;IACpC,IAAI,KAAK,GAAG,OAAO;QAAE,OAAO,WAAW,CAAC;IACxC,IAAI,KAAK,KAAK,OAAO;QAAE,OAAO,QAAQ,CAAC;IACvC,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,GAAG,YAAY,EAAE,SAAS,EAAgB;IAC7F,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,kBAAkB,WAAW,EAAE,EAAE,SAAS,CAAC,gBAC/D,gBAAgB,YAE1B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAC1C,OAAO,CACL,cAEE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,wBAAwB,MAAM,EAAE,CAAC,kBACxD,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,aAEtD,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,0BAA0B,MAAM,EAAE,CAAC,YAC5E,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,yBAAO,KAAK,GAAG,CAAC,GAAQ,GACnG,EACN,eAAK,SAAS,EAAC,qBAAqB,aAClC,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,KAAK,GAAO,EACvD,IAAI,CAAC,WAAW,IAAI,cAAK,SAAS,EAAC,qBAAqB,YAAE,IAAI,CAAC,WAAW,GAAO,IAC9E,IACF,EACL,CAAC,MAAM,IAAI,cAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,MAAM,KAAK,WAAW,IAAI,qCAAqC,CAAC,iBAAc,MAAM,GAAG,KAb7I,KAAK,CAcP,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC;AAED,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface SwitchProps {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
onChange?: (checked: boolean) => void;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
description?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
size?: 'sm' | 'md';
|
|
10
|
+
id?: string;
|
|
11
|
+
name?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
'aria-label'?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function Switch({ checked, defaultChecked, onChange, label, description, disabled, size, id, name, className, 'aria-label': ariaLabel }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAGlD,MAAM,WAAW,WAAW;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAgB,EAAE,IAAW,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,WAAW,2CAqCzK"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useId, useCallback } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
export function Switch({ checked, defaultChecked, onChange, label, description, disabled = false, size = 'md', id, name, className, 'aria-label': ariaLabel }) {
|
|
5
|
+
const autoId = useId();
|
|
6
|
+
const switchId = id ?? `switch-${autoId}`;
|
|
7
|
+
const descId = description ? `${switchId}-desc` : undefined;
|
|
8
|
+
const toggle = useCallback(() => {
|
|
9
|
+
if (!disabled)
|
|
10
|
+
onChange?.(!checked);
|
|
11
|
+
}, [checked, disabled, onChange]);
|
|
12
|
+
return (_jsxs("div", { className: cn('tokis-switch-root', size === 'sm' && 'tokis-switch-root--sm', className), "data-disabled": disabled || undefined, children: [_jsx("div", { role: "switch", tabIndex: disabled ? -1 : 0, "aria-checked": checked ?? false, "aria-label": ariaLabel, "aria-labelledby": label ? switchId : undefined, "aria-describedby": descId, "aria-disabled": disabled, className: "tokis-switch-track", "data-checked": checked ? 'true' : undefined, onClick: toggle, onKeyDown: (e) => { if (e.key === ' ' || e.key === 'Enter') {
|
|
13
|
+
e.preventDefault();
|
|
14
|
+
toggle();
|
|
15
|
+
} }, children: _jsx("span", { className: "tokis-switch-thumb" }) }), (label || description) && (_jsxs("div", { className: "tokis-switch-content", onClick: toggle, style: { cursor: disabled ? 'not-allowed' : 'pointer' }, children: [label && _jsx("label", { id: switchId, className: "tokis-switch-label", children: label }), description && _jsx("p", { id: descId, className: "tokis-switch-description", children: description })] })), _jsx("input", { type: "checkbox", role: "none", name: name, checked: checked, defaultChecked: defaultChecked, disabled: disabled, onChange: (e) => onChange?.(e.target.checked), style: { position: 'absolute', opacity: 0, width: 0, height: 0 }, "aria-hidden": "true", tabIndex: -1 })] }));
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/switch/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAgBvC,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAe;IACxK,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,EAAE,IAAI,UAAU,MAAM,EAAE,CAAC;IAC1C,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAE5D,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,QAAQ;YAAE,QAAQ,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,IAAI,KAAK,IAAI,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBAAiB,QAAQ,IAAI,SAAS,aAChI,cACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,kBACb,OAAO,IAAI,KAAK,gBAClB,SAAS,qBACJ,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,sBAC3B,MAAM,mBACT,QAAQ,EACvB,SAAS,EAAC,oBAAoB,kBAChB,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBAAC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAAC,MAAM,EAAE,CAAC;gBAAC,CAAC,CAAC,CAAC,YAE/F,eAAM,SAAS,EAAC,oBAAoB,GAAG,GACnC,EACL,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,eAAK,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE,aAC3G,KAAK,IAAI,gBAAO,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAS,EAC5E,WAAW,IAAI,YAAG,EAAE,EAAE,MAAM,EAAE,SAAS,EAAC,0BAA0B,YAAE,WAAW,GAAK,IACjF,CACP,EACD,gBAAO,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EACjH,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,iBAAc,MAAM,EAAC,QAAQ,EAAE,CAAC,CAAC,GAAI,IACnG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement> {
|
|
3
|
+
striped?: boolean;
|
|
4
|
+
container?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
|
|
7
|
+
export declare const TableHead: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
8
|
+
export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
9
|
+
export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
|
|
10
|
+
export interface TableHeaderCellProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
|
|
11
|
+
sortable?: boolean;
|
|
12
|
+
sorted?: 'asc' | 'desc' | false;
|
|
13
|
+
onSort?: () => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const TableHeaderCell: React.ForwardRefExoticComponent<TableHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
16
|
+
export declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,qFAYhB,CAAC;AAGH,eAAO,MAAM,SAAS,+HAErB,CAAC;AAGF,eAAO,MAAM,SAAS,+HAErB,CAAC;AAGF,eAAO,MAAM,QAAQ,uHAEpB,CAAC;AAGF,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IACxF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAChC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,mGAuB3B,CAAC;AAGF,eAAO,MAAM,SAAS,2HAErB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
export const Table = forwardRef(({ striped = false, container = true, className, children, ...props }, ref) => {
|
|
5
|
+
const table = (_jsx("table", { ref: ref, className: cn('tokis-table', striped && 'tokis-table--striped', !container && className), ...props, children: children }));
|
|
6
|
+
if (!container)
|
|
7
|
+
return table;
|
|
8
|
+
return _jsx("div", { className: cn('tokis-table-container', className), children: table });
|
|
9
|
+
});
|
|
10
|
+
Table.displayName = 'Table';
|
|
11
|
+
export const TableHead = forwardRef((props, ref) => _jsx("thead", { ref: ref, ...props }));
|
|
12
|
+
TableHead.displayName = 'TableHead';
|
|
13
|
+
export const TableBody = forwardRef((props, ref) => _jsx("tbody", { ref: ref, ...props }));
|
|
14
|
+
TableBody.displayName = 'TableBody';
|
|
15
|
+
export const TableRow = forwardRef((props, ref) => _jsx("tr", { ref: ref, ...props }));
|
|
16
|
+
TableRow.displayName = 'TableRow';
|
|
17
|
+
export const TableHeaderCell = forwardRef(({ sortable, sorted, onSort, className, children, ...props }, ref) => (_jsx("th", { ref: ref, scope: "col", "aria-sort": sorted ? sorted === 'asc' ? 'ascending' : 'descending' : sortable ? 'none' : undefined, className: cn(sortable && 'tokis-table th--sortable', className), onClick: sortable ? onSort : undefined, onKeyDown: sortable ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
|
|
18
|
+
e.preventDefault();
|
|
19
|
+
onSort?.();
|
|
20
|
+
} } : undefined, tabIndex: sortable ? 0 : undefined, ...props, children: _jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '4px' }, children: [children, sortable && (_jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", style: { opacity: sorted ? 1 : 0.4 }, children: [sorted !== 'asc' && _jsx("path", { d: "M4 7l2 2 2-2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), sorted !== 'desc' && _jsx("path", { d: "M4 5l2-2 2 2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }))] }) })));
|
|
21
|
+
TableHeaderCell.displayName = 'TableHeaderCell';
|
|
22
|
+
export const TableCell = forwardRef((props, ref) => _jsx("td", { ref: ref, ...props }));
|
|
23
|
+
TableCell.displayName = 'TableCell';
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
value: string;
|
|
4
|
+
label: React.ReactNode;
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export interface TabsProps {
|
|
10
|
+
tabs: TabItem[];
|
|
11
|
+
defaultValue?: string;
|
|
12
|
+
value?: string;
|
|
13
|
+
onChange?: (value: string) => void;
|
|
14
|
+
variant?: 'line' | 'pills';
|
|
15
|
+
orientation?: 'horizontal' | 'vertical';
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function Tabs({ tabs, defaultValue, value, onChange, variant, orientation, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAGvD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAgB,EAAE,WAA0B,EAAE,SAAS,EAAE,EAAE,SAAS,2CA6E/H"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState, useRef, useId } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
export function Tabs({ tabs, defaultValue, value, onChange, variant = 'line', orientation = 'horizontal', className }) {
|
|
5
|
+
const [internalValue, setInternalValue] = useState(defaultValue ?? tabs[0]?.value ?? '');
|
|
6
|
+
const activeValue = value ?? internalValue;
|
|
7
|
+
const tablistRef = useRef(null);
|
|
8
|
+
const groupId = useId();
|
|
9
|
+
const handleChange = (val) => {
|
|
10
|
+
if (value === undefined)
|
|
11
|
+
setInternalValue(val);
|
|
12
|
+
onChange?.(val);
|
|
13
|
+
};
|
|
14
|
+
const handleKeyDown = (e, currentIndex) => {
|
|
15
|
+
const enabledTabs = tabs.filter((t) => !t.disabled);
|
|
16
|
+
const idx = enabledTabs.findIndex((t) => t.value === tabs[currentIndex].value);
|
|
17
|
+
let nextIdx = idx;
|
|
18
|
+
const isVertical = orientation === 'vertical';
|
|
19
|
+
if ((e.key === 'ArrowRight' && !isVertical) || (e.key === 'ArrowDown' && isVertical)) {
|
|
20
|
+
nextIdx = (idx + 1) % enabledTabs.length;
|
|
21
|
+
}
|
|
22
|
+
else if ((e.key === 'ArrowLeft' && !isVertical) || (e.key === 'ArrowUp' && isVertical)) {
|
|
23
|
+
nextIdx = (idx - 1 + enabledTabs.length) % enabledTabs.length;
|
|
24
|
+
}
|
|
25
|
+
else if (e.key === 'Home') {
|
|
26
|
+
nextIdx = 0;
|
|
27
|
+
}
|
|
28
|
+
else if (e.key === 'End') {
|
|
29
|
+
nextIdx = enabledTabs.length - 1;
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
return;
|
|
33
|
+
}
|
|
34
|
+
e.preventDefault();
|
|
35
|
+
handleChange(enabledTabs[nextIdx].value);
|
|
36
|
+
const buttons = tablistRef.current?.querySelectorAll('[role="tab"]:not([disabled])');
|
|
37
|
+
buttons?.[nextIdx]?.focus();
|
|
38
|
+
};
|
|
39
|
+
return (_jsxs("div", { className: cn('tokis-tabs-root', orientation === 'vertical' && 'tokis-tabs-root--vertical', className), children: [_jsx("div", { ref: tablistRef, role: "tablist", "aria-orientation": orientation, className: cn('tokis-tabs-list', variant === 'pills' && 'tokis-tabs-list--pills'), children: tabs.map((tab, i) => (_jsxs("button", { role: "tab", id: `${groupId}-tab-${tab.value}`, "aria-controls": `${groupId}-panel-${tab.value}`, "aria-selected": tab.value === activeValue, "aria-disabled": tab.disabled, disabled: tab.disabled, tabIndex: tab.value === activeValue ? 0 : -1, "data-active": tab.value === activeValue ? 'true' : undefined, className: "tokis-tabs-trigger", onClick: () => { if (!tab.disabled)
|
|
40
|
+
handleChange(tab.value); }, onKeyDown: (e) => handleKeyDown(e, i), children: [tab.icon && _jsx("span", { className: "tokis-btn__icon", "aria-hidden": "true", children: tab.icon }), tab.label] }, tab.value))) }), tabs.map((tab) => (_jsx("div", { role: "tabpanel", id: `${groupId}-panel-${tab.value}`, "aria-labelledby": `${groupId}-tab-${tab.value}`, tabIndex: 0, className: "tokis-tabs-panel", hidden: tab.value !== activeValue, children: tab.value === activeValue ? tab.content : null }, tab.value)))] }));
|
|
41
|
+
}
|
|
42
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACjD,YAAY,EAAE,SAAS,IAAI,QAAQ,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tag/index.tsx"],"names":[],"mappings":"AAAA,6DAA6D;AAC7D,OAAO,EAAE,IAAI,IAAI,GAAG,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TimelineVariant = 'default' | 'success' | 'error' | 'warning' | 'info';
|
|
3
|
+
export interface TimelineItem {
|
|
4
|
+
id: string;
|
|
5
|
+
title: string;
|
|
6
|
+
description?: React.ReactNode;
|
|
7
|
+
date?: string;
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
variant?: TimelineVariant;
|
|
10
|
+
}
|
|
11
|
+
export interface TimelineProps {
|
|
12
|
+
items: TimelineItem[];
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function Timeline({ items, className }: TimelineProps): JSX.Element;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/timeline/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,eAAe,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiCzE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn.js';
|
|
3
|
+
export function Timeline({ items, className }) {
|
|
4
|
+
return (_jsx("ol", { className: cn('tokis-timeline', className), "aria-label": "Timeline", children: items.map((item, index) => {
|
|
5
|
+
const variant = item.variant ?? 'default';
|
|
6
|
+
const isLast = index === items.length - 1;
|
|
7
|
+
return (_jsxs("li", { className: "tokis-timeline__item", children: [_jsxs("div", { className: "tokis-timeline__track", "aria-hidden": "true", children: [_jsx("div", { className: cn('tokis-timeline__dot', `tokis-timeline__dot--${variant}`), children: item.icon ?? null }), !isLast && _jsx("div", { className: "tokis-timeline__connector" })] }), _jsxs("div", { className: "tokis-timeline__content", children: [_jsxs("div", { className: "tokis-timeline__header", children: [_jsx("span", { className: "tokis-timeline__title", children: item.title }), item.date && (_jsx("time", { className: "tokis-timeline__date", dateTime: item.date, children: item.date }))] }), item.description && (_jsx("div", { className: "tokis-timeline__desc", children: item.description }))] })] }, item.id));
|
|
8
|
+
}) }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/timeline/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAiB;IAC1D,OAAO,CACL,aAAI,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,gBAAa,UAAU,YAClE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,CAAC;YAC1C,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;YAE1C,OAAO,CACL,cAAkB,SAAS,EAAC,sBAAsB,aAChD,eAAK,SAAS,EAAC,uBAAuB,iBAAa,MAAM,aACvD,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,wBAAwB,OAAO,EAAE,CAAC,YACzE,IAAI,CAAC,IAAI,IAAI,IAAI,GACd,EACL,CAAC,MAAM,IAAI,cAAK,SAAS,EAAC,2BAA2B,GAAG,IACrD,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC1D,IAAI,CAAC,IAAI,IAAI,CACZ,eAAM,SAAS,EAAC,sBAAsB,EAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,YACvD,IAAI,CAAC,IAAI,GACL,CACR,IACG,EACL,IAAI,CAAC,WAAW,IAAI,CACnB,cAAK,SAAS,EAAC,sBAAsB,YAAE,IAAI,CAAC,WAAW,GAAO,CAC/D,IACG,KAnBC,IAAI,CAAC,EAAE,CAoBX,CACN,CAAC;QACJ,CAAC,CAAC,GACC,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ToggleButtonProps {
|
|
3
|
+
pressed: boolean;
|
|
4
|
+
onChange: (pressed: boolean) => void;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
size?: 'sm' | 'md' | 'lg';
|
|
8
|
+
className?: string;
|
|
9
|
+
'aria-label'?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function ToggleButton({ pressed, onChange, children, disabled, size, className, 'aria-label': ariaLabel, }: ToggleButtonProps): JSX.Element;
|
|
12
|
+
export declare namespace ToggleButton {
|
|
13
|
+
var displayName: string;
|
|
14
|
+
}
|
|
15
|
+
export interface ToggleGroupOption {
|
|
16
|
+
value: string;
|
|
17
|
+
label: React.ReactNode;
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface ToggleGroupProps {
|
|
21
|
+
options: ToggleGroupOption[];
|
|
22
|
+
value: string | string[];
|
|
23
|
+
onChange: (value: string | string[]) => void;
|
|
24
|
+
multiple?: boolean;
|
|
25
|
+
size?: 'sm' | 'md' | 'lg';
|
|
26
|
+
className?: string;
|
|
27
|
+
}
|
|
28
|
+
export declare function ToggleGroup({ options, value, onChange, multiple, size, className, }: ToggleGroupProps): JSX.Element;
|
|
29
|
+
export declare namespace ToggleGroup {
|
|
30
|
+
var displayName: string;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAajC;yBArBe,YAAY;;;AA2B5B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,IAAW,EACX,SAAS,GACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyChC;yBAhDe,WAAW"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn.js';
|
|
3
|
+
export function ToggleButton({ pressed, onChange, children, disabled = false, size = 'md', className, 'aria-label': ariaLabel, }) {
|
|
4
|
+
return (_jsx("button", { type: "button", className: cn('tokis-toggle', `tokis-toggle--${size}`, pressed && 'tokis-toggle--pressed', className), "aria-pressed": pressed, "aria-label": ariaLabel, disabled: disabled, onClick: () => onChange(!pressed), children: children }));
|
|
5
|
+
}
|
|
6
|
+
ToggleButton.displayName = 'ToggleButton';
|
|
7
|
+
export function ToggleGroup({ options, value, onChange, multiple = false, size = 'md', className, }) {
|
|
8
|
+
const isSelected = (v) => multiple ? value.includes(v) : value === v;
|
|
9
|
+
const handleClick = (v) => {
|
|
10
|
+
if (multiple) {
|
|
11
|
+
const arr = value;
|
|
12
|
+
if (arr.includes(v)) {
|
|
13
|
+
onChange(arr.filter((x) => x !== v));
|
|
14
|
+
}
|
|
15
|
+
else {
|
|
16
|
+
onChange([...arr, v]);
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
else {
|
|
20
|
+
onChange(v);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
return (_jsx("div", { className: cn('tokis-toggle-group', className), role: multiple ? 'group' : 'radiogroup', "aria-label": "Toggle group", children: options.map((opt) => {
|
|
24
|
+
const selected = isSelected(opt.value);
|
|
25
|
+
return (_jsx("button", { type: "button", className: cn('tokis-toggle-group__item', `tokis-toggle-group__item--${size}`, selected && 'tokis-toggle-group__item--active'), role: multiple ? 'checkbox' : 'radio', "aria-checked": selected, disabled: opt.disabled, onClick: () => handleClick(opt.value), children: opt.label }, opt.value));
|
|
26
|
+
}) }));
|
|
27
|
+
}
|
|
28
|
+
ToggleGroup.displayName = 'ToggleGroup';
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAcvC,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,YAAY,EAAE,SAAS,GACL;IAClB,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,iBAAiB,IAAI,EAAE,EAAE,OAAO,IAAI,uBAAuB,EAAE,SAAS,CAAC,kBACvF,OAAO,gBACT,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,YAEhC,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAmB1C,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,GACQ;IACjB,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,EAAE,CAC/B,QAAQ,CAAC,CAAC,CAAE,KAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC;IAE3D,MAAM,WAAW,GAAG,CAAC,CAAS,EAAE,EAAE;QAChC,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,GAAG,GAAG,KAAiB,CAAC;YAC9B,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;gBACpB,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;YACxB,CAAC;QACH,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAC9C,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,gBAC5B,cAAc,YAExB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;YACnB,MAAM,QAAQ,GAAG,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACvC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,6BAA6B,IAAI,EAAE,EAAE,QAAQ,IAAI,kCAAkC,CAAC,EAC9H,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,kBACvB,QAAQ,EACtB,QAAQ,EAAE,GAAG,CAAC,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,YAEpC,GAAG,CAAC,KAAK,IARL,GAAG,CAAC,KAAK,CASP,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
children: React.ReactElement;
|
|
6
|
+
placement?: TooltipPlacement;
|
|
7
|
+
delay?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export declare function Tooltip({ content, children, placement, delay, disabled }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAiB,EAAE,KAAW,EAAE,QAAgB,EAAE,EAAE,YAAY,2CAiF5G"}
|