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

package/dist/components/action-bar/index.cjs

@@ -0,0 +1,217 @@
+'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/action-bar/index.ts
+var action_bar_exports2 = {};
+__export(action_bar_exports2, {
+  ActionBar: () => action_bar_exports
+});
+module.exports = __toCommonJS(action_bar_exports2);
+
+// src/components/action-bar/action-bar.tsx
+var action_bar_exports = {};
+__export(action_bar_exports, {
+  CloseButton: () => CloseButton3,
+  Content: () => Content,
+  Root: () => Root,
+  SelectionTrigger: () => SelectionTrigger,
+  Separator: () => Separator
+});
+var import_react3 = require("react");
+var import_action_bar = require("@chakra-ui/react/action-bar");
+var import_portal = require("@chakra-ui/react/portal");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("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_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/action-bar/action-bar.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var ActionBarContent = (0, import_react3.forwardRef)(
+  function ActionBarContent2(props, ref) {
+    const { children, portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_action_bar.ActionBar.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_action_bar.ActionBar.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var ActionBarCloseButton = (0, import_react3.forwardRef)(function ActionBarCloseTrigger(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_action_bar.ActionBar.CloseTrigger, { ...props, asChild: true, ref, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { size: "sm" }) });
+});
+var Root = import_action_bar.ActionBar.Root;
+var SelectionTrigger = import_action_bar.ActionBar.SelectionTrigger;
+var Separator = import_action_bar.ActionBar.Separator;
+var Content = ActionBarContent;
+var CloseButton3 = ActionBarCloseButton;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ActionBar
+});

package/dist/components/action-bar/index.d.cts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { ActionBar } from '@chakra-ui/react/action-bar';
+
+interface ActionBarContentProps extends ActionBar.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const Root: react.FC<ActionBar.RootProps>;
+declare const SelectionTrigger: react.ForwardRefExoticComponent<ActionBar.SelectionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Separator: react.ForwardRefExoticComponent<ActionBar.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const Content: react.ForwardRefExoticComponent<ActionBarContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<ActionBar.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = ActionBar.RootProps;
+type SelectionTriggerProps = ActionBar.SelectionTriggerProps;
+type SeparatorProps = ActionBar.SeparatorProps;
+type ContentProps = ActionBarContentProps;
+type CloseTriggerProps = ActionBar.CloseTriggerProps;
+
+declare const actionBar_CloseButton: typeof CloseButton;
+type actionBar_CloseTriggerProps = CloseTriggerProps;
+declare const actionBar_Content: typeof Content;
+type actionBar_ContentProps = ContentProps;
+declare const actionBar_Root: typeof Root;
+type actionBar_RootProps = RootProps;
+declare const actionBar_SelectionTrigger: typeof SelectionTrigger;
+type actionBar_SelectionTriggerProps = SelectionTriggerProps;
+declare const actionBar_Separator: typeof Separator;
+type actionBar_SeparatorProps = SeparatorProps;
+declare namespace actionBar {
+  export { actionBar_CloseButton as CloseButton, type actionBar_CloseTriggerProps as CloseTriggerProps, actionBar_Content as Content, type actionBar_ContentProps as ContentProps, actionBar_Root as Root, type actionBar_RootProps as RootProps, actionBar_SelectionTrigger as SelectionTrigger, type actionBar_SelectionTriggerProps as SelectionTriggerProps, actionBar_Separator as Separator, type actionBar_SeparatorProps as SeparatorProps };
+}
+
+export { actionBar as ActionBar };

package/dist/components/action-bar/index.d.ts

@@ -0,0 +1,33 @@
+import * as react from 'react';
+import { ActionBar } from '@chakra-ui/react/action-bar';
+
+interface ActionBarContentProps extends ActionBar.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const Root: react.FC<ActionBar.RootProps>;
+declare const SelectionTrigger: react.ForwardRefExoticComponent<ActionBar.SelectionTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Separator: react.ForwardRefExoticComponent<ActionBar.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const Content: react.ForwardRefExoticComponent<ActionBarContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<ActionBar.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = ActionBar.RootProps;
+type SelectionTriggerProps = ActionBar.SelectionTriggerProps;
+type SeparatorProps = ActionBar.SeparatorProps;
+type ContentProps = ActionBarContentProps;
+type CloseTriggerProps = ActionBar.CloseTriggerProps;
+
+declare const actionBar_CloseButton: typeof CloseButton;
+type actionBar_CloseTriggerProps = CloseTriggerProps;
+declare const actionBar_Content: typeof Content;
+type actionBar_ContentProps = ContentProps;
+declare const actionBar_Root: typeof Root;
+type actionBar_RootProps = RootProps;
+declare const actionBar_SelectionTrigger: typeof SelectionTrigger;
+type actionBar_SelectionTriggerProps = SelectionTriggerProps;
+declare const actionBar_Separator: typeof Separator;
+type actionBar_SeparatorProps = SeparatorProps;
+declare namespace actionBar {
+  export { actionBar_CloseButton as CloseButton, type actionBar_CloseTriggerProps as CloseTriggerProps, actionBar_Content as Content, type actionBar_ContentProps as ContentProps, actionBar_Root as Root, type actionBar_RootProps as RootProps, actionBar_SelectionTrigger as SelectionTrigger, type actionBar_SelectionTriggerProps as SelectionTriggerProps, actionBar_Separator as Separator, type actionBar_SeparatorProps as SeparatorProps };
+}
+
+export { actionBar as ActionBar };

package/dist/components/action-bar/index.js

@@ -0,0 +1,13 @@
+'use client'
+import {
+  action_bar_exports
+} from "../../chunk-AY7C4U2O.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 {
+  action_bar_exports as ActionBar
+};

package/dist/components/alert/index.cjs

@@ -0,0 +1,227 @@
+'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/alert/index.ts
+var alert_exports = {};
+__export(alert_exports, {
+  Alert: () => Alert
+});
+module.exports = __toCommonJS(alert_exports);
+
+// src/components/alert/alert.tsx
+var import_react3 = require("react");
+var import_alert = require("@chakra-ui/react/alert");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("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_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/alert/alert.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Alert = (0, import_react3.forwardRef)(
+  function Alert2(props, ref) {
+    const {
+      title,
+      children,
+      icon,
+      closable,
+      onClose,
+      startElement,
+      endElement,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_alert.Alert.Root, { ref, ...rest, children: [
+      startElement || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert.Alert.Indicator, { children: icon }),
+      children ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_alert.Alert.Content, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert.Alert.Title, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert.Alert.Description, { children })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_alert.Alert.Title, { flex: "1", children: title }),
+      endElement,
+      closable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        CloseButton,
+        {
+          size: "sm",
+          pos: "relative",
+          top: "-2",
+          insetEnd: "-2",
+          alignSelf: "flex-start",
+          onClick: onClose
+        }
+      )
+    ] });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert
+});

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { Alert as Alert$1 } from '@chakra-ui/react/alert';
+
+interface AlertProps extends Omit<Alert$1.RootProps, 'title'> {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    closable?: boolean;
+    onClose?: () => void;
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

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

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { Alert as Alert$1 } from '@chakra-ui/react/alert';
+
+interface AlertProps extends Omit<Alert$1.RootProps, 'title'> {
+    startElement?: React.ReactNode;
+    endElement?: React.ReactNode;
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    closable?: boolean;
+    onClose?: () => void;
+}
+declare const Alert: react.ForwardRefExoticComponent<AlertProps & react.RefAttributes<HTMLDivElement>>;
+
+export { Alert, type AlertProps };

package/dist/components/alert/index.js

@@ -0,0 +1,13 @@
+'use client'
+import {
+  Alert
+} from "../../chunk-HTQRA26F.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 {
+  Alert
+};

package/dist/components/app-shell/index.cjs

@@ -27,13 +27,13 @@ module.exports = __toCommonJS(app_shell_exports);
 
 // src/components/app-shell/app-shell.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_styled_system = require("@chakra-ui/react/styled-system");
 var import_jsx_runtime = require("react/jsx-runtime");
 var {
   withProvider,
   withContext,
   useStyles: useAppShellStyles
-} = (0, import_react2.createSlotRecipeContext)({
+} = (0, import_styled_system.createSlotRecipeContext)({
   key: "suiAppShell"
 });
 var AppShellRoot = withProvider(

package/dist/components/app-shell/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 
 interface AppShellProps extends HTMLChakraProps<'div'> {
     /**

package/dist/components/app-shell/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 
 interface AppShellProps extends HTMLChakraProps<'div'> {
     /**

package/dist/components/app-shell/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   AppShell
-} from "../../chunk-6ZNR6N2K.js";
+} from "../../chunk-YTTZX7ZE.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   AppShell

package/dist/components/avatar/index.cjs

@@ -28,14 +28,15 @@ module.exports = __toCommonJS(avatar_exports);
 
 // src/components/avatar/avatar.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_avatar = require("@chakra-ui/react/avatar");
+var import_group = require("@chakra-ui/react/group");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Avatar = (0, import_react.forwardRef)(
   function Avatar2(props, ref) {
     const { name, src, srcSet, loading, icon, fallback, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Root, { ref, ...rest, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar.Root, { ref, ...rest, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AvatarFallback, { name, icon, children: fallback }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Image, { src, srcSet, loading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.Image, { src, srcSet, loading }),
       children
     ] });
   }
@@ -43,10 +44,10 @@ var Avatar = (0, import_react.forwardRef)(
 var AvatarFallback = (0, import_react.forwardRef)(
   function AvatarFallback2(props, ref) {
     const { name, icon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Avatar.Fallback, { ref, ...rest, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_avatar.Avatar.Fallback, { ref, ...rest, children: [
       children,
       name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: getInitials(name) }),
-      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.Icon, { asChild: !!icon, children: icon })
+      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.Icon, { asChild: !!icon, children: icon })
     ] });
   }
 );
@@ -59,7 +60,7 @@ function getInitials(name) {
 var AvatarGroup = (0, import_react.forwardRef)(
   function AvatarGroup2(props, ref) {
     const { size, variant, borderless, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_avatar.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_group.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
   }
 );
 // Annotate the CommonJS export names for ESM import in node: