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

package/dist/components/breadcrumbs/index.cjs

@@ -0,0 +1,60 @@
+'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/breadcrumbs/index.ts
+var breadcrumbs_exports = {};
+__export(breadcrumbs_exports, {
+  Breadcrumb: () => namespace_exports
+});
+module.exports = __toCommonJS(breadcrumbs_exports);
+
+// src/components/breadcrumbs/namespace.ts
+var namespace_exports = {};
+__export(namespace_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");
+var BreadcrumbRoot = (0, import_react.forwardRef)(
+  function BreadcrumbRoot2(props, ref) {
+    const { separator = "/", separatorGap, children, ...rest } = props;
+    const validChildren = import_react.Children.toArray(children).filter(import_react.isValidElement);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
+      const last = index === validChildren.length - 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Breadcrumb.Item, { children: child }),
+        !last && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Breadcrumb.Separator, { children: separator })
+      ] }, index);
+    }) }) });
+  }
+);
+var BreadcrumbLink = import_react2.Breadcrumb.Link;
+var BreadcrumbCurrentLink = import_react2.Breadcrumb.CurrentLink;
+var BreadcrumbEllipsis = import_react2.Breadcrumb.Ellipsis;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Breadcrumb
+});

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Breadcrumb, SystemStyleObject } from '@chakra-ui/react';
+
+interface BreadcrumbRootProps extends Breadcrumb.RootProps {
+    separator?: React.ReactNode;
+    separatorGap?: SystemStyleObject['gap'];
+}
+declare const BreadcrumbRoot: react.ForwardRefExoticComponent<BreadcrumbRootProps & react.RefAttributes<HTMLDivElement>>;
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+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 };
+}
+
+export { namespace as Breadcrumb };

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

@@ -0,0 +1,18 @@
+import * as react from 'react';
+import { Breadcrumb, SystemStyleObject } from '@chakra-ui/react';
+
+interface BreadcrumbRootProps extends Breadcrumb.RootProps {
+    separator?: React.ReactNode;
+    separatorGap?: SystemStyleObject['gap'];
+}
+declare const BreadcrumbRoot: react.ForwardRefExoticComponent<BreadcrumbRootProps & react.RefAttributes<HTMLDivElement>>;
+declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+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 };
+}
+
+export { namespace as Breadcrumb };

package/dist/components/breadcrumbs/index.js

@@ -0,0 +1,37 @@
+'use client'
+import {
+  __export
+} from "../../chunk-RTMS5TJN.js";
+
+// src/components/breadcrumbs/namespace.ts
+var namespace_exports = {};
+__export(namespace_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";
+var BreadcrumbRoot = forwardRef(
+  function BreadcrumbRoot2(props, ref) {
+    const { separator = "/", separatorGap, children, ...rest } = props;
+    const validChildren = Children.toArray(children).filter(isValidElement);
+    return /* @__PURE__ */ jsx(Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ jsx(Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
+      const last = index === validChildren.length - 1;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb.Item, { children: child }),
+        !last && /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: separator })
+      ] }, index);
+    }) }) });
+  }
+);
+var BreadcrumbLink = Breadcrumb.Link;
+var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
+var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
+export {
+  namespace_exports as Breadcrumb
+};

package/dist/components/button/index.cjs

@@ -0,0 +1,65 @@
+'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/button/index.ts
+var button_exports = {};
+__export(button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(button_exports);
+
+// src/components/button/button.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  function Button2(props, ref) {
+    const {
+      loading,
+      disabled,
+      loadingText,
+      children,
+      variant = "glass",
+      colorPalette = variant === "glass" ? "accent" : "gray",
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react2.Button,
+      {
+        colorPalette,
+        disabled: loading || disabled,
+        variant,
+        ref,
+        ...rest,
+        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+          loadingText
+        ] }) : children
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ButtonProps as ButtonProps$1 } from '@chakra-ui/react';
+
+interface ButtonLoadingProps {
+    loading?: boolean;
+    loadingText?: React.ReactNode;
+}
+interface ButtonProps extends ButtonProps$1, ButtonLoadingProps {
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

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

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import { ButtonProps as ButtonProps$1 } from '@chakra-ui/react';
+
+interface ButtonLoadingProps {
+    loading?: boolean;
+    loadingText?: React.ReactNode;
+}
+interface ButtonProps extends ButtonProps$1, ButtonLoadingProps {
+}
+declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps };

package/dist/components/button/index.js

@@ -0,0 +1,45 @@
+'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
+      }
+    );
+  }
+);
+export {
+  Button
+};

package/dist/components/checkbox/index.cjs

@@ -0,0 +1,45 @@
+'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/checkbox/index.ts
+var checkbox_exports = {};
+__export(checkbox_exports, {
+  Checkbox: () => Checkbox
+});
+module.exports = __toCommonJS(checkbox_exports);
+
+// src/components/checkbox/checkbox.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Checkbox = (0, import_react.forwardRef)(
+  function Checkbox2(props, ref) {
+    const { icon, children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Checkbox.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Indicator, {}) }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Label, { children })
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});

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

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
+
+interface CheckboxProps extends Checkbox$1.RootProps {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps };

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

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
+
+interface CheckboxProps extends Checkbox$1.RootProps {
+    icon?: React.ReactNode;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+}
+declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
+
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox/index.js

@@ -0,0 +1,20 @@
+'use client'
+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/close-button/index.cjs

@@ -0,0 +1,142 @@
+'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/close-button/index.ts
+var close_button_exports = {};
+__export(close_button_exports, {
+  CloseButton: () => CloseButton
+});
+module.exports = __toCommonJS(close_button_exports);
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CloseButton
+});

package/dist/components/close-button/index.d.cts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+interface CloseButtonProps extends ButtonProps {
+}
+declare const CloseButton: react.ForwardRefExoticComponent<CloseButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

package/dist/components/close-button/index.d.ts

@@ -0,0 +1,8 @@
+import * as react from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+interface CloseButtonProps extends ButtonProps {
+}
+declare const CloseButton: react.ForwardRefExoticComponent<CloseButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { CloseButton, type CloseButtonProps };

package/dist/components/close-button/index.js

@@ -0,0 +1,9 @@
+'use client'
+import {
+  CloseButton
+} from "../../chunk-FZW2DYK3.js";
+import "../../chunk-VDXTEASE.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  CloseButton
+};

package/dist/components/command/index.cjs

@@ -0,0 +1,56 @@
+'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/command/index.ts
+var command_exports = {};
+__export(command_exports, {
+  Command: () => Command
+});
+module.exports = __toCommonJS(command_exports);
+
+// src/components/command/command.tsx
+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"
+});
+var Key = ({ children }) => {
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  if (["then", "or", "+"].includes(children)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Kbd, { children });
+};
+var Command = (props) => {
+  const { children, ...rest } = props;
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Key, { children: key }, key)) });
+};
+var CommandRoot = withContext("span");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Command
+});

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+
+declare const Command: react.FC<HTMLChakraProps<'span'>>;
+
+export { Command };

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

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { HTMLChakraProps } from '@chakra-ui/react';
+
+declare const Command: react.FC<HTMLChakraProps<'span'>>;
+
+export { Command };

package/dist/components/command/index.js

@@ -0,0 +1,33 @@
+'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");
+export {
+  Command
+};