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

package/dist/components/dialog/index.cjs

@@ -33,7 +33,7 @@ __export(namespace_exports, {
   Body: () => DialogBody,
   CloseTrigger: () => DialogCloseTrigger,
   Content: () => DialogContent,
-  Context: () => DialogContext,
+  Context: () => import_dialog.DialogContext,
   Description: () => DialogDescription,
   Footer: () => DialogFooter,
   Header: () => DialogHeader,
@@ -43,8 +43,8 @@ __export(namespace_exports, {
 });
 
 // src/components/dialog/dialog.tsx
-var import_react5 = require("react");
-var import_react6 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
@@ -158,49 +158,10 @@ var CloseButton = (0, import_react2.forwardRef)(
   }
 );
 
-// ../../node_modules/@ark-ui/react/dist/utils/create-context.js
-var import_react4 = require("react");
-function getErrorMessage(hook, provider) {
-  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
-}
-function createContext(options = {}) {
-  const {
-    name,
-    strict = true,
-    hookName = "useContext",
-    providerName = "Provider",
-    errorMessage,
-    defaultValue
-  } = options;
-  const Context = (0, import_react4.createContext)(defaultValue);
-  Context.displayName = name;
-  function useContext$1() {
-    var _a;
-    const context = (0, import_react4.useContext)(Context);
-    if (!context && strict) {
-      const error = new Error(errorMessage != null ? errorMessage : getErrorMessage(hookName, providerName));
-      error.name = "ContextError";
-      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext$1);
-      throw error;
-    }
-    return context;
-  }
-  return [Context.Provider, useContext$1, Context];
-}
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js
-var [DialogProvider, useDialogContext] = createContext({
-  name: "DialogContext",
-  hookName: "useDialogContext",
-  providerName: "<DialogProvider />"
-});
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js
-var DialogContext = (props) => props.children(useDialogContext());
-
 // src/components/dialog/dialog.tsx
+var import_dialog = require("@ark-ui/react/dialog");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var DialogContent = (0, import_react5.forwardRef)(
+var DialogContent = (0, import_react4.forwardRef)(
   function DialogContent2(props, ref) {
     const {
       children,
@@ -209,15 +170,15 @@ var DialogContent = (0, import_react5.forwardRef)(
       backdrop = true,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react6.Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Backdrop, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Dialog.Content, { ref, ...rest, asChild: false, children }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Backdrop, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.Content, { ref, ...rest, asChild: false, children }) })
     ] });
   }
 );
-var DialogCloseTrigger = (0, import_react5.forwardRef)(function DialogCloseTrigger2(props, ref) {
+var DialogCloseTrigger = (0, import_react4.forwardRef)(function DialogCloseTrigger2(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react6.Dialog.CloseTrigger,
+    import_react5.Dialog.CloseTrigger,
     {
       position: "absolute",
       top: "2",
@@ -228,15 +189,15 @@ var DialogCloseTrigger = (0, import_react5.forwardRef)(function DialogCloseTrigg
     }
   );
 });
-var DialogRoot = import_react6.Dialog.Root;
-var DialogFooter = import_react6.Dialog.Footer;
-var DialogHeader = import_react6.Dialog.Header;
-var DialogBody = import_react6.Dialog.Body;
-var DialogBackdrop = import_react6.Dialog.Backdrop;
-var DialogTitle = import_react6.Dialog.Title;
-var DialogDescription = import_react6.Dialog.Description;
-var DialogTrigger = import_react6.Dialog.Trigger;
-var DialogActionTrigger = import_react6.Dialog.ActionTrigger;
+var DialogRoot = import_react5.Dialog.Root;
+var DialogFooter = import_react5.Dialog.Footer;
+var DialogHeader = import_react5.Dialog.Header;
+var DialogBody = import_react5.Dialog.Body;
+var DialogBackdrop = import_react5.Dialog.Backdrop;
+var DialogTitle = import_react5.Dialog.Title;
+var DialogDescription = import_react5.Dialog.Description;
+var DialogTrigger = import_react5.Dialog.Trigger;
+var DialogActionTrigger = import_react5.Dialog.ActionTrigger;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Dialog

package/dist/components/dialog/index.js

@@ -1,73 +1,10 @@
 'use client'
 import {
-  DialogContext
-} from "../../chunk-VBIVLREP.js";
-import {
-  CloseButton
-} from "../../chunk-FZW2DYK3.js";
+  namespace_exports
+} from "../../chunk-CB52LBJK.js";
+import "../../chunk-FZW2DYK3.js";
 import "../../chunk-VDXTEASE.js";
-import {
-  __export
-} from "../../chunk-RTMS5TJN.js";
-
-// src/components/dialog/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DialogActionTrigger,
-  Backdrop: () => DialogBackdrop,
-  Body: () => DialogBody,
-  CloseTrigger: () => DialogCloseTrigger,
-  Content: () => DialogContent,
-  Context: () => DialogContext,
-  Description: () => DialogDescription,
-  Footer: () => DialogFooter,
-  Header: () => DialogHeader,
-  Root: () => DialogRoot,
-  Title: () => DialogTitle,
-  Trigger: () => DialogTrigger
-});
-
-// src/components/dialog/dialog.tsx
-import { forwardRef } from "react";
-import { Dialog as ChakraDialog, Portal } from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DialogContent = forwardRef(
-  function DialogContent2(props, ref) {
-    const {
-      children,
-      portalled = true,
-      portalRef,
-      backdrop = true,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
-      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
-    ] });
-  }
-);
-var DialogCloseTrigger = forwardRef(function DialogCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraDialog.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children })
-    }
-  );
-});
-var DialogRoot = ChakraDialog.Root;
-var DialogFooter = ChakraDialog.Footer;
-var DialogHeader = ChakraDialog.Header;
-var DialogBody = ChakraDialog.Body;
-var DialogBackdrop = ChakraDialog.Backdrop;
-var DialogTitle = ChakraDialog.Title;
-var DialogDescription = ChakraDialog.Description;
-var DialogTrigger = ChakraDialog.Trigger;
-var DialogActionTrigger = ChakraDialog.ActionTrigger;
+import "../../chunk-RTMS5TJN.js";
 export {
   namespace_exports as Dialog
 };

package/dist/components/drawer/index.cjs

@@ -43,59 +43,18 @@ __export(namespace_exports, {
 });
 
 // src/components/drawer/drawer.tsx
-var import_react5 = require("react");
-
-// ../../node_modules/@ark-ui/react/dist/utils/create-context.js
-var import_react = require("react");
-function getErrorMessage(hook, provider) {
-  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
-}
-function createContext(options = {}) {
-  const {
-    name,
-    strict = true,
-    hookName = "useContext",
-    providerName = "Provider",
-    errorMessage,
-    defaultValue
-  } = options;
-  const Context = (0, import_react.createContext)(defaultValue);
-  Context.displayName = name;
-  function useContext$1() {
-    var _a;
-    const context = (0, import_react.useContext)(Context);
-    if (!context && strict) {
-      const error = new Error(errorMessage != null ? errorMessage : getErrorMessage(hookName, providerName));
-      error.name = "ContextError";
-      (_a = Error.captureStackTrace) == null ? void 0 : _a.call(Error, error, useContext$1);
-      throw error;
-    }
-    return context;
-  }
-  return [Context.Provider, useContext$1, Context];
-}
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/use-dialog-context.js
-var [DialogProvider, useDialogContext] = createContext({
-  name: "DialogContext",
-  hookName: "useDialogContext",
-  providerName: "<DialogProvider />"
-});
-
-// ../../node_modules/@ark-ui/react/dist/components/dialog/dialog-context.js
-var DialogContext = (props) => props.children(useDialogContext());
-
-// src/components/drawer/drawer.tsx
-var import_react6 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_dialog = require("@ark-ui/react/dialog");
+var import_react5 = require("@chakra-ui/react");
 
 // src/components/close-button/close-button.tsx
-var import_react3 = require("react");
-var import_react4 = require("@chakra-ui/react");
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
 
 // src/components/icons/create-icon.tsx
-var import_react2 = require("@chakra-ui/react");
+var import_react = require("@chakra-ui/react");
 var createIcon = (props) => {
-  return (0, import_react2.createIcon)({
+  return (0, import_react.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -193,24 +152,24 @@ var CheckIcon = createIcon({
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var CloseButton = (0, import_react3.forwardRef)(
+var CloseButton = (0, import_react2.forwardRef)(
   function CloseButton2(props, ref) {
     var _a;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+    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/drawer/drawer.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var DrawerContent = (0, import_react5.forwardRef)(
+var DrawerContent = (0, import_react4.forwardRef)(
   function DrawerContent2(props, ref) {
     const { children, portalled = true, portalRef, offset, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react6.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
+    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 DrawerCloseTrigger = (0, import_react5.forwardRef)(function DrawerCloseTrigger2(props, ref) {
+var DrawerCloseTrigger = (0, import_react4.forwardRef)(function DrawerCloseTrigger2(props, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react6.Drawer.CloseTrigger,
+    import_react5.Drawer.CloseTrigger,
     {
       position: "absolute",
       top: "2",
@@ -221,16 +180,16 @@ var DrawerCloseTrigger = (0, import_react5.forwardRef)(function DrawerCloseTrigg
     }
   );
 });
-var DrawerTrigger = import_react6.Drawer.Trigger;
-var DrawerRoot = import_react6.Drawer.Root;
-var DrawerFooter = import_react6.Drawer.Footer;
-var DrawerHeader = import_react6.Drawer.Header;
-var DrawerBody = import_react6.Drawer.Body;
-var DrawerBackdrop = import_react6.Drawer.Backdrop;
-var DrawerDescription = import_react6.Drawer.Description;
-var DrawerTitle = import_react6.Drawer.Title;
-var DrawerActionTrigger = import_react6.Drawer.ActionTrigger;
-var DrawerContext = DialogContext;
+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;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Drawer

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

@@ -1,4 +1,4 @@
-import * as _ark_ui_react_dialog from '@ark-ui/react/dialog';
+import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
@@ -18,7 +18,7 @@ declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropPro
 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_dialog.DialogContextProps) => react.ReactNode;
+declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
 type DrawerRootProps = Drawer.RootProps;
 
 declare namespace namespace {

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

@@ -1,4 +1,4 @@
-import * as _ark_ui_react_dialog from '@ark-ui/react/dialog';
+import * as _ark_ui_react from '@ark-ui/react';
 import * as react from 'react';
 import { Drawer } from '@chakra-ui/react';
 
@@ -18,7 +18,7 @@ declare const DrawerBackdrop: react.ForwardRefExoticComponent<Drawer.BackdropPro
 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_dialog.DialogContextProps) => react.ReactNode;
+declare const DrawerContext: (props: _ark_ui_react.DialogContextProps) => react.ReactNode;
 type DrawerRootProps = Drawer.RootProps;
 
 declare namespace namespace {

package/dist/components/drawer/index.js

@@ -1,65 +1,10 @@
 'use client'
 import {
-  DialogContext
-} from "../../chunk-VBIVLREP.js";
-import {
-  CloseButton
-} from "../../chunk-FZW2DYK3.js";
+  namespace_exports
+} from "../../chunk-H6TFEHY4.js";
+import "../../chunk-FZW2DYK3.js";
 import "../../chunk-VDXTEASE.js";
-import {
-  __export
-} from "../../chunk-RTMS5TJN.js";
-
-// src/components/drawer/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  ActionTrigger: () => DrawerActionTrigger,
-  Backdrop: () => DrawerBackdrop,
-  Body: () => DrawerBody,
-  CloseTrigger: () => DrawerCloseTrigger,
-  Content: () => DrawerContent,
-  Context: () => DrawerContext,
-  Description: () => DrawerDescription,
-  Footer: () => DrawerFooter,
-  Header: () => DrawerHeader,
-  Root: () => DrawerRoot,
-  Title: () => DrawerTitle,
-  Trigger: () => DrawerTrigger
-});
-
-// src/components/drawer/drawer.tsx
-import { forwardRef } from "react";
-import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
-import { jsx } from "react/jsx-runtime";
-var DrawerContent = forwardRef(
-  function DrawerContent2(props, ref) {
-    const { children, portalled = true, portalRef, offset, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraDrawer.Positioner, { padding: offset, children: /* @__PURE__ */ jsx(ChakraDrawer.Content, { ref, ...rest, asChild: false, children }) }) });
-  }
-);
-var DrawerCloseTrigger = forwardRef(function DrawerCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraDrawer.CloseTrigger,
-    {
-      position: "absolute",
-      top: "2",
-      insetEnd: "2",
-      ...props,
-      asChild: true,
-      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref })
-    }
-  );
-});
-var DrawerTrigger = ChakraDrawer.Trigger;
-var DrawerRoot = ChakraDrawer.Root;
-var DrawerFooter = ChakraDrawer.Footer;
-var DrawerHeader = ChakraDrawer.Header;
-var DrawerBody = ChakraDrawer.Body;
-var DrawerBackdrop = ChakraDrawer.Backdrop;
-var DrawerDescription = ChakraDrawer.Description;
-var DrawerTitle = ChakraDrawer.Title;
-var DrawerActionTrigger = ChakraDrawer.ActionTrigger;
-var DrawerContext = DialogContext;
+import "../../chunk-RTMS5TJN.js";
 export {
   namespace_exports as Drawer
 };

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

@@ -0,0 +1,48 @@
+'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/empty-state/index.ts
+var empty_state_exports = {};
+__export(empty_state_exports, {
+  EmptyState: () => EmptyState
+});
+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_jsx_runtime = require("react/jsx-runtime");
+var EmptyState = (0, import_react2.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
+    ] }) });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EmptyState
+});

package/dist/components/empty-state/index.d.cts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { EmptyState as EmptyState$1 } from '@chakra-ui/react';
+
+interface EmptyStateProps extends EmptyState$1.RootProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps };

package/dist/components/empty-state/index.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { EmptyState as EmptyState$1 } from '@chakra-ui/react';
+
+interface EmptyStateProps extends EmptyState$1.RootProps {
+    title: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+declare const EmptyState: react.ForwardRefExoticComponent<EmptyStateProps & react.RefAttributes<HTMLDivElement>>;
+
+export { EmptyState, type EmptyStateProps };

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

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

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

@@ -0,0 +1,68 @@
+'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-list/index.ts
+var grid_list_exports2 = {};
+__export(grid_list_exports2, {
+  GridList: () => grid_list_exports
+});
+module.exports = __toCommonJS(grid_list_exports2);
+
+// src/components/grid-list/grid-list.tsx
+var grid_list_exports = {};
+__export(grid_list_exports, {
+  Cell: () => GridListCell,
+  Header: () => GridListHeader,
+  Item: () => GridListItem,
+  Root: () => GridListRoot
+});
+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 {
+  withProvider,
+  withContext,
+  useStyles: useGridListStyles
+} = (0, import_react.createSlotRecipeContext)({
+  key: "suiGridList"
+});
+
+// src/components/grid-list/grid-list.tsx
+var GridListRoot = withProvider(
+  import_grid_list.GridList.Root,
+  "root"
+);
+var GridListItem = withContext(
+  import_grid_list.GridList.Item,
+  "item"
+);
+var GridListHeader = withContext(
+  import_grid_list.GridList.Header,
+  "header"
+);
+var GridListCell = withContext(
+  import_grid_list.GridList.Cell,
+  "cell"
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GridList
+});

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

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { GridList } from '@saas-ui/core/grid-list';
+
+interface GridListRootProps extends GridList.RootProps, Omit<HTMLChakraProps<'div'>, 'children'>, SlotRecipeProps<'suiGridList'> {
+}
+declare const GridListRoot: react.ForwardRefExoticComponent<Omit<GridList.RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface GridListItemProps extends HTMLChakraProps<'div'> {
+}
+declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListHeaderProps extends HTMLChakraProps<'header'> {
+}
+declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {
+}
+declare const GridListCell: react.ForwardRefExoticComponent<GridListCellProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace gridList {
+  export { GridListCell as Cell, type GridListCellProps as CellProps, GridListHeader as Header, type GridListHeaderProps as HeaderProps, GridListItem as Item, type GridListItemProps as ItemProps, GridListRoot as Root, type GridListRootProps as RootProps };
+}
+
+export { gridList as GridList };

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

@@ -0,0 +1,22 @@
+import * as react from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { GridList } from '@saas-ui/core/grid-list';
+
+interface GridListRootProps extends GridList.RootProps, Omit<HTMLChakraProps<'div'>, 'children'>, SlotRecipeProps<'suiGridList'> {
+}
+declare const GridListRoot: react.ForwardRefExoticComponent<Omit<GridList.RootProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
+interface GridListItemProps extends HTMLChakraProps<'div'> {
+}
+declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListHeaderProps extends HTMLChakraProps<'header'> {
+}
+declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {
+}
+declare const GridListCell: react.ForwardRefExoticComponent<GridListCellProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace gridList {
+  export { GridListCell as Cell, type GridListCellProps as CellProps, GridListHeader as Header, type GridListHeaderProps as HeaderProps, GridListItem as Item, type GridListItemProps as ItemProps, GridListRoot as Root, type GridListRootProps as RootProps };
+}
+
+export { gridList as GridList };

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

@@ -0,0 +1,8 @@
+'use client'
+import {
+  grid_list_exports
+} from "../../chunk-NSD5HRIP.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  grid_list_exports as GridList
+};

package/dist/components/icon-badge/index.cjs

@@ -44,7 +44,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var IconBadge = React.forwardRef(
   (props, ref) => {
     const { icon, children, ...rest } = props;
-    const recipe = (0, import_react2.useRecipe)({ key: "iconBadge", recipe: props.recipe });
+    const recipe = (0, import_react2.useRecipe)({ key: "suiIconBadge", recipe: props.recipe });
     const [variantProps, localProps] = recipe.splitVariantProps(rest);
     const styles = recipe(variantProps);
     const element = icon || children;

package/dist/components/icon-badge/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
 
-interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**
      * The icon to display
      */

package/dist/components/icon-badge/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
 
-interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**
      * The icon to display
      */