@mdigital_ui/ui 0.4.0 → 0.4.1

package/dist/chunk-HCOTO5WX.js

@@ -0,0 +1,77 @@
+import { createTooltipSoftColorVariants, tooltipSolidColorClasses, componentColors } from './chunk-POXI7JJ4.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+var tooltipContentVariants = cva(
+  "z-50 overflow-hidden rounded px-3 py-1.5 text-sm will-change-[transform,_opacity] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2",
+  {
+    variants: {
+      size: {
+        xs: "text-xs px-2 py-1",
+        sm: "text-sm px-2.5 py-1",
+        md: "text-base px-3 py-1.5",
+        lg: "text-lg px-4 py-2"
+      },
+      color: tooltipSolidColorClasses,
+      variant: {
+        solid: "",
+        soft: "border"
+      }
+    },
+    compoundVariants: createTooltipSoftColorVariants(componentColors),
+    defaultVariants: {
+      size: "sm",
+      color: "default",
+      variant: "solid"
+    }
+  }
+);
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = React.memo(
+  ({
+    content,
+    children,
+    color = "default",
+    size = "sm",
+    variant = "solid",
+    side = "top",
+    align = "center",
+    delayDuration = 200,
+    disabled = false,
+    className,
+    classNames,
+    ...props
+  }) => {
+    if (disabled) {
+      return /* @__PURE__ */ jsx(Fragment, { children });
+    }
+    return /* @__PURE__ */ jsxs(TooltipPrimitive.Root, { delayDuration, children: [
+      /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+        TooltipPrimitive.Content,
+        {
+          side,
+          align,
+          className: cn(
+            "tooltip_content",
+            tooltipContentVariants({ size, color, variant }),
+            className,
+            classNames?.content
+          ),
+          sideOffset: 4,
+          ...props,
+          children: content
+        }
+      ) })
+    ] });
+  }
+);
+Tooltip.displayName = "Tooltip";
+var tooltip_default = Tooltip;
+
+export { TooltipProvider, tooltip_default };
+//# sourceMappingURL=chunk-HCOTO5WX.js.map
+//# sourceMappingURL=chunk-HCOTO5WX.js.map

package/dist/chunk-HCOTO5WX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tooltip/index.tsx"],"names":[],"mappings":";;;;;;;AAcA,IAAM,sBAAA,GAAyB,GAAA;AAAA,EAC7B,slBAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,mBAAA;AAAA,QACJ,EAAA,EAAI,qBAAA;AAAA,QACJ,EAAA,EAAI,uBAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO,wBAAA;AAAA,MACP,OAAA,EAAS;AAAA,QACP,KAAA,EAAO,EAAA;AAAA,QACP,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,gBAAA,EAAkB,+BAA+B,eAAe,CAAA;AAAA,IAChE,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,OAAA,EAAS;AAAA;AACX;AAEJ,CAAA;AAEO,IAAM,eAAA,GAAmC,gBAAA,CAAA;AAUhD,IAAM,UAAU,KAAA,CAAM,IAAA;AAAA,EACpB,CAAC;AAAA,IACC,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,OAAA;AAAA,IACV,IAAA,GAAO,KAAA;AAAA,IACP,KAAA,GAAQ,QAAA;AAAA,IACR,aAAA,GAAgB,GAAA;AAAA,IAChB,QAAA,GAAW,KAAA;AAAA,IACX,SAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,KAAM;AACJ,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,uCAAU,QAAA,EAAS,CAAA;AAAA,IACrB;AAEA,IAAA,uBACE,IAAA,CAAkB,gBAAA,CAAA,IAAA,EAAjB,EAAsB,aAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAkB,gBAAA,CAAA,OAAA,EAAjB,EAAyB,OAAA,EAAO,IAAA,EAAE,QAAA,EAAS,CAAA;AAAA,sBAC5C,GAAA,CAAkB,yBAAjB,EACC,QAAA,kBAAA,GAAA;AAAA,QAAkB,gBAAA,CAAA,OAAA;AAAA,QAAjB;AAAA,UACC,IAAA;AAAA,UACA,KAAA;AAAA,UACA,SAAA,EAAW,EAAA;AAAA,YACT,iBAAA;AAAA,YACA,sBAAA,CAAuB,EAAE,IAAA,EAAM,KAAA,EAAO,SAAS,CAAA;AAAA,YAC/C,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,WACd;AAAA,UACA,UAAA,EAAY,CAAA;AAAA,UACX,GAAG,KAAA;AAAA,UAEH,QAAA,EAAA;AAAA;AAAA,OACH,EACF;AAAA,KAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA;AAGtB,IAAO,eAAA,GAAQ","file":"chunk-HCOTO5WX.js","sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { cva } from 'class-variance-authority'\nimport React from 'react'\n\nimport { cn } from '../utils'\nimport {\n  componentColors,\n  createTooltipSoftColorVariants,\n  tooltipSolidColorClasses,\n} from '../variants'\nimport type { TooltipProps } from './types'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-3 py-1.5 text-sm will-change-[transform,_opacity] animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2',\n  {\n    variants: {\n      size: {\n        xs: 'text-xs px-2 py-1',\n        sm: 'text-sm px-2.5 py-1',\n        md: 'text-base px-3 py-1.5',\n        lg: 'text-lg px-4 py-2',\n      },\n      color: tooltipSolidColorClasses,\n      variant: {\n        solid: '',\n        soft: 'border',\n      },\n    },\n    compoundVariants: createTooltipSoftColorVariants(componentColors),\n    defaultVariants: {\n      size: 'sm',\n      color: 'default',\n      variant: 'solid',\n    },\n  },\n)\n\nexport const TooltipProvider = TooltipPrimitive.Provider\n\nexport type {\n  TooltipProps,\n  TooltipProviderProps,\n  TooltipColor,\n  TooltipSize,\n  TooltipVariant,\n} from './types'\n\nconst Tooltip = React.memo<TooltipProps>(\n  ({\n    content,\n    children,\n    color = 'default',\n    size = 'sm',\n    variant = 'solid',\n    side = 'top',\n    align = 'center',\n    delayDuration = 200,\n    disabled = false,\n    className,\n    classNames,\n    ...props\n  }) => {\n    if (disabled) {\n      return <>{children}</>\n    }\n\n    return (\n      <TooltipPrimitive.Root delayDuration={delayDuration}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal>\n          <TooltipPrimitive.Content\n            side={side}\n            align={align}\n            className={cn(\n              'tooltip_content',\n              tooltipContentVariants({ size, color, variant }),\n              className,\n              classNames?.content,\n            )}\n            sideOffset={4}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    )\n  },\n)\n\nTooltip.displayName = 'Tooltip'\n\nexport type * from './types'\nexport default Tooltip\n"]}

package/dist/chunk-HECAAILV.js

@@ -0,0 +1,94 @@
+import { cn } from './chunk-NGYLRX6F.js';
+import React, { useState, useRef, useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Image = React.memo(({
+  src,
+  withBlur,
+  className,
+  classNames,
+  fallbackSrc,
+  fetchPriority = "auto",
+  ...props
+}) => {
+  const [imageError, setImageError] = useState(false);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const imageRef = useRef(null);
+  useEffect(() => {
+    setImageError(false);
+    setIsLoaded(false);
+  }, [src]);
+  useEffect(() => {
+    const handleLoad = () => {
+      if (imageRef.current) {
+        setIsLoaded(true);
+      }
+    };
+    const img = imageRef.current;
+    if (img?.complete && img?.naturalWidth > 0) {
+      handleLoad();
+    } else {
+      img?.addEventListener("load", handleLoad);
+    }
+    return () => img?.removeEventListener("load", handleLoad);
+  }, [src]);
+  const imgElement = /* @__PURE__ */ jsx(
+    "img",
+    {
+      ref: imageRef,
+      onError: () => setImageError(true),
+      src: imageError ? fallbackSrc : src,
+      className: cn(
+        "image_image",
+        !isLoaded && "opacity-0",
+        isLoaded && "opacity-100",
+        "transition-opacity duration-500 ease-in-out",
+        imageError && "image_error",
+        imageError && classNames?.error,
+        classNames?.image,
+        className
+      ),
+      ...props,
+      alt: props.alt,
+      loading: "lazy",
+      fetchPriority
+    }
+  );
+  if (!withBlur) {
+    return imgElement;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "root",
+      className: cn(
+        "image_root",
+        "relative overflow-hidden",
+        classNames?.root
+      ),
+      style: {
+        width: props.width ? `${props.width}px` : void 0,
+        height: props.height ? `${props.height}px` : void 0
+      },
+      children: [
+        !isLoaded && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              "image_placeholder",
+              "absolute inset-0 animate-pulse bg-gradient-to-r from-surface via-background to-surface",
+              classNames?.placeholder
+            )
+          }
+        ),
+        imgElement
+      ]
+    }
+  );
+});
+Image.displayName = "Image";
+var image_default = Image;
+
+export { image_default };
+//# sourceMappingURL=chunk-HECAAILV.js.map
+//# sourceMappingURL=chunk-HECAAILV.js.map

package/dist/chunk-HECAAILV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/image/index.tsx"],"names":[],"mappings":"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","file":"chunk-HECAAILV.js","sourcesContent":["'use client'\n\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { cn } from '../utils'\n\nimport { ImageProps } from './types'\n\nconst Image = React.memo<ImageProps>(({\n  src,\n  withBlur,\n  className,\n  classNames,\n  fallbackSrc,\n  fetchPriority = 'auto',\n  ...props\n}) => {\n  const [imageError, setImageError] = useState(false)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    setImageError(false)\n    setIsLoaded(false)\n  }, [src])\n\n  useEffect(() => {\n    const handleLoad = () => {\n      if (imageRef.current) {\n        setIsLoaded(true)\n      }\n    }\n\n    const img = imageRef.current\n    if (img?.complete && img?.naturalWidth > 0) {\n      handleLoad()\n    } else {\n      img?.addEventListener('load', handleLoad)\n    }\n\n    return () => img?.removeEventListener('load', handleLoad)\n  }, [src])\n\n  const imgElement = (\n    <img\n      ref={imageRef}\n      onError={() => setImageError(true)}\n      src={imageError ? fallbackSrc : src}\n      className={cn(\n        'image_image',\n        !isLoaded && 'opacity-0',\n        isLoaded && 'opacity-100',\n        'transition-opacity duration-500 ease-in-out',\n        imageError && 'image_error',\n        imageError && classNames?.error,\n        classNames?.image,\n        className,\n      )}\n      {...props}\n      alt={props.alt}\n      loading=\"lazy\"\n      fetchPriority={fetchPriority}\n    />\n  )\n\n  // Without blur: render img directly, no wrapper\n  if (!withBlur) {\n    return imgElement\n  }\n\n  // With blur: wrapper needed for placeholder overlay\n  return (\n    <div\n      data-slot=\"root\"\n      className={cn(\n        'image_root',\n        'relative overflow-hidden',\n        classNames?.root,\n      )}\n      style={{\n        width: props.width ? `${props.width}px` : undefined,\n        height: props.height ? `${props.height}px` : undefined,\n      }}\n    >\n      {!isLoaded && (\n        <div\n          className={cn(\n            'image_placeholder',\n            'absolute inset-0 animate-pulse bg-gradient-to-r from-surface via-background to-surface',\n            classNames?.placeholder\n          )}\n        />\n      )}\n      {imgElement}\n    </div>\n  )\n})\n\nImage.displayName = 'Image'\n\nexport type * from './types'\nexport default Image\n"]}

package/dist/chunk-HK3NJMSY.js

@@ -0,0 +1,383 @@
+import { focusRingColorClasses, textColorClasses } from './chunk-POXI7JJ4.js';
+import { cn, iconSizes } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import { ChevronDown } from 'lucide-react';
+import React, { useId, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var accordionContainerVariants = cva("w-full", {
+  variants: {
+    variant: {
+      default: "space-y-0 divide-y divide-border rounded-lg overflow-hidden",
+      solid: "space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden",
+      soft: "space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden",
+      bordered: "space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden",
+      splitted: "space-y-2"
+    },
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      accent: "",
+      success: "",
+      error: "",
+      warning: "",
+      info: ""
+    },
+    showDivider: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "default", showDivider: false, class: "divide-y-0" },
+    { variant: "solid", showDivider: false, class: "divide-y-0" },
+    { variant: "soft", showDivider: false, class: "divide-y-0" },
+    { variant: "bordered", showDivider: false, class: "divide-y-0" },
+    // Bordered container — colored border + dividers
+    { variant: "bordered", color: "primary", class: "border-primary/30 divide-primary/20" },
+    { variant: "bordered", color: "secondary", class: "border-secondary/30 divide-secondary/20" },
+    { variant: "bordered", color: "accent", class: "border-accent/30 divide-accent/20" },
+    { variant: "bordered", color: "success", class: "border-success/30 divide-success/20" },
+    { variant: "bordered", color: "error", class: "border-error/30 divide-error/20" },
+    { variant: "bordered", color: "warning", class: "border-warning/30 divide-warning/20" },
+    { variant: "bordered", color: "info", class: "border-info/30 divide-info/20" }
+  ],
+  defaultVariants: {
+    variant: "default",
+    color: "default",
+    showDivider: true
+  }
+});
+var accordionItemVariants = cva("transition-colors", {
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-surface/50",
+      solid: "bg-surface",
+      soft: "",
+      bordered: "bg-transparent",
+      splitted: "border border-border rounded-lg overflow-hidden"
+    },
+    color: {
+      default: "",
+      primary: "",
+      secondary: "",
+      accent: "",
+      success: "",
+      error: "",
+      warning: "",
+      info: ""
+    }
+  },
+  compoundVariants: [
+    // Soft variant with colors
+    { variant: "soft", color: "default", class: "bg-surface/50" },
+    {
+      variant: "soft",
+      color: "primary",
+      class: "bg-primary/5 hover:bg-primary/10"
+    },
+    {
+      variant: "soft",
+      color: "secondary",
+      class: "bg-secondary/5 hover:bg-secondary/10"
+    },
+    {
+      variant: "soft",
+      color: "accent",
+      class: "bg-accent/5 hover:bg-accent/10"
+    },
+    {
+      variant: "soft",
+      color: "success",
+      class: "bg-success/5 hover:bg-success/10"
+    },
+    { variant: "soft", color: "error", class: "bg-error/5 hover:bg-error/10" },
+    {
+      variant: "soft",
+      color: "warning",
+      class: "bg-warning/5 hover:bg-warning/10"
+    },
+    { variant: "soft", color: "info", class: "bg-info/5 hover:bg-info/10" },
+    // Solid variant with colors — stronger fill than soft
+    { variant: "solid", color: "primary", class: "bg-primary text-primary-foreground" },
+    { variant: "solid", color: "secondary", class: "bg-secondary text-secondary-foreground" },
+    { variant: "solid", color: "accent", class: "bg-accent text-accent-foreground" },
+    { variant: "solid", color: "success", class: "bg-success text-success-foreground" },
+    { variant: "solid", color: "error", class: "bg-error text-error-foreground" },
+    { variant: "solid", color: "warning", class: "bg-warning text-warning-foreground" },
+    { variant: "solid", color: "info", class: "bg-info text-info-foreground" },
+    // Default variant with colors
+    { variant: "default", color: "primary", class: "hover:bg-primary/5" },
+    { variant: "default", color: "secondary", class: "hover:bg-secondary/5" },
+    { variant: "default", color: "accent", class: "hover:bg-accent/5" },
+    { variant: "default", color: "success", class: "hover:bg-success/5" },
+    { variant: "default", color: "error", class: "hover:bg-error/5" },
+    { variant: "default", color: "warning", class: "hover:bg-warning/5" },
+    { variant: "default", color: "info", class: "hover:bg-info/5" },
+    // Splitted variant with colors
+    { variant: "splitted", color: "primary", class: "border-primary/30" },
+    { variant: "splitted", color: "secondary", class: "border-secondary/30" },
+    { variant: "splitted", color: "accent", class: "border-accent/30" },
+    { variant: "splitted", color: "success", class: "border-success/30" },
+    { variant: "splitted", color: "error", class: "border-error/30" },
+    { variant: "splitted", color: "warning", class: "border-warning/30" },
+    { variant: "splitted", color: "info", class: "border-info/30" }
+  ],
+  defaultVariants: {
+    variant: "default",
+    color: "default"
+  }
+});
+var accordionHeaderVariants = cva(
+  [
+    "flex items-center w-full text-left font-medium transition-colors",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+    "disabled:opacity-50 disabled:cursor-not-allowed"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2",
+        sm: "px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2",
+        md: "px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3",
+        lg: "px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3"
+      },
+      color: focusRingColorClasses,
+      disabled: {
+        true: "cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "default",
+      disabled: false
+    }
+  }
+);
+var accordionContentVariants = cva("text-text-secondary", {
+  variants: {
+    size: {
+      xs: "px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs",
+      sm: "px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm",
+      md: "px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base",
+      lg: "px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var getIconColor = (color, isExpanded) => {
+  if (!isExpanded) return "text-text-secondary";
+  return textColorClasses[color || "default"];
+};
+var Accordion = React.memo(
+  ({
+    items,
+    color = "default",
+    size = "md",
+    variant = "default",
+    defaultActiveKey,
+    activeKey: controlledActiveKey,
+    onChange,
+    multiple = false,
+    expandIcon,
+    expandIconPosition = "right",
+    collapsible = false,
+    destroyOnClose = false,
+    showDivider = true,
+    className,
+    itemClassName,
+    classNames,
+    ref
+  }) => {
+    const isSolidColored = variant === "solid" && color !== "default";
+    const baseId = useId();
+    const [internalActiveKey, setInternalActiveKey] = useState(
+      defaultActiveKey ? multiple && !Array.isArray(defaultActiveKey) ? [defaultActiveKey] : defaultActiveKey : multiple ? [] : ""
+    );
+    const activeKey = controlledActiveKey !== void 0 ? controlledActiveKey : internalActiveKey;
+    const isActive = (key) => {
+      if (Array.isArray(activeKey)) {
+        return activeKey.includes(key);
+      }
+      return activeKey === key;
+    };
+    const handleToggle = (key, disabled) => {
+      if (disabled) return;
+      let newActiveKey;
+      if (multiple) {
+        const currentKeys = Array.isArray(activeKey) ? activeKey : activeKey ? [activeKey] : [];
+        newActiveKey = currentKeys.includes(key) ? currentKeys.filter((k) => k !== key) : [...currentKeys, key];
+      } else {
+        if (!collapsible && activeKey === key) {
+          return;
+        }
+        newActiveKey = activeKey === key ? "" : key;
+      }
+      if (controlledActiveKey === void 0) {
+        setInternalActiveKey(newActiveKey);
+      }
+      onChange?.(newActiveKey);
+    };
+    const renderExpandIcon = (isExpanded) => {
+      if (expandIcon === false) return null;
+      if (typeof expandIcon === "function") {
+        return expandIcon(isExpanded);
+      }
+      if (expandIcon) {
+        return /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "shrink-0 transition-transform duration-300",
+              isExpanded && "rotate-180"
+            ),
+            children: expandIcon
+          }
+        );
+      }
+      return /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          className: cn(
+            "shrink-0 transition-transform duration-300",
+            isExpanded && "rotate-180",
+            isSolidColored ? "text-inherit" : getIconColor(color, isExpanded),
+            iconSizes[size]
+          )
+        }
+      );
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "root",
+        className: cn(
+          "accordion_root",
+          accordionContainerVariants({
+            variant,
+            color,
+            showDivider: showDivider && variant !== "splitted"
+          }),
+          classNames?.root,
+          className
+        ),
+        children: items.map((item) => {
+          const isItemActive = isActive(item.key);
+          const headerId = `${baseId}-header-${item.key}`;
+          const panelId = `${baseId}-panel-${item.key}`;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "item",
+              className: cn(
+                "accordion_item",
+                accordionItemVariants({ variant, color }),
+                item.disabled && "opacity-50",
+                classNames?.item,
+                itemClassName
+              ),
+              children: [
+                /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    id: headerId,
+                    "aria-expanded": isItemActive,
+                    "aria-controls": panelId,
+                    "aria-disabled": item.disabled,
+                    disabled: item.disabled,
+                    onClick: () => handleToggle(item.key, item.disabled),
+                    "data-slot": "trigger",
+                    className: cn(
+                      "accordion_trigger",
+                      accordionHeaderVariants({
+                        size,
+                        color,
+                        disabled: item.disabled
+                      }),
+                      classNames?.trigger
+                    ),
+                    children: [
+                      expandIconPosition === "left" && renderExpandIcon(isItemActive),
+                      item.icon && /* @__PURE__ */ jsx(
+                        "span",
+                        {
+                          "data-slot": "icon",
+                          className: cn(
+                            "accordion_icon",
+                            "shrink-0",
+                            isSolidColored ? "text-inherit" : getIconColor(color, isItemActive),
+                            classNames?.icon
+                          ),
+                          children: item.icon
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              !isSolidColored && isItemActive && color !== "default" && textColorClasses[color || "default"]
+                            ),
+                            children: item.title
+                          }
+                        ),
+                        item.subtitle && /* @__PURE__ */ jsx("div", { className: cn(
+                          "font-normal mt-0.5",
+                          isSolidColored ? "text-inherit opacity-80" : "text-text-secondary"
+                        ), children: item.subtitle })
+                      ] }),
+                      item.extra && /* @__PURE__ */ jsx("span", { className: cn(
+                        "shrink-0",
+                        isSolidColored ? "text-inherit opacity-80" : "text-text-secondary"
+                      ), children: item.extra }),
+                      expandIconPosition === "right" && renderExpandIcon(isItemActive)
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    id: panelId,
+                    role: "region",
+                    "aria-labelledby": headerId,
+                    "aria-hidden": !isItemActive,
+                    className: cn(
+                      "grid transition-[grid-template-rows] duration-300 ease-out",
+                      isItemActive ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+                    ),
+                    children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: (!destroyOnClose || isItemActive) && /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        "data-slot": "content",
+                        className: cn(
+                          "accordion_content",
+                          accordionContentVariants({ size }),
+                          isSolidColored && "text-inherit opacity-90",
+                          classNames?.content
+                        ),
+                        children: item.content
+                      }
+                    ) })
+                  }
+                )
+              ]
+            },
+            item.key
+          );
+        })
+      }
+    );
+  }
+);
+Accordion.displayName = "Accordion";
+var accordion_default = Accordion;
+
+export { accordion_default };
+//# sourceMappingURL=chunk-HK3NJMSY.js.map
+//# sourceMappingURL=chunk-HK3NJMSY.js.map

package/dist/chunk-HK3NJMSY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":"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","file":"chunk-HK3NJMSY.js","sourcesContent":["'use client'\n\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDown } from \"lucide-react\";\nimport React, { useId, useState } from \"react\";\n\nimport { cn, iconSizes } from \"../utils\";\nimport { focusRingColorClasses, textColorClasses } from \"../variants\";\nimport type { AccordionProps, AccordionSize } from \"./types\";\n\n// Variant styles for accordion container\nconst accordionContainerVariants = cva(\"w-full\", {\n  variants: {\n    variant: {\n      default: \"space-y-0 divide-y divide-border rounded-lg overflow-hidden\",\n      solid: \"space-y-0 divide-y divide-border/50 rounded-lg overflow-hidden\",\n      soft: \"space-y-0 divide-y divide-border/30 rounded-lg overflow-hidden\",\n      bordered:\n        \"space-y-0 divide-y divide-border border border-border rounded-lg overflow-hidden\",\n      splitted: \"space-y-2\",\n    },\n    color: {\n      default: \"\",\n      primary: \"\",\n      secondary: \"\",\n      accent: \"\",\n      success: \"\",\n      error: \"\",\n      warning: \"\",\n      info: \"\",\n    },\n    showDivider: {\n      true: \"\",\n      false: \"\",\n    },\n  },\n  compoundVariants: [\n    { variant: \"default\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"solid\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"soft\", showDivider: false, class: \"divide-y-0\" },\n    { variant: \"bordered\", showDivider: false, class: \"divide-y-0\" },\n    // Bordered container — colored border + dividers\n    { variant: \"bordered\", color: \"primary\", class: \"border-primary/30 divide-primary/20\" },\n    { variant: \"bordered\", color: \"secondary\", class: \"border-secondary/30 divide-secondary/20\" },\n    { variant: \"bordered\", color: \"accent\", class: \"border-accent/30 divide-accent/20\" },\n    { variant: \"bordered\", color: \"success\", class: \"border-success/30 divide-success/20\" },\n    { variant: \"bordered\", color: \"error\", class: \"border-error/30 divide-error/20\" },\n    { variant: \"bordered\", color: \"warning\", class: \"border-warning/30 divide-warning/20\" },\n    { variant: \"bordered\", color: \"info\", class: \"border-info/30 divide-info/20\" },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n    showDivider: true,\n  },\n});\n\n// Variant styles for each accordion item\nconst accordionItemVariants = cva(\"transition-colors\", {\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-surface/50\",\n      solid: \"bg-surface\",\n      soft: \"\",\n      bordered: \"bg-transparent\",\n      splitted: \"border border-border rounded-lg overflow-hidden\",\n    },\n    color: {\n      default: \"\",\n      primary: \"\",\n      secondary: \"\",\n      accent: \"\",\n      success: \"\",\n      error: \"\",\n      warning: \"\",\n      info: \"\",\n    },\n  },\n  compoundVariants: [\n    // Soft variant with colors\n    { variant: \"soft\", color: \"default\", class: \"bg-surface/50\" },\n    {\n      variant: \"soft\",\n      color: \"primary\",\n      class: \"bg-primary/5 hover:bg-primary/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"secondary\",\n      class: \"bg-secondary/5 hover:bg-secondary/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"accent\",\n      class: \"bg-accent/5 hover:bg-accent/10\",\n    },\n    {\n      variant: \"soft\",\n      color: \"success\",\n      class: \"bg-success/5 hover:bg-success/10\",\n    },\n    { variant: \"soft\", color: \"error\", class: \"bg-error/5 hover:bg-error/10\" },\n    {\n      variant: \"soft\",\n      color: \"warning\",\n      class: \"bg-warning/5 hover:bg-warning/10\",\n    },\n    { variant: \"soft\", color: \"info\", class: \"bg-info/5 hover:bg-info/10\" },\n    // Solid variant with colors — stronger fill than soft\n    { variant: \"solid\", color: \"primary\", class: \"bg-primary text-primary-foreground\" },\n    { variant: \"solid\", color: \"secondary\", class: \"bg-secondary text-secondary-foreground\" },\n    { variant: \"solid\", color: \"accent\", class: \"bg-accent text-accent-foreground\" },\n    { variant: \"solid\", color: \"success\", class: \"bg-success text-success-foreground\" },\n    { variant: \"solid\", color: \"error\", class: \"bg-error text-error-foreground\" },\n    { variant: \"solid\", color: \"warning\", class: \"bg-warning text-warning-foreground\" },\n    { variant: \"solid\", color: \"info\", class: \"bg-info text-info-foreground\" },\n    // Default variant with colors\n    { variant: \"default\", color: \"primary\", class: \"hover:bg-primary/5\" },\n    { variant: \"default\", color: \"secondary\", class: \"hover:bg-secondary/5\" },\n    { variant: \"default\", color: \"accent\", class: \"hover:bg-accent/5\" },\n    { variant: \"default\", color: \"success\", class: \"hover:bg-success/5\" },\n    { variant: \"default\", color: \"error\", class: \"hover:bg-error/5\" },\n    { variant: \"default\", color: \"warning\", class: \"hover:bg-warning/5\" },\n    { variant: \"default\", color: \"info\", class: \"hover:bg-info/5\" },\n    // Splitted variant with colors\n    { variant: \"splitted\", color: \"primary\", class: \"border-primary/30\" },\n    { variant: \"splitted\", color: \"secondary\", class: \"border-secondary/30\" },\n    { variant: \"splitted\", color: \"accent\", class: \"border-accent/30\" },\n    { variant: \"splitted\", color: \"success\", class: \"border-success/30\" },\n    { variant: \"splitted\", color: \"error\", class: \"border-error/30\" },\n    { variant: \"splitted\", color: \"warning\", class: \"border-warning/30\" },\n    { variant: \"splitted\", color: \"info\", class: \"border-info/30\" },\n  ],\n  defaultVariants: {\n    variant: \"default\",\n    color: \"default\",\n  },\n});\n\n// Header button variants\nconst accordionHeaderVariants = cva(\n  [\n    \"flex items-center w-full text-left font-medium transition-colors\",\n    \"focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n  ],\n  {\n    variants: {\n      size: {\n        xs: \"px-(--accordion-padding-x-xs) py-(--accordion-padding-y-xs) text-xs gap-2\",\n        sm: \"px-(--accordion-padding-x-sm) py-(--accordion-padding-y-sm) text-sm gap-2\",\n        md: \"px-(--accordion-padding-x-md) py-(--accordion-padding-y-md) text-base gap-3\",\n        lg: \"px-(--accordion-padding-x-lg) py-(--accordion-padding-y-lg) text-lg gap-3\",\n      },\n      color: focusRingColorClasses,\n      disabled: {\n        true: \"cursor-not-allowed\",\n        false: \"cursor-pointer\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      color: \"default\",\n      disabled: false,\n    },\n  },\n);\n\n// Content variants\nconst accordionContentVariants = cva(\"text-text-secondary\", {\n  variants: {\n    size: {\n      xs: \"px-(--accordion-padding-x-xs) pb-(--accordion-padding-y-xs) text-xs\",\n      sm: \"px-(--accordion-padding-x-sm) pb-(--accordion-padding-y-sm) text-sm\",\n      md: \"px-(--accordion-padding-x-md) pb-(--accordion-padding-y-md) text-base\",\n      lg: \"px-(--accordion-padding-x-lg) pb-(--accordion-padding-y-lg) text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\n// Icon color based on color prop\nconst getIconColor = (color: AccordionProps[\"color\"], isExpanded: boolean) => {\n  if (!isExpanded) return \"text-text-secondary\";\n  return textColorClasses[color || \"default\"];\n};\n\nconst Accordion = React.memo<AccordionProps>(\n  ({\n    items,\n    color = \"default\",\n    size = \"md\",\n    variant = \"default\",\n    defaultActiveKey,\n    activeKey: controlledActiveKey,\n    onChange,\n    multiple = false,\n    expandIcon,\n    expandIconPosition = \"right\",\n    collapsible = false,\n    destroyOnClose = false,\n    showDivider = true,\n    className,\n    itemClassName,\n    classNames,\n    ref,\n  }) => {\n    const isSolidColored = variant === \"solid\" && color !== \"default\";\n    const baseId = useId();\n    const [internalActiveKey, setInternalActiveKey] = useState<\n      string | string[]\n    >(\n      defaultActiveKey\n        ? multiple && !Array.isArray(defaultActiveKey)\n          ? [defaultActiveKey]\n          : defaultActiveKey\n        : multiple\n          ? []\n          : \"\",\n    );\n\n    const activeKey =\n      controlledActiveKey !== undefined\n        ? controlledActiveKey\n        : internalActiveKey;\n\n    const isActive = (key: string) => {\n      if (Array.isArray(activeKey)) {\n        return activeKey.includes(key);\n      }\n      return activeKey === key;\n    };\n\n    const handleToggle = (key: string, disabled?: boolean) => {\n      if (disabled) return;\n\n      let newActiveKey: string | string[];\n\n      if (multiple) {\n        const currentKeys = Array.isArray(activeKey)\n          ? activeKey\n          : activeKey\n            ? [activeKey]\n            : [];\n        newActiveKey = currentKeys.includes(key)\n          ? currentKeys.filter((k) => k !== key)\n          : [...currentKeys, key];\n      } else {\n        // collapsible=false means one panel must stay open (non-collapsible)\n        if (!collapsible && activeKey === key) {\n          return;\n        }\n        newActiveKey = activeKey === key ? \"\" : key;\n      }\n\n      if (controlledActiveKey === undefined) {\n        setInternalActiveKey(newActiveKey);\n      }\n      onChange?.(newActiveKey);\n    };\n\n    // Render expand icon\n    const renderExpandIcon = (isExpanded: boolean) => {\n      if (expandIcon === false) return null;\n\n      if (typeof expandIcon === \"function\") {\n        return expandIcon(isExpanded);\n      }\n\n      if (expandIcon) {\n        return (\n          <span\n            className={cn(\n              \"shrink-0 transition-transform duration-300\",\n              isExpanded && \"rotate-180\",\n            )}\n          >\n            {expandIcon}\n          </span>\n        );\n      }\n\n      return (\n        <ChevronDown\n          className={cn(\n            \"shrink-0 transition-transform duration-300\",\n            isExpanded && \"rotate-180\",\n            isSolidColored ? \"text-inherit\" : getIconColor(color, isExpanded),\n            iconSizes[size as AccordionSize],\n          )}\n        />\n      );\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"root\"\n        className={cn(\n          \"accordion_root\",\n          accordionContainerVariants({\n            variant,\n            color,\n            showDivider: showDivider && variant !== \"splitted\",\n          }),\n          classNames?.root,\n          className,\n        )}\n      >\n        {items.map((item) => {\n          const isItemActive = isActive(item.key);\n          const headerId = `${baseId}-header-${item.key}`;\n          const panelId = `${baseId}-panel-${item.key}`;\n\n          return (\n            <div\n              key={item.key}\n              data-slot=\"item\"\n              className={cn(\n                \"accordion_item\",\n                accordionItemVariants({ variant, color }),\n                item.disabled && \"opacity-50\",\n                classNames?.item,\n                itemClassName,\n              )}\n            >\n              <button\n                type=\"button\"\n                id={headerId}\n                aria-expanded={isItemActive}\n                aria-controls={panelId}\n                aria-disabled={item.disabled}\n                disabled={item.disabled}\n                onClick={() => handleToggle(item.key, item.disabled)}\n                data-slot=\"trigger\"\n                className={cn(\n                  \"accordion_trigger\",\n                  accordionHeaderVariants({\n                    size,\n                    color,\n                    disabled: item.disabled,\n                  }),\n                  classNames?.trigger,\n                )}\n              >\n                {/* Left expand icon */}\n                {expandIconPosition === \"left\" &&\n                  renderExpandIcon(isItemActive)}\n\n                {/* Item icon */}\n                {item.icon && (\n                  <span\n                    data-slot=\"icon\"\n                    className={cn(\n                      \"accordion_icon\",\n                      \"shrink-0\",\n                      isSolidColored ? \"text-inherit\" : getIconColor(color, isItemActive),\n                      classNames?.icon,\n                    )}\n                  >\n                    {item.icon}\n                  </span>\n                )}\n\n                {/* Title and subtitle */}\n                <div className=\"flex-1 min-w-0\">\n                  <div\n                    className={cn(\n                      !isSolidColored &&\n                        isItemActive &&\n                        color !== \"default\" &&\n                        textColorClasses[color || \"default\"],\n                    )}\n                  >\n                    {item.title}\n                  </div>\n                  {item.subtitle && (\n                    <div className={cn(\n                      \"font-normal mt-0.5\",\n                      isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n                    )}>\n                      {item.subtitle}\n                    </div>\n                  )}\n                </div>\n\n                {/* Extra content */}\n                {item.extra && (\n                  <span className={cn(\n                    \"shrink-0\",\n                    isSolidColored ? \"text-inherit opacity-80\" : \"text-text-secondary\",\n                  )}>\n                    {item.extra}\n                  </span>\n                )}\n\n                {/* Right expand icon */}\n                {expandIconPosition === \"right\" &&\n                  renderExpandIcon(isItemActive)}\n              </button>\n\n              {/* Content panel */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={headerId}\n                aria-hidden={!isItemActive}\n                className={cn(\n                  \"grid transition-[grid-template-rows] duration-300 ease-out\",\n                  isItemActive ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  {(!destroyOnClose || isItemActive) && (\n                    <div\n                      data-slot=\"content\"\n                      className={cn(\n                        \"accordion_content\",\n                        accordionContentVariants({ size }),\n                        isSolidColored && \"text-inherit opacity-90\",\n                        classNames?.content,\n                      )}\n                    >\n                      {item.content}\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  },\n);\n\nAccordion.displayName = \"Accordion\";\n\nexport type * from \"./types\";\nexport default Accordion;\n"]}