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

package/dist/components/field/index.cjs

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

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

@@ -0,0 +1 @@
+export { Field, useFieldContext, useFieldStyles } from '@chakra-ui/react/field';

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

@@ -0,0 +1 @@
+export { Field, useFieldContext, useFieldStyles } from '@chakra-ui/react/field';

package/dist/components/field/index.js

@@ -0,0 +1,12 @@
+'use client'
+import {
+  Field,
+  useFieldContext,
+  useFieldStyles
+} from "../../chunk-XX2OY7LK.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Field,
+  useFieldContext,
+  useFieldStyles
+};

package/dist/components/fieldset/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/fieldset/index.ts
+var fieldset_exports = {};
+__export(fieldset_exports, {
+  Fieldset: () => import_fieldset.Fieldset,
+  useFieldsetContext: () => import_fieldset.useFieldsetContext
+});
+module.exports = __toCommonJS(fieldset_exports);
+var import_fieldset = require("@chakra-ui/react/fieldset");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Fieldset,
+  useFieldsetContext
+});

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

@@ -0,0 +1 @@
+export { Fieldset, useFieldsetContext } from '@chakra-ui/react/fieldset';

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

@@ -0,0 +1 @@
+export { Fieldset, useFieldsetContext } from '@chakra-ui/react/fieldset';

package/dist/components/fieldset/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  Fieldset,
+  useFieldsetContext
+} from "../../chunk-FPRTN3I7.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Fieldset,
+  useFieldsetContext
+};

package/dist/components/file-upload/index.cjs

@@ -0,0 +1,296 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/file-upload/index.ts
+var file_upload_exports2 = {};
+__export(file_upload_exports2, {
+  FileUpload: () => file_upload_exports,
+  useFileUploadContext: () => import_file_upload2.useFileUploadContext
+});
+module.exports = __toCommonJS(file_upload_exports2);
+
+// 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
+});
+var React = __toESM(require("react"), 1);
+var import_react3 = require("@chakra-ui/react");
+var import_file_upload = require("@chakra-ui/react/file-upload");
+var import_styled_system = require("@chakra-ui/react/styled-system");
+
+// src/components/button/index.ts
+var import_button = require("@chakra-ui/react/button");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+
+// src/components/icon-button/icon-button.tsx
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/icons/create-icon.tsx
+var import_icon = require("@chakra-ui/react/icon");
+var createIcon = (props) => {
+  return (0, import_icon.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_runtime2 = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.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__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
+  ] })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/file-upload/file-upload.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_file_upload.FileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_file_upload.FileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_file_upload.FileUpload.ItemContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemName, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = (0, import_file_upload.useFileUploadContext)();
+    const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = (0, import_styled_system.useRecipe)({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_button.Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_file_upload.FileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = import_file_upload.FileUpload.Label;
+var ClearTrigger = import_file_upload.FileUpload.ClearTrigger;
+var Trigger = import_file_upload.FileUpload.Trigger;
+
+// src/components/file-upload/index.ts
+var import_file_upload2 = require("@chakra-ui/react/file-upload");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileUpload,
+  useFileUploadContext
+});

package/dist/components/file-upload/index.d.cts

@@ -0,0 +1,46 @@
+import * as _chakra_ui_react from '@chakra-ui/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>;
+}
+declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLInputElement>>;
+interface DropzoneProps extends FileUpload.DropzoneProps {
+}
+declare const Dropzone: react.ForwardRefExoticComponent<DropzoneProps & react.RefAttributes<HTMLInputElement>>;
+interface VisibilityProps {
+    showSize?: boolean;
+    clearable?: boolean;
+}
+interface ListProps extends VisibilityProps, FileUpload.ItemGroupProps {
+    files?: File[];
+}
+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;
+}
+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;
+type fileUpload_DropzoneProps = DropzoneProps;
+declare const fileUpload_Input: typeof Input;
+type fileUpload_InputProps = InputProps;
+declare const fileUpload_Label: typeof Label;
+declare const fileUpload_List: typeof List;
+declare const fileUpload_Root: typeof Root;
+type fileUpload_RootProps = RootProps;
+declare const fileUpload_Trigger: typeof Trigger;
+declare namespace fileUpload {
+  export { fileUpload_ClearTrigger as ClearTrigger, fileUpload_Dropzone as Dropzone, type fileUpload_DropzoneProps as DropzoneProps, fileUpload_Input as Input, type fileUpload_InputProps as InputProps, fileUpload_Label as Label, fileUpload_List as List, fileUpload_Root as Root, type fileUpload_RootProps as RootProps, fileUpload_Trigger as Trigger };
+}
+
+export { fileUpload as FileUpload };

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,46 @@
+import * as _chakra_ui_react from '@chakra-ui/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>;
+}
+declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLInputElement>>;
+interface DropzoneProps extends FileUpload.DropzoneProps {
+}
+declare const Dropzone: react.ForwardRefExoticComponent<DropzoneProps & react.RefAttributes<HTMLInputElement>>;
+interface VisibilityProps {
+    showSize?: boolean;
+    clearable?: boolean;
+}
+interface ListProps extends VisibilityProps, FileUpload.ItemGroupProps {
+    files?: File[];
+}
+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;
+}
+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;
+type fileUpload_DropzoneProps = DropzoneProps;
+declare const fileUpload_Input: typeof Input;
+type fileUpload_InputProps = InputProps;
+declare const fileUpload_Label: typeof Label;
+declare const fileUpload_List: typeof List;
+declare const fileUpload_Root: typeof Root;
+type fileUpload_RootProps = RootProps;
+declare const fileUpload_Trigger: typeof Trigger;
+declare namespace fileUpload {
+  export { fileUpload_ClearTrigger as ClearTrigger, fileUpload_Dropzone as Dropzone, type fileUpload_DropzoneProps as DropzoneProps, fileUpload_Input as Input, type fileUpload_InputProps as InputProps, fileUpload_Label as Label, fileUpload_List as List, fileUpload_Root as Root, type fileUpload_RootProps as RootProps, fileUpload_Trigger as Trigger };
+}
+
+export { fileUpload as FileUpload };

package/dist/components/file-upload/index.js

@@ -0,0 +1,14 @@
+'use client'
+import {
+  file_upload_exports,
+  useFileUploadContext
+} from "../../chunk-T2FPZNCP.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  file_upload_exports as FileUpload,
+  useFileUploadContext
+};

package/dist/components/grid-list/index.cjs

@@ -36,12 +36,12 @@ __export(grid_list_exports, {
 var import_grid_list = require("@saas-ui/core/grid-list");
 
 // src/components/grid-list/grid-list.context.ts
-var import_react = require("@chakra-ui/react");
+var import_styled_system = require("@chakra-ui/react/styled-system");
 var {
   withProvider,
   withContext,
   useStyles: useGridListStyles
-} = (0, import_react.createSlotRecipeContext)({
+} = (0, import_styled_system.createSlotRecipeContext)({
   key: "suiGridList"
 });
 

package/dist/components/grid-list/index.d.cts

@@ -1,14 +1,76 @@
 import * as react from 'react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/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';
 
-interface GridListRootProps extends GridList.RootProps, Omit<HTMLChakraProps<'div'>, 'children'>, SlotRecipeProps<'suiGridList'> {
+declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
+    interactive: {
+        true: {
+            item: {
+                cursor: "button";
+                transitionProperty: "bg";
+                transitionDuration: "fast";
+                _hover: {
+                    bg: "bg.subtle";
+                };
+                _active: {
+                    bg: "bg.subtle";
+                };
+            };
+        };
+    };
+    variant: {
+        simple: {};
+        rounded: {
+            item: {
+                borderRadius: "md";
+                mb: number;
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                textStyle: "sm";
+                py: number;
+            };
+            item: {
+                py: number;
+                px: number;
+                gap: number;
+            };
+            header: {
+                py: number;
+                px: number;
+            };
+        };
+        md: {
+            root: {
+                textStyle: "md";
+                py: number;
+            };
+            item: {
+                py: number;
+                px: number;
+                gap: number;
+            };
+            header: {
+                py: number;
+                px: number;
+            };
+        };
+    };
+}>;
+type GridListVariantProps = RecipeVariantProps<typeof gridListSlotRecipe>;
+
+interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList', GridListVariantProps> {
 }
-declare const GridListRoot: react.ForwardRefExoticComponent<Omit<GridList.RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
-interface GridListItemProps extends HTMLChakraProps<'div'> {
+declare const GridListRoot: react.ForwardRefExoticComponent<GridListRootProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListItemProps extends GridList.ItemProps, HTMLChakraProps<'div'> {
 }
 declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
-interface GridListHeaderProps extends HTMLChakraProps<'header'> {
+interface GridListHeaderProps extends GridList.HeaderProps, HTMLChakraProps<'header'> {
 }
 declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
 interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {