@saas-ui/react 3.0.0-alpha.1 → 3.0.0-alpha.10

package/dist/chunk-SKXSBAOS.js

@@ -0,0 +1,35 @@
+'use client'
+
+// src/components/segmented-control/segmented-control.tsx
+import { forwardRef, useMemo } from "react";
+import { For, SegmentGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
+  const { items, ...rest } = props;
+  const data = useMemo(() => normalize(items), [items]);
+  return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
+      SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
+export {
+  SegmentedControl
+};

package/dist/{components/breadcrumbs/index.js → chunk-TT4C5VXB.js}

@@ -1,18 +1,16 @@
 'use client'
 import {
   __export
-} from "../../chunk-RTMS5TJN.js";
+} from "./chunk-RTMS5TJN.js";
 
-// src/components/breadcrumbs/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
   CurrentLink: () => BreadcrumbCurrentLink,
   Ellipsis: () => BreadcrumbEllipsis,
   Link: () => BreadcrumbLink,
   Root: () => BreadcrumbRoot
 });
-
-// src/components/breadcrumbs/breadcrumb.tsx
 import { Children, Fragment, forwardRef, isValidElement } from "react";
 import { Breadcrumb } from "@chakra-ui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -32,6 +30,7 @@ var BreadcrumbRoot = forwardRef(
 var BreadcrumbLink = Breadcrumb.Link;
 var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
 var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
+
 export {
-  namespace_exports as Breadcrumb
+  breadcrumb_exports
 };

package/dist/chunk-TZBAM4AD.js

@@ -0,0 +1,20 @@
+'use client'
+import {
+  useLink
+} from "./chunk-O2WVT2BP.js";
+
+// src/components/link/link.tsx
+import React from "react";
+import { Link as ChakraLink } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var Link = React.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ jsx(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
+export {
+  Link
+};

package/dist/chunk-UCQ3LZIE.js

@@ -0,0 +1,43 @@
+'use client'
+
+// src/components/avatar/avatar.tsx
+import { forwardRef } from "react";
+import { Avatar as ChakraAvatar, Group } from "@chakra-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Avatar = forwardRef(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ jsx(AvatarFallback, { name, icon, children: fallback }),
+      /* @__PURE__ */ jsx(ChakraAvatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = forwardRef(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraAvatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ jsx(Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ jsx(ChakraAvatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = forwardRef(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraAvatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ jsx(Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+
+export {
+  Avatar,
+  AvatarGroup
+};

package/dist/chunk-ULAJ3JEO.js

@@ -0,0 +1,32 @@
+'use client'
+import {
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+
+// src/components/number-input/number-input.tsx
+import { forwardRef } from "react";
+import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NumberInput = forwardRef(
+  function NumberInput2(props, ref) {
+    const {
+      hideControls,
+      startElement,
+      endElement,
+      inputProps,
+      rootRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraNumberInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(InputGroup, { startElement, endElement, children: /* @__PURE__ */ jsx(ChakraNumberInput.Input, { ref, ...inputProps }) }),
+      !hideControls && !endElement ? /* @__PURE__ */ jsxs(ChakraNumberInput.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraNumberInput.IncrementTrigger, {}),
+        /* @__PURE__ */ jsx(ChakraNumberInput.DecrementTrigger, {})
+      ] }) : null
+    ] });
+  }
+);
+
+export {
+  NumberInput
+};

package/dist/chunk-WYLMBMAH.js

@@ -0,0 +1,22 @@
+'use client'
+
+// src/components/radio/radio.tsx
+import { forwardRef } from "react";
+import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Radio = forwardRef(
+  function Radio2(props, ref) {
+    const { children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraRadioGroup.Item, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraRadioGroup.ItemIndicator, {}),
+      children && /* @__PURE__ */ jsx(ChakraRadioGroup.ItemText, { children })
+    ] });
+  }
+);
+var RadioGroup = ChakraRadioGroup.Root;
+
+export {
+  Radio,
+  RadioGroup
+};

package/dist/components/app-shell/index.cjs

@@ -34,7 +34,7 @@ var {
   withContext,
   useStyles: useAppShellStyles
 } = (0, import_react2.createSlotRecipeContext)({
-  key: "appShell"
+  key: "suiAppShell"
 });
 var AppShellRoot = withProvider(
   "div",

package/dist/components/app-shell/index.d.cts

@@ -23,7 +23,7 @@ interface AppShellProps extends HTMLChakraProps<'div'> {
      */
     children: React.ReactNode;
 }
-interface AppShellRootProps extends AppShellProps, SlotRecipeProps<'appShell'> {
+interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
 }
 declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/app-shell/index.d.ts

@@ -23,7 +23,7 @@ interface AppShellProps extends HTMLChakraProps<'div'> {
      */
     children: React.ReactNode;
 }
-interface AppShellRootProps extends AppShellProps, SlotRecipeProps<'appShell'> {
+interface AppShellRootProps extends Omit<AppShellProps, 'position'>, SlotRecipeProps<'suiAppShell'> {
 }
 declare const AppShell: react.ForwardRefExoticComponent<AppShellRootProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/components/app-shell/index.js

@@ -1,45 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/app-shell/app-shell.tsx
-import { forwardRef } from "react";
 import {
-  createSlotRecipeContext
-} from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var {
-  withProvider,
-  withContext,
-  useStyles: useAppShellStyles
-} = createSlotRecipeContext({
-  key: "appShell"
-});
-var AppShellRoot = withProvider(
-  "div",
-  "root",
-  { forwardAsChild: true }
-);
-var AppShellContent = withContext("div", "content", { forwardAsChild: true });
-var AppShellMain = withContext(
-  "div",
-  "main",
-  { forwardAsChild: true }
-);
-var AppShell = forwardRef(
-  (props, ref) => {
-    const { header, sidebar, aside, footer, children, ...rootProps } = props;
-    return /* @__PURE__ */ jsxs(AppShellRoot, { ref, ...rootProps, children: [
-      header,
-      /* @__PURE__ */ jsxs(AppShellContent, { children: [
-        sidebar,
-        /* @__PURE__ */ jsx(AppShellMain, { children }),
-        aside
-      ] }),
-      footer
-    ] });
-  }
-);
-AppShell.displayName = "AppShell";
+  AppShell
+} from "../../chunk-6ZNR6N2K.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   AppShell
 };

package/dist/components/avatar/index.cjs

@@ -0,0 +1,69 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/avatar/index.ts
+var avatar_exports = {};
+__export(avatar_exports, {
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup
+});
+module.exports = __toCommonJS(avatar_exports);
+
+// src/components/avatar/avatar.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Avatar = (0, import_react.forwardRef)(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { name, icon, children: fallback }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = (0, import_react.forwardRef)(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = (0, import_react.forwardRef)(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Avatar,
+  AvatarGroup
+});

package/dist/components/avatar/index.d.cts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Avatar as Avatar$1, GroupProps, SlotRecipeProps } from '@chakra-ui/react';
+
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface AvatarProps extends Avatar$1.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends GroupProps, SlotRecipeProps<'avatar'> {
+}
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarProps };

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Avatar as Avatar$1, GroupProps, SlotRecipeProps } from '@chakra-ui/react';
+
+type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
+interface AvatarProps extends Avatar$1.RootProps {
+    name?: string;
+    src?: string;
+    srcSet?: string;
+    loading?: ImageProps['loading'];
+    icon?: React.ReactElement;
+    fallback?: React.ReactNode;
+}
+declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
+interface AvatarGroupProps extends GroupProps, SlotRecipeProps<'avatar'> {
+}
+declare const AvatarGroup: react.ForwardRefExoticComponent<AvatarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, AvatarGroup, type AvatarProps };

package/dist/components/avatar/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  Avatar,
+  AvatarGroup
+} from "../../chunk-UCQ3LZIE.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Avatar,
+  AvatarGroup
+};

package/dist/components/{breadcrumbs → breadcrumb}/index.cjs

@@ -18,23 +18,21 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/breadcrumbs/index.ts
-var breadcrumbs_exports = {};
-__export(breadcrumbs_exports, {
-  Breadcrumb: () => namespace_exports
+// src/components/breadcrumb/index.ts
+var breadcrumb_exports2 = {};
+__export(breadcrumb_exports2, {
+  Breadcrumb: () => breadcrumb_exports
 });
-module.exports = __toCommonJS(breadcrumbs_exports);
+module.exports = __toCommonJS(breadcrumb_exports2);
 
-// src/components/breadcrumbs/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
   CurrentLink: () => BreadcrumbCurrentLink,
   Ellipsis: () => BreadcrumbEllipsis,
   Link: () => BreadcrumbLink,
   Root: () => BreadcrumbRoot
 });
-
-// src/components/breadcrumbs/breadcrumb.tsx
 var import_react = require("react");
 var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");

package/dist/components/{breadcrumbs → breadcrumb}/index.d.cts

@@ -10,9 +10,8 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkPro
 declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
 declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
 
-type namespace_BreadcrumbRootProps = BreadcrumbRootProps;
-declare namespace namespace {
-  export { type namespace_BreadcrumbRootProps as BreadcrumbRootProps, BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root };
+declare namespace breadcrumb {
+  export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
 }
 
-export { namespace as Breadcrumb };
+export { breadcrumb as Breadcrumb };

package/dist/components/{breadcrumbs → breadcrumb}/index.d.ts

@@ -10,9 +10,8 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkPro
 declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
 declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
 
-type namespace_BreadcrumbRootProps = BreadcrumbRootProps;
-declare namespace namespace {
-  export { type namespace_BreadcrumbRootProps as BreadcrumbRootProps, BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root };
+declare namespace breadcrumb {
+  export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
 }
 
-export { namespace as Breadcrumb };
+export { breadcrumb as Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  breadcrumb_exports
+} from "../../chunk-TT4C5VXB.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  breadcrumb_exports as Breadcrumb
+};

package/dist/components/button/index.js

@@ -1,45 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/button/button.tsx
-import { forwardRef } from "react";
 import {
-  AbsoluteCenter,
-  Button as ButtonPrimitive,
-  Span,
-  Spinner
-} from "@chakra-ui/react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var Button = forwardRef(
-  function Button2(props, ref) {
-    const {
-      loading,
-      disabled,
-      loadingText,
-      children,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsx(
-      ButtonPrimitive,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        ref,
-        ...rest,
-        children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
-          /* @__PURE__ */ jsx(Span, { opacity: 0, children })
-        ] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
-          loadingText
-        ] }) : children
-      }
-    );
-  }
-);
+  Button
+} from "../../chunk-BCNPBZZK.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   Button
 };

package/dist/components/checkbox/index.js

@@ -1,20 +1,8 @@
 'use client'
+import {
+  Checkbox
+} from "../../chunk-L356FPLY.js";
 import "../../chunk-RTMS5TJN.js";
-
-// src/components/checkbox/checkbox.tsx
-import { forwardRef } from "react";
-import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Checkbox = forwardRef(
-  function Checkbox2(props, ref) {
-    const { icon, children, inputProps, rootRef, ...rest } = props;
-    return /* @__PURE__ */ jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
-      /* @__PURE__ */ jsx(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ jsx(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx(ChakraCheckbox.Indicator, {}) }),
-      children != null && /* @__PURE__ */ jsx(ChakraCheckbox.Label, { children })
-    ] });
-  }
-);
 export {
   Checkbox
 };

package/dist/components/command/index.cjs

@@ -30,7 +30,7 @@ var import_react = require("@chakra-ui/react");
 var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { withContext } = (0, import_react2.createRecipeContext)({
-  key: "command"
+  key: "suiCommand"
 });
 var Key = ({ children }) => {
   if (typeof children !== "string") {

package/dist/components/command/index.js

@@ -1,33 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/command/command.tsx
-import { Kbd } from "@chakra-ui/react";
 import {
-  createRecipeContext
-} from "@chakra-ui/react";
-import { Fragment, jsx } from "react/jsx-runtime";
-var { withContext } = createRecipeContext({
-  key: "command"
-});
-var Key = ({ children }) => {
-  if (typeof children !== "string") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  if (["then", "or", "+"].includes(children)) {
-    return /* @__PURE__ */ jsx("span", { children });
-  }
-  return /* @__PURE__ */ jsx(Kbd, { children });
-};
-var Command = (props) => {
-  const { 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)) });
-};
-var CommandRoot = withContext("span");
+  Command
+} from "../../chunk-4TR3AOMG.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   Command
 };