@bricks-toolkit/toolkit 0.1.1 → 0.1.2

package/dist/chunk-AJXVELXK.cjs

@@ -0,0 +1,218 @@
+'use strict';
+
+var chunkL5VQZZVR_cjs = require('./chunk-L5VQZZVR.cjs');
+var React = require('react');
+var solid = require('@heroicons/react/20/solid');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var DropdownMenuContext = React__namespace.createContext(null);
+function useDropdownMenu() {
+  const context = React__namespace.useContext(DropdownMenuContext);
+  if (!context) {
+    throw new Error("DropdownMenu components must be used within a DropdownMenu");
+  }
+  return context;
+}
+var DropdownMenu = ({
+  children,
+  open: controlledOpen,
+  onOpenChange,
+  className
+}) => {
+  const [internalOpen, setInternalOpen] = React__namespace.useState(false);
+  const [triggerElement, setTriggerElement] = React__namespace.useState(null);
+  const open = controlledOpen ?? internalOpen;
+  const setOpen = React__namespace.useCallback(
+    (nextOpen) => {
+      setInternalOpen(nextOpen);
+      onOpenChange?.(nextOpen);
+    },
+    [onOpenChange]
+  );
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const handleClickOutside = (event) => {
+      if (triggerElement && !triggerElement.contains(event.target) && !event.target.closest("[data-dropdown-content]")) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [open, setOpen, triggerElement]);
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+        triggerElement?.focus();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [open, setOpen, triggerElement]);
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContext.Provider, { value: { open, setOpen, triggerElement, setTriggerElement }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkL5VQZZVR_cjs.cn("relative inline-block", className), children }) });
+};
+var triggerSizeClasses = {
+  sm: "h-8 px-3 text-xs",
+  md: "h-10 px-4 text-sm",
+  lg: "h-11 px-5 text-base"
+};
+var triggerVariantClasses = {
+  default: "bg-surface border border-border text-text shadow-sm hover:bg-hover focus:ring-2 focus:ring-primary/40",
+  subtle: "bg-surface-secondary text-text hover:bg-active",
+  ghost: "bg-transparent text-text-secondary hover:bg-hover"
+};
+var DropdownMenuTrigger = React__namespace.forwardRef(
+  ({ children, className, size = "md", variant = "default", onClick, ...props }, ref) => {
+    const { open, setOpen, setTriggerElement } = useDropdownMenu();
+    const setRefs = React__namespace.useCallback(
+      (node) => {
+        setTriggerElement(node);
+        if (typeof ref === "function") {
+          ref(node);
+        } else if (ref) {
+          ref.current = node;
+        }
+      },
+      [ref, setTriggerElement]
+    );
+    const handleClick = (e) => {
+      setOpen(!open);
+      onClick?.(e);
+    };
+    const baseClasses = "inline-flex items-center justify-center rounded-md font-bold uppercase tracking-widest transition-all duration-normal focus:outline-none disabled:opacity-50 disabled:pointer-events-none";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref: setRefs,
+        type: "button",
+        "aria-expanded": open,
+        "aria-haspopup": "menu",
+        className: chunkL5VQZZVR_cjs.cn(
+          baseClasses,
+          triggerSizeClasses[size],
+          triggerVariantClasses[variant],
+          className
+        ),
+        onClick: handleClick,
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            solid.ChevronDownIcon,
+            {
+              className: chunkL5VQZZVR_cjs.cn("ml-2 h-4 w-4 transition-transform duration-200", open && "rotate-180")
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+var DropdownMenuContent = React__namespace.forwardRef(
+  ({ children, className, align = "left", width = 220, ...props }, ref) => {
+    const { open } = useDropdownMenu();
+    if (!open) return null;
+    const alignClasses = {
+      left: "left-0",
+      right: "right-0",
+      center: "left-1/2 -translate-x-1/2"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-dropdown-content": true,
+        role: "menu",
+        style: { width },
+        className: chunkL5VQZZVR_cjs.cn(
+          "absolute top-full z-dropdown mt-2 min-w-32 overflow-hidden rounded-lg border border-border bg-surface p-1.5 text-text shadow-lg ring-1 ring-border/5 animate-in fade-in zoom-in-95 duration-normal",
+          alignClasses[align],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+var DropdownMenuItem = React__namespace.forwardRef(
+  ({ children, className, disabled, destructive, icon, shortcut, onClick, ...props }, ref) => {
+    const { setOpen } = useDropdownMenu();
+    const handleClick = (e) => {
+      if (disabled) return;
+      onClick?.(e);
+      setOpen(false);
+    };
+    const handleKeyDown = (e) => {
+      if (disabled) return;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        onClick?.(e);
+        setOpen(false);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "menuitem",
+        "aria-disabled": disabled,
+        tabIndex: disabled ? -1 : 0,
+        className: chunkL5VQZZVR_cjs.cn(
+          "relative flex cursor-default select-none items-center rounded-sm px-3 py-2 text-sm outline-none transition-all duration-fast focus:bg-hover data-disabled:pointer-events-none data-disabled:opacity-50 hover:bg-hover font-medium",
+          destructive && "text-error hover:bg-error/10 hover:text-error",
+          disabled && "opacity-50 pointer-events-none",
+          className
+        ),
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 flex h-4 w-4 items-center justify-center", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children }),
+          shortcut && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto text-xs tracking-widest text-text-muted font-bold", children: shortcut })
+        ]
+      }
+    );
+  }
+);
+var DropdownMenuSeparator = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkL5VQZZVR_cjs.cn("-mx-1.5 my-1 h-px bg-divider", className), ...props });
+DropdownMenu.displayName = "DropdownMenu";
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+DropdownMenuContent.displayName = "DropdownMenuContent";
+DropdownMenuItem.displayName = "DropdownMenuItem";
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/chunk-ARTXRQO6.mjs

@@ -0,0 +1 @@
+