@saas-ui/react 3.0.0-alpha.1 → 3.0.0-alpha.11
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +80 -0
- package/dist/chunk-2EUACKRH.js +26 -0
- package/dist/chunk-3MO37LYW.js +326 -0
- package/dist/chunk-4TR3AOMG.js +33 -0
- package/dist/chunk-6LOMIKR5.js +69 -0
- package/dist/chunk-6ZNR6N2K.js +45 -0
- package/dist/chunk-7VSTNV2B.js +53 -0
- package/dist/chunk-BCNPBZZK.js +45 -0
- package/dist/chunk-CB52LBJK.js +71 -0
- package/dist/chunk-CD2JUFI2.js +231 -0
- package/dist/chunk-FJFNGSPL.js +23 -0
- package/dist/chunk-GGAKUS66.js +141 -0
- package/dist/chunk-H6TFEHY4.js +63 -0
- package/dist/chunk-HELHPHIQ.js +35 -0
- package/dist/chunk-I2RXEKTB.js +38 -0
- package/dist/chunk-JGHXJ3PI.js +102 -0
- package/dist/chunk-L356FPLY.js +20 -0
- package/dist/chunk-LIYUBUOP.js +119 -0
- package/dist/chunk-M7FOBCOV.js +184 -0
- package/dist/chunk-NSD5HRIP.js +46 -0
- package/dist/chunk-Q6SNJJO2.js +63 -0
- package/dist/chunk-QSNSWCTM.js +32 -0
- package/dist/chunk-S3CQW7GD.js +100 -0
- package/dist/chunk-SA3OGTOO.js +23 -0
- package/dist/chunk-SKXSBAOS.js +35 -0
- package/dist/{components/breadcrumbs/index.js → chunk-TT4C5VXB.js} +6 -7
- package/dist/chunk-TZBAM4AD.js +20 -0
- package/dist/chunk-UCQ3LZIE.js +43 -0
- package/dist/chunk-ULAJ3JEO.js +32 -0
- package/dist/chunk-WYLMBMAH.js +22 -0
- package/dist/components/app-shell/index.cjs +1 -1
- package/dist/components/app-shell/index.d.cts +1 -1
- package/dist/components/app-shell/index.d.ts +1 -1
- package/dist/components/app-shell/index.js +3 -40
- package/dist/components/avatar/index.cjs +69 -0
- package/dist/components/avatar/index.d.cts +18 -0
- package/dist/components/avatar/index.d.ts +18 -0
- package/dist/components/avatar/index.js +10 -0
- package/dist/components/{breadcrumbs → breadcrumb}/index.cjs +8 -10
- package/dist/components/{breadcrumbs → breadcrumb}/index.d.cts +3 -4
- package/dist/components/{breadcrumbs → breadcrumb}/index.d.ts +3 -4
- package/dist/components/breadcrumb/index.js +8 -0
- package/dist/components/button/index.js +3 -40
- package/dist/components/checkbox/index.js +3 -15
- package/dist/components/command/index.cjs +1 -1
- package/dist/components/command/index.js +3 -28
- package/dist/components/dialog/index.cjs +19 -58
- package/dist/components/dialog/index.js +4 -67
- package/dist/components/drawer/index.cjs +23 -64
- package/dist/components/drawer/index.d.cts +2 -2
- package/dist/components/drawer/index.d.ts +2 -2
- package/dist/components/drawer/index.js +4 -59
- package/dist/components/empty-state/index.cjs +48 -0
- package/dist/components/empty-state/index.d.cts +11 -0
- package/dist/components/empty-state/index.d.ts +11 -0
- package/dist/components/empty-state/index.js +8 -0
- package/dist/components/grid-list/index.cjs +68 -0
- package/dist/components/grid-list/index.d.cts +22 -0
- package/dist/components/grid-list/index.d.ts +22 -0
- package/dist/components/grid-list/index.js +8 -0
- package/dist/components/icon-badge/index.cjs +1 -1
- package/dist/components/icon-badge/index.d.cts +1 -1
- package/dist/components/icon-badge/index.d.ts +1 -1
- package/dist/components/icon-badge/index.js +3 -33
- package/dist/components/link/index.js +3 -14
- package/dist/components/loading-overlay/index.cjs +42 -1879
- package/dist/components/loading-overlay/index.d.cts +19 -6
- package/dist/components/loading-overlay/index.d.ts +19 -6
- package/dist/components/loading-overlay/index.js +7 -1874
- package/dist/components/menu/index.cjs +249 -0
- package/dist/components/menu/index.d.cts +39 -0
- package/dist/components/menu/index.d.ts +39 -0
- package/dist/components/menu/index.js +11 -0
- package/dist/components/navbar/index.cjs +61 -15
- package/dist/components/navbar/index.d.cts +12 -9
- package/dist/components/navbar/index.d.ts +12 -9
- package/dist/components/navbar/index.js +5 -38
- package/dist/components/number-input/index.js +3 -26
- package/dist/components/password-input/index.js +3 -225
- package/dist/components/persona/index.cjs +52 -15
- package/dist/components/persona/index.d.cts +22 -2
- package/dist/components/persona/index.d.ts +22 -2
- package/dist/components/persona/index.js +7 -144
- package/dist/components/pin-input/index.js +3 -21
- package/dist/components/radio/index.js +4 -16
- package/dist/components/search-input/index.js +4 -114
- package/dist/components/segmented-control/index.cjs +60 -0
- package/dist/components/segmented-control/index.d.cts +14 -0
- package/dist/components/segmented-control/index.d.ts +14 -0
- package/dist/components/segmented-control/index.js +8 -0
- package/dist/components/select/index.js +4 -94
- package/dist/components/sidebar/index.cjs +64 -32
- package/dist/components/sidebar/index.d.cts +24 -23
- package/dist/components/sidebar/index.d.ts +24 -23
- package/dist/components/sidebar/index.js +7 -101
- package/dist/components/steps/index.cjs +7 -9
- package/dist/components/steps/index.d.cts +2 -2
- package/dist/components/steps/index.d.ts +2 -2
- package/dist/components/steps/index.js +6 -67
- package/dist/components/switch/index.js +3 -18
- package/dist/components/toaster/index.cjs +54 -0
- package/dist/components/toaster/index.d.cts +10 -0
- package/dist/components/toaster/index.d.ts +10 -0
- package/dist/components/toaster/index.js +10 -0
- package/dist/components/tooltip/index.cjs +57 -0
- package/dist/components/tooltip/index.d.cts +14 -0
- package/dist/components/tooltip/index.d.ts +14 -0
- package/dist/components/tooltip/index.js +8 -0
- package/dist/index.cjs +2373 -228
- package/dist/index.d.cts +38 -2
- package/dist/index.d.ts +38 -2
- package/dist/index.js +535 -285
- package/dist/theme/tokens/colors.cjs +349 -0
- package/dist/theme/tokens/colors.d.cts +856 -0
- package/dist/theme/tokens/colors.d.ts +856 -0
- package/dist/theme/tokens/colors.js +8 -0
- package/package.json +12 -7
- package/dist/chunk-VBIVLREP.js +0 -45
- package/src/components/app-shell/app-shell.recipe.ts +0 -52
- package/src/components/app-shell/app-shell.stories.tsx +0 -51
- package/src/components/app-shell/app-shell.tsx +0 -94
- package/src/components/app-shell/index.ts +0 -3
- package/src/components/breadcrumbs/breadcrumb.stories.tsx +0 -17
- package/src/components/breadcrumbs/breadcrumb.tsx +0 -36
- package/src/components/breadcrumbs/index.ts +0 -1
- package/src/components/breadcrumbs/namespace.ts +0 -8
- package/src/components/button/button.recipe.ts +0 -182
- package/src/components/button/button.stories.tsx +0 -99
- package/src/components/button/button.tsx +0 -55
- package/src/components/button/index.ts +0 -2
- package/src/components/checkbox/checkbox.tsx +0 -26
- package/src/components/checkbox/index.ts +0 -2
- package/src/components/close-button/close-button.stories.tsx +0 -12
- package/src/components/close-button/close-button.tsx +0 -18
- package/src/components/close-button/index.ts +0 -2
- package/src/components/command/command.recipe.ts +0 -17
- package/src/components/command/command.stories.tsx +0 -47
- package/src/components/command/command.tsx +0 -50
- package/src/components/command/index.ts +0 -1
- package/src/components/dialog/dialog.tsx +0 -67
- package/src/components/dialog/index.ts +0 -1
- package/src/components/dialog/namespace.ts +0 -18
- package/src/components/drawer/drawer.tsx +0 -57
- package/src/components/drawer/index.ts +0 -3
- package/src/components/drawer/namespace.ts +0 -19
- package/src/components/grid-list/grid-list.recipe.ts +0 -113
- package/src/components/icon-badge/icon-badge.recipe.ts +0 -57
- package/src/components/icon-badge/icon-badge.stories.tsx +0 -38
- package/src/components/icon-badge/icon-badge.tsx +0 -59
- package/src/components/icon-badge/index.ts +0 -2
- package/src/components/icons/create-icon.tsx +0 -41
- package/src/components/icons/icons.tsx +0 -119
- package/src/components/icons/index.ts +0 -1
- package/src/components/input-group/index.ts +0 -1
- package/src/components/input-group/input-group.tsx +0 -46
- package/src/components/link/index.ts +0 -2
- package/src/components/link/link.stories.tsx +0 -17
- package/src/components/link/link.test.tsx +0 -33
- package/src/components/link/link.tsx +0 -27
- package/src/components/loading-overlay/index.ts +0 -1
- package/src/components/loading-overlay/loading-overlay.recipe.ts +0 -61
- package/src/components/loading-overlay/loading-overlay.stories.tsx +0 -68
- package/src/components/loading-overlay/loading-overlay.tsx +0 -54
- package/src/components/loading-overlay/namespace.ts +0 -7
- package/src/components/navbar/index.ts +0 -1
- package/src/components/navbar/namespace.ts +0 -9
- package/src/components/navbar/navbar.recipe.ts +0 -109
- package/src/components/navbar/navbar.stories.tsx +0 -435
- package/src/components/navbar/navbar.test.tsx +0 -49
- package/src/components/navbar/navbar.tsx +0 -39
- package/src/components/number-input/index.ts +0 -2
- package/src/components/number-input/number-input.tsx +0 -41
- package/src/components/password-input/index.ts +0 -2
- package/src/components/password-input/password-input.tsx +0 -93
- package/src/components/persona/index.ts +0 -2
- package/src/components/persona/namespace.ts +0 -18
- package/src/components/persona/persona-primitive.tsx +0 -220
- package/src/components/persona/persona.recipe.ts +0 -94
- package/src/components/persona/persona.stories.tsx +0 -101
- package/src/components/persona/persona.tsx +0 -142
- package/src/components/pin-input/index.ts +0 -2
- package/src/components/pin-input/pin-input.tsx +0 -36
- package/src/components/radio/index.ts +0 -2
- package/src/components/radio/radio.tsx +0 -27
- package/src/components/search-input/index.ts +0 -2
- package/src/components/search-input/search-input.stories.tsx +0 -63
- package/src/components/search-input/search-input.tsx +0 -134
- package/src/components/select/index.ts +0 -1
- package/src/components/select/namespace.ts +0 -18
- package/src/components/select/select.tsx +0 -135
- package/src/components/sidebar/index.ts +0 -7
- package/src/components/sidebar/namespace.ts +0 -27
- package/src/components/sidebar/sidebar-item.recipe.ts +0 -65
- package/src/components/sidebar/sidebar.recipe.ts +0 -237
- package/src/components/sidebar/sidebar.stories.tsx +0 -903
- package/src/components/sidebar/sidebar.tsx +0 -208
- package/src/components/spinner/index.ts +0 -2
- package/src/components/spinner/spinner.stories.tsx +0 -19
- package/src/components/spinner/spinner.tsx +0 -21
- package/src/components/steps/index.ts +0 -1
- package/src/components/steps/namespace.ts +0 -16
- package/src/components/steps/steps.tsx +0 -82
- package/src/components/switch/index.ts +0 -3
- package/src/components/switch/switch.tsx +0 -39
- package/src/compositions/accordion.tsx +0 -47
- package/src/compositions/action-bar.tsx +0 -40
- package/src/compositions/alert.tsx +0 -51
- package/src/compositions/avatar.tsx +0 -74
- package/src/compositions/blockquote.tsx +0 -31
- package/src/compositions/checkbox-card.tsx +0 -57
- package/src/compositions/checkbox.tsx +0 -25
- package/src/compositions/clipboard.tsx +0 -107
- package/src/compositions/color-mode.tsx +0 -65
- package/src/compositions/data-list.tsx +0 -37
- package/src/compositions/empty-state.tsx +0 -34
- package/src/compositions/field.tsx +0 -33
- package/src/compositions/file-button.tsx +0 -166
- package/src/compositions/hover-card.tsx +0 -35
- package/src/compositions/link-button.tsx +0 -12
- package/src/compositions/menu.tsx +0 -108
- package/src/compositions/native-select.tsx +0 -57
- package/src/compositions/pagination.tsx +0 -207
- package/src/compositions/popover.tsx +0 -58
- package/src/compositions/progress-circle.tsx +0 -37
- package/src/compositions/progress.tsx +0 -40
- package/src/compositions/prose.tsx +0 -264
- package/src/compositions/provider.tsx +0 -12
- package/src/compositions/radio-card.tsx +0 -57
- package/src/compositions/radio.tsx +0 -24
- package/src/compositions/rating.tsx +0 -27
- package/src/compositions/segmented-control.tsx +0 -47
- package/src/compositions/skeleton.tsx +0 -44
- package/src/compositions/slider.tsx +0 -53
- package/src/compositions/stat.tsx +0 -75
- package/src/compositions/status.tsx +0 -29
- package/src/compositions/stepper-input.tsx +0 -49
- package/src/compositions/tag.tsx +0 -39
- package/src/compositions/timeline.tsx +0 -17
- package/src/compositions/toaster.tsx +0 -43
- package/src/compositions/toggle-tip.tsx +0 -62
- package/src/compositions/tooltip.tsx +0 -46
- package/src/index.ts +0 -7
- package/src/preset.ts +0 -9
- package/src/provider/index.ts +0 -4
- package/src/provider/sui-provider.tsx +0 -34
- package/src/provider/use-link.test.tsx +0 -60
- package/src/provider/use-link.tsx +0 -13
- package/src/styled-system/create-recipe-context.tsx +0 -91
- package/src/styled-system/create-slot-recipe-context.tsx +0 -188
- package/src/styled-system/empty.ts +0 -7
- package/src/styled-system/factory.types.ts +0 -11
- package/src/theme/animation-styles.ts +0 -53
- package/src/theme/breakpoints.ts +0 -11
- package/src/theme/conditions.ts +0 -26
- package/src/theme/fluid-font-sizes.ts +0 -65
- package/src/theme/global-css.ts +0 -94
- package/src/theme/index.ts +0 -72
- package/src/theme/layer-styles.ts +0 -116
- package/src/theme/recipes/chakra/accordion.ts +0 -145
- package/src/theme/recipes/chakra/action-bar.ts +0 -62
- package/src/theme/recipes/chakra/alert.ts +0 -157
- package/src/theme/recipes/chakra/avatar.ts +0 -141
- package/src/theme/recipes/chakra/badge.ts +0 -67
- package/src/theme/recipes/chakra/blockquote.ts +0 -83
- package/src/theme/recipes/chakra/breadcrumb.ts +0 -94
- package/src/theme/recipes/chakra/card.ts +0 -99
- package/src/theme/recipes/chakra/checkbox-card.ts +0 -212
- package/src/theme/recipes/chakra/checkbox.ts +0 -70
- package/src/theme/recipes/chakra/checkmark.ts +0 -83
- package/src/theme/recipes/chakra/code.ts +0 -17
- package/src/theme/recipes/chakra/collapsible.ts +0 -20
- package/src/theme/recipes/chakra/container.ts +0 -26
- package/src/theme/recipes/chakra/data-list.ts +0 -80
- package/src/theme/recipes/chakra/dialog.ts +0 -225
- package/src/theme/recipes/chakra/drawer.ts +0 -201
- package/src/theme/recipes/chakra/editable.ts +0 -88
- package/src/theme/recipes/chakra/empty-state.ts +0 -88
- package/src/theme/recipes/chakra/field.ts +0 -68
- package/src/theme/recipes/chakra/fieldset.ts +0 -62
- package/src/theme/recipes/chakra/file-upload.ts +0 -96
- package/src/theme/recipes/chakra/heading.ts +0 -27
- package/src/theme/recipes/chakra/hover-card.ts +0 -68
- package/src/theme/recipes/chakra/icon.ts +0 -30
- package/src/theme/recipes/chakra/input-addon.ts +0 -40
- package/src/theme/recipes/chakra/input.ts +0 -96
- package/src/theme/recipes/chakra/kbd.ts +0 -60
- package/src/theme/recipes/chakra/link.ts +0 -37
- package/src/theme/recipes/chakra/list.ts +0 -67
- package/src/theme/recipes/chakra/mark.ts +0 -27
- package/src/theme/recipes/chakra/menu.ts +0 -124
- package/src/theme/recipes/chakra/native-select.ts +0 -140
- package/src/theme/recipes/chakra/number-input.ts +0 -115
- package/src/theme/recipes/chakra/pin-input.ts +0 -27
- package/src/theme/recipes/chakra/popover.ts +0 -86
- package/src/theme/recipes/chakra/progress-circle.ts +0 -94
- package/src/theme/recipes/chakra/progress.ts +0 -127
- package/src/theme/recipes/chakra/radio-card.ts +0 -220
- package/src/theme/recipes/chakra/radio-group.ts +0 -72
- package/src/theme/recipes/chakra/radiomark.ts +0 -107
- package/src/theme/recipes/chakra/rating-group.ts +0 -94
- package/src/theme/recipes/chakra/segment-group.ts +0 -117
- package/src/theme/recipes/chakra/select.ts +0 -282
- package/src/theme/recipes/chakra/separator.ts +0 -51
- package/src/theme/recipes/chakra/skeleton.ts +0 -53
- package/src/theme/recipes/chakra/skip-nav-link.ts +0 -34
- package/src/theme/recipes/chakra/slider.ts +0 -178
- package/src/theme/recipes/chakra/spinner.ts +0 -32
- package/src/theme/recipes/chakra/stat.ts +0 -79
- package/src/theme/recipes/chakra/status.ts +0 -48
- package/src/theme/recipes/chakra/steps.ts +0 -218
- package/src/theme/recipes/chakra/switch.ts +0 -167
- package/src/theme/recipes/chakra/table.ts +0 -172
- package/src/theme/recipes/chakra/tabs.ts +0 -280
- package/src/theme/recipes/chakra/tag.ts +0 -131
- package/src/theme/recipes/chakra/textarea.ts +0 -88
- package/src/theme/recipes/chakra/timeline.ts +0 -138
- package/src/theme/recipes/chakra/toast.ts +0 -96
- package/src/theme/recipes/chakra/tooltip.ts +0 -40
- package/src/theme/recipes.ts +0 -46
- package/src/theme/semantic-tokens/colors.ts +0 -403
- package/src/theme/semantic-tokens/radii.ts +0 -7
- package/src/theme/semantic-tokens/shadows.ts +0 -52
- package/src/theme/slot-recipes.ts +0 -104
- package/src/theme/text-styles.ts +0 -39
- package/src/theme/tokens/animations.ts +0 -8
- package/src/theme/tokens/aspect-ratios.ts +0 -10
- package/src/theme/tokens/blurs.ts +0 -12
- package/src/theme/tokens/borders.ts +0 -9
- package/src/theme/tokens/colors.ts +0 -177
- package/src/theme/tokens/cursor.ts +0 -12
- package/src/theme/tokens/durations.ts +0 -11
- package/src/theme/tokens/easings.ts +0 -10
- package/src/theme/tokens/font-sizes.ts +0 -20
- package/src/theme/tokens/font-weights.ts +0 -13
- package/src/theme/tokens/fonts.ts +0 -15
- package/src/theme/tokens/keyframes.ts +0 -173
- package/src/theme/tokens/letter-spacing.ts +0 -9
- package/src/theme/tokens/line-heights.ts +0 -19
- package/src/theme/tokens/radius.ts +0 -18
- package/src/theme/tokens/sizes.ts +0 -71
- package/src/theme/tokens/spacing.ts +0 -38
- package/src/theme/tokens/z-indices.ts +0 -34
- package/src/theme/utils.ts +0 -46
- /package/dist/{chunk-KHRLZUV4.js → chunk-O2WVT2BP.js} +0 -0
@@ -0,0 +1,102 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
Button
|
4
|
+
} from "./chunk-BCNPBZZK.js";
|
5
|
+
import {
|
6
|
+
CheckIcon,
|
7
|
+
ChevronRightIcon
|
8
|
+
} from "./chunk-VDXTEASE.js";
|
9
|
+
import {
|
10
|
+
__export
|
11
|
+
} from "./chunk-RTMS5TJN.js";
|
12
|
+
|
13
|
+
// src/components/menu/menu.tsx
|
14
|
+
var menu_exports = {};
|
15
|
+
__export(menu_exports, {
|
16
|
+
Arrow: () => MenuArrow,
|
17
|
+
Button: () => MenuButton,
|
18
|
+
CheckboxItem: () => MenuCheckboxItem,
|
19
|
+
Content: () => MenuContent,
|
20
|
+
Context: () => MenuContext,
|
21
|
+
ContextTrigger: () => MenuContextTrigger,
|
22
|
+
Item: () => MenuItem,
|
23
|
+
ItemCommand: () => MenuItemCommand,
|
24
|
+
ItemGroup: () => MenuItemGroup,
|
25
|
+
ItemText: () => MenuItemText,
|
26
|
+
RadioItem: () => MenuRadioItem,
|
27
|
+
RadioItemGroup: () => MenuRadioItemGroup,
|
28
|
+
Root: () => MenuRoot,
|
29
|
+
Separator: () => MenuSeparator,
|
30
|
+
Trigger: () => MenuTrigger,
|
31
|
+
TriggerItem: () => MenuTriggerItem
|
32
|
+
});
|
33
|
+
import { forwardRef } from "react";
|
34
|
+
import {
|
35
|
+
AbsoluteCenter,
|
36
|
+
Menu as ChakraMenu,
|
37
|
+
Portal
|
38
|
+
} from "@chakra-ui/react";
|
39
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
40
|
+
var MenuContent = forwardRef(
|
41
|
+
function MenuContent2(props, ref) {
|
42
|
+
const { portalled = true, portalRef, ...rest } = props;
|
43
|
+
return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraMenu.Positioner, { children: /* @__PURE__ */ jsx(ChakraMenu.Content, { ref, ...rest }) }) });
|
44
|
+
}
|
45
|
+
);
|
46
|
+
var MenuArrow = forwardRef(
|
47
|
+
function MenuArrow2(props, ref) {
|
48
|
+
return /* @__PURE__ */ jsx(ChakraMenu.Arrow, { ref, ...props, children: /* @__PURE__ */ jsx(ChakraMenu.ArrowTip, {}) });
|
49
|
+
}
|
50
|
+
);
|
51
|
+
var MenuCheckboxItem = forwardRef(function MenuCheckboxItem2(props, ref) {
|
52
|
+
return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...props, children: [
|
53
|
+
/* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
|
54
|
+
props.children
|
55
|
+
] });
|
56
|
+
});
|
57
|
+
var MenuRadioItem = forwardRef(
|
58
|
+
function MenuRadioItem2(props, ref) {
|
59
|
+
const { children, ...rest } = props;
|
60
|
+
return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ps: "8", ref, ...rest, children: [
|
61
|
+
/* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
|
62
|
+
/* @__PURE__ */ jsx(ChakraMenu.ItemText, { children })
|
63
|
+
] });
|
64
|
+
}
|
65
|
+
);
|
66
|
+
var MenuItemGroup = forwardRef(
|
67
|
+
function MenuItemGroup2(props, ref) {
|
68
|
+
const { title, children, ...rest } = props;
|
69
|
+
return /* @__PURE__ */ jsxs(ChakraMenu.ItemGroup, { ref, ...rest, children: [
|
70
|
+
title && /* @__PURE__ */ jsx(ChakraMenu.ItemGroupLabel, { userSelect: "none", children: title }),
|
71
|
+
children
|
72
|
+
] });
|
73
|
+
}
|
74
|
+
);
|
75
|
+
var MenuTriggerItem = forwardRef(
|
76
|
+
function MenuTriggerItem2(props, ref) {
|
77
|
+
const { startIcon, children, ...rest } = props;
|
78
|
+
return /* @__PURE__ */ jsxs(ChakraMenu.TriggerItem, { ref, ...rest, children: [
|
79
|
+
startIcon,
|
80
|
+
children,
|
81
|
+
/* @__PURE__ */ jsx(ChevronRightIcon, {})
|
82
|
+
] });
|
83
|
+
}
|
84
|
+
);
|
85
|
+
var MenuButton = forwardRef(
|
86
|
+
function MenuButton2(props, ref) {
|
87
|
+
return /* @__PURE__ */ jsx(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, {}) });
|
88
|
+
}
|
89
|
+
);
|
90
|
+
var MenuRadioItemGroup = ChakraMenu.RadioItemGroup;
|
91
|
+
var MenuContextTrigger = ChakraMenu.ContextTrigger;
|
92
|
+
var MenuRoot = ChakraMenu.Root;
|
93
|
+
var MenuSeparator = ChakraMenu.Separator;
|
94
|
+
var MenuContext = ChakraMenu.Context;
|
95
|
+
var MenuItem = ChakraMenu.Item;
|
96
|
+
var MenuItemText = ChakraMenu.ItemText;
|
97
|
+
var MenuItemCommand = ChakraMenu.ItemCommand;
|
98
|
+
var MenuTrigger = ChakraMenu.Trigger;
|
99
|
+
|
100
|
+
export {
|
101
|
+
menu_exports
|
102
|
+
};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/checkbox/checkbox.tsx
|
4
|
+
import { forwardRef } from "react";
|
5
|
+
import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
7
|
+
var Checkbox = forwardRef(
|
8
|
+
function Checkbox2(props, ref) {
|
9
|
+
const { icon, children, inputProps, rootRef, ...rest } = props;
|
10
|
+
return /* @__PURE__ */ jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
|
11
|
+
/* @__PURE__ */ jsx(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
|
12
|
+
/* @__PURE__ */ jsx(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx(ChakraCheckbox.Indicator, {}) }),
|
13
|
+
children != null && /* @__PURE__ */ jsx(ChakraCheckbox.Label, { children })
|
14
|
+
] });
|
15
|
+
}
|
16
|
+
);
|
17
|
+
|
18
|
+
export {
|
19
|
+
Checkbox
|
20
|
+
};
|
@@ -0,0 +1,119 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
CloseIcon,
|
4
|
+
SearchIcon
|
5
|
+
} from "./chunk-VDXTEASE.js";
|
6
|
+
|
7
|
+
// src/components/search-input/search-input.tsx
|
8
|
+
import React, { forwardRef } from "react";
|
9
|
+
import {
|
10
|
+
Group,
|
11
|
+
IconButton,
|
12
|
+
Input,
|
13
|
+
InputElement,
|
14
|
+
mergeRefs,
|
15
|
+
useControllableState
|
16
|
+
} from "@chakra-ui/react";
|
17
|
+
import { callAll } from "@saas-ui/core/utils";
|
18
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
19
|
+
var SearchInput = forwardRef(
|
20
|
+
(props, ref) => {
|
21
|
+
const {
|
22
|
+
placeholder = "Search",
|
23
|
+
value: valueProp,
|
24
|
+
defaultValue: defaultValueProp,
|
25
|
+
size,
|
26
|
+
variant,
|
27
|
+
width = "full",
|
28
|
+
icon = /* @__PURE__ */ jsx(SearchIcon, {}),
|
29
|
+
resetIcon,
|
30
|
+
endElement: endElementProp,
|
31
|
+
onChange: onChangeProp,
|
32
|
+
onReset: onResetProp,
|
33
|
+
onKeyDown: onKeyDownProp,
|
34
|
+
disabled,
|
35
|
+
...inputProps
|
36
|
+
} = props;
|
37
|
+
const inputRef = React.useRef(null);
|
38
|
+
const [value, setValue] = useControllableState({
|
39
|
+
value: valueProp,
|
40
|
+
defaultValue: defaultValueProp
|
41
|
+
});
|
42
|
+
const onChange = React.useCallback(
|
43
|
+
(e) => {
|
44
|
+
setValue(e.target.value);
|
45
|
+
},
|
46
|
+
[setValue]
|
47
|
+
);
|
48
|
+
const onKeyDown = React.useCallback(
|
49
|
+
(event) => {
|
50
|
+
if (event.key === "Escape") {
|
51
|
+
setValue("");
|
52
|
+
onReset();
|
53
|
+
}
|
54
|
+
},
|
55
|
+
[onResetProp, setValue]
|
56
|
+
);
|
57
|
+
const onReset = () => {
|
58
|
+
var _a;
|
59
|
+
setValue("");
|
60
|
+
onResetProp == null ? void 0 : onResetProp();
|
61
|
+
(_a = inputRef.current) == null ? void 0 : _a.focus();
|
62
|
+
};
|
63
|
+
const showReset = value && !props.disabled;
|
64
|
+
const endElement = showReset ? /* @__PURE__ */ jsx(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
|
65
|
+
return /* @__PURE__ */ jsxs(Group, { width, children: [
|
66
|
+
/* @__PURE__ */ jsx(
|
67
|
+
InputElement,
|
68
|
+
{
|
69
|
+
placement: "start",
|
70
|
+
px: "0",
|
71
|
+
aspectRatio: "9/10",
|
72
|
+
fontSize: size,
|
73
|
+
children: icon
|
74
|
+
}
|
75
|
+
),
|
76
|
+
/* @__PURE__ */ jsx(
|
77
|
+
Input,
|
78
|
+
{
|
79
|
+
type: "text",
|
80
|
+
placeholder,
|
81
|
+
variant,
|
82
|
+
size,
|
83
|
+
value,
|
84
|
+
disabled,
|
85
|
+
ref: mergeRefs(ref, inputRef),
|
86
|
+
onChange: callAll(onChange, onChangeProp),
|
87
|
+
onKeyDown: callAll(onKeyDown, onKeyDownProp),
|
88
|
+
ps: "calc(var(--input-height) - var(--input-height) / 10)",
|
89
|
+
pe: "calc(var(--input-height) - var(--input-height) / 10)",
|
90
|
+
...inputProps
|
91
|
+
}
|
92
|
+
),
|
93
|
+
/* @__PURE__ */ jsx(InputElement, { placement: "end", children: endElement })
|
94
|
+
] });
|
95
|
+
}
|
96
|
+
);
|
97
|
+
var SearchInputResetButton = forwardRef(
|
98
|
+
(props, ref) => {
|
99
|
+
const { children = /* @__PURE__ */ jsx(CloseIcon, {}), ...rest } = props;
|
100
|
+
return /* @__PURE__ */ jsx(
|
101
|
+
IconButton,
|
102
|
+
{
|
103
|
+
ref,
|
104
|
+
variant: "ghost",
|
105
|
+
"aria-label": "Reset search",
|
106
|
+
me: "-2",
|
107
|
+
aspectRatio: "square",
|
108
|
+
height: "calc(100% - {spacing.2})",
|
109
|
+
...rest,
|
110
|
+
children
|
111
|
+
}
|
112
|
+
);
|
113
|
+
}
|
114
|
+
);
|
115
|
+
SearchInput.displayName = "SearchInput";
|
116
|
+
|
117
|
+
export {
|
118
|
+
SearchInput
|
119
|
+
};
|
@@ -0,0 +1,184 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/persona/persona.tsx
|
4
|
+
import * as React2 from "react";
|
5
|
+
|
6
|
+
// src/components/persona/persona-primitive.tsx
|
7
|
+
import { forwardRef } from "react";
|
8
|
+
import {
|
9
|
+
Avatar,
|
10
|
+
chakra
|
11
|
+
} from "@chakra-ui/react";
|
12
|
+
import { dataAttr } from "@saas-ui/core/utils";
|
13
|
+
|
14
|
+
// src/components/persona/persona.context.ts
|
15
|
+
import { createSlotRecipeContext } from "@chakra-ui/react";
|
16
|
+
var {
|
17
|
+
useStyles: usePersonaStyles,
|
18
|
+
withProvider,
|
19
|
+
withContext
|
20
|
+
} = createSlotRecipeContext({
|
21
|
+
key: "suiPersona"
|
22
|
+
});
|
23
|
+
|
24
|
+
// src/components/persona/persona-primitive.tsx
|
25
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
26
|
+
var PersonaRoot = withProvider(
|
27
|
+
forwardRef((props, ref) => {
|
28
|
+
const { outOfOffice, presence, ...rest } = props;
|
29
|
+
return /* @__PURE__ */ jsx(
|
30
|
+
chakra.div,
|
31
|
+
{
|
32
|
+
ref,
|
33
|
+
...rest,
|
34
|
+
"data-out-of-office": dataAttr(outOfOffice),
|
35
|
+
"data-presence": presence,
|
36
|
+
css: [
|
37
|
+
presence ? {
|
38
|
+
"--persona-presence": `colors.presence.${presence}`
|
39
|
+
} : void 0,
|
40
|
+
rest.css
|
41
|
+
]
|
42
|
+
}
|
43
|
+
);
|
44
|
+
}),
|
45
|
+
"root"
|
46
|
+
);
|
47
|
+
var PersonaAvatar = forwardRef(
|
48
|
+
(props, ref) => {
|
49
|
+
const {
|
50
|
+
name,
|
51
|
+
getInitials = (name2) => name2 == null ? void 0 : name2[0],
|
52
|
+
icon,
|
53
|
+
loading,
|
54
|
+
onError,
|
55
|
+
src,
|
56
|
+
srcSet,
|
57
|
+
children,
|
58
|
+
...rest
|
59
|
+
} = props;
|
60
|
+
return /* @__PURE__ */ jsxs(Avatar.Root, { ref, ...rest, children: [
|
61
|
+
/* @__PURE__ */ jsx(Avatar.Fallback, { children: getInitials(name) }),
|
62
|
+
/* @__PURE__ */ jsx(
|
63
|
+
Avatar.Image,
|
64
|
+
{
|
65
|
+
src,
|
66
|
+
srcSet,
|
67
|
+
loading,
|
68
|
+
onError
|
69
|
+
}
|
70
|
+
),
|
71
|
+
children
|
72
|
+
] });
|
73
|
+
}
|
74
|
+
);
|
75
|
+
var PersonaPresenceBadge = withContext("span", "presence");
|
76
|
+
var PersonaDetails = withContext(
|
77
|
+
"div",
|
78
|
+
"details"
|
79
|
+
);
|
80
|
+
var PersonaLabel = withContext(
|
81
|
+
"span",
|
82
|
+
"label"
|
83
|
+
);
|
84
|
+
PersonaLabel.displayName = "PersonaLabel";
|
85
|
+
var PersonaSecondaryLabel = withContext(
|
86
|
+
"span",
|
87
|
+
"secondaryLabel"
|
88
|
+
);
|
89
|
+
var PersonaTertiaryLabel = withContext(
|
90
|
+
"span",
|
91
|
+
"tertiaryLabel"
|
92
|
+
);
|
93
|
+
|
94
|
+
// src/components/persona/persona.tsx
|
95
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
96
|
+
var Persona = React2.forwardRef(
|
97
|
+
(props, ref) => {
|
98
|
+
const {
|
99
|
+
name,
|
100
|
+
presence,
|
101
|
+
presenceIcon,
|
102
|
+
isOutOfOffice,
|
103
|
+
label,
|
104
|
+
secondaryLabel,
|
105
|
+
tertiaryLabel,
|
106
|
+
size,
|
107
|
+
hideDetails,
|
108
|
+
children,
|
109
|
+
/** Avatar props */
|
110
|
+
getInitials,
|
111
|
+
icon,
|
112
|
+
loading,
|
113
|
+
onError,
|
114
|
+
src,
|
115
|
+
srcSet,
|
116
|
+
...rest
|
117
|
+
} = props;
|
118
|
+
return /* @__PURE__ */ jsxs2(
|
119
|
+
PersonaRoot,
|
120
|
+
{
|
121
|
+
ref,
|
122
|
+
outOfOffice: isOutOfOffice,
|
123
|
+
presence,
|
124
|
+
...rest,
|
125
|
+
children: [
|
126
|
+
/* @__PURE__ */ jsx2(
|
127
|
+
PersonaAvatar,
|
128
|
+
{
|
129
|
+
name,
|
130
|
+
size,
|
131
|
+
getInitials,
|
132
|
+
icon,
|
133
|
+
loading,
|
134
|
+
onError,
|
135
|
+
src,
|
136
|
+
srcSet,
|
137
|
+
children: /* @__PURE__ */ jsx2(PersonaPresenceBadge, { children: presenceIcon })
|
138
|
+
}
|
139
|
+
),
|
140
|
+
!hideDetails && /* @__PURE__ */ jsxs2(PersonaDetails, { children: [
|
141
|
+
/* @__PURE__ */ jsx2(PersonaLabel, { children: label || name }),
|
142
|
+
secondaryLabel && /* @__PURE__ */ jsx2(PersonaSecondaryLabel, { children: secondaryLabel }),
|
143
|
+
tertiaryLabel && /* @__PURE__ */ jsx2(PersonaTertiaryLabel, { children: tertiaryLabel }),
|
144
|
+
children
|
145
|
+
] })
|
146
|
+
]
|
147
|
+
}
|
148
|
+
);
|
149
|
+
}
|
150
|
+
);
|
151
|
+
Persona.displayName = "Persona";
|
152
|
+
var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
|
153
|
+
return /* @__PURE__ */ jsx2(Persona, { ref, ...props, hideDetails: true });
|
154
|
+
});
|
155
|
+
|
156
|
+
// src/components/persona/presence.ts
|
157
|
+
var defaultPresenceOptions = {
|
158
|
+
online: {
|
159
|
+
label: "Online",
|
160
|
+
color: "presence.online"
|
161
|
+
},
|
162
|
+
offline: {
|
163
|
+
label: "Offline",
|
164
|
+
color: "presence.offline"
|
165
|
+
},
|
166
|
+
busy: {
|
167
|
+
label: "Busy",
|
168
|
+
color: "presence.busy"
|
169
|
+
},
|
170
|
+
dnd: {
|
171
|
+
label: "Do-not-disturb",
|
172
|
+
color: "presence.dnd"
|
173
|
+
},
|
174
|
+
away: {
|
175
|
+
label: "Away",
|
176
|
+
color: "presence.away"
|
177
|
+
}
|
178
|
+
};
|
179
|
+
|
180
|
+
export {
|
181
|
+
Persona,
|
182
|
+
PersonaAvatar2 as PersonaAvatar,
|
183
|
+
defaultPresenceOptions
|
184
|
+
};
|
@@ -0,0 +1,46 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
__export
|
4
|
+
} from "./chunk-RTMS5TJN.js";
|
5
|
+
|
6
|
+
// src/components/grid-list/grid-list.tsx
|
7
|
+
var grid_list_exports = {};
|
8
|
+
__export(grid_list_exports, {
|
9
|
+
Cell: () => GridListCell,
|
10
|
+
Header: () => GridListHeader,
|
11
|
+
Item: () => GridListItem,
|
12
|
+
Root: () => GridListRoot
|
13
|
+
});
|
14
|
+
import { GridList } from "@saas-ui/core/grid-list";
|
15
|
+
|
16
|
+
// src/components/grid-list/grid-list.context.ts
|
17
|
+
import { createSlotRecipeContext } from "@chakra-ui/react";
|
18
|
+
var {
|
19
|
+
withProvider,
|
20
|
+
withContext,
|
21
|
+
useStyles: useGridListStyles
|
22
|
+
} = createSlotRecipeContext({
|
23
|
+
key: "suiGridList"
|
24
|
+
});
|
25
|
+
|
26
|
+
// src/components/grid-list/grid-list.tsx
|
27
|
+
var GridListRoot = withProvider(
|
28
|
+
GridList.Root,
|
29
|
+
"root"
|
30
|
+
);
|
31
|
+
var GridListItem = withContext(
|
32
|
+
GridList.Item,
|
33
|
+
"item"
|
34
|
+
);
|
35
|
+
var GridListHeader = withContext(
|
36
|
+
GridList.Header,
|
37
|
+
"header"
|
38
|
+
);
|
39
|
+
var GridListCell = withContext(
|
40
|
+
GridList.Cell,
|
41
|
+
"cell"
|
42
|
+
);
|
43
|
+
|
44
|
+
export {
|
45
|
+
grid_list_exports
|
46
|
+
};
|
@@ -0,0 +1,63 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
useLink
|
4
|
+
} from "./chunk-O2WVT2BP.js";
|
5
|
+
import {
|
6
|
+
__export
|
7
|
+
} from "./chunk-RTMS5TJN.js";
|
8
|
+
|
9
|
+
// src/components/navbar/navbar.tsx
|
10
|
+
var navbar_exports = {};
|
11
|
+
__export(navbar_exports, {
|
12
|
+
Brand: () => NavbarBrand,
|
13
|
+
Content: () => NavbarContent,
|
14
|
+
Item: () => NavbarItem,
|
15
|
+
Link: () => NavbarLink,
|
16
|
+
Root: () => NavbarRoot
|
17
|
+
});
|
18
|
+
import { forwardRef } from "react";
|
19
|
+
import { Navbar } from "@saas-ui/core/navbar";
|
20
|
+
|
21
|
+
// src/components/navbar/navbar.context.ts
|
22
|
+
import { createSlotRecipeContext } from "@chakra-ui/react";
|
23
|
+
var {
|
24
|
+
withProvider,
|
25
|
+
withContext,
|
26
|
+
useStyles: useNavbarStyles
|
27
|
+
} = createSlotRecipeContext({
|
28
|
+
key: "suiNavbar"
|
29
|
+
});
|
30
|
+
|
31
|
+
// src/components/navbar/navbar.tsx
|
32
|
+
import { jsx } from "react/jsx-runtime";
|
33
|
+
var NavbarRoot = withProvider(
|
34
|
+
Navbar.Root,
|
35
|
+
"root"
|
36
|
+
);
|
37
|
+
var NavbarBrand = withContext(
|
38
|
+
Navbar.Brand,
|
39
|
+
"brand"
|
40
|
+
);
|
41
|
+
var NavbarContent = withContext(
|
42
|
+
Navbar.Content,
|
43
|
+
"content"
|
44
|
+
);
|
45
|
+
var NavbarItem = withContext(
|
46
|
+
Navbar.Item,
|
47
|
+
"item"
|
48
|
+
);
|
49
|
+
var NavbarLink = withContext(
|
50
|
+
forwardRef((props, ref) => {
|
51
|
+
const Link = useLink();
|
52
|
+
const { active, ...rest } = props;
|
53
|
+
return /* @__PURE__ */ jsx(Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ jsx(Link, { "data-active": active ? "" : void 0, ...props }) });
|
54
|
+
}),
|
55
|
+
"link",
|
56
|
+
{
|
57
|
+
forwardAsChild: true
|
58
|
+
}
|
59
|
+
);
|
60
|
+
|
61
|
+
export {
|
62
|
+
navbar_exports
|
63
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/tooltip/tooltip.tsx
|
4
|
+
import { forwardRef } from "react";
|
5
|
+
import { Tooltip as ChakraTooltip, Portal } from "@chakra-ui/react";
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
7
|
+
var Tooltip = forwardRef(
|
8
|
+
function Tooltip2(props, ref) {
|
9
|
+
const {
|
10
|
+
showArrow,
|
11
|
+
children,
|
12
|
+
disabled,
|
13
|
+
portalled,
|
14
|
+
content,
|
15
|
+
contentProps,
|
16
|
+
portalRef,
|
17
|
+
...rest
|
18
|
+
} = props;
|
19
|
+
if (disabled) return children;
|
20
|
+
return /* @__PURE__ */ jsxs(ChakraTooltip.Root, { ...rest, children: [
|
21
|
+
/* @__PURE__ */ jsx(ChakraTooltip.Trigger, { asChild: true, children }),
|
22
|
+
/* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraTooltip.Positioner, { children: /* @__PURE__ */ jsxs(ChakraTooltip.Content, { ref, ...contentProps, children: [
|
23
|
+
showArrow && /* @__PURE__ */ jsx(ChakraTooltip.Arrow, { children: /* @__PURE__ */ jsx(ChakraTooltip.ArrowTip, {}) }),
|
24
|
+
content
|
25
|
+
] }) }) })
|
26
|
+
] });
|
27
|
+
}
|
28
|
+
);
|
29
|
+
|
30
|
+
export {
|
31
|
+
Tooltip
|
32
|
+
};
|
@@ -0,0 +1,100 @@
|
|
1
|
+
'use client'
|
2
|
+
import {
|
3
|
+
CloseButton
|
4
|
+
} from "./chunk-FZW2DYK3.js";
|
5
|
+
import {
|
6
|
+
__export
|
7
|
+
} from "./chunk-RTMS5TJN.js";
|
8
|
+
|
9
|
+
// src/components/select/namespace.ts
|
10
|
+
var namespace_exports = {};
|
11
|
+
__export(namespace_exports, {
|
12
|
+
Content: () => SelectContent,
|
13
|
+
Item: () => SelectItem,
|
14
|
+
ItemGroup: () => SelectItemGroup,
|
15
|
+
ItemText: () => SelectItemText,
|
16
|
+
Label: () => SelectLabel,
|
17
|
+
Root: () => SelectRoot,
|
18
|
+
Trigger: () => SelectTrigger,
|
19
|
+
ValueText: () => SelectValueText
|
20
|
+
});
|
21
|
+
|
22
|
+
// src/components/select/select.tsx
|
23
|
+
import { forwardRef } from "react";
|
24
|
+
import { Portal, Select as SelectPrimitive } from "@chakra-ui/react";
|
25
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
26
|
+
var SelectTrigger = forwardRef(
|
27
|
+
function SelectTrigger2(props, ref) {
|
28
|
+
const { children, clearable, ...rest } = props;
|
29
|
+
return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
|
30
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
|
31
|
+
/* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
|
32
|
+
clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
|
33
|
+
/* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
|
34
|
+
] })
|
35
|
+
] });
|
36
|
+
}
|
37
|
+
);
|
38
|
+
var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
|
39
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
|
40
|
+
CloseButton,
|
41
|
+
{
|
42
|
+
size: "xs",
|
43
|
+
variant: "plain",
|
44
|
+
focusVisibleRing: "inside",
|
45
|
+
focusRingWidth: "2px",
|
46
|
+
pointerEvents: "auto"
|
47
|
+
}
|
48
|
+
) });
|
49
|
+
});
|
50
|
+
var SelectContent = forwardRef(
|
51
|
+
function SelectContent2(props, ref) {
|
52
|
+
const { portalled = true, portalRef, ...rest } = props;
|
53
|
+
return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
|
54
|
+
}
|
55
|
+
);
|
56
|
+
var SelectItem = forwardRef(
|
57
|
+
function SelectItem2(props, ref) {
|
58
|
+
const { item, children, ...rest } = props;
|
59
|
+
return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
|
60
|
+
children,
|
61
|
+
/* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
|
62
|
+
] }, item.value);
|
63
|
+
}
|
64
|
+
);
|
65
|
+
var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
|
66
|
+
const { children, ...rest } = props;
|
67
|
+
return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.Context, { children: (select) => {
|
68
|
+
const items = select.selectedItems;
|
69
|
+
if (items.length === 0) return props.placeholder;
|
70
|
+
if (children) return children(items);
|
71
|
+
if (items.length === 1)
|
72
|
+
return select.collection.stringifyItem(items[0]);
|
73
|
+
return `${items.length} selected`;
|
74
|
+
} }) });
|
75
|
+
});
|
76
|
+
var SelectRoot = forwardRef(function SelectRoot2(props, ref) {
|
77
|
+
return /* @__PURE__ */ jsx(
|
78
|
+
SelectPrimitive.Root,
|
79
|
+
{
|
80
|
+
...props,
|
81
|
+
ref,
|
82
|
+
positioning: { sameWidth: true, ...props.positioning }
|
83
|
+
}
|
84
|
+
);
|
85
|
+
});
|
86
|
+
var SelectItemGroup = forwardRef(
|
87
|
+
function SelectItemGroup2(props, ref) {
|
88
|
+
const { children, label, ...rest } = props;
|
89
|
+
return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
|
90
|
+
/* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
|
91
|
+
children
|
92
|
+
] });
|
93
|
+
}
|
94
|
+
);
|
95
|
+
var SelectLabel = SelectPrimitive.Label;
|
96
|
+
var SelectItemText = SelectPrimitive.ItemText;
|
97
|
+
|
98
|
+
export {
|
99
|
+
namespace_exports
|
100
|
+
};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
'use client'
|
2
|
+
|
3
|
+
// src/components/switch/switch.tsx
|
4
|
+
import { Switch as ChakraSwitch } from "@chakra-ui/react";
|
5
|
+
import { forwardRef } from "react";
|
6
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
7
|
+
var Switch = forwardRef(
|
8
|
+
function Switch2(props, ref) {
|
9
|
+
const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
|
10
|
+
return /* @__PURE__ */ jsxs(ChakraSwitch.Root, { ref: rootRef, ...rest, children: [
|
11
|
+
/* @__PURE__ */ jsx(ChakraSwitch.HiddenInput, { ref, ...inputProps }),
|
12
|
+
/* @__PURE__ */ jsxs(ChakraSwitch.Control, { children: [
|
13
|
+
/* @__PURE__ */ jsx(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
|
14
|
+
trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
|
15
|
+
] }),
|
16
|
+
children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })
|
17
|
+
] });
|
18
|
+
}
|
19
|
+
);
|
20
|
+
|
21
|
+
export {
|
22
|
+
Switch
|
23
|
+
};
|