@saas-ui/react 3.0.0-next.0 → 3.0.0-next.2

package/dist/{components/file-upload → file-upload}/index.d.ts

@@ -1,17 +1,17 @@
 import * as _chakra_ui_react from '@chakra-ui/react';
-import * as react from 'react';
+import * as React from 'react';
 import { FileUpload } from '@chakra-ui/react/file-upload';
 export { useFileUploadContext } from '@chakra-ui/react/file-upload';
 import { RecipeProps } from '@chakra-ui/react/styled-system';
 import { ButtonProps } from '@chakra-ui/react/button';
 
 interface RootProps extends FileUpload.RootProps {
-    inputProps?: react.InputHTMLAttributes<HTMLInputElement>;
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
 }
-declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLInputElement>>;
+declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLInputElement>>;
 interface DropzoneProps extends FileUpload.DropzoneProps {
 }
-declare const Dropzone: react.ForwardRefExoticComponent<DropzoneProps & react.RefAttributes<HTMLInputElement>>;
+declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;
 interface VisibilityProps {
     showSize?: boolean;
     clearable?: boolean;
@@ -19,15 +19,15 @@ interface VisibilityProps {
 interface ListProps extends VisibilityProps, FileUpload.ItemGroupProps {
     files?: File[];
 }
-declare const List: react.ForwardRefExoticComponent<ListProps & react.RefAttributes<HTMLUListElement>>;
+declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
 type Assign<T, U> = Omit<T, keyof U> & U;
 interface InputProps extends Assign<ButtonProps, RecipeProps<'input'>> {
-    placeholder?: react.ReactNode;
+    placeholder?: React.ReactNode;
 }
-declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Label: react.ForwardRefExoticComponent<FileUpload.LabelProps & react.RefAttributes<HTMLLabelElement>>;
-declare const ClearTrigger: react.ForwardRefExoticComponent<_chakra_ui_react.FileUploadClearTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Trigger: react.ForwardRefExoticComponent<FileUpload.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Label: React.ForwardRefExoticComponent<FileUpload.LabelProps & React.RefAttributes<HTMLLabelElement>>;
+declare const ClearTrigger: React.ForwardRefExoticComponent<_chakra_ui_react.FileUploadClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: React.ForwardRefExoticComponent<FileUpload.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 
 declare const fileUpload_ClearTrigger: typeof ClearTrigger;
 declare const fileUpload_Dropzone: typeof Dropzone;

package/dist/file-upload/index.js

@@ -0,0 +1,272 @@
+'use client'
+import {
+  __export
+} from "../chunk-RTMS5TJN.js";
+
+// src/components/file-upload/file-upload.tsx
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  ClearTrigger: () => ClearTrigger,
+  Dropzone: () => Dropzone,
+  Input: () => Input,
+  Label: () => Label,
+  List: () => List,
+  Root: () => Root,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import { Span } from "@chakra-ui/react";
+import {
+  FileUpload as ChakraFileUpload,
+  useFileUploadContext
+} from "@chakra-ui/react/file-upload";
+import { useRecipe } from "@chakra-ui/react/styled-system";
+
+// src/components/button/index.ts
+import { Button } from "@chakra-ui/react/button";
+
+// src/components/close-button/close-button.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/icon-button/icon-button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/icons/create-icon.tsx
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
+var createIcon = (props) => {
+  return _createIcon({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx2("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ jsx2("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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("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__ */ jsx2("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx2("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("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__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8h.01" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ jsx2("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/close-button/close-button.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CloseButton = forwardRef2(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ jsx3(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx3(CloseIcon, {}) });
+  }
+);
+
+// src/components/file-upload/file-upload.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ jsxs2(ChakraFileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx4(ChakraFileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ jsx4(ChakraFileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ jsx4(ChakraFileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ jsxs2(ChakraFileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ jsx4(ChakraFileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ jsxs2(ChakraFileUpload.ItemContent, { children: [
+        /* @__PURE__ */ jsx4(ChakraFileUpload.ItemName, {}),
+        /* @__PURE__ */ jsx4(ChakraFileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ jsx4(ChakraFileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ jsx4(ChakraFileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx4(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = useFileUploadContext();
+    const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ jsx4(ChakraFileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ jsx4(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = useRecipe({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ jsx4(ChakraFileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ jsx4(
+      Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ jsx4(ChakraFileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ jsx4("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ jsxs2("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ jsx4(Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = ChakraFileUpload.Label;
+var ClearTrigger = ChakraFileUpload.ClearTrigger;
+var Trigger = ChakraFileUpload.Trigger;
+
+// src/components/file-upload/index.ts
+import { useFileUploadContext as useFileUploadContext2 } from "@chakra-ui/react/file-upload";
+export {
+  file_upload_exports as FileUpload,
+  useFileUploadContext2 as useFileUploadContext
+};

package/dist/flex/index.cjs

@@ -0,0 +1,31 @@
+'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/flex/index.ts
+var flex_exports = {};
+__export(flex_exports, {
+  Flex: () => import_flex.Flex
+});
+module.exports = __toCommonJS(flex_exports);
+var import_flex = require("@chakra-ui/react/flex");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Flex
+});

package/dist/flex/index.d.cts

@@ -0,0 +1 @@
+export { Flex, FlexProps } from '@chakra-ui/react/flex';

package/dist/flex/index.d.ts

@@ -0,0 +1 @@
+export { Flex, FlexProps } from '@chakra-ui/react/flex';

package/dist/flex/index.js

@@ -0,0 +1,10 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/flex/index.ts
+import {
+  Flex
+} from "@chakra-ui/react/flex";
+export {
+  Flex
+};

package/dist/float/index.cjs

@@ -0,0 +1,31 @@
+'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/float/index.ts
+var float_exports = {};
+__export(float_exports, {
+  Float: () => import_float.Float
+});
+module.exports = __toCommonJS(float_exports);
+var import_float = require("@chakra-ui/react/float");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Float
+});

package/dist/float/index.d.cts

@@ -0,0 +1 @@
+export { Float, FloatProps } from '@chakra-ui/react/float';

package/dist/float/index.d.ts

@@ -0,0 +1 @@
+export { Float, FloatProps } from '@chakra-ui/react/float';

package/dist/float/index.js

@@ -0,0 +1,10 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/float/index.ts
+import {
+  Float
+} from "@chakra-ui/react/float";
+export {
+  Float
+};

package/dist/focus-trap/index.cjs

@@ -0,0 +1,31 @@
+'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/focus-trap/index.ts
+var focus_trap_exports = {};
+__export(focus_trap_exports, {
+  FocusTrap: () => import_focus_trap.FocusTrap
+});
+module.exports = __toCommonJS(focus_trap_exports);
+var import_focus_trap = require("@chakra-ui/react/focus-trap");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FocusTrap
+});

package/dist/focus-trap/index.d.cts

@@ -0,0 +1 @@
+export { FocusTrap, FocusTrapProps } from '@chakra-ui/react/focus-trap';

package/dist/focus-trap/index.d.ts

@@ -0,0 +1 @@
+export { FocusTrap, FocusTrapProps } from '@chakra-ui/react/focus-trap';

package/dist/focus-trap/index.js

@@ -0,0 +1,8 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/focus-trap/index.ts
+import { FocusTrap } from "@chakra-ui/react/focus-trap";
+export {
+  FocusTrap
+};

package/dist/for/index.cjs

@@ -0,0 +1,31 @@
+'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/for/index.ts
+var for_exports = {};
+__export(for_exports, {
+  For: () => import_for.For
+});
+module.exports = __toCommonJS(for_exports);
+var import_for = require("@chakra-ui/react/for");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  For
+});

package/dist/for/index.d.cts

@@ -0,0 +1,4 @@
+export { For, ForProps } from '@chakra-ui/react/for';
+import '@chakra-ui/react/format';
+import '@chakra-ui/react/grid';
+import '@chakra-ui/react/group';

package/dist/for/index.d.ts

@@ -0,0 +1,4 @@
+export { For, ForProps } from '@chakra-ui/react/for';
+import '@chakra-ui/react/format';
+import '@chakra-ui/react/grid';
+import '@chakra-ui/react/group';

package/dist/for/index.js

@@ -0,0 +1,10 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/for/index.ts
+import {
+  For
+} from "@chakra-ui/react/for";
+export {
+  For
+};

package/dist/format/index.cjs

@@ -0,0 +1,33 @@
+'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/format/index.ts
+var format_exports = {};
+__export(format_exports, {
+  FormatByte: () => import_format.FormatByte,
+  FormatNumber: () => import_format.FormatNumber
+});
+module.exports = __toCommonJS(format_exports);
+var import_format = require("@chakra-ui/react/format");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FormatByte,
+  FormatNumber
+});

package/dist/format/index.d.cts

@@ -0,0 +1 @@
+export { FormatByte, FormatByteProps, FormatNumber, FormatNumberProps } from '@chakra-ui/react/format';

package/dist/format/index.d.ts

@@ -0,0 +1 @@
+export { FormatByte, FormatByteProps, FormatNumber, FormatNumberProps } from '@chakra-ui/react/format';

package/dist/format/index.js

@@ -0,0 +1,12 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/format/index.ts
+import {
+  FormatByte,
+  FormatNumber
+} from "@chakra-ui/react/format";
+export {
+  FormatByte,
+  FormatNumber
+};

package/dist/grid/index.cjs

@@ -0,0 +1,31 @@
+'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/grid/index.ts
+var grid_exports = {};
+__export(grid_exports, {
+  Grid: () => import_grid.Grid
+});
+module.exports = __toCommonJS(grid_exports);
+var import_grid = require("@chakra-ui/react/grid");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Grid
+});

package/dist/grid/index.d.cts

@@ -0,0 +1 @@
+export { Grid, GridProps } from '@chakra-ui/react/grid';

package/dist/grid/index.d.ts

@@ -0,0 +1 @@
+export { Grid, GridProps } from '@chakra-ui/react/grid';

package/dist/grid/index.js

@@ -0,0 +1,10 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/grid/index.ts
+import {
+  Grid
+} from "@chakra-ui/react/grid";
+export {
+  Grid
+};

package/dist/{components/grid-list → grid-list}/index.d.cts

@@ -1,10 +1,14 @@
 import * as react from 'react';
 import { RecipeVariantProps, HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { GridList } from '@saas-ui/core/grid-list';
-import { S as SlotRecipeProps } from '../../types-DnFoUudY.cjs';
 import * as _chakra_ui_react from '@chakra-ui/react';
+import { SlotRecipeProps as SlotRecipeProps$1 } from '@chakra-ui/react';
 
-declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
+type SlotRecipeProps<T, DefaultSlotRecipe> = SlotRecipeProps$1<T> extends {
+    variant?: any;
+} ? SlotRecipeProps$1<T> : SlotRecipeProps$1<T> & DefaultSlotRecipe;
+
+declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"header" | "root" | "item" | "cell", {
     interactive: {
         true: {
             item: {