@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.26

package/dist/components/drawer/index.cjs

@@ -19,31 +19,29 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/drawer/index.ts
-var drawer_exports = {};
-__export(drawer_exports, {
-  Drawer: () => namespace_exports
-});
-module.exports = __toCommonJS(drawer_exports);
-
-// src/components/drawer/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DrawerActionTrigger,
-  Backdrop: () => DrawerBackdrop,
-  Body: () => DrawerBody,
-  CloseButton: () => DrawerCloseButton,
-  CloseTrigger: () => DrawerCloseTrigger2,
-  Content: () => DrawerContent,
-  Context: () => DrawerContext,
-  Description: () => DrawerDescription,
-  Footer: () => DrawerFooter,
-  Header: () => DrawerHeader,
-  Root: () => DrawerRoot,
-  Title: () => DrawerTitle,
-  Trigger: () => DrawerTrigger
+var drawer_exports2 = {};
+__export(drawer_exports2, {
+  Drawer: () => drawer_exports
 });
+module.exports = __toCommonJS(drawer_exports2);
 
 // src/components/drawer/drawer.tsx
+var drawer_exports = {};
+__export(drawer_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton3,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
 var import_react4 = require("react");
 var import_dialog = require("@ark-ui/react/dialog");
 var import_react5 = require("@chakra-ui/react");
@@ -170,27 +168,27 @@ var CloseButton = (0, import_react2.forwardRef)(
 
 // src/components/drawer/drawer.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var DrawerContent = (0, import_react4.forwardRef)(
-  function DrawerContent2(props, ref) {
+var Content = (0, import_react4.forwardRef)(
+  function DrawerContent(props, ref) {
     const { children, portalled = true, portalRef, offset, ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
   }
 );
-var DrawerCloseButton = (0, import_react4.forwardRef)(function DrawerCloseTrigger(props, ref) {
+var CloseButton3 = (0, import_react4.forwardRef)(function DrawerCloseTrigger(props, ref) {
   const { children, ...rest } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children }) });
 });
-var DrawerCloseTrigger2 = import_react5.Drawer.CloseTrigger;
-var DrawerTrigger = import_react5.Drawer.Trigger;
-var DrawerRoot = import_react5.Drawer.Root;
-var DrawerFooter = import_react5.Drawer.Footer;
-var DrawerHeader = import_react5.Drawer.Header;
-var DrawerBody = import_react5.Drawer.Body;
-var DrawerBackdrop = import_react5.Drawer.Backdrop;
-var DrawerDescription = import_react5.Drawer.Description;
-var DrawerTitle = import_react5.Drawer.Title;
-var DrawerActionTrigger = import_react5.Drawer.ActionTrigger;
-var DrawerContext = import_dialog.DialogContext;
+var CloseTrigger = import_react5.Drawer.CloseTrigger;
+var Trigger = import_react5.Drawer.Trigger;
+var Root = import_react5.Drawer.Root;
+var Footer = import_react5.Drawer.Footer;
+var Header = import_react5.Drawer.Header;
+var Body = import_react5.Drawer.Body;
+var Backdrop = import_react5.Drawer.Backdrop;
+var Description = import_react5.Drawer.Description;
+var Title = import_react5.Drawer.Title;
+var ActionTrigger = import_react5.Drawer.ActionTrigger;
+var Context = import_dialog.DialogContext;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Drawer

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

@@ -2,28 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
-interface DrawerContentProps extends Drawer.ContentProps {
+interface ContentProps extends Drawer.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     offset?: Drawer.ContentProps['padding'];
 }
-declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerCloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerRoot: react.FC<Drawer.RootProps>;
-declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
-type DrawerRootProps = Drawer.RootProps;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: react.FC<Drawer.RootProps>;
+declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+type RootProps = Drawer.RootProps;
 
-declare namespace namespace {
-  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseButton as CloseButton, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+declare const drawer_ActionTrigger: typeof ActionTrigger;
+declare const drawer_Backdrop: typeof Backdrop;
+declare const drawer_Body: typeof Body;
+declare const drawer_CloseButton: typeof CloseButton;
+declare const drawer_CloseTrigger: typeof CloseTrigger;
+declare const drawer_Content: typeof Content;
+type drawer_ContentProps = ContentProps;
+declare const drawer_Context: typeof Context;
+declare const drawer_Description: typeof Description;
+declare const drawer_Footer: typeof Footer;
+declare const drawer_Header: typeof Header;
+declare const drawer_Root: typeof Root;
+type drawer_RootProps = RootProps;
+declare const drawer_Title: typeof Title;
+declare const drawer_Trigger: typeof Trigger;
+declare namespace drawer {
+  export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
 }
 
-export { namespace as Drawer };
+export { drawer as Drawer };

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

@@ -2,28 +2,43 @@ import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
-interface DrawerContentProps extends Drawer.ContentProps {
+interface ContentProps extends Drawer.ContentProps {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     offset?: Drawer.ContentProps['padding'];
 }
-declare const DrawerContent: react.ForwardRefExoticComponent<DrawerContentProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerCloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerCloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerTrigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerRoot: react.FC<Drawer.RootProps>;
-declare const DrawerFooter: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerHeader: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBody: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerDescription: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerTitle: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
-declare const DrawerActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
-type DrawerRootProps = Drawer.RootProps;
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Drawer.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Drawer.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Root: react.FC<Drawer.RootProps>;
+declare const Footer: react.ForwardRefExoticComponent<Drawer.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Drawer.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Body: react.ForwardRefExoticComponent<Drawer.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Backdrop: react.ForwardRefExoticComponent<Drawer.BackdropProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Drawer.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Title: react.ForwardRefExoticComponent<Drawer.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const ActionTrigger: react.ForwardRefExoticComponent<Drawer.ActionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Context: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
+type RootProps = Drawer.RootProps;
 
-declare namespace namespace {
-  export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseButton as CloseButton, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, type DrawerContentProps as ContentProps, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerRoot as Root, type DrawerRootProps as RootProps, DrawerTitle as Title, DrawerTrigger as Trigger };
+declare const drawer_ActionTrigger: typeof ActionTrigger;
+declare const drawer_Backdrop: typeof Backdrop;
+declare const drawer_Body: typeof Body;
+declare const drawer_CloseButton: typeof CloseButton;
+declare const drawer_CloseTrigger: typeof CloseTrigger;
+declare const drawer_Content: typeof Content;
+type drawer_ContentProps = ContentProps;
+declare const drawer_Context: typeof Context;
+declare const drawer_Description: typeof Description;
+declare const drawer_Footer: typeof Footer;
+declare const drawer_Header: typeof Header;
+declare const drawer_Root: typeof Root;
+type drawer_RootProps = RootProps;
+declare const drawer_Title: typeof Title;
+declare const drawer_Trigger: typeof Trigger;
+declare namespace drawer {
+  export { drawer_ActionTrigger as ActionTrigger, drawer_Backdrop as Backdrop, drawer_Body as Body, drawer_CloseButton as CloseButton, drawer_CloseTrigger as CloseTrigger, drawer_Content as Content, type drawer_ContentProps as ContentProps, drawer_Context as Context, drawer_Description as Description, drawer_Footer as Footer, drawer_Header as Header, drawer_Root as Root, type drawer_RootProps as RootProps, drawer_Title as Title, drawer_Trigger as Trigger };
 }
 
-export { namespace as Drawer };
+export { drawer as Drawer };

package/dist/components/drawer/index.js

@@ -1,11 +1,11 @@
 'use client'
 import {
-  namespace_exports
-} from "../../chunk-3Y67QIZ7.js";
+  drawer_exports
+} from "../../chunk-6MMPBMKN.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-YXGJOOMM.js";
 import "../../chunk-4TPVIHNO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
-  namespace_exports as Drawer
+  drawer_exports as Drawer
 };

package/dist/components/empty-state/index.cjs

@@ -26,19 +26,21 @@ __export(empty_state_exports, {
 module.exports = __toCommonJS(empty_state_exports);
 
 // src/components/empty-state/empty-state.tsx
-var import_react = require("@chakra-ui/react");
-var import_react2 = require("react");
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
 var import_jsx_runtime = require("react/jsx-runtime");
-var EmptyState = (0, import_react2.forwardRef)(
+var EmptyStateActions = (props) => {
+  const { actions } = (0, import_react2.useEmptyStateStyles)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Box, { ...props, css: [actions, props.css] });
+};
+var EmptyState = (0, import_react.forwardRef)(
   function EmptyState2(props, ref) {
     const { title, description, icon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.EmptyState.Content, { children: [
-      icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Indicator, { children: icon }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.VStack, { textAlign: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Title, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Description, { children: description })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.EmptyState.Title, { children: title }),
-      children
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.EmptyState.Content, { children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Indicator, { children: icon }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Title, { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.EmptyState.Description, { children: description }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyStateActions, { children })
     ] }) });
   }
 );

package/dist/components/empty-state/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   EmptyState
-} from "../../chunk-FJFNGSPL.js";
+} from "../../chunk-NGGISORT.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   EmptyState

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

@@ -0,0 +1,254 @@
+'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
+});
+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_react4 = require("@chakra-ui/react");
+
+// 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" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+
+// 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, {}) });
+  }
+);
+
+// src/components/file-upload/file-upload.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react4.FileUpload.ItemContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemName, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = (0, import_react4.useFileUploadContext)();
+    const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = (0, import_react4.useRecipe)({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react4.Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.FileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = import_react4.FileUpload.Label;
+var ClearTrigger = import_react4.FileUpload.ClearTrigger;
+var Trigger = import_react4.FileUpload.Trigger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FileUpload
+});

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

@@ -0,0 +1,43 @@
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { FileUpload, ButtonProps, RecipeProps } from '@chakra-ui/react';
+import * as react from 'react';
+
+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,43 @@
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { FileUpload, ButtonProps, RecipeProps } from '@chakra-ui/react';
+import * as react from 'react';
+
+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,10 @@
+'use client'
+import {
+  file_upload_exports
+} from "../../chunk-GRUMUCSL.js";
+import "../../chunk-YXGJOOMM.js";
+import "../../chunk-4TPVIHNO.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  file_upload_exports as FileUpload
+};

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

@@ -4,7 +4,7 @@ import { RecipeVariantProps, HTMLChakraProps } from '@chakra-ui/react';
 import { GridList } from '@saas-ui/core/grid-list';
 import { S as SlotRecipeProps } from '../../types-DnFoUudY.cjs';
 
-declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "header" | "item", {
+declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
     interactive: {
         true: {
             item: {