@zentauri-ui/zentauri-components 1.2.0 → 1.3.0

package/dist/ui/accordion.mjs

@@ -1,289 +1,14 @@
 "use client";
-import { cn } from '../chunk-DFEZH7TC.mjs';
-import { motion } from 'framer-motion';
-import { createContext, useState, useMemo, useCallback, useId, useContext } from 'react';
-import { cva } from 'class-variance-authority';
+import { AccordionBase } from '../chunk-UBFKTC2P.mjs';
+export { AccordionContent, AccordionItem, AccordionTrigger, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants } from '../chunk-UBFKTC2P.mjs';
+import '../chunk-DFEZH7TC.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-// 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] }
-};
-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" }
-});
-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
-    }
-  ) });
+function Accordion(props) {
+  return /* @__PURE__ */ jsx(AccordionBase, { ...props });
 }
 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 };
+export { Accordion };
 //# sourceMappingURL=accordion.mjs.map
 //# sourceMappingURL=accordion.mjs.map

package/dist/ui/accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/accordion/animations.ts","../../src/ui/accordion/variants.ts","../../src/ui/accordion/accordion.tsx"],"names":["next"],"mappings":"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","file":"accordion.mjs","sourcesContent":["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<\n  AccordionTransition,\n  Transition\n>;\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:\n        \"divide-y divide-emerald-600 rounded-xl border border-emerald-600\",\n      \"gradient-blue\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"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\":\n        \"rounded-xl bg-linear-to-r from-blue-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-green\":\n        \"rounded-xl bg-linear-to-r from-green-600 to-lime-600/[0.03] p-2 text-white\",\n      \"gradient-red\":\n        \"rounded-xl bg-linear-to-r from-red-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-yellow\":\n        \"rounded-xl bg-linear-to-r from-yellow-600 to-orange-600/[0.03] p-2 text-white\",\n      \"gradient-purple\":\n        \"rounded-xl bg-linear-to-r from-purple-600 to-pink-600/[0.03] p-2 text-white\",\n      \"gradient-teal\":\n        \"rounded-xl bg-linear-to-r from-teal-600 to-cyan-600/[0.03] p-2 text-white\",\n      \"gradient-indigo\":\n        \"rounded-xl bg-linear-to-r from-indigo-600 to-purple-600/[0.03] p-2 text-white\",\n      \"gradient-pink\":\n        \"rounded-xl bg-linear-to-r from-pink-600 to-rose-600/[0.03] p-2 text-white\",\n      \"gradient-orange\":\n        \"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","\"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\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<\n    string | undefined\n  >(defaultValue);\n  const [multipleUncontrolled, setMultipleUncontrolled] = useState<string[]>(\n    defaultValues ?? [],\n  );\n\n  const singleValue = isSingleControlled ? value : singleUncontrolled;\n  const multipleValues = useMemo(\n    () => (isMultipleControlled ? (values ?? []) : multipleUncontrolled),\n    [isMultipleControlled, values, multipleUncontrolled],\n  );\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\n        data-slot=\"accordion\"\n        className={cn(accordionVariants({ appearance, size }), className)}\n      >\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport function AccordionItem({\n  className,\n  value,\n  children,\n  ref,\n  ...rest\n}: 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({\n  className,\n  children,\n  ref,\n  ...rest\n}: 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({\n  className,\n  children,\n  ref,\n}: AccordionContentProps) {\n  const itemValue = useAccordionItemValue(\"AccordionContent\");\n  const {\n    isOpen,\n    transition: transitionVariant,\n    size,\n  } = 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 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\nAccordionContent.displayName = \"AccordionContent\";\n"]}
+{"version":3,"sources":["../../src/ui/accordion/accordion.tsx"],"names":[],"mappings":";;;;;AAIO,SAAS,UAAU,KAAA,EAAuB;AAC/C,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAe,GAAG,KAAA,EAAO,CAAA;AACnC;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"accordion.mjs","sourcesContent":["// accordion.tsx — default static entry (no framer-motion on content)\nimport { AccordionBase, AccordionContent, AccordionItem, AccordionTrigger } from \"./accordion-base\";\nimport type { AccordionProps } from \"./types\";\n\nexport function Accordion(props: AccordionProps) {\n  return <AccordionBase {...props} />;\n}\n\nAccordion.displayName = \"Accordion\";\n\nexport { AccordionContent, AccordionItem, AccordionTrigger };\n"]}

package/dist/ui/alert/animated.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { g as AlertBaseProps, b as AlertAnimation } from '../../types-CtFK7mFE.mjs';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type AlertAnimatedProps = Omit<AlertBaseProps, "as"> & {
+    animation?: AlertAnimation;
+};
+type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
+
+declare const AlertAnimated: ({ animation, ...props }: AlertAnimatedProps) => react_jsx_runtime.JSX.Element;
+
+declare const alertAnimationPresets: AlertAnimationPresets;
+
+export { AlertAnimated, type AlertAnimatedProps, alertAnimationPresets };

package/dist/ui/alert/animated.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLMotionProps } from 'framer-motion';
+import { g as AlertBaseProps, b as AlertAnimation } from '../../types-CtFK7mFE.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
+
+type AlertAnimatedProps = Omit<AlertBaseProps, "as"> & {
+    animation?: AlertAnimation;
+};
+type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
+type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
+
+declare const AlertAnimated: ({ animation, ...props }: AlertAnimatedProps) => react_jsx_runtime.JSX.Element;
+
+declare const alertAnimationPresets: AlertAnimationPresets;
+
+export { AlertAnimated, type AlertAnimatedProps, alertAnimationPresets };

package/dist/ui/alert/animated.js

@@ -0,0 +1,47 @@
+"use client";
+'use strict';
+
+var chunkU4YQCAXW_js = require('../../chunk-U4YQCAXW.js');
+require('../../chunk-UOZYPWDZ.js');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/alert/animated/animations.ts
+var alertAnimationPresets = {
+  none: {},
+  "slide-down": {
+    initial: { y: -8, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    transition: { type: "spring", stiffness: 420, damping: 30 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.2 }
+  },
+  pop: {
+    initial: { scale: 0.96, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 28 }
+  }
+};
+var AlertAnimated = ({
+  animation = "none",
+  ...props
+}) => {
+  const motionProps = alertAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkU4YQCAXW_js.AlertBase,
+    {
+      as: framerMotion.motion.div,
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...props
+    }
+  );
+};
+
+exports.AlertAnimated = AlertAnimated;
+exports.alertAnimationPresets = alertAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/alert/animated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/alert/animated/animations.ts","../../../src/ui/alert/animated/alert-animated.tsx"],"names":["jsx","AlertBase","motion"],"mappings":";;;;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC7B,OAAA,EAAS,EAAE,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAC5B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACdO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AAEnD,EAAA,uBACEA,cAAA;AAAA,IAACC,0BAAA;AAAA,IAAA;AAAA,MACC,IAAIC,mBAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ","file":"animated.js","sourcesContent":["import { AlertAnimationPresets } from \"./types\";\n\nexport const alertAnimationPresets: AlertAnimationPresets = {\n  none: {},\n  \"slide-down\": {\n    initial: { y: -8, opacity: 0 },\n    animate: { y: 0, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 420, damping: 30 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.2 },\n  },\n  pop: {\n    initial: { scale: 0.96, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n};\n","import { motion } from \"framer-motion\";\nimport { AlertBase } from \"../alert-base\";\nimport { alertAnimationPresets } from \"./animations\";\nimport type { AlertAnimatedProps } from \"./types\";\n\nexport const AlertAnimated = ({\n  animation = \"none\",\n  ...props\n}: AlertAnimatedProps) => {\n  const motionProps = alertAnimationPresets[animation];\n\n  return (\n    <AlertBase\n      as={motion.div}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...props}\n    />\n  );\n};\n"]}

package/dist/ui/alert/animated.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { AlertBase } from '../../chunk-XIXF7UVM.mjs';
+import '../../chunk-DFEZH7TC.mjs';
+import { motion } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/alert/animated/animations.ts
+var alertAnimationPresets = {
+  none: {},
+  "slide-down": {
+    initial: { y: -8, opacity: 0 },
+    animate: { y: 0, opacity: 1 },
+    transition: { type: "spring", stiffness: 420, damping: 30 }
+  },
+  fade: {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.2 }
+  },
+  pop: {
+    initial: { scale: 0.96, opacity: 0 },
+    animate: { scale: 1, opacity: 1 },
+    transition: { type: "spring", stiffness: 520, damping: 28 }
+  }
+};
+var AlertAnimated = ({
+  animation = "none",
+  ...props
+}) => {
+  const motionProps = alertAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(
+    AlertBase,
+    {
+      as: motion.div,
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...props
+    }
+  );
+};
+
+export { AlertAnimated, alertAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/alert/animated.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/alert/animated/animations.ts","../../../src/ui/alert/animated/alert-animated.tsx"],"names":[],"mappings":";;;;;;AAEO,IAAM,qBAAA,GAA+C;AAAA,EAC1D,MAAM,EAAC;AAAA,EACP,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,EAAE,CAAA,EAAG,EAAA,EAAI,SAAS,CAAA,EAAE;AAAA,IAC7B,OAAA,EAAS,EAAE,CAAA,EAAG,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAC5B,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG,GAC5D;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAE;AAAA,IACtB,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA;AAAI,GAC9B;AAAA,EACA,GAAA,EAAK;AAAA,IACH,OAAA,EAAS,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,CAAA,EAAE;AAAA,IACnC,OAAA,EAAS,EAAE,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA,EAAE;AAAA,IAChC,YAAY,EAAE,IAAA,EAAM,UAAU,SAAA,EAAW,GAAA,EAAK,SAAS,EAAA;AAAG;AAE9D;ACdO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAA,GAAY,MAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAA0B;AACxB,EAAA,MAAM,WAAA,GAAc,sBAAsB,SAAS,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,IAAI,MAAA,CAAO,GAAA;AAAA,MACX,OAAA,EAAS,SAAA,KAAc,MAAA,GAAS,KAAA,GAAQ,MAAA;AAAA,MACvC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA;AAAA,GACN;AAEJ","file":"animated.mjs","sourcesContent":["import { AlertAnimationPresets } from \"./types\";\n\nexport const alertAnimationPresets: AlertAnimationPresets = {\n  none: {},\n  \"slide-down\": {\n    initial: { y: -8, opacity: 0 },\n    animate: { y: 0, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 420, damping: 30 },\n  },\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    transition: { duration: 0.2 },\n  },\n  pop: {\n    initial: { scale: 0.96, opacity: 0 },\n    animate: { scale: 1, opacity: 1 },\n    transition: { type: \"spring\", stiffness: 520, damping: 28 },\n  },\n};\n","import { motion } from \"framer-motion\";\nimport { AlertBase } from \"../alert-base\";\nimport { alertAnimationPresets } from \"./animations\";\nimport type { AlertAnimatedProps } from \"./types\";\n\nexport const AlertAnimated = ({\n  animation = \"none\",\n  ...props\n}: AlertAnimatedProps) => {\n  const motionProps = alertAnimationPresets[animation];\n\n  return (\n    <AlertBase\n      as={motion.div}\n      initial={animation === \"none\" ? false : undefined}\n      {...motionProps}\n      {...props}\n    />\n  );\n};\n"]}

package/dist/ui/alert.d.mts

@@ -1,41 +1,10 @@
 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';
+import { A as AlertSectionProps, a as AlertProps } from '../types-CtFK7mFE.mjs';
+export { b as AlertAnimation, c as AlertSize, d as alertDescriptionVariants, e as alertTitleVariants, f as alertVariants } from '../types-CtFK7mFE.mjs';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
-declare const alertVariants: (props?: ({
-    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const alertTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const alertDescriptionVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
-type AlertVariantProps = VariantProps<typeof alertVariants> & {
-    closable?: boolean;
-};
-type AlertProps = AlertVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    triggerClassName?: string;
-    animation?: AlertAnimation;
-    children?: ReactNode;
-    onClose?: () => void;
-    closeLabel?: string;
-};
-type AlertSectionProps = {
-    className?: string;
-    children?: ReactNode;
-};
-type AlertSize = NonNullable<AlertProps["size"]>;
-
-declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
-declare namespace Alert {
-    var displayName: string;
-}
 declare function AlertIcon({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertIcon {
     var displayName: string;
@@ -59,8 +28,9 @@ declare function AlertDefaultIcon({ appearance, }: {
     appearance?: AlertProps["appearance"];
 }): react_jsx_runtime.JSX.Element;
 
-type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
-type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
-declare const alertAnimationPresets: AlertAnimationPresets;
+declare const Alert: {
+    (props: AlertProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-export { Alert, type AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, type AlertProps, type AlertSectionProps, type AlertSize, AlertTitle, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants };
+export { Alert, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle };

package/dist/ui/alert.d.ts

@@ -1,41 +1,10 @@
 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';
+import { A as AlertSectionProps, a as AlertProps } from '../types-CtFK7mFE.js';
+export { b as AlertAnimation, c as AlertSize, d as alertDescriptionVariants, e as alertTitleVariants, f as alertVariants } from '../types-CtFK7mFE.js';
+import 'class-variance-authority';
+import 'react';
+import 'class-variance-authority/types';
 
-declare const alertVariants: (props?: ({
-    appearance?: "default" | "success" | "warning" | "error" | "info" | "ghost" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "gray" | "violet" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const alertTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const alertDescriptionVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-type AlertAnimation = "none" | "slide-down" | "fade" | "pop";
-type AlertVariantProps = VariantProps<typeof alertVariants> & {
-    closable?: boolean;
-};
-type AlertProps = AlertVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
-    triggerClassName?: string;
-    animation?: AlertAnimation;
-    children?: ReactNode;
-    onClose?: () => void;
-    closeLabel?: string;
-};
-type AlertSectionProps = {
-    className?: string;
-    children?: ReactNode;
-};
-type AlertSize = NonNullable<AlertProps["size"]>;
-
-declare function Alert(props: AlertProps): react_jsx_runtime.JSX.Element;
-declare namespace Alert {
-    var displayName: string;
-}
 declare function AlertIcon({ className, children }: AlertSectionProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertIcon {
     var displayName: string;
@@ -59,8 +28,9 @@ declare function AlertDefaultIcon({ appearance, }: {
     appearance?: AlertProps["appearance"];
 }): react_jsx_runtime.JSX.Element;
 
-type AlertPresetMotionProps = Pick<HTMLMotionProps<"div">, "initial" | "animate" | "transition">;
-type AlertAnimationPresets = Record<AlertAnimation, AlertPresetMotionProps>;
-declare const alertAnimationPresets: AlertAnimationPresets;
+declare const Alert: {
+    (props: AlertProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-export { Alert, type AlertAnimation, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, type AlertProps, type AlertSectionProps, type AlertSize, AlertTitle, alertAnimationPresets, alertDescriptionVariants, alertTitleVariants, alertVariants };
+export { Alert, AlertClose, AlertDefaultIcon, AlertDescription, AlertIcon, AlertProps, AlertSectionProps, AlertTitle };