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

package/dist/components/menu/index.cjs

@@ -0,0 +1,263 @@
+'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)
+    __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 __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
+var menu_exports2 = {};
+__export(menu_exports2, {
+  Menu: () => menu_exports
+});
+module.exports = __toCommonJS(menu_exports2);
+
+// src/components/menu/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  Arrow: () => MenuArrow,
+  CheckboxItem: () => MenuCheckboxItem,
+  Content: () => MenuContent,
+  ContextTrigger: () => MenuContextTrigger,
+  Item: () => MenuItem,
+  ItemCommand: () => MenuItemCommand,
+  ItemGroup: () => MenuItemGroup,
+  ItemText: () => MenuItemText,
+  RadioItem: () => MenuRadioItem,
+  RadioItemGroup: () => MenuRadioItemGroup,
+  Root: () => MenuRoot,
+  Separator: () => MenuSeparator,
+  Trigger: () => MenuTrigger,
+  TriggerItem: () => MenuTriggerItem
+});
+var import_react3 = require("react");
+var import_react4 = 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];
+        }
+      }
+    }
+    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({
+      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);
+}
+
+// ../../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/menu/menu.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var MenuContent = (0, import_react3.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 }) }) });
+  }
+);
+var MenuArrow = (0, import_react3.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, {}) });
+  }
+);
+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, {}) }),
+    props.children
+  ] });
+});
+var MenuRadioItem = (0, import_react3.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 })
+    ] });
+  }
+);
+var MenuItemGroup = (0, import_react3.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 }),
+      children
+    ] });
+  }
+);
+var MenuTriggerItem = (0, import_react3.forwardRef)(
+  function MenuTriggerItem2(props, ref) {
+    const { startIcon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react4.Menu.TriggerItem, { ref, ...rest, children: [
+      startIcon,
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LuChevronRight, {})
+    ] });
+  }
+);
+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;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Menu
+});

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

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { Menu } from '@chakra-ui/react';
+
+interface MenuContentProps extends Menu.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuArrow: react.ForwardRefExoticComponent<Menu.ArrowProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuCheckboxItem: react.ForwardRefExoticComponent<Menu.CheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuRadioItem: react.ForwardRefExoticComponent<Menu.RadioItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemGroup: react.ForwardRefExoticComponent<Menu.ItemGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface MenuTriggerItemProps extends Menu.ItemProps {
+    startIcon?: React.ReactNode;
+}
+declare const MenuTriggerItem: react.ForwardRefExoticComponent<MenuTriggerItemProps & react.RefAttributes<HTMLDivElement>>;
+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>;
+declare const MenuSeparator: react.ForwardRefExoticComponent<Menu.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<Menu.ItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemText: react.ForwardRefExoticComponent<Menu.ItemTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCommand: react.ForwardRefExoticComponent<Menu.CommandProps & react.RefAttributes<HTMLElement>>;
+declare const MenuTrigger: react.ForwardRefExoticComponent<Menu.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+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 { menu as Menu };

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

@@ -0,0 +1,30 @@
+import * as react from 'react';
+import { Menu } from '@chakra-ui/react';
+
+interface MenuContentProps extends Menu.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuArrow: react.ForwardRefExoticComponent<Menu.ArrowProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuCheckboxItem: react.ForwardRefExoticComponent<Menu.CheckboxItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuRadioItem: react.ForwardRefExoticComponent<Menu.RadioItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemGroup: react.ForwardRefExoticComponent<Menu.ItemGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface MenuTriggerItemProps extends Menu.ItemProps {
+    startIcon?: React.ReactNode;
+}
+declare const MenuTriggerItem: react.ForwardRefExoticComponent<MenuTriggerItemProps & react.RefAttributes<HTMLDivElement>>;
+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>;
+declare const MenuSeparator: react.ForwardRefExoticComponent<Menu.SeparatorProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItem: react.ForwardRefExoticComponent<Menu.ItemProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemText: react.ForwardRefExoticComponent<Menu.ItemTextProps & react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCommand: react.ForwardRefExoticComponent<Menu.CommandProps & react.RefAttributes<HTMLElement>>;
+declare const MenuTrigger: react.ForwardRefExoticComponent<Menu.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+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 { menu as Menu };

package/dist/components/menu/index.js

@@ -0,0 +1,9 @@
+'use client'
+import {
+  menu_exports
+} from "../../chunk-VF3BV2BY.js";
+import "../../chunk-F3CVOMG5.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  menu_exports as Menu
+};