@saas-ui/react 3.0.0-alpha.8 → 3.0.0-next.0

package/CHANGELOG.md

@@ -1,86 +1,269 @@
 # @saas-ui/react
 
-## 3.0.0-alpha.8
+## 3.0.0-next.0
+
+### Major Changes
+
+- 550e5a6: Upgrade to Chakra v3
+- 8e760c5: Added new wide gammut color tokens
+
+### Minor Changes
+
+- e9fec88: Added toaster and menu components
+- 8d8ffaa: Translucency and backdrop effect of overlay elements can now be configured
+- c680574: Added Status component
+- f62c3d6: Export all components from root barrel file
+- f85d493: Added Sidebar.Context component that allows you to access sidebar context using a render prop
+- a2ef175: Added Pagination component
+- eb02362: Improved GridList recipe
+- f85d493: Sidebar mode can now be controlled using the sidebar context
+- c680574: Added Badge and Tag components
+- 95c8652: Update to Chakra UI 3.2.1
+- ac2d80d: Improved toaster styles and allow setting global defaults
+- 15e093e: Added new components, Accordion, Alert, Checkbox, HoverCard
+- 8d8ffaa: Added FileUpload component
+- 6459de4: Removed src exports and files from packages
+- 8d8ffaa: Added Popover component
+- 8d8ffaa: Added semantic tokens and scales for control, panel and indicator
+- f0f5ab0: Improve Navbar composition
 
 ### Patch Changes
 
+- ba3b566: Improved Sidebar contrast
+- 2285040: Improved avatar and persona sizes
 - 64e680e: Update default button colorPalette to gray
+- 53716c5: Fixed GridList prop forwarding
+- 5115e8f: Improved text selection color contrast
+- 212a7e6: Add missing focusRing semantic tokens
+- 38082d4: Improved horizontal field styles
+- c680574: Changed default Button variant to surface
+- 942e9a0: Improved SidebarNavItem positioning
+- 8d8ffaa: Added ghost variant to tabs recipe
+- 53716c5: Fixed issue where Button colorPalette could not be changed using the recipe
+- 205580d: Added option to customize the Command modifiers
+- 7808a76: Restructure slot components and add ui namespaces to recipes
+- e7fe684: Export Pagination Context component
+- c680574: Rename Drawer and Dialog CloseTrigger to CloseButton
+- b51aff9: Improved form components recipes sizing
+- 212a7e6: Improved yellow color tokens
+- ce8c247: Inputs now use semanti radii tokens
+- 19309d4: Improved Sidebar recipe with beter balance and added --sidebar-item-icon-color variable
+- ce8c247: SegmentGroup now use semantic radii tokens
+- ce8c247: Forward ref to LoadingOverlay.Root
+- c680574: Improved Button glass variant hover color
+- ba3b566: Improved focusRing styles
+- 6a8bf46: Decreased default overlay translucency
+- 0067207: Fixed issue where paddingStart would not apply to grouped inputs
+- b51aff9: Fixed passing menu button props to button component
+- 205580d: Added size variant to Command
+- ba3b566: Added SegmentControl stories and made sizing consistent with buttons
+- 56b0623: Update with upstream changes
+- 6a8bf46: Fix dialog backdrop z-index
+- c680574: Improved semantic grays and shadows balance
+- 8ac704a: Improved tag recipe and support status component.
+- 6f9f04d: Fixed issue where Sidebar mode could not be controlled
+- eb02362: Add missing PaginationPageTextProps export
+- 56b0623: Fixed issue where backdrop would render on top of dialog and drawer
+- c51e12c: Improved radii tokens
+- 0067207: Added 4.5 spacing
+- 65fac53: Fixed semantic token inconsistencies
+- 61ce1b5: Fixed sidebar item end element positioning
+- 3a73bc8: Fixed incorrect props type for GridListRoot
+- 9d47676: Improved tabs recipe, new pills variant and xs size
 - 64e680e: Export Menu.Context
+- 2285040: No longer showing presence badge if no presence is set
+- ba3b566: Sidebar.Button now renders a div with role="button"
+- 19309d4: Improved font size balance
+- 727b902: Allow click event on Sidebar.Track to be prevented
+- Updated dependencies [f85d493]
+- Updated dependencies [f85d493]
+- Updated dependencies [550e5a6]
+- Updated dependencies [95c8652]
+- Updated dependencies [eb02362]
+- Updated dependencies [cee2e9c]
+- Updated dependencies [6f9f04d]
+- Updated dependencies [6459de4]
+- Updated dependencies [0f49a18]
+  - @saas-ui/core@3.0.0-next.0
+  - @saas-ui/hooks@3.0.0-next.0
 
-## 3.0.0-alpha.7
+## 2.11.4
 
-### Major Changes
+### Patch Changes
 
-- 8e760c5: Added new wide gammut color tokens
+- Updated dependencies [091fd38]
+  - @saas-ui/forms@2.11.0
+  - @saas-ui/modals@2.4.4
+  - @saas-ui/data-table@13.0.4
 
-## 3.0.0-alpha.6
+## 2.11.3
 
-### Minor Changes
+### Patch Changes
 
-- 95c8652: Update to Chakra UI 3.2.1
+- Updated dependencies [eb53116]
+  - @saas-ui/forms@2.10.0
+  - @saas-ui/modals@2.4.3
+  - @saas-ui/data-table@13.0.3
+
+## 2.11.2
 
 ### Patch Changes
 
-- Updated dependencies [95c8652]
-  - @saas-ui/hooks@3.0.0-alpha.4
-  - @saas-ui/core@3.0.0-alpha.4
+- 862937a: Bump chakra version
+- Updated dependencies [862937a]
+  - @saas-ui/data-table@13.0.2
+  - @saas-ui/nprogress@2.2.1
+  - @saas-ui/hotkeys@2.5.1
+  - @saas-ui/modals@2.4.2
+  - @saas-ui/forms@2.9.1
+  - @saas-ui/theme@2.6.1
+  - @saas-ui/core@2.8.1
+
+## 2.11.1
+
+### Patch Changes
 
-## 3.0.0-alpha.5
+- Updated dependencies [a69829a]
+  - @saas-ui/hooks@2.3.0
+  - @saas-ui/modals@2.4.1
+  - @saas-ui/data-table@13.0.1
+
+## 2.11.0
 
 ### Minor Changes
 
-- e9fec88: Added toaster and menu components
-- f62c3d6: Export all components from root barrel file
+- 803ede7: Updated Chakra UI version range to >=2.9.0 <3
 
-## 3.0.0-alpha.4
+### Patch Changes
+
+- Updated dependencies [803ede7]
+  - @saas-ui/data-table@13.0.0
+  - @saas-ui/nprogress@2.2.0
+  - @saas-ui/hotkeys@2.5.0
+  - @saas-ui/modals@2.4.0
+  - @saas-ui/forms@2.9.0
+  - @saas-ui/hooks@2.2.0
+  - @saas-ui/theme@2.6.0
+  - @saas-ui/core@2.8.0
+
+## 2.10.5
 
 ### Patch Changes
 
-- 7808a76: Restructure slot components and add ui namespaces to recipes
+- c9daf50: Fixed issue where link component prop would not be passed to NavItem
+- Updated dependencies [c9daf50]
+  - @saas-ui/core@2.7.2
+  - @saas-ui/data-table@12.0.5
+  - @saas-ui/forms@2.8.2
+  - @saas-ui/hotkeys@2.4.2
+  - @saas-ui/modals@2.3.5
 
-## 3.0.0-alpha.3
+## 2.10.4
 
 ### Patch Changes
 
-- Updated dependencies [cee2e9c]
-  - @saas-ui/hooks@3.0.0-alpha.3
-  - @saas-ui/core@3.0.0-alpha.3
+- a863a5e: Updated package type to fix next 15 support
+- Updated dependencies [a863a5e]
+  - @saas-ui/modals@2.3.4
+  - @saas-ui/data-table@12.0.4
+
+## 2.10.3
+
+### Patch Changes
+
+- Updated dependencies
+  - @saas-ui/modals@2.3.3
+  - @saas-ui/data-table@12.0.3
+
+## 2.10.2
+
+### Patch Changes
+
+- 7669720: Fixed publint issues
+- Updated dependencies [7669720]
+  - @saas-ui/modals@2.3.2
+  - @saas-ui/data-table@12.0.2
+
+## 2.10.1
+
+### Patch Changes
 
-## 3.0.0-alpha.2
+- 5e24ec4: Fixed issue where as prop on NavItem would always be overruled by internal Link prop if href is passed
+- Updated dependencies [5e24ec4]
+  - @saas-ui/core@2.7.1
+  - @saas-ui/data-table@12.0.1
+  - @saas-ui/forms@2.8.1
+  - @saas-ui/hotkeys@2.4.1
+  - @saas-ui/modals@2.3.1
+
+## 2.10.0
 
 ### Minor Changes
 
-- 6459de4: Removed src exports and files from packages
+- fc799df: Removed deprecated Chakra UI dependency
 
 ### Patch Changes
 
-- Updated dependencies [6459de4]
-  - @saas-ui/hooks@3.0.0-alpha.2
-  - @saas-ui/core@3.0.0-alpha.2
+- Updated dependencies [fc799df]
+  - @saas-ui/hotkeys@2.4.0
+  - @saas-ui/modals@2.3.0
+  - @saas-ui/forms@2.8.0
+  - @saas-ui/core@2.7.0
+  - @saas-ui/data-table@12.0.0
 
-## 3.0.0-alpha.1
+## 2.9.1
 
-### Major Changes
+### Patch Changes
 
-- 550e5a6: Upgrade to Chakra v3
+- f0ee3db: Updated to Chakra 2.10
+- Updated dependencies [f0ee3db]
+  - @saas-ui/data-table@11.0.1
+  - @saas-ui/nprogress@2.1.1
+  - @saas-ui/hotkeys@2.3.1
+  - @saas-ui/modals@2.2.1
+  - @saas-ui/forms@2.7.1
+  - @saas-ui/theme@2.5.1
+  - @saas-ui/core@2.6.1
+
+## 2.9.0
+
+### Minor Changes
+
+- 2ac496a: Upgraded to Chakra UI v2.9.3
 
 ### Patch Changes
 
-- Updated dependencies [550e5a6]
-  - @saas-ui/hooks@3.0.0-alpha.1
-  - @saas-ui/core@3.0.0-alpha.1
+- Updated dependencies [2ac496a]
+  - @saas-ui/data-table@11.0.0
+  - @saas-ui/nprogress@2.1.0
+  - @saas-ui/hotkeys@2.3.0
+  - @saas-ui/modals@2.2.0
+  - @saas-ui/forms@2.7.0
+  - @saas-ui/hooks@2.1.0
+  - @saas-ui/theme@2.5.0
+  - @saas-ui/core@2.6.0
 
-## 3.0.0-alpha.0
+## 2.8.11
 
-### Major Changes
+### Patch Changes
+
+- 5e000e0: Removed background color from loading overlay fill variant
+- Updated dependencies [5e000e0]
+  - @saas-ui/theme@2.4.2
+  - @saas-ui/core@2.5.6
+  - @saas-ui/data-table@10.0.11
+  - @saas-ui/forms@2.6.11
+  - @saas-ui/hotkeys@2.2.14
+  - @saas-ui/modals@2.1.41
 
-- v3 alpha release
+## 2.8.10
 
 ### Patch Changes
 
-- Updated dependencies
-  - @saas-ui/hooks@3.0.0-alpha.0
-  - @saas-ui/core@3.0.0-alpha.0
+- Updated dependencies [fc2203a]
+  - @saas-ui/forms@2.6.10
+  - @saas-ui/modals@2.1.40
+  - @saas-ui/data-table@10.0.10
 
 ## 2.8.9
 

package/dist/chunk-27OMFCPD.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/separator/index.ts
+import { Separator } from "@chakra-ui/react/separator";
+
+export {
+  Separator
+};

package/dist/{chunk-6LOMIKR5.js → chunk-2B5OZHZY.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CheckIcon
-} from "./chunk-VDXTEASE.js";
+} from "./chunk-4XB7B73X.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -16,9 +16,11 @@ __export(steps_exports, {
   List: () => StepsList,
   NextTrigger: () => StepsNextTrigger,
   PrevTrigger: () => StepsPrevTrigger,
-  Root: () => StepsRoot
+  Root: () => StepsRoot,
+  useContext: () => useStepsContext
 });
-import { Box, Steps as ChakraSteps } from "@chakra-ui/react";
+import { Box } from "@chakra-ui/react/box";
+import { Steps as ChakraSteps, useStepsContext } from "@chakra-ui/react/steps";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var StepsItem = (props) => {
   const { title, description, completedIcon, icon, ...rest } = props;

package/dist/{chunk-S3CQW7GD.js → chunk-3DGRWH7C.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-FZW2DYK3.js";
+} from "./chunk-H7KPEI6P.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -21,7 +21,8 @@ __export(namespace_exports, {
 
 // src/components/select/select.tsx
 import { forwardRef } from "react";
-import { Portal, Select as SelectPrimitive } from "@chakra-ui/react";
+import { Portal } from "@chakra-ui/react/portal";
+import { Select as SelectPrimitive } from "@chakra-ui/react/select";
 import { jsx, jsxs } from "react/jsx-runtime";
 var SelectTrigger = forwardRef(
   function SelectTrigger2(props, ref) {

package/dist/chunk-3EV6MKBG.js

@@ -0,0 +1,60 @@
+'use client'
+import {
+  Input
+} from "./chunk-5MTFSSOH.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  CheckIcon,
+  CopyIcon
+} from "./chunk-4XB7B73X.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/clipboard/clipboard.tsx
+var clipboard_exports = {};
+__export(clipboard_exports, {
+  Button: () => ClipboardButton,
+  IconButton: () => ClipboardIconButton,
+  Input: () => ClipboardInput,
+  Label: () => ClipboardLabel,
+  Root: () => ClipboardRoot
+});
+import * as React from "react";
+import { Clipboard as ChakraClipboard } from "@chakra-ui/react/clipboard";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ClipboardIcon = React.forwardRef(function ClipboardIndicator(props, ref) {
+  const { children = /* @__PURE__ */ jsx(CopyIcon, {}), copied = /* @__PURE__ */ jsx(CheckIcon, {}), ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
+});
+var ClipboardCopyText = React.forwardRef(function ClipboardCopyText2(props, ref) {
+  const { children = "Copy", copied = "Copied", ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
+});
+var ClipboardButton = React.forwardRef(function ClipboardButton2(props, ref) {
+  const { icon, copiedIcon, copied, children, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }),
+    /* @__PURE__ */ jsx(ClipboardCopyText, { copied, children })
+  ] }) });
+});
+var ClipboardIconButton = React.forwardRef(function ClipboardIconButton2(props, ref) {
+  const { icon, copiedIcon, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ref, size: "xs", ...rest, children: /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }) }) });
+});
+var ClipboardInput = React.forwardRef(
+  function ClipboardInputElement(props, ref) {
+    return /* @__PURE__ */ jsx(ChakraClipboard.Input, { asChild: true, children: /* @__PURE__ */ jsx(Input, { ref, ...props }) });
+  }
+);
+var ClipboardRoot = ChakraClipboard.Root;
+var ClipboardLabel = ChakraClipboard.Label;
+
+export {
+  clipboard_exports
+};

package/dist/{chunk-IFYV7NUJ.js → chunk-3MO37LYW.js}

@@ -141,9 +141,9 @@ var colors = defineTokens.colors({
     50: { value: "oklch(0.987 0.026 102.212)" },
     100: { value: "oklch(0.973 0.071 103.193)" },
     200: { value: "oklch(0.945 0.129 101.54)" },
-    300: { value: "oklch(0.905 0.182 98.111)" },
-    400: { value: "oklch(0.852 0.199 91.936)" },
-    500: { value: "oklch(0.795 0.184 86.047)" },
+    300: { value: "oklch(0.897 0.182 98.111)" },
+    400: { value: "oklch(0.854 0.184 96.404)" },
+    500: { value: "oklch(0.795 0.180 86.047)" },
     600: { value: "oklch(0.681 0.162 75.834)" },
     700: { value: "oklch(0.554 0.135 66.442)" },
     800: { value: "oklch(0.476 0.114 61.907)" },

package/dist/chunk-3RHNNKPC.js

@@ -0,0 +1,51 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/stat/stat.tsx
+var stat_exports = {};
+__export(stat_exports, {
+  DownTrend: () => StatDownTrend,
+  HelpText: () => HelpText,
+  Label: () => Label,
+  Root: () => Root,
+  UpTrend: () => StatUpTrend,
+  ValueText: () => StatValueText,
+  ValueUnit: () => ValueUnit
+});
+import * as React from "react";
+import { Badge } from "@chakra-ui/react/badge";
+import { FormatNumber } from "@chakra-ui/react/format";
+import { Stat as ChakraStat } from "@chakra-ui/react/stat";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StatValueText = React.forwardRef(
+  function StatValueText2(props, ref) {
+    const { value, formatOptions, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraStat.ValueText, { ...rest, ref, children: children || value != null && /* @__PURE__ */ jsx(FormatNumber, { value, ...formatOptions }) });
+  }
+);
+var StatUpTrend = React.forwardRef(
+  function StatUpTrend2(props, ref) {
+    return /* @__PURE__ */ jsxs(Badge, { colorPalette: "green", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ jsx(ChakraStat.UpIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var StatDownTrend = React.forwardRef(
+  function StatDownTrend2(props, ref) {
+    return /* @__PURE__ */ jsxs(Badge, { colorPalette: "red", gap: "0", ...props, ref, children: [
+      /* @__PURE__ */ jsx(ChakraStat.DownIndicator, {}),
+      props.children
+    ] });
+  }
+);
+var Root = ChakraStat.Root;
+var Label = ChakraStat.Label;
+var HelpText = ChakraStat.HelpText;
+var ValueUnit = ChakraStat.ValueUnit;
+
+export {
+  stat_exports
+};

package/dist/{chunk-LIYUBUOP.js → chunk-4IZGJDYL.js}

@@ -2,7 +2,7 @@
 import {
   CloseIcon,
   SearchIcon
-} from "./chunk-VDXTEASE.js";
+} from "./chunk-4XB7B73X.js";
 
 // src/components/search-input/search-input.tsx
 import React, { forwardRef } from "react";

package/dist/{chunk-VDXTEASE.js → chunk-4XB7B73X.js}

@@ -1,7 +1,7 @@
 'use client'
 
 // src/components/icons/create-icon.tsx
-import { createIcon as _createIcon } from "@chakra-ui/react";
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
 var createIcon = (props) => {
   return _createIcon({
     viewBox: "0 0 24 24",
@@ -98,6 +98,29 @@ var CheckIcon = createIcon({
   displayName: "CheckIcon",
   path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) })
 });
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+  ] })
+});
 
 export {
   ChevronUpIcon,
@@ -113,5 +136,8 @@ export {
   ViewOffIcon,
   ViewIcon,
   SearchIcon,
-  CheckIcon
+  CheckIcon,
+  EllipsisIcon,
+  CopyIcon,
+  InfoIcon
 };

package/dist/chunk-52XM5VXJ.js

@@ -0,0 +1,9 @@
+'use client'
+
+// src/components/data-list/index.ts
+import { DataList, useDataListStyles } from "@chakra-ui/react/data-list";
+
+export {
+  DataList,
+  useDataListStyles
+};

package/dist/chunk-5HVAMQYO.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/button/index.ts
+import { Button } from "@chakra-ui/react/button";
+
+export {
+  Button
+};

package/dist/chunk-5MTFSSOH.js

@@ -0,0 +1,16 @@
+'use client'
+
+// src/components/input/index.ts
+import {
+  Input,
+  InputAddon,
+  InputElement,
+  InputPropsProvider
+} from "@chakra-ui/react/input";
+
+export {
+  Input,
+  InputAddon,
+  InputElement,
+  InputPropsProvider
+};

package/dist/chunk-5YNHX4C7.js

@@ -0,0 +1,16 @@
+'use client'
+
+// src/components/tabs/index.ts
+import {
+  Tabs,
+  useTabsContext,
+  useTabsStyles,
+  useTabs
+} from "@chakra-ui/react/tabs";
+
+export {
+  Tabs,
+  useTabsContext,
+  useTabsStyles,
+  useTabs
+};

package/dist/{chunk-4TR3AOMG.js → chunk-5ZKEXMBN.js}

@@ -1,32 +1,35 @@
 'use client'
+import {
+  Kbd
+} from "./chunk-OQU4LWZW.js";
 
 // src/components/command/command.tsx
-import { Kbd } from "@chakra-ui/react";
 import {
   createRecipeContext
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/styled-system";
 import { Fragment, jsx } from "react/jsx-runtime";
 var { withContext } = createRecipeContext({
   key: "suiCommand"
 });
-var Key = ({ children }) => {
+var Command = (props) => {
+  const { children, modifiers, ...rest } = props;
   if (typeof children !== "string") {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  if (["then", "or", "+"].includes(children)) {
-    return /* @__PURE__ */ jsx("span", { children });
-  }
-  return /* @__PURE__ */ jsx(Kbd, { children });
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ jsx(StyledCommand, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { modifiers, size: props.size, children: key }, key)) });
 };
-var Command = (props) => {
-  const { children, ...rest } = props;
+var StyledCommand = withContext("span");
+var Key = (props) => {
+  const { modifiers = ["then", "or", "+"], children, ...rest } = props;
   if (typeof children !== "string") {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  const keys = children.split(/\s|\+/);
-  return /* @__PURE__ */ jsx(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { children: key }, key)) });
+  if (modifiers.includes(children)) {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+  return /* @__PURE__ */ jsx(Kbd, { ...rest, children });
 };
-var CommandRoot = withContext("span");
 
 export {
   Command

package/dist/chunk-6YZ76Q2W.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/progress/index.ts
+import { Progress } from "@chakra-ui/react/progress";
+
+export {
+  Progress
+};