@zentauri-ui/zentauri-components 0.0.84 → 0.0.92

package/dist/ui/accordion.js

@@ -0,0 +1,280 @@
+"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/accordion/accordion.tsx
+var _framermotion = require('framer-motion');
+
+
+
+
+
+
+
+var _react = require('react');
+
+// src/ui/accordion/animations.ts
+var accordionContentTransitionPresets = {
+  none: { duration: 0 },
+  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
+  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] }
+};
+
+// src/ui/accordion/variants.ts
+var _classvarianceauthority = require('class-variance-authority');
+var accordionVariants = _classvarianceauthority.cva.call(void 0, "w-full", {
+  variants: {
+    appearance: {
+      default: "divide-y divide-white/10 rounded-xl border border-white/10",
+      outline: "divide-y divide-white/10 rounded-xl border border-white/15",
+      ghost: "divide-y divide-white/5",
+      card: "space-y-2",
+      separated: "space-y-3",
+      sky: "divide-y divide-sky-600 rounded-xl border border-sky-600",
+      rose: "divide-y divide-rose-600 rounded-xl border border-rose-600",
+      purple: "divide-y divide-purple-600 rounded-xl border border-purple-600",
+      pink: "divide-y divide-pink-600 rounded-xl border border-pink-600",
+      orange: "divide-y divide-orange-600 rounded-xl border border-orange-600",
+      yellow: "divide-y divide-yellow-600 rounded-xl border border-yellow-600",
+      teal: "divide-y divide-teal-600 rounded-xl border border-teal-600",
+      indigo: "divide-y divide-indigo-600 rounded-xl border border-indigo-600",
+      emerald: "divide-y divide-emerald-600 rounded-xl border border-emerald-600",
+      "gradient-blue": "divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600",
+      "gradient-green": "divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600",
+      "gradient-red": "divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600",
+      "gradient-yellow": "divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600",
+      "gradient-purple": "divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600",
+      "gradient-teal": "divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600",
+      "gradient-indigo": "divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600",
+      "gradient-pink": "divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600",
+      "gradient-orange": "divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600"
+    },
+    size: {
+      sm: "px-3 py-2 text-sm",
+      md: "px-4 py-3 text-sm",
+      lg: "px-5 py-4 text-base"
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var accordionItemVariants = _classvarianceauthority.cva.call(void 0, "", {
+  variants: {
+    appearance: {
+      default: "",
+      outline: "",
+      ghost: "",
+      card: "rounded-xl border border-white/10 bg-white/[0.03] p-2",
+      separated: "rounded-xl border border-white/10 bg-slate-950/40 p-2",
+      sky: "rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2",
+      rose: "rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2",
+      purple: "rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2",
+      pink: "rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2",
+      orange: "rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2",
+      yellow: "rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2",
+      teal: "rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2",
+      indigo: "rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2",
+      emerald: "rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2",
+      "gradient-blue": "rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white",
+      "gradient-green": "rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white",
+      "gradient-red": "rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white",
+      "gradient-yellow": "rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white",
+      "gradient-purple": "rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white",
+      "gradient-teal": "rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white",
+      "gradient-indigo": "rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white",
+      "gradient-pink": "rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white",
+      "gradient-orange": "rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white"
+    }
+  },
+  defaultVariants: { appearance: "default" }
+});
+var accordionTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+  "flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30",
+  {
+    variants: {
+      size: {
+        sm: "py-2 text-sm",
+        md: "py-3 text-sm",
+        lg: "py-4 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var accordionContentVariants = _classvarianceauthority.cva.call(void 0, "pb-3 text-sm", {
+  variants: {
+    size: {
+      sm: "pb-2 text-xs",
+      md: "pb-3 text-sm",
+      lg: "pb-4 text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/accordion/accordion.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AccordionContext = _react.createContext.call(void 0, null);
+var AccordionItemValueContext = _react.createContext.call(void 0, null);
+function useAccordionContext(component) {
+  const ctx = _react.useContext.call(void 0, AccordionContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Accordion>`);
+  }
+  return ctx;
+}
+function useAccordionItemValue(component) {
+  const value = _react.useContext.call(void 0, AccordionItemValueContext);
+  if (!value) {
+    throw new Error(`${component} must be used within <AccordionItem>`);
+  }
+  return value;
+}
+function Accordion({
+  type = "single",
+  value,
+  values,
+  defaultValue,
+  defaultValues,
+  onValueChange,
+  onValuesChange,
+  transition = "default",
+  appearance = "default",
+  size = "md",
+  className,
+  children
+}) {
+  const isSingleControlled = value !== void 0;
+  const isMultipleControlled = values !== void 0;
+  const [singleUncontrolled, setSingleUncontrolled] = _react.useState.call(void 0, defaultValue);
+  const [multipleUncontrolled, setMultipleUncontrolled] = _react.useState.call(void 0, _nullishCoalesce(defaultValues, () => ( [])));
+  const singleValue = isSingleControlled ? value : singleUncontrolled;
+  const multipleValues = _react.useMemo.call(void 0, () => isMultipleControlled ? _nullishCoalesce(values, () => ( [])) : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);
+  const isOpen = _react.useCallback.call(void 0, 
+    (itemValue) => {
+      if (type === "single") {
+        return singleValue === itemValue;
+      }
+      return multipleValues.includes(itemValue);
+    },
+    [multipleValues, singleValue, type]
+  );
+  const toggle = _react.useCallback.call(void 0, 
+    (itemValue) => {
+      if (type === "single") {
+        const next2 = singleValue === itemValue ? void 0 : itemValue;
+        if (!isSingleControlled) {
+          setSingleUncontrolled(next2);
+        }
+        _optionalChain([onValueChange, 'optionalCall', _ => _(next2)]);
+        return;
+      }
+      const exists = multipleValues.includes(itemValue);
+      const next = exists ? multipleValues.filter((entry) => entry !== itemValue) : [...multipleValues, itemValue];
+      if (!isMultipleControlled) {
+        setMultipleUncontrolled(next);
+      }
+      _optionalChain([onValuesChange, 'optionalCall', _2 => _2(next)]);
+    },
+    [
+      isMultipleControlled,
+      isSingleControlled,
+      multipleValues,
+      onValueChange,
+      onValuesChange,
+      singleValue,
+      type
+    ]
+  );
+  const ctx = _react.useMemo.call(void 0, 
+    () => ({
+      type,
+      transition: _nullishCoalesce(transition, () => ( "default")),
+      appearance: _nullishCoalesce(appearance, () => ( "default")),
+      size: _nullishCoalesce(size, () => ( "md")),
+      isOpen,
+      toggle
+    }),
+    [appearance, isOpen, size, toggle, transition, type]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "accordion", className: _chunkE5UX537Jjs.cn.call(void 0, accordionVariants({ appearance, size }), className), children }) });
+}
+Accordion.displayName = "Accordion";
+function AccordionItem({ className, value, children, ref, ...rest }) {
+  const { appearance } = useAccordionContext("AccordionItem");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ref,
+      "data-slot": "accordion-item",
+      "data-value": value,
+      className: _chunkE5UX537Jjs.cn.call(void 0, accordionItemVariants({ appearance }), className),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionItem.displayName = "AccordionItem";
+function AccordionTrigger({ className, children, ref, ...rest }) {
+  const itemValue = useAccordionItemValue("AccordionTrigger");
+  const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const baseId = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "m-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "accordion-trigger",
+      id: `${baseId}-trigger-${itemValue}`,
+      "aria-expanded": open,
+      "aria-controls": panelId,
+      className: _chunkE5UX537Jjs.cn.call(void 0, accordionTriggerVariants({ size }), className),
+      onClick: () => toggle(itemValue),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionTrigger.displayName = "AccordionTrigger";
+function AccordionContent({ className, children, ref }) {
+  const itemValue = useAccordionItemValue("AccordionContent");
+  const { isOpen, transition: transitionVariant, size } = useAccordionContext("AccordionContent");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const transitionConfig = accordionContentTransitionPresets[transitionVariant];
+  const motionless = transitionVariant === "none";
+  return open ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _framermotion.motion.div,
+    {
+      ref,
+      id: panelId,
+      role: "region",
+      "data-slot": "accordion-content",
+      className: _chunkE5UX537Jjs.cn.call(void 0, accordionContentVariants({ size }), className),
+      initial: motionless ? false : { opacity: 0 },
+      animate: motionless ? void 0 : { opacity: 1 },
+      exit: motionless ? void 0 : { opacity: 0 },
+      transition: transitionConfig,
+      children
+    },
+    itemValue
+  ) : null;
+}
+AccordionContent.displayName = "AccordionContent";
+
+
+
+
+
+
+
+
+
+
+exports.Accordion = Accordion; exports.AccordionContent = AccordionContent; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.accordionContentTransitionPresets = accordionContentTransitionPresets; exports.accordionContentVariants = accordionContentVariants; exports.accordionItemVariants = accordionItemVariants; exports.accordionTriggerVariants = accordionTriggerVariants; exports.accordionVariants = accordionVariants;
+//# sourceMappingURL=accordion.js.map

package/dist/ui/accordion.js.map

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

package/dist/ui/accordion.mjs

@@ -0,0 +1,282 @@
+"use client";
+
+import {
+  cn
+} from "../chunk-MEWYFWBX.mjs";
+
+// src/ui/accordion/accordion.tsx
+import { motion } from "framer-motion";
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useId,
+  useMemo,
+  useState
+} from "react";
+
+// src/ui/accordion/animations.ts
+var accordionContentTransitionPresets = {
+  none: { duration: 0 },
+  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
+  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },
+  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] }
+};
+
+// src/ui/accordion/variants.ts
+import { cva } from "class-variance-authority";
+var accordionVariants = cva("w-full", {
+  variants: {
+    appearance: {
+      default: "divide-y divide-white/10 rounded-xl border border-white/10",
+      outline: "divide-y divide-white/10 rounded-xl border border-white/15",
+      ghost: "divide-y divide-white/5",
+      card: "space-y-2",
+      separated: "space-y-3",
+      sky: "divide-y divide-sky-600 rounded-xl border border-sky-600",
+      rose: "divide-y divide-rose-600 rounded-xl border border-rose-600",
+      purple: "divide-y divide-purple-600 rounded-xl border border-purple-600",
+      pink: "divide-y divide-pink-600 rounded-xl border border-pink-600",
+      orange: "divide-y divide-orange-600 rounded-xl border border-orange-600",
+      yellow: "divide-y divide-yellow-600 rounded-xl border border-yellow-600",
+      teal: "divide-y divide-teal-600 rounded-xl border border-teal-600",
+      indigo: "divide-y divide-indigo-600 rounded-xl border border-indigo-600",
+      emerald: "divide-y divide-emerald-600 rounded-xl border border-emerald-600",
+      "gradient-blue": "divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600",
+      "gradient-green": "divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600",
+      "gradient-red": "divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600",
+      "gradient-yellow": "divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600",
+      "gradient-purple": "divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600",
+      "gradient-teal": "divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600",
+      "gradient-indigo": "divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600",
+      "gradient-pink": "divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600",
+      "gradient-orange": "divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600"
+    },
+    size: {
+      sm: "px-3 py-2 text-sm",
+      md: "px-4 py-3 text-sm",
+      lg: "px-5 py-4 text-base"
+    }
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+var accordionItemVariants = cva("", {
+  variants: {
+    appearance: {
+      default: "",
+      outline: "",
+      ghost: "",
+      card: "rounded-xl border border-white/10 bg-white/[0.03] p-2",
+      separated: "rounded-xl border border-white/10 bg-slate-950/40 p-2",
+      sky: "rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2",
+      rose: "rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2",
+      purple: "rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2",
+      pink: "rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2",
+      orange: "rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2",
+      yellow: "rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2",
+      teal: "rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2",
+      indigo: "rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2",
+      emerald: "rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2",
+      "gradient-blue": "rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white",
+      "gradient-green": "rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white",
+      "gradient-red": "rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white",
+      "gradient-yellow": "rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white",
+      "gradient-purple": "rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white",
+      "gradient-teal": "rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white",
+      "gradient-indigo": "rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white",
+      "gradient-pink": "rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white",
+      "gradient-orange": "rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white"
+    }
+  },
+  defaultVariants: { appearance: "default" }
+});
+var accordionTriggerVariants = cva(
+  "flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30",
+  {
+    variants: {
+      size: {
+        sm: "py-2 text-sm",
+        md: "py-3 text-sm",
+        lg: "py-4 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var accordionContentVariants = cva("pb-3 text-sm", {
+  variants: {
+    size: {
+      sm: "pb-2 text-xs",
+      md: "pb-3 text-sm",
+      lg: "pb-4 text-base"
+    }
+  },
+  defaultVariants: { size: "md" }
+});
+
+// src/ui/accordion/accordion.tsx
+import { jsx } from "react/jsx-runtime";
+var AccordionContext = createContext(null);
+var AccordionItemValueContext = createContext(null);
+function useAccordionContext(component) {
+  const ctx = useContext(AccordionContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Accordion>`);
+  }
+  return ctx;
+}
+function useAccordionItemValue(component) {
+  const value = useContext(AccordionItemValueContext);
+  if (!value) {
+    throw new Error(`${component} must be used within <AccordionItem>`);
+  }
+  return value;
+}
+function Accordion({
+  type = "single",
+  value,
+  values,
+  defaultValue,
+  defaultValues,
+  onValueChange,
+  onValuesChange,
+  transition = "default",
+  appearance = "default",
+  size = "md",
+  className,
+  children
+}) {
+  const isSingleControlled = value !== void 0;
+  const isMultipleControlled = values !== void 0;
+  const [singleUncontrolled, setSingleUncontrolled] = useState(defaultValue);
+  const [multipleUncontrolled, setMultipleUncontrolled] = useState(defaultValues ?? []);
+  const singleValue = isSingleControlled ? value : singleUncontrolled;
+  const multipleValues = useMemo(() => isMultipleControlled ? values ?? [] : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);
+  const isOpen = useCallback(
+    (itemValue) => {
+      if (type === "single") {
+        return singleValue === itemValue;
+      }
+      return multipleValues.includes(itemValue);
+    },
+    [multipleValues, singleValue, type]
+  );
+  const toggle = useCallback(
+    (itemValue) => {
+      if (type === "single") {
+        const next2 = singleValue === itemValue ? void 0 : itemValue;
+        if (!isSingleControlled) {
+          setSingleUncontrolled(next2);
+        }
+        onValueChange?.(next2);
+        return;
+      }
+      const exists = multipleValues.includes(itemValue);
+      const next = exists ? multipleValues.filter((entry) => entry !== itemValue) : [...multipleValues, itemValue];
+      if (!isMultipleControlled) {
+        setMultipleUncontrolled(next);
+      }
+      onValuesChange?.(next);
+    },
+    [
+      isMultipleControlled,
+      isSingleControlled,
+      multipleValues,
+      onValueChange,
+      onValuesChange,
+      singleValue,
+      type
+    ]
+  );
+  const ctx = useMemo(
+    () => ({
+      type,
+      transition: transition ?? "default",
+      appearance: appearance ?? "default",
+      size: size ?? "md",
+      isOpen,
+      toggle
+    }),
+    [appearance, isOpen, size, toggle, transition, type]
+  );
+  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx("div", { "data-slot": "accordion", className: cn(accordionVariants({ appearance, size }), className), children }) });
+}
+Accordion.displayName = "Accordion";
+function AccordionItem({ className, value, children, ref, ...rest }) {
+  const { appearance } = useAccordionContext("AccordionItem");
+  return /* @__PURE__ */ jsx(AccordionItemValueContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "accordion-item",
+      "data-value": value,
+      className: cn(accordionItemVariants({ appearance }), className),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionItem.displayName = "AccordionItem";
+function AccordionTrigger({ className, children, ref, ...rest }) {
+  const itemValue = useAccordionItemValue("AccordionTrigger");
+  const { isOpen, toggle, size } = useAccordionContext("AccordionTrigger");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const baseId = useId();
+  return /* @__PURE__ */ jsx("h3", { className: "m-0", children: /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "accordion-trigger",
+      id: `${baseId}-trigger-${itemValue}`,
+      "aria-expanded": open,
+      "aria-controls": panelId,
+      className: cn(accordionTriggerVariants({ size }), className),
+      onClick: () => toggle(itemValue),
+      ...rest,
+      children
+    }
+  ) });
+}
+AccordionTrigger.displayName = "AccordionTrigger";
+function AccordionContent({ className, children, ref }) {
+  const itemValue = useAccordionItemValue("AccordionContent");
+  const { isOpen, transition: transitionVariant, size } = useAccordionContext("AccordionContent");
+  const open = isOpen(itemValue);
+  const panelId = `${itemValue}-panel`;
+  const transitionConfig = accordionContentTransitionPresets[transitionVariant];
+  const motionless = transitionVariant === "none";
+  return open ? /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      ref,
+      id: panelId,
+      role: "region",
+      "data-slot": "accordion-content",
+      className: cn(accordionContentVariants({ size }), className),
+      initial: motionless ? false : { opacity: 0 },
+      animate: motionless ? void 0 : { opacity: 1 },
+      exit: motionless ? void 0 : { opacity: 0 },
+      transition: transitionConfig,
+      children
+    },
+    itemValue
+  ) : null;
+}
+AccordionContent.displayName = "AccordionContent";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  accordionContentTransitionPresets,
+  accordionContentVariants,
+  accordionItemVariants,
+  accordionTriggerVariants,
+  accordionVariants
+};
+//# sourceMappingURL=accordion.mjs.map

package/dist/ui/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/accordion/accordion.tsx","../../src/ui/accordion/animations.ts","../../src/ui/accordion/variants.ts"],"sourcesContent":["\"use client\";\nimport { motion } from \"framer-motion\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { accordionContentTransitionPresets } from \"./animations\";\nimport type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionProps,\n  AccordionTriggerProps,\n  AccordionCtx,\n} from \"./types\";\nimport {\n  accordionContentVariants,\n  accordionItemVariants,\n  accordionTriggerVariants,\n  accordionVariants,\n} from \"./variants\";\n\n\nconst AccordionContext = createContext<AccordionCtx | null>(null);\n\nconst AccordionItemValueContext = createContext<string | null>(null);\n\nfunction useAccordionContext(component: string): AccordionCtx {\n  const ctx = useContext(AccordionContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Accordion>`);\n  }\n  return ctx;\n}\n\nfunction useAccordionItemValue(component: string): string {\n  const value = useContext(AccordionItemValueContext);\n  if (!value) {\n    throw new Error(`${component} must be used within <AccordionItem>`);\n  }\n  return value;\n}\n\nexport function Accordion({\n  type = \"single\",\n  value,\n  values,\n  defaultValue,\n  defaultValues,\n  onValueChange,\n  onValuesChange,\n  transition = \"default\",\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  children,\n}: AccordionProps) {\n  const isSingleControlled = value !== undefined;\n  const isMultipleControlled = values !== undefined;\n  const [singleUncontrolled, setSingleUncontrolled] = useState<string | undefined>(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(defaultValues ?? []);\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(() => isMultipleControlled ? values ?? [] : multipleUncontrolled, [isMultipleControlled, values, multipleUncontrolled]);\n\n  const isOpen = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        return singleValue === itemValue;\n      }\n      return multipleValues.includes(itemValue);\n    },\n    [multipleValues, singleValue, type],\n  );\n\n  const toggle = useCallback(\n    (itemValue: string) => {\n      if (type === \"single\") {\n        const next = singleValue === itemValue ? undefined : itemValue;\n        if (!isSingleControlled) {\n          setSingleUncontrolled(next);\n        }\n        onValueChange?.(next);\n        return;\n      }\n      const exists = multipleValues.includes(itemValue);\n      const next = exists\n        ? multipleValues.filter((entry) => entry !== itemValue)\n        : [...multipleValues, itemValue];\n      if (!isMultipleControlled) {\n        setMultipleUncontrolled(next);\n      }\n      onValuesChange?.(next);\n    },\n    [\n      isMultipleControlled,\n      isSingleControlled,\n      multipleValues,\n      onValueChange,\n      onValuesChange,\n      singleValue,\n      type,\n    ],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      type,\n      transition: transition ?? \"default\",\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      isOpen,\n      toggle,\n    }),\n    [appearance, isOpen, size, toggle, transition, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={ctx}>\n      <div data-slot=\"accordion\" className={cn(accordionVariants({ appearance, size }), className)}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport function AccordionItem({ className, value, children, ref, ...rest }: AccordionItemProps) {\n  const { appearance } = useAccordionContext(\"AccordionItem\");\n  return (\n    <AccordionItemValueContext.Provider value={value}>\n      <div\n        ref={ref}\n        data-slot=\"accordion-item\"\n        data-value={value}\n        className={cn(accordionItemVariants({ appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    </AccordionItemValueContext.Provider>\n  );\n}\n\nAccordionItem.displayName = \"AccordionItem\";\n\nexport function AccordionTrigger({ className, children, ref, ...rest }: AccordionTriggerProps) {\n  const itemValue = useAccordionItemValue(\"AccordionTrigger\");\n  const { isOpen, toggle, size } = useAccordionContext(\"AccordionTrigger\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const baseId = useId();\n\n  return (\n    <h3 className=\"m-0\">\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"accordion-trigger\"\n        id={`${baseId}-trigger-${itemValue}`}\n        aria-expanded={open}\n        aria-controls={panelId}\n        className={cn(accordionTriggerVariants({ size }), className)}\n        onClick={() => toggle(itemValue)}\n        {...rest}\n      >\n        {children}\n      </button>\n    </h3>\n  );\n}\n\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport function AccordionContent({ className, children, ref }: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const { isOpen, transition: transitionVariant, size } = useAccordionContext(\"AccordionContent\");\n  const open = isOpen(itemValue);\n  const panelId = `${itemValue}-panel`;\n  const transitionConfig = accordionContentTransitionPresets[transitionVariant];\n  const motionless = transitionVariant === \"none\";\n\n  return (\n    open ? (\n      <motion.div\n        key={itemValue}\n        ref={ref}\n        id={panelId}\n        role=\"region\"\n        data-slot=\"accordion-content\"\n        className={cn(accordionContentVariants({ size }), className)}\n        initial={motionless ? false : { opacity: 0 }}\n        animate={motionless ? undefined : { opacity: 1 }}\n        exit={motionless ? undefined : { opacity: 0 }}\n        transition={transitionConfig}\n      >\n        {children}\n      </motion.div>\n    ) : null\n  );\n}\n\nAccordionContent.displayName = \"AccordionContent\";\n","import type { Transition } from \"framer-motion\";\n\n/** Easing and duration presets for accordion panel open/close (opacity only). */\nexport type AccordionTransition = \"none\" | \"default\" | \"smooth\" | \"slow\";\n\nexport type AccordionTransitionPresets = Record<AccordionTransition, Transition>;\n\nexport const accordionContentTransitionPresets: AccordionTransitionPresets = {\n  none: { duration: 0 },\n  default: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },\n  smooth: { duration: 0.28, ease: [0.22, 1, 0.36, 1] },\n  slow: { duration: 0.38, ease: [0.4, 0, 0.2, 1] },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const accordionVariants = cva(\"w-full\", {\n  variants: {\n    appearance: {\n      default: \"divide-y divide-white/10 rounded-xl border border-white/10\",\n      outline: \"divide-y divide-white/10 rounded-xl border border-white/15\",\n      ghost: \"divide-y divide-white/5\",\n      card: \"space-y-2\",\n      separated: \"space-y-3\",\n      sky: \"divide-y divide-sky-600 rounded-xl border border-sky-600\",\n      rose: \"divide-y divide-rose-600 rounded-xl border border-rose-600\",\n      purple: \"divide-y divide-purple-600 rounded-xl border border-purple-600\",\n      pink: \"divide-y divide-pink-600 rounded-xl border border-pink-600\",\n      orange: \"divide-y divide-orange-600 rounded-xl border border-orange-600\",\n      yellow: \"divide-y divide-yellow-600 rounded-xl border border-yellow-600\",\n      teal: \"divide-y divide-teal-600 rounded-xl border border-teal-600\",\n      indigo: \"divide-y divide-indigo-600 rounded-xl border border-indigo-600\",\n      emerald: \"divide-y divide-emerald-600 rounded-xl border border-emerald-600\",\n      \"gradient-blue\": \"divide-y divide-gradient-to-r from-blue-600 to-purple-600 rounded-xl border border-gradient-to-r from-blue-600 to-purple-600\",\n      \"gradient-green\": \"divide-y divide-gradient-to-r from-green-600 to-lime-600 rounded-xl border border-gradient-to-r from-green-600 to-lime-600\",\n      \"gradient-red\": \"divide-y divide-gradient-to-r from-red-600 to-pink-600 rounded-xl border border-gradient-to-r from-red-600 to-pink-600\",\n      \"gradient-yellow\": \"divide-y divide-gradient-to-r from-yellow-600 to-orange-600 rounded-xl border border-gradient-to-r from-yellow-600 to-orange-600\",\n      \"gradient-purple\": \"divide-y divide-gradient-to-r from-purple-600 to-pink-600 rounded-xl border border-gradient-to-r from-purple-600 to-pink-600\",\n      \"gradient-teal\": \"divide-y divide-gradient-to-r from-teal-600 to-cyan-600 rounded-xl border border-gradient-to-r from-teal-600 to-cyan-600\",\n      \"gradient-indigo\": \"divide-y divide-gradient-to-r from-indigo-600 to-purple-600 rounded-xl border border-gradient-to-r from-indigo-600 to-purple-600\",\n      \"gradient-pink\": \"divide-y divide-gradient-to-r from-pink-600 to-rose-600 rounded-xl border border-gradient-to-r from-pink-600 to-rose-600\",\n      \"gradient-orange\": \"divide-y divide-gradient-to-r from-orange-600 to-red-600 rounded-xl border border-gradient-to-r from-orange-600 to-red-600\",\n    },\n    size: {\n      sm: \"px-3 py-2 text-sm\",\n      md: \"px-4 py-3 text-sm\",\n      lg: \"px-5 py-4 text-base\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const accordionItemVariants = cva(\"\", {\n  variants: {\n    appearance: {\n      default: \"\",\n      outline: \"\",\n      ghost: \"\",\n      card: \"rounded-xl border border-white/10 bg-white/[0.03] p-2\",\n      separated: \"rounded-xl border border-white/10 bg-slate-950/40 p-2\",\n      sky: \"rounded-xl border border-sky-600 bg-sky-600/[0.03] p-2\",\n      rose: \"rounded-xl border border-rose-600 bg-rose-600/[0.03] p-2\",\n      purple: \"rounded-xl border border-purple-600 bg-purple-600/[0.03] p-2\",\n      pink: \"rounded-xl border border-pink-600 bg-pink-600/[0.03] p-2\",\n      orange: \"rounded-xl border border-orange-600 bg-orange-600/[0.03] p-2\",\n      yellow: \"rounded-xl border border-yellow-600 bg-yellow-600/[0.03] p-2\",\n      teal: \"rounded-xl border border-teal-600 bg-teal-600/[0.03] p-2\",\n      indigo: \"rounded-xl border border-indigo-600 bg-indigo-600/[0.03] p-2\",\n      emerald: \"rounded-xl border border-emerald-600 bg-emerald-600/[0.03] p-2\",\n      \"gradient-blue\": \"rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-green\": \"rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white\",\n      \"gradient-red\": \"rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-yellow\": \"rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white\",\n      \"gradient-purple\": \"rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-teal\": \"rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white\",\n      \"gradient-indigo\": \"rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-pink\": \"rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white\",\n      \"gradient-orange\": \"rounded-xl bg-linear-to-r from-orange-600 to-red-600/[0.03] p-2 text-white\",\n    },\n  },\n  defaultVariants: { appearance: \"default\" },\n});\n\nexport const accordionTriggerVariants = cva(\n  \"flex w-full items-center justify-between gap-3 py-3 text-left font-medium text-slate-50 outline-none transition hover:text-white focus-visible:ring-2 focus-visible:ring-white/30\",\n  {\n    variants: {\n      size: {\n        sm: \"py-2 text-sm\",\n        md: \"py-3 text-sm\",\n        lg: \"py-4 text-base\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport const accordionContentVariants = cva(\"pb-3 text-sm\", {\n  variants: {\n    size: {\n      sm: \"pb-2 text-xs\",\n      md: \"pb-3 text-sm\",\n      lg: \"pb-4 text-base\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n"],"mappings":"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","names":["next"]}