@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/dropdown.js

@@ -0,0 +1,272 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
+
+// src/ui/dropdown/dropdown.tsx
+
+
+
+
+
+
+var _react = require('react');
+var _fi = require('react-icons/fi');
+
+// src/ui/dropdown/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var triggerVariants = _classvarianceauthority.cva.call(void 0, 
+  "inline-flex items-center justify-between rounded-md font-medium transition focus:outline-none cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-900 text-white",
+        outline: "border border-gray-300",
+        ghost: "bg-transparent",
+        white: "bg-white text-gray-900",
+        black: "bg-black text-white",
+        sky: "border border-sky-600 text-sky-600",
+        rose: "border border-rose-600 text-rose-600",
+        purple: "border border-purple-600 text-purple-600",
+        pink: "border border-pink-600 text-pink-600",
+        orange: "border border-orange-600 text-orange-600",
+        yellow: "border border-yellow-600 text-yellow-600",
+        teal: "border border-teal-600 text-teal-600",
+        indigo: "border border-indigo-600 text-indigo-600",
+        emerald: "border border-emerald-600 text-emerald-600",
+        gray: "border border-gray-600 text-gray-600",
+        amber: "border border-amber-600 text-amber-600",
+        violet: "border border-violet-600 text-violet-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
+      },
+      size: {
+        sm: "px-2 py-1 text-sm",
+        md: "px-3 py-2 text-base",
+        lg: "px-4 py-3 text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var contentVariants = _classvarianceauthority.cva.call(void 0, 
+  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border",
+  {
+    variants: {
+      placement: {
+        top: "bottom-full mb-2",
+        bottom: "top-full mt-2",
+        left: "right-full mr-2",
+        right: "left-full ml-2"
+      },
+      spacing: {
+        none: "space-y-0",
+        default: "space-y-1",
+        sm: "space-y-2",
+        md: "space-y-3",
+        lg: "space-y-4",
+        xl: "space-y-5"
+      }
+    },
+    defaultVariants: {
+      placement: "bottom",
+      spacing: "default"
+    }
+  }
+);
+var itemVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-gray-100 hover:text-gray-900 text-gray-100",
+        outline: "hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100",
+        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100",
+        white: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
+        black: "hover:bg-gray-100 hover:text-gray-900 bg-black text-white",
+        sky: "hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800",
+        rose: "hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800",
+        purple: "hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800",
+        pink: "hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800",
+        orange: "hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800",
+        yellow: "hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800",
+        teal: "hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800",
+        indigo: "hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800",
+        emerald: "hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800",
+        gray: "hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800",
+        amber: "hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800",
+        violet: "hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800",
+        "gradient-blue": "hover:bg-gradient-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-gradient-to-r from-blue-200 to-purple-200 text-blue-800",
+        "gradient-green": "hover:bg-gradient-to-r from-green-600 to-lime-600 hover:text-green-900 bg-gradient-to-r from-green-200 to-lime-200 text-green-800",
+        "gradient-red": "hover:bg-gradient-to-r from-red-600 to-pink-600 hover:text-red-900 bg-gradient-to-r from-red-200 to-pink-200 text-red-800",
+        "gradient-yellow": "hover:bg-gradient-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-gradient-to-r from-yellow-200 to-orange-200 text-yellow-800",
+        "gradient-purple": "hover:bg-gradient-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-gradient-to-r from-purple-200 to-pink-200 text-purple-800",
+        "gradient-teal": "hover:bg-gradient-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-gradient-to-r from-teal-200 to-cyan-200 text-teal-800",
+        "gradient-indigo": "hover:bg-gradient-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-gradient-to-r from-indigo-200 to-purple-200 text-indigo-800",
+        "gradient-pink": "hover:bg-gradient-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-gradient-to-r from-pink-200 to-rose-200 text-pink-800",
+        "gradient-orange": "hover:bg-gradient-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-gradient-to-r from-orange-200 to-red-200 text-orange-800"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+// src/ui/dropdown/dropdown.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var DropdownContext = _react.createContext.call(void 0, null);
+var useDropdown = () => {
+  const ctx = _react.useContext.call(void 0, DropdownContext);
+  if (!ctx) throw new Error("Use inside Dropdown");
+  return ctx;
+};
+var Dropdown = ({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  multiSelect = false
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
+  const [selectedValues, setSelectedValues] = _react.useState.call(void 0, []);
+  const open = _nullishCoalesce(controlledOpen, () => ( uncontrolledOpen));
+  const setOpen = (val) => {
+    if (controlledOpen !== void 0) {
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(val)]);
+    } else {
+      setUncontrolledOpen(val);
+    }
+  };
+  const toggle = () => setOpen(!open);
+  const toggleSelect = (value) => {
+    if (!multiSelect) {
+      setSelectedValues([value]);
+      setOpen(false);
+      return;
+    }
+    setSelectedValues(
+      (prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
+    );
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DropdownContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        toggle,
+        selectedValues,
+        toggleSelect,
+        multiSelect
+      },
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative inline-block", children })
+    }
+  );
+};
+var DropdownTrigger = ({
+  children,
+  className,
+  variant,
+  size,
+  ...props
+}) => {
+  const { toggle } = useDropdown();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      onClick: toggle,
+      className: _chunkE5UX537Jjs.cn.call(void 0, triggerVariants({ variant, size }), className),
+      ...props,
+      children
+    }
+  );
+};
+var DropdownContent = ({
+  children,
+  className,
+  placement = "bottom",
+  spacing = "default",
+  divider,
+  ...props
+}) => {
+  const { open, setOpen } = useDropdown();
+  const ref = _react.useRef.call(void 0, null);
+  _react.useEffect.call(void 0, () => {
+    const handleClickOutside = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [setOpen]);
+  if (!open) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      className: _chunkE5UX537Jjs.cn.call(void 0, contentVariants({ placement, spacing }), className, divider && "divide-y divide-current"),
+      ...props,
+      children
+    }
+  );
+};
+var DropdownItem = ({
+  children,
+  value,
+  className,
+  variant,
+  onSelect,
+  leftIcon,
+  rightIcon,
+  ...props
+}) => {
+  const { toggleSelect, selectedValues } = useDropdown();
+  const isSelected = selectedValues.includes(value);
+  const handleClick = () => {
+    toggleSelect(value);
+    _optionalChain([onSelect, 'optionalCall', _2 => _2()]);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") handleClick();
+      },
+      className: _chunkE5UX537Jjs.cn.call(void 0, itemVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          leftIcon,
+          children
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _fi.FiCheck, {}),
+          rightIcon
+        ] })
+      ]
+    }
+  );
+};
+
+
+
+
+
+
+
+
+exports.Dropdown = Dropdown; exports.DropdownContent = DropdownContent; exports.DropdownItem = DropdownItem; exports.DropdownTrigger = DropdownTrigger; exports.contentVariants = contentVariants; exports.itemVariants = itemVariants; exports.triggerVariants = triggerVariants;
+//# sourceMappingURL=dropdown.js.map

package/dist/ui/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/dropdown.js"],"names":[],"mappings":"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","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/dropdown.js","sourcesContent":[null]}

package/dist/ui/dropdown.mjs

@@ -0,0 +1,274 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/dropdown/dropdown.tsx
+import {
+  createContext,
+  useContext,
+  useState,
+  useRef,
+  useEffect
+} from "react";
+import { FiCheck } from "react-icons/fi";
+
+// src/ui/dropdown/variants.ts
+import { cva } from "class-variance-authority";
+var triggerVariants = cva(
+  "inline-flex items-center justify-between rounded-md font-medium transition focus:outline-none cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-900 text-white",
+        outline: "border border-gray-300",
+        ghost: "bg-transparent",
+        white: "bg-white text-gray-900",
+        black: "bg-black text-white",
+        sky: "border border-sky-600 text-sky-600",
+        rose: "border border-rose-600 text-rose-600",
+        purple: "border border-purple-600 text-purple-600",
+        pink: "border border-pink-600 text-pink-600",
+        orange: "border border-orange-600 text-orange-600",
+        yellow: "border border-yellow-600 text-yellow-600",
+        teal: "border border-teal-600 text-teal-600",
+        indigo: "border border-indigo-600 text-indigo-600",
+        emerald: "border border-emerald-600 text-emerald-600",
+        gray: "border border-gray-600 text-gray-600",
+        amber: "border border-amber-600 text-amber-600",
+        violet: "border border-violet-600 text-violet-600",
+        "gradient-blue": "bg-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
+        "gradient-green": "bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
+        "gradient-red": "bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
+        "gradient-yellow": "bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
+        "gradient-purple": "bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
+        "gradient-teal": "bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
+        "gradient-indigo": "bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
+        "gradient-pink": "bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
+        "gradient-orange": "bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600"
+      },
+      size: {
+        sm: "px-2 py-1 text-sm",
+        md: "px-3 py-2 text-base",
+        lg: "px-4 py-3 text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var contentVariants = cva(
+  "absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border",
+  {
+    variants: {
+      placement: {
+        top: "bottom-full mb-2",
+        bottom: "top-full mt-2",
+        left: "right-full mr-2",
+        right: "left-full ml-2"
+      },
+      spacing: {
+        none: "space-y-0",
+        default: "space-y-1",
+        sm: "space-y-2",
+        md: "space-y-3",
+        lg: "space-y-4",
+        xl: "space-y-5"
+      }
+    },
+    defaultVariants: {
+      placement: "bottom",
+      spacing: "default"
+    }
+  }
+);
+var itemVariants = cva(
+  "flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "hover:bg-gray-100 hover:text-gray-900 text-gray-100",
+        outline: "hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100",
+        ghost: "hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100",
+        white: "hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900",
+        black: "hover:bg-gray-100 hover:text-gray-900 bg-black text-white",
+        sky: "hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800",
+        rose: "hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800",
+        purple: "hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800",
+        pink: "hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800",
+        orange: "hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800",
+        yellow: "hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800",
+        teal: "hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800",
+        indigo: "hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800",
+        emerald: "hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800",
+        gray: "hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800",
+        amber: "hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800",
+        violet: "hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800",
+        "gradient-blue": "hover:bg-gradient-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-gradient-to-r from-blue-200 to-purple-200 text-blue-800",
+        "gradient-green": "hover:bg-gradient-to-r from-green-600 to-lime-600 hover:text-green-900 bg-gradient-to-r from-green-200 to-lime-200 text-green-800",
+        "gradient-red": "hover:bg-gradient-to-r from-red-600 to-pink-600 hover:text-red-900 bg-gradient-to-r from-red-200 to-pink-200 text-red-800",
+        "gradient-yellow": "hover:bg-gradient-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-gradient-to-r from-yellow-200 to-orange-200 text-yellow-800",
+        "gradient-purple": "hover:bg-gradient-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-gradient-to-r from-purple-200 to-pink-200 text-purple-800",
+        "gradient-teal": "hover:bg-gradient-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-gradient-to-r from-teal-200 to-cyan-200 text-teal-800",
+        "gradient-indigo": "hover:bg-gradient-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-gradient-to-r from-indigo-200 to-purple-200 text-indigo-800",
+        "gradient-pink": "hover:bg-gradient-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-gradient-to-r from-pink-200 to-rose-200 text-pink-800",
+        "gradient-orange": "hover:bg-gradient-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-gradient-to-r from-orange-200 to-red-200 text-orange-800"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+
+// src/ui/dropdown/dropdown.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var DropdownContext = createContext(null);
+var useDropdown = () => {
+  const ctx = useContext(DropdownContext);
+  if (!ctx) throw new Error("Use inside Dropdown");
+  return ctx;
+};
+var Dropdown = ({
+  children,
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  multiSelect = false
+}) => {
+  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);
+  const [selectedValues, setSelectedValues] = useState([]);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = (val) => {
+    if (controlledOpen !== void 0) {
+      onOpenChange?.(val);
+    } else {
+      setUncontrolledOpen(val);
+    }
+  };
+  const toggle = () => setOpen(!open);
+  const toggleSelect = (value) => {
+    if (!multiSelect) {
+      setSelectedValues([value]);
+      setOpen(false);
+      return;
+    }
+    setSelectedValues(
+      (prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
+    );
+  };
+  return /* @__PURE__ */ jsx(
+    DropdownContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        toggle,
+        selectedValues,
+        toggleSelect,
+        multiSelect
+      },
+      children: /* @__PURE__ */ jsx("div", { className: "relative inline-block", children })
+    }
+  );
+};
+var DropdownTrigger = ({
+  children,
+  className,
+  variant,
+  size,
+  ...props
+}) => {
+  const { toggle } = useDropdown();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: toggle,
+      className: cn(triggerVariants({ variant, size }), className),
+      ...props,
+      children
+    }
+  );
+};
+var DropdownContent = ({
+  children,
+  className,
+  placement = "bottom",
+  spacing = "default",
+  divider,
+  ...props
+}) => {
+  const { open, setOpen } = useDropdown();
+  const ref = useRef(null);
+  useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, [setOpen]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(contentVariants({ placement, spacing }), className, divider && "divide-y divide-current"),
+      ...props,
+      children
+    }
+  );
+};
+var DropdownItem = ({
+  children,
+  value,
+  className,
+  variant,
+  onSelect,
+  leftIcon,
+  rightIcon,
+  ...props
+}) => {
+  const { toggleSelect, selectedValues } = useDropdown();
+  const isSelected = selectedValues.includes(value);
+  const handleClick = () => {
+    toggleSelect(value);
+    onSelect?.();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (e) => {
+        if (e.key === "Enter") handleClick();
+      },
+      className: cn(itemVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          leftIcon,
+          children
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          isSelected && /* @__PURE__ */ jsx(FiCheck, {}),
+          rightIcon
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Dropdown,
+  DropdownContent,
+  DropdownItem,
+  DropdownTrigger,
+  contentVariants,
+  itemVariants,
+  triggerVariants
+};
+//# sourceMappingURL=dropdown.mjs.map

package/dist/ui/dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/dropdown/dropdown.tsx","../../src/ui/dropdown/variants.ts"],"sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type { DropdownContextType, DropdownProps, DropdownTriggerProps, DropdownContentProps, DropdownItemProps } from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\n\n/* =========================\n   Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n  const ctx = useContext(DropdownContext);\n  if (!ctx) throw new Error(\"Use inside Dropdown\");\n  return ctx;\n};\n\n/* =========================\n   Root\n========================= */\nexport const Dropdown = ({\n  children,\n  defaultOpen = false,\n  open: controlledOpen,\n  onOpenChange,\n  multiSelect = false,\n}: DropdownProps) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n  const open = controlledOpen ?? uncontrolledOpen;\n\n  const setOpen = (val: boolean) => {\n    if (controlledOpen !== undefined) {\n      onOpenChange?.(val);\n    } else {\n      setUncontrolledOpen(val);\n    }\n  };\n\n  const toggle = () => setOpen(!open);\n\n  const toggleSelect = (value: string) => {\n    if (!multiSelect) {\n      setSelectedValues([value]);\n      setOpen(false);\n      return;\n    }\n\n    setSelectedValues((prev) =>\n      prev.includes(value)\n        ? prev.filter((v) => v !== value)\n        : [...prev, value]\n    );\n  };\n\n  return (\n    <DropdownContext.Provider\n      value={{\n        open,\n        setOpen,\n        toggle,\n        selectedValues,\n        toggleSelect,\n        multiSelect,\n      }}\n    >\n      <div className=\"relative inline-block\">{children}</div>\n    </DropdownContext.Provider>\n  );\n};\n\n/* =========================\n   Trigger\n========================= */\nexport const DropdownTrigger = ({\n  children,\n  className,\n  variant,\n  size,\n  ...props\n}: DropdownTriggerProps) => {\n  const { toggle } = useDropdown();\n\n  return (\n    <button\n      onClick={toggle}\n      className={cn(triggerVariants({ variant, size }), className)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\n\n/* =========================\n   Content\n========================= */\nexport const DropdownContent = ({\n  children,\n  className,\n  placement = \"bottom\",\n  spacing = \"default\",\n  divider,\n  ...props\n}: DropdownContentProps) => {\n  const { open, setOpen } = useDropdown();\n  const ref = useRef<HTMLDivElement>(null);\n\n  // click outside\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        setOpen(false);\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () =>\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n  }, [setOpen]);\n\n  if (!open) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(contentVariants({ placement, spacing }), className, divider && \"divide-y divide-current\")}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\n/* =========================\n   Item\n========================= */\nexport const DropdownItem = ({\n  children,\n  value,\n  className,\n  variant,\n  onSelect,\n  leftIcon,\n  rightIcon,\n  ...props\n}: DropdownItemProps) => {\n  const { toggleSelect, selectedValues } = useDropdown();\n  const isSelected = selectedValues.includes(value);\n\n  const handleClick = () => {\n    toggleSelect(value);\n    onSelect?.();\n  };\n\n  return (\n    <div\n      tabIndex={0}\n      onClick={handleClick}\n      onKeyDown={(e) => {\n        if (e.key === \"Enter\") handleClick();\n      }}\n      className={cn(itemVariants({ variant }), className)}\n      {...props}\n    >\n      <div className=\"flex items-center gap-2\">\n        {leftIcon}\n        {children}\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {isSelected && <FiCheck />}\n        {rightIcon}\n      </div>\n    </div>\n  );\n};","import { cva } from \"class-variance-authority\";\n\nexport const triggerVariants = cva(\n  \"inline-flex items-center justify-between rounded-md font-medium transition focus:outline-none cursor-pointer\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-gray-900 text-white\",\n        outline: \"border border-gray-300\",\n        ghost: \"bg-transparent\",\n        white: \"bg-white text-gray-900\",\n        black: \"bg-black text-white\",\n        sky: \"border border-sky-600 text-sky-600\",\n        rose: \"border border-rose-600 text-rose-600\",\n        purple: \"border border-purple-600 text-purple-600\",\n        pink: \"border border-pink-600 text-pink-600\",\n        orange: \"border border-orange-600 text-orange-600\",\n        yellow: \"border border-yellow-600 text-yellow-600\",\n        teal: \"border border-teal-600 text-teal-600\",\n        indigo: \"border border-indigo-600 text-indigo-600\",\n        emerald: \"border border-emerald-600 text-emerald-600\",\n        gray: \"border border-gray-600 text-gray-600\",\n        amber: \"border border-amber-600 text-amber-600\",\n        violet: \"border border-violet-600 text-violet-600\",\n        \"gradient-blue\": \"bg-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600\",\n        \"gradient-green\": \"bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600\",\n        \"gradient-red\": \"bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600\",\n        \"gradient-yellow\": \"bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600\",\n        \"gradient-purple\": \"bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600\",\n        \"gradient-teal\": \"bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600\",\n        \"gradient-indigo\": \"bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600\",\n        \"gradient-pink\": \"bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600\",\n        \"gradient-orange\": \"bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600\",\n      },\n      size: {\n        sm: \"px-2 py-1 text-sm\",\n        md: \"px-3 py-2 text-base\",\n        lg: \"px-4 py-3 text-lg\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n    },\n  }\n);\n\nexport const contentVariants = cva(\n  \"absolute min-w-[200px] rounded-md p-2 shadow-md z-50 border\",\n  {\n    variants: {\n      placement: {\n        top: \"bottom-full mb-2\",\n        bottom: \"top-full mt-2\",\n        left: \"right-full mr-2\",\n        right: \"left-full ml-2\",\n      },\n      spacing:{\n        none: \"space-y-0\",\n        default: \"space-y-1\",\n        sm: \"space-y-2\",\n        md: \"space-y-3\",\n        lg: \"space-y-4\",\n        xl: \"space-y-5\",\n      }\n    },\n    defaultVariants: {\n      placement: \"bottom\",\n      spacing: \"default\",\n    },\n  }\n);\n\nexport const itemVariants = cva(\n  \"flex items-center justify-between px-3 py-2 text-sm cursor-pointer rounded-md transition-colors\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-gray-100 hover:text-gray-900 text-gray-100\",\n        outline: \"hover:bg-gray-100 hover:text-gray-900 border border-white text-gray-100\",\n        ghost: \"hover:bg-gray-100 hover:text-gray-900 bg-transparent text-gray-100\",\n        white: \"hover:bg-gray-100 hover:text-gray-900 bg-white text-gray-900\",\n        black: \"hover:bg-gray-100 hover:text-gray-900 bg-black text-white\",\n        sky: \"hover:bg-sky-100 hover:text-sky-600 bg-sky-200 text-sky-800\",\n        rose: \"hover:bg-rose-100 hover:text-rose-600 bg-rose-200 text-rose-800\",\n        purple: \"hover:bg-purple-100 hover:text-purple-600 bg-purple-200 text-purple-800\",\n        pink: \"hover:bg-pink-100 hover:text-pink-600 bg-pink-200 text-pink-800\",\n        orange: \"hover:bg-orange-100 hover:text-orange-600 bg-orange-200 text-orange-800\",\n        yellow: \"hover:bg-yellow-100 hover:text-yellow-600 bg-yellow-200 text-yellow-800\",\n        teal: \"hover:bg-teal-100 hover:text-teal-600 bg-teal-200 text-teal-800\",\n        indigo: \"hover:bg-indigo-100 hover:text-indigo-600 bg-indigo-200 text-indigo-800\",\n        emerald: \"hover:bg-emerald-100 hover:text-emerald-600 bg-emerald-200 text-emerald-800\",\n        gray: \"hover:bg-gray-100 hover:text-gray-900 bg-gray-200 text-gray-800\",\n        amber: \"hover:bg-amber-100 hover:text-amber-600 bg-amber-200 text-amber-800\",\n        violet: \"hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800\",\n        \"gradient-blue\": \"hover:bg-gradient-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-gradient-to-r from-blue-200 to-purple-200 text-blue-800\",\n        \"gradient-green\": \"hover:bg-gradient-to-r from-green-600 to-lime-600 hover:text-green-900 bg-gradient-to-r from-green-200 to-lime-200 text-green-800\",\n        \"gradient-red\": \"hover:bg-gradient-to-r from-red-600 to-pink-600 hover:text-red-900 bg-gradient-to-r from-red-200 to-pink-200 text-red-800\",\n        \"gradient-yellow\": \"hover:bg-gradient-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-gradient-to-r from-yellow-200 to-orange-200 text-yellow-800\",\n        \"gradient-purple\": \"hover:bg-gradient-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-gradient-to-r from-purple-200 to-pink-200 text-purple-800\",\n        \"gradient-teal\": \"hover:bg-gradient-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-gradient-to-r from-teal-200 to-cyan-200 text-teal-800\",\n        \"gradient-indigo\": \"hover:bg-gradient-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-gradient-to-r from-indigo-200 to-purple-200 text-indigo-800\",\n        \"gradient-pink\": \"hover:bg-gradient-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-gradient-to-r from-pink-200 to-rose-200 text-pink-800\",\n        \"gradient-orange\": \"hover:bg-gradient-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-gradient-to-r from-orange-200 to-red-200 text-orange-800\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);"],"mappings":"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","names":[]}

package/dist/ui/empty-state.d.mts

@@ -0,0 +1,55 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import { HTMLMotionProps } from 'framer-motion';
+import { ReactNode } from 'react';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    appearance?: "default" | "ghost" | "card" | null | undefined;
+    align?: "start" | "center" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateTitleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const emptyStateDescriptionVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+type EmptyStateAnimation = "none" | "float" | "fade" | "slide-up";
+type EmptyStateVariantProps = VariantProps<typeof emptyStateVariants>;
+type EmptyStateProps = EmptyStateVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    animation?: EmptyStateAnimation;
+    children?: ReactNode;
+};
+type EmptyStateSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+
+declare function EmptyState(props: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyState {
+    var displayName: string;
+}
+declare function EmptyStateIcon({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateIcon {
+    var displayName: string;
+}
+declare function EmptyStateTitle({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateTitle {
+    var displayName: string;
+}
+declare function EmptyStateDescription({ className, children, }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateDescription {
+    var displayName: string;
+}
+declare function EmptyStateAction({ className, children }: EmptyStateSectionProps): react_jsx_runtime.JSX.Element;
+declare namespace EmptyStateAction {
+    var displayName: string;
+}
+
+type EmptyStatePresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition" | "whileHover">;
+type EmptyStateAnimationPresets = Record<EmptyStateAnimation, EmptyStatePresetMotionProps>;
+declare const emptyStateAnimationPresets: EmptyStateAnimationPresets;
+
+export { EmptyState, EmptyStateAction, type EmptyStateAnimation, EmptyStateDescription, EmptyStateIcon, type EmptyStateProps, type EmptyStateSectionProps, EmptyStateTitle, emptyStateAnimationPresets, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };