@saas-ui/react 3.0.0-alpha.31 → 3.0.0-alpha.32

package/dist/components/steps/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   steps_exports
-} from "../../chunk-VZG7EJ64.js";
+} from "../../chunk-2B5OZHZY.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-4TPVIHNO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   steps_exports as Steps

package/dist/components/switch/index.cjs

@@ -26,19 +26,19 @@ __export(switch_exports, {
 module.exports = __toCommonJS(switch_exports);
 
 // src/components/switch/switch.tsx
-var import_react = require("@chakra-ui/react");
-var import_react2 = require("react");
+var import_react = require("react");
+var import_switch = require("@chakra-ui/react/switch");
 var import_jsx_runtime = require("react/jsx-runtime");
-var Switch = (0, import_react2.forwardRef)(
+var Switch = (0, import_react.forwardRef)(
   function Switch2(props, ref) {
     const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Switch.Root, { ref: rootRef, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.HiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.Switch.Control, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
-        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_switch.Switch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_switch.Switch.Control, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
       ] }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Switch.Label, { children })
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_switch.Switch.Label, { children })
     ] });
   }
 );

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Switch as Switch$1 } from '@chakra-ui/react';
+import { Switch as Switch$1 } from '@chakra-ui/react/switch';
 
 interface SwitchProps extends Switch$1.RootProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Switch as Switch$1 } from '@chakra-ui/react';
+import { Switch as Switch$1 } from '@chakra-ui/react/switch';
 
 interface SwitchProps extends Switch$1.RootProps {
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;

package/dist/components/switch/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Switch
-} from "../../chunk-SA3OGTOO.js";
+} from "../../chunk-HTVSG47E.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Switch

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

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

@@ -0,0 +1 @@
+export { Table } from '@chakra-ui/react/table';

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

@@ -0,0 +1 @@
+export { Table } from '@chakra-ui/react/table';

package/dist/components/table/index.js

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

package/dist/components/tabs/index.cjs

@@ -22,6 +22,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var tabs_exports = {};
 __export(tabs_exports, {
   Tabs: () => import_tabs.Tabs,
+  useTabs: () => import_tabs.useTabs,
   useTabsContext: () => import_tabs.useTabsContext,
   useTabsStyles: () => import_tabs.useTabsStyles
 });
@@ -30,6 +31,7 @@ var import_tabs = require("@chakra-ui/react/tabs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Tabs,
+  useTabs,
   useTabsContext,
   useTabsStyles
 });

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

@@ -1 +1 @@
-export { Tabs, useTabsContext, useTabsStyles } from '@chakra-ui/react/tabs';
+export { Tabs, useTabs, useTabsContext, useTabsStyles } from '@chakra-ui/react/tabs';

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

@@ -1 +1 @@
-export { Tabs, useTabsContext, useTabsStyles } from '@chakra-ui/react/tabs';
+export { Tabs, useTabs, useTabsContext, useTabsStyles } from '@chakra-ui/react/tabs';

package/dist/components/tabs/index.js

@@ -1,12 +1,14 @@
 'use client'
 import {
   Tabs,
+  useTabs,
   useTabsContext,
   useTabsStyles
-} from "../../chunk-IVLUAUU5.js";
+} from "../../chunk-5YNHX4C7.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Tabs,
+  useTabs,
   useTabsContext,
   useTabsStyles
 };

package/dist/components/tag/index.cjs

@@ -27,7 +27,7 @@ module.exports = __toCommonJS(tag_exports);
 
 // src/components/tag/tag.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_tag = require("@chakra-ui/react/tag");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Tag = (0, import_react.forwardRef)(
   function Tag2(props, ref) {
@@ -39,11 +39,11 @@ var Tag = (0, import_react.forwardRef)(
       children,
       ...rest
     } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Tag.Root, { ref, ...rest, children: [
-      startElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.StartElement, { children: startElement }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.Label, { children }),
-      endElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.EndElement, { children: endElement }),
-      closable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.EndElement, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Tag.CloseTrigger, { onClick: onClose }) })
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tag.Tag.Root, { ref, ...rest, children: [
+      startElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag.StartElement, { children: startElement }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag.Label, { children }),
+      endElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag.EndElement, { children: endElement }),
+      closable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag.EndElement, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tag.Tag.CloseTrigger, { onClick: onClose }) })
     ] });
   }
 );

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Tag as Tag$1 } from '@chakra-ui/react';
+import { Tag as Tag$1 } from '@chakra-ui/react/tag';
 
 interface TagProps extends Tag$1.RootProps {
     startElement?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Tag as Tag$1 } from '@chakra-ui/react';
+import { Tag as Tag$1 } from '@chakra-ui/react/tag';
 
 interface TagProps extends Tag$1.RootProps {
     startElement?: React.ReactNode;

package/dist/components/tag/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Tag
-} from "../../chunk-IEWHAXXU.js";
+} from "../../chunk-WJZED26X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Tag

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

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

@@ -0,0 +1 @@
+export { Timeline } from '@chakra-ui/react/timeline';

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

@@ -0,0 +1 @@
+export { Timeline } from '@chakra-ui/react/timeline';

package/dist/components/timeline/index.js

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

package/dist/components/toaster/index.cjs

@@ -28,16 +28,40 @@ module.exports = __toCommonJS(toaster_exports);
 
 // src/components/toaster/toaster.tsx
 var import_react4 = require("react");
-var import_react5 = require("@chakra-ui/react");
+var import_portal = require("@chakra-ui/react/portal");
+var import_stack = require("@chakra-ui/react/stack");
+var import_toast = require("@chakra-ui/react/toast");
 
 // src/components/close-button/close-button.tsx
 var import_react2 = require("react");
-var import_react3 = require("@chakra-ui/react");
+
+// src/components/icon-button/icon-button.tsx
+var import_react = require("react");
+
+// src/components/button/index.ts
+var import_button = require("@chakra-ui/react/button");
+
+// src/components/icon-button/icon-button.tsx
+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_react = require("@chakra-ui/react");
+var import_icon = require("@chakra-ui/react/icon");
 var createIcon = (props) => {
-  return (0, import_react.createIcon)({
+  return (0, import_icon.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -51,132 +75,161 @@ var createIcon = (props) => {
 };
 
 // src/components/icons/icons.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var ChevronUpIcon = createIcon({
   displayName: "ChevronUpIcon",
-  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+  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_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+  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_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+  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_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+  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_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" })
+  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_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" })
+  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_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+  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_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" })
+  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_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" })
+  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_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+  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_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" })
+  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_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" })
+  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_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" })
+  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_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+  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_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" })
+  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_runtime2 = require("react/jsx-runtime");
+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_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, {}) });
+    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/spinner/spinner.tsx
+var import_react3 = require("react");
+var import_spinner = require("@chakra-ui/react/spinner");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Spinner = (0, import_react3.forwardRef)(
+  function Spinner2(props, ref) {
+    const { loading, children, ...rest } = props;
+    if (loading === false) {
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_spinner.Spinner, { ref, ...rest });
   }
 );
 
 // src/components/toaster/toaster.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var defaultOptions = {
   placement: "bottom-end",
   pauseOnPageIdle: true
 };
-var toast = (0, import_react5.createToaster)(defaultOptions);
+var toast = (0, import_toast.createToaster)(defaultOptions);
 var Toaster = (props) => {
   const { closable: defaultClosable = true, ...options } = props || {};
   const toaster = (0, import_react4.useMemo)(() => {
-    toast = (0, import_react5.createToaster)({
+    toast = (0, import_toast.createToaster)({
       ...defaultOptions,
       ...options
     });
     return toast;
   }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
     var _a;
     const closable = ((_a = toast2.meta) == null ? void 0 : _a.closable) === false ? false : defaultClosable && toast2.type !== "loading";
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(ToastRoot, { children: [
-      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toast.Indicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toast.Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toast.Description, { children: toast2.description }),
-        toast2.action && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toast.ActionTrigger, { children: toast2.action.label })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(ToastRoot, { children: [
+      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Indicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_stack.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Description, { children: toast2.description }),
+        toast2.action && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.ActionTrigger, { children: toast2.action.label })
       ] }),
-      closable !== false && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Toast.CloseTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "xs" }) })
+      closable !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.CloseTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseButton, { size: "xs" }) })
     ] });
   } }) });
 };
@@ -185,8 +238,8 @@ function ToastRoot(props) {
   const rectCallbackRef = (0, import_react4.useCallback)((el) => {
     setRect(el == null ? void 0 : el.getBoundingClientRect());
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react5.Toast.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_toast.Toast.Root,
     {
       ref: rectCallbackRef,
       width: { md: "sm" },

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _ark_ui_react from '@ark-ui/react';
-import { CreateToasterProps } from '@chakra-ui/react';
+import { CreateToasterProps } from '@chakra-ui/react/toast';
 
 declare let toast: _ark_ui_react.CreateToasterReturn;
 interface ToasterProps extends Partial<CreateToasterProps> {

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

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _ark_ui_react from '@ark-ui/react';
-import { CreateToasterProps } from '@chakra-ui/react';
+import { CreateToasterProps } from '@chakra-ui/react/toast';
 
 declare let toast: _ark_ui_react.CreateToasterReturn;
 interface ToasterProps extends Partial<CreateToasterProps> {

package/dist/components/toaster/index.js

@@ -2,9 +2,13 @@
 import {
   Toaster,
   toast
-} from "../../chunk-RLIAFHVM.js";
-import "../../chunk-YXGJOOMM.js";
-import "../../chunk-4TPVIHNO.js";
+} from "../../chunk-77QJSEEA.js";
+import "../../chunk-MK3OG2I4.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Toaster,