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

package/dist/components/search-input/index.cjs

@@ -36,14 +36,14 @@ __export(search_input_exports, {
 module.exports = __toCommonJS(search_input_exports);
 
 // src/components/search-input/search-input.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react3 = require("@chakra-ui/react");
+var import_react = __toESM(require("react"), 1);
+var import_react2 = require("@chakra-ui/react");
 var import_utils = require("@saas-ui/core/utils");
 
 // 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",
@@ -146,10 +146,25 @@ var EllipsisIcon = createIcon({
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
   ] })
 });
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
+  ] })
+});
 
 // src/components/search-input/search-input.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var SearchInput = (0, import_react2.forwardRef)(
+var SearchInput = (0, import_react.forwardRef)(
   (props, ref) => {
     const {
       placeholder = "Search",
@@ -167,18 +182,18 @@ var SearchInput = (0, import_react2.forwardRef)(
       disabled,
       ...inputProps
     } = props;
-    const inputRef = import_react2.default.useRef(null);
-    const [value, setValue] = (0, import_react3.useControllableState)({
+    const inputRef = import_react.default.useRef(null);
+    const [value, setValue] = (0, import_react2.useControllableState)({
       value: valueProp,
       defaultValue: defaultValueProp
     });
-    const onChange = import_react2.default.useCallback(
+    const onChange = import_react.default.useCallback(
       (e) => {
         setValue(e.target.value);
       },
       [setValue]
     );
-    const onKeyDown = import_react2.default.useCallback(
+    const onKeyDown = import_react.default.useCallback(
       (event) => {
         if (event.key === "Escape") {
           setValue("");
@@ -195,9 +210,9 @@ var SearchInput = (0, import_react2.forwardRef)(
     };
     const showReset = value && !props.disabled;
     const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react3.Group, { width, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Group, { width, children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react3.InputElement,
+        import_react2.InputElement,
         {
           placement: "start",
           px: "0",
@@ -207,7 +222,7 @@ var SearchInput = (0, import_react2.forwardRef)(
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react3.Input,
+        import_react2.Input,
         {
           type: "text",
           placeholder,
@@ -215,7 +230,7 @@ var SearchInput = (0, import_react2.forwardRef)(
           size,
           value,
           disabled,
-          ref: (0, import_react3.mergeRefs)(ref, inputRef),
+          ref: (0, import_react2.mergeRefs)(ref, inputRef),
           onChange: (0, import_utils.callAll)(onChange, onChangeProp),
           onKeyDown: (0, import_utils.callAll)(onKeyDown, onKeyDownProp),
           ps: "calc(var(--input-height) - var(--input-height) / 10)",
@@ -223,15 +238,15 @@ var SearchInput = (0, import_react2.forwardRef)(
           ...inputProps
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.InputElement, { placement: "end", children: endElement })
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.InputElement, { placement: "end", children: endElement })
     ] });
   }
 );
-var SearchInputResetButton = (0, import_react2.forwardRef)(
+var SearchInputResetButton = (0, import_react.forwardRef)(
   (props, ref) => {
     const { children = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}), ...rest } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react3.IconButton,
+      import_react2.IconButton,
       {
         ref,
         variant: "ghost",

package/dist/components/search-input/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   SearchInput
-} from "../../chunk-46ISJZBS.js";
+} from "../../chunk-4IZGJDYL.js";
 import "../../chunk-KTLWEUNW.js";
-import "../../chunk-4TPVIHNO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   SearchInput

package/dist/components/segmented-control/index.cjs

@@ -27,7 +27,8 @@ module.exports = __toCommonJS(segmented_control_exports);
 
 // src/components/segmented-control/segmented-control.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_for = require("@chakra-ui/react/for");
+var import_segment_group = require("@chakra-ui/react/segment-group");
 var import_jsx_runtime = require("react/jsx-runtime");
 function normalize(items) {
   return items.map((item) => {
@@ -38,16 +39,16 @@ function normalize(items) {
 var SegmentedControl = (0, import_react.forwardRef)(function SegmentedControl2(props, ref) {
   const { items, ...rest } = props;
   const data = (0, import_react.useMemo)(() => normalize(items), [items]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.SegmentGroup.Root, { ref, ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.SegmentGroup.Indicator, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_react2.SegmentGroup.Item,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_segment_group.SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_for.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_segment_group.SegmentGroup.Item,
       {
         value: item.value,
         disabled: item.disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.SegmentGroup.ItemText, { children: item.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.SegmentGroup.ItemHiddenInput, {})
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_segment_group.SegmentGroup.ItemHiddenInput, {})
         ]
       },
       item.value

package/dist/components/segmented-control/index.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SegmentGroup } from '@chakra-ui/react';
+import { SegmentGroup } from '@chakra-ui/react/segment-group';
 
 interface Item {
     value: string;

package/dist/components/segmented-control/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { SegmentGroup } from '@chakra-ui/react';
+import { SegmentGroup } from '@chakra-ui/react/segment-group';
 
 interface Item {
     value: string;

package/dist/components/segmented-control/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   SegmentedControl
-} from "../../chunk-SKXSBAOS.js";
+} from "../../chunk-KFDVVTMT.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   SegmentedControl

package/dist/components/select/index.cjs

@@ -39,17 +39,40 @@ __export(namespace_exports, {
 });
 
 // src/components/select/select.tsx
-var import_react4 = require("react");
-var import_react5 = require("@chakra-ui/react");
+var import_react3 = require("react");
+var import_portal = require("@chakra-ui/react/portal");
+var import_select = require("@chakra-ui/react/select");
 
 // 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",
@@ -63,121 +86,136 @@ 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/select/select.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var SelectTrigger = (0, import_react4.forwardRef)(
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var SelectTrigger = (0, import_react3.forwardRef)(
   function SelectTrigger2(props, ref) {
     const { children, clearable, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Control, { ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Trigger, { ref, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.IndicatorGroup, { children: [
-        clearable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectClearTrigger, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Indicator, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_select.Select.Control, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Trigger, { ref, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_select.Select.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectClearTrigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Indicator, {})
       ] })
     ] });
   }
 );
-var SelectClearTrigger = (0, import_react4.forwardRef)(function SelectClearTrigger2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var SelectClearTrigger = (0, import_react3.forwardRef)(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     CloseButton,
     {
       size: "xs",
@@ -188,24 +226,24 @@ var SelectClearTrigger = (0, import_react4.forwardRef)(function SelectClearTrigg
     }
   ) });
 });
-var SelectContent = (0, import_react4.forwardRef)(
+var SelectContent = (0, import_react3.forwardRef)(
   function SelectContent2(props, ref) {
     const { portalled = true, portalRef, ...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.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Content, { ...rest, ref }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Content, { ...rest, ref }) }) });
   }
 );
-var SelectItem = (0, import_react4.forwardRef)(
+var SelectItem = (0, import_react3.forwardRef)(
   function SelectItem2(props, ref) {
     const { item, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Item, { item, ...rest, ref, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_select.Select.Item, { item, ...rest, ref, children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemIndicator, {})
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.ItemIndicator, {})
     ] }, item.value);
   }
 );
-var SelectValueText = (0, import_react4.forwardRef)(function SelectValueText2(props, ref) {
+var SelectValueText = (0, import_react3.forwardRef)(function SelectValueText2(props, ref) {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Context, { children: (select) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.Context, { children: (select) => {
     const items = select.selectedItems;
     if (items.length === 0) return props.placeholder;
     if (children) return children(items);
@@ -214,9 +252,9 @@ var SelectValueText = (0, import_react4.forwardRef)(function SelectValueText2(pr
     return `${items.length} selected`;
   } }) });
 });
-var SelectRoot = (0, import_react4.forwardRef)(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react5.Select.Root,
+var SelectRoot = (0, import_react3.forwardRef)(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_select.Select.Root,
     {
       ...props,
       ref,
@@ -224,17 +262,17 @@ var SelectRoot = (0, import_react4.forwardRef)(function SelectRoot2(props, ref)
     }
   );
 });
-var SelectItemGroup = (0, import_react4.forwardRef)(
+var SelectItemGroup = (0, import_react3.forwardRef)(
   function SelectItemGroup2(props, ref) {
     const { children, label, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.ItemGroup, { ...rest, ref, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemGroupLabel, { children: label }),
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_select.Select.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_select.Select.ItemGroupLabel, { children: label }),
       children
     ] });
   }
 );
-var SelectLabel = import_react5.Select.Label;
-var SelectItemText = import_react5.Select.ItemText;
+var SelectLabel = import_select.Select.Label;
+var SelectItemText = import_select.Select.ItemText;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Select

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

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { Select, CollectionItem } from '@chakra-ui/react';
+import { CollectionItem } from '@chakra-ui/react/collection';
+import { Select } from '@chakra-ui/react/select';
 
 interface SelectTriggerProps extends Select.ControlProps {
     clearable?: boolean;

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

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { Select, CollectionItem } from '@chakra-ui/react';
+import { CollectionItem } from '@chakra-ui/react/collection';
+import { Select } from '@chakra-ui/react/select';
 
 interface SelectTriggerProps extends Select.ControlProps {
     clearable?: boolean;

package/dist/components/select/index.js

@@ -1,10 +1,12 @@
 'use client'
 import {
   namespace_exports
-} from "../../chunk-3JZ42NYM.js";
+} from "../../chunk-3DGRWH7C.js";
 import "../../chunk-JMYI6YXR.js";
-import "../../chunk-YXGJOOMM.js";
-import "../../chunk-4TPVIHNO.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   namespace_exports as Select

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

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

@@ -0,0 +1 @@
+export { Separator, SeparatorProps } from '@chakra-ui/react/separator';

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

@@ -0,0 +1 @@
+export { Separator, SeparatorProps } from '@chakra-ui/react/separator';

package/dist/components/separator/index.js

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

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

@@ -2,9 +2,9 @@ import * as _saas_ui_core_sidebar from '@saas-ui/core/sidebar';
 import { Sidebar } from '@saas-ui/core/sidebar';
 export { useSidebar } from '@saas-ui/core/sidebar';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react__default from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 
 interface SidebarProviderProps extends Sidebar.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
 }

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

@@ -2,9 +2,9 @@ import * as _saas_ui_core_sidebar from '@saas-ui/core/sidebar';
 import { Sidebar } from '@saas-ui/core/sidebar';
 export { useSidebar } from '@saas-ui/core/sidebar';
 import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import react__default from 'react';
+import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react/styled-system';
 
 interface SidebarProviderProps extends Sidebar.ProviderProps, Omit<SlotRecipeProps<'suiSidebar'>, 'mode'> {
 }