@saas-ui/react 3.0.0-alpha.6 → 3.0.0-alpha.7

package/dist/components/menu/index.cjs

@@ -1,10 +1,8 @@
 'use client'
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/menu/index.ts
@@ -39,6 +29,7 @@ module.exports = __toCommonJS(menu_exports2);
 var menu_exports = {};
 __export(menu_exports, {
   Arrow: () => MenuArrow,
+  Button: () => MenuButton,
   CheckboxItem: () => MenuCheckboxItem,
   Content: () => MenuContent,
   ContextTrigger: () => MenuContextTrigger,
@@ -53,210 +44,203 @@ __export(menu_exports, {
   Trigger: () => MenuTrigger,
   TriggerItem: () => MenuTriggerItem
 });
-var import_react3 = require("react");
-var import_react4 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 
-// ../../node_modules/react-icons/lib/iconBase.mjs
-var import_react2 = __toESM(require("react"), 1);
-
-// ../../node_modules/react-icons/lib/iconContext.mjs
-var import_react = __toESM(require("react"), 1);
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react.default.createContext && /* @__PURE__ */ import_react.default.createContext(DefaultContext);
-
-// ../../node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
+// src/components/button/button.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  function Button2(props, ref) {
+    const {
+      loading,
+      disabled,
+      loadingText,
+      children,
+      variant = "glass",
+      colorPalette = variant === "glass" ? "accent" : "gray",
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react2.Button,
+      {
+        colorPalette,
+        disabled: loading || disabled,
+        variant,
+        ref,
+        ...rest,
+        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+          loadingText
+        ] }) : children
       }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
+    );
   }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react2.default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ import_react2.default.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ import_react2.default.createElement("svg", _extends({
+);
+
+// src/components/icons/create-icon.tsx
+var import_react3 = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react3.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
       stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react2.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react2.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
 
-// ../../node_modules/react-icons/lu/index.mjs
-function LuCheck(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "20 6 9 17 4 12" }, "child": [] }] })(props);
-}
-function LuChevronRight(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "m9 18 6-6-6-6" }, "child": [] }] })(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" }) })
+});
 
 // src/components/menu/menu.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var MenuContent = (0, import_react3.forwardRef)(
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var MenuContent = (0, import_react4.forwardRef)(
   function MenuContent2(props, ref) {
     const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.Content, { ref, ...rest }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Content, { ref, ...rest }) }) });
   }
 );
-var MenuArrow = (0, import_react3.forwardRef)(
+var MenuArrow = (0, import_react4.forwardRef)(
   function MenuArrow2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.ArrowTip, {}) });
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ArrowTip, {}) });
   }
 );
-var MenuCheckboxItem = (0, import_react3.forwardRef)(function MenuCheckboxItem2(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Menu.CheckboxItem, { ref, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LuCheck, {}) }),
+var MenuCheckboxItem = (0, import_react4.forwardRef)(function MenuCheckboxItem2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.CheckboxItem, { ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {}) }),
     props.children
   ] });
 });
-var MenuRadioItem = (0, import_react3.forwardRef)(
+var MenuRadioItem = (0, import_react4.forwardRef)(
   function MenuRadioItem2(props, ref) {
     const { children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LuCheck, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.ItemText, { children })
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CheckIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemText, { children })
     ] });
   }
 );
-var MenuItemGroup = (0, import_react3.forwardRef)(
+var MenuItemGroup = (0, import_react4.forwardRef)(
   function MenuItemGroup2(props, ref) {
     const { title, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Menu.ItemGroup, { ref, ...rest, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.ItemGroup, { ref, ...rest, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
       children
     ] });
   }
 );
-var MenuTriggerItem = (0, import_react3.forwardRef)(
+var MenuTriggerItem = (0, import_react4.forwardRef)(
   function MenuTriggerItem2(props, ref) {
     const { startIcon, children, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Menu.TriggerItem, { ref, ...rest, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Menu.TriggerItem, { ref, ...rest, children: [
       startIcon,
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LuChevronRight, {})
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ChevronRightIcon, {})
     ] });
   }
 );
-var MenuRadioItemGroup = import_react4.Menu.RadioItemGroup;
-var MenuContextTrigger = import_react4.Menu.ContextTrigger;
-var MenuRoot = import_react4.Menu.Root;
-var MenuSeparator = import_react4.Menu.Separator;
-var MenuItem = import_react4.Menu.Item;
-var MenuItemText = import_react4.Menu.ItemText;
-var MenuItemCommand = import_react4.Menu.ItemCommand;
-var MenuTrigger = import_react4.Menu.Trigger;
+var MenuButton = (0, import_react4.forwardRef)(
+  function MenuButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, {}) });
+  }
+);
+var MenuRadioItemGroup = import_react5.Menu.RadioItemGroup;
+var MenuContextTrigger = import_react5.Menu.ContextTrigger;
+var MenuRoot = import_react5.Menu.Root;
+var MenuSeparator = import_react5.Menu.Separator;
+var MenuItem = import_react5.Menu.Item;
+var MenuItemText = import_react5.Menu.ItemText;
+var MenuItemCommand = import_react5.Menu.ItemCommand;
+var MenuTrigger = import_react5.Menu.Trigger;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Menu

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Menu } from '@chakra-ui/react';
+import { Menu, ButtonProps } from '@chakra-ui/react';
 
 interface MenuContentProps extends Menu.ContentProps {
     portalled?: boolean;
@@ -14,6 +14,9 @@ interface MenuTriggerItemProps extends Menu.ItemProps {
     startIcon?: React.ReactNode;
 }
 declare const MenuTriggerItem: react.ForwardRefExoticComponent<MenuTriggerItemProps & react.RefAttributes<HTMLDivElement>>;
+interface MenuButtonProps extends ButtonProps, Menu.TriggerProps {
+}
+declare const MenuButton: react.ForwardRefExoticComponent<MenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
 declare const MenuRadioItemGroup: react.ForwardRefExoticComponent<Menu.RadioItemGroupProps & react.RefAttributes<HTMLDivElement>>;
 declare const MenuContextTrigger: react.ForwardRefExoticComponent<Menu.ContextTriggerProps & react.RefAttributes<HTMLElement>>;
 declare const MenuRoot: react.FC<Menu.RootProps>;
@@ -23,8 +26,12 @@ declare const MenuItemText: react.ForwardRefExoticComponent<Menu.ItemTextProps &
 declare const MenuItemCommand: react.ForwardRefExoticComponent<Menu.CommandProps & react.RefAttributes<HTMLElement>>;
 declare const MenuTrigger: react.ForwardRefExoticComponent<Menu.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
 
+type MenuRootProps = Menu.RootProps;
+type MenuTriggerProps = Menu.TriggerProps;
+type MenuItemProps = Menu.ItemProps;
+
 declare namespace menu {
-  export { MenuArrow as Arrow, MenuCheckboxItem as CheckboxItem, MenuContent as Content, type MenuContentProps as ContentProps, MenuContextTrigger as ContextTrigger, MenuItem as Item, MenuItemCommand as ItemCommand, MenuItemGroup as ItemGroup, MenuItemText as ItemText, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem, type MenuTriggerItemProps as TriggerItemProps };
+  export { MenuArrow as Arrow, MenuButton as Button, type MenuButtonProps as ButtonProps, MenuCheckboxItem as CheckboxItem, MenuContent as Content, type MenuContentProps as ContentProps, MenuContextTrigger as ContextTrigger, MenuItem as Item, MenuItemCommand as ItemCommand, MenuItemGroup as ItemGroup, type MenuItemProps as ItemProps, MenuItemText as ItemText, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, type MenuRootProps as RootProps, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem, type MenuTriggerItemProps as TriggerItemProps, type MenuTriggerProps as TriggerProps };
 }
 
 export { menu as Menu };

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Menu } from '@chakra-ui/react';
+import { Menu, ButtonProps } from '@chakra-ui/react';
 
 interface MenuContentProps extends Menu.ContentProps {
     portalled?: boolean;
@@ -14,6 +14,9 @@ interface MenuTriggerItemProps extends Menu.ItemProps {
     startIcon?: React.ReactNode;
 }
 declare const MenuTriggerItem: react.ForwardRefExoticComponent<MenuTriggerItemProps & react.RefAttributes<HTMLDivElement>>;
+interface MenuButtonProps extends ButtonProps, Menu.TriggerProps {
+}
+declare const MenuButton: react.ForwardRefExoticComponent<MenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
 declare const MenuRadioItemGroup: react.ForwardRefExoticComponent<Menu.RadioItemGroupProps & react.RefAttributes<HTMLDivElement>>;
 declare const MenuContextTrigger: react.ForwardRefExoticComponent<Menu.ContextTriggerProps & react.RefAttributes<HTMLElement>>;
 declare const MenuRoot: react.FC<Menu.RootProps>;
@@ -23,8 +26,12 @@ declare const MenuItemText: react.ForwardRefExoticComponent<Menu.ItemTextProps &
 declare const MenuItemCommand: react.ForwardRefExoticComponent<Menu.CommandProps & react.RefAttributes<HTMLElement>>;
 declare const MenuTrigger: react.ForwardRefExoticComponent<Menu.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
 
+type MenuRootProps = Menu.RootProps;
+type MenuTriggerProps = Menu.TriggerProps;
+type MenuItemProps = Menu.ItemProps;
+
 declare namespace menu {
-  export { MenuArrow as Arrow, MenuCheckboxItem as CheckboxItem, MenuContent as Content, type MenuContentProps as ContentProps, MenuContextTrigger as ContextTrigger, MenuItem as Item, MenuItemCommand as ItemCommand, MenuItemGroup as ItemGroup, MenuItemText as ItemText, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem, type MenuTriggerItemProps as TriggerItemProps };
+  export { MenuArrow as Arrow, MenuButton as Button, type MenuButtonProps as ButtonProps, MenuCheckboxItem as CheckboxItem, MenuContent as Content, type MenuContentProps as ContentProps, MenuContextTrigger as ContextTrigger, MenuItem as Item, MenuItemCommand as ItemCommand, MenuItemGroup as ItemGroup, type MenuItemProps as ItemProps, MenuItemText as ItemText, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, type MenuRootProps as RootProps, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem, type MenuTriggerItemProps as TriggerItemProps, type MenuTriggerProps as TriggerProps };
 }
 
 export { menu as Menu };

package/dist/components/menu/index.js

@@ -1,8 +1,10 @@
 'use client'
 import {
   menu_exports
-} from "../../chunk-VF3BV2BY.js";
-import "../../chunk-F3CVOMG5.js";
+} from "../../chunk-5T7S5OAM.js";
+import "../../chunk-KTLWEUNW.js";
+import "../../chunk-BCNPBZZK.js";
+import "../../chunk-VDXTEASE.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   menu_exports as Menu

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

@@ -1,8 +1,7 @@
 'use client'
 import {
   PasswordInput
-} from "../../chunk-QMG6HP7Z.js";
-import "../../chunk-F3CVOMG5.js";
+} from "../../chunk-CD2JUFI2.js";
 import "../../chunk-PKI6YH2V.js";
 import "../../chunk-RTMS5TJN.js";
 export {

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

@@ -1,2 +1,60 @@
 '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/segmented-control/index.ts
+var segmented_control_exports = {};
+__export(segmented_control_exports, {
+  SegmentedControl: () => SegmentedControl
+});
+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_jsx_runtime = require("react/jsx-runtime");
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+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,
+      {
+        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, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SegmentedControl
+});

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

@@ -1,2 +1,14 @@
+import * as react from 'react';
+import { SegmentGroup } from '@chakra-ui/react';
 
-export {  }
+interface Item {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends SegmentGroup.RootProps {
+    items: Array<string | Item>;
+}
+declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
+
+export { SegmentedControl, type SegmentedControlProps };

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

@@ -1,2 +1,14 @@
+import * as react from 'react';
+import { SegmentGroup } from '@chakra-ui/react';
 
-export {  }
+interface Item {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends SegmentGroup.RootProps {
+    items: Array<string | Item>;
+}
+declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
+
+export { SegmentedControl, type SegmentedControlProps };

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

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