@mdigital_ui/ui 0.4.2 → 0.4.4

package/dist/chunk-ERRZ2CSG.js

@@ -1,192 +0,0 @@
-import { useRipple, RippleContainer } from './chunk-OFUPJH35.js';
-import { cn } from './chunk-NGYLRX6F.js';
-import { cva } from 'class-variance-authority';
-import React, { useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var toggleGroupVariants = cva(
-  "inline-flex border rounded-md overflow-hidden",
-  {
-    variants: {
-      size: {
-        xs: "gap-0",
-        sm: "gap-0",
-        md: "gap-0",
-        lg: "gap-0"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var toggleItemVariants = cva(
-  "font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset",
-  {
-    variants: {
-      size: {
-        xs: "h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs",
-        sm: "h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm",
-        md: "h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base",
-        lg: "h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-var inactiveHoverClasses = {
-  default: "text-text-secondary hover:text-text-primary hover:bg-surface",
-  primary: "text-text-secondary hover:text-primary hover:bg-primary/10",
-  secondary: "text-text-secondary hover:text-secondary hover:bg-secondary/10",
-  accent: "text-text-secondary hover:text-accent hover:bg-accent/10",
-  success: "text-text-secondary hover:text-success hover:bg-success/10",
-  error: "text-text-secondary hover:text-error hover:bg-error/10",
-  warning: "text-text-secondary hover:text-warning hover:bg-warning/10",
-  info: "text-text-secondary hover:text-info hover:bg-info/10"
-};
-var activeSolidClasses = {
-  default: "bg-border text-text-primary",
-  primary: "bg-primary text-background",
-  secondary: "bg-secondary text-background",
-  accent: "bg-accent text-background",
-  success: "bg-success text-background",
-  error: "bg-error text-background",
-  warning: "bg-warning text-background",
-  info: "bg-info text-background"
-};
-var activeSoftClasses = {
-  default: "bg-border/20 text-text-primary",
-  primary: "bg-primary/20 text-primary",
-  secondary: "bg-secondary/20 text-secondary",
-  accent: "bg-accent/20 text-accent",
-  success: "bg-success/20 text-success",
-  error: "bg-error/20 text-error",
-  warning: "bg-warning/20 text-warning",
-  info: "bg-info/20 text-info"
-};
-var activeDefaultClasses = {
-  default: "bg-surface text-text-primary",
-  primary: "border-primary bg-primary/10 text-primary",
-  secondary: "border-secondary bg-secondary/10 text-secondary",
-  accent: "border-accent bg-accent/10 text-accent",
-  success: "border-success bg-success/10 text-success",
-  error: "border-error bg-error/10 text-error",
-  warning: "border-warning bg-warning/10 text-warning",
-  info: "border-info bg-info/10 text-info"
-};
-var getToggleClasses = (color, variant, isActive) => {
-  const toggleColor = color;
-  if (!isActive) {
-    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default;
-  }
-  if (variant === "solid") {
-    return activeSolidClasses[toggleColor] || activeSolidClasses.default;
-  }
-  if (variant === "soft") {
-    return activeSoftClasses[toggleColor] || activeSoftClasses.default;
-  }
-  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default;
-};
-var ToggleItemButton = ({ children, disabled, className, ...props }) => {
-  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled);
-  return /* @__PURE__ */ jsxs("button", { className: cn(className, "relative overflow-hidden"), onPointerDown, onKeyDown, disabled, ...props, children: [
-    children,
-    /* @__PURE__ */ jsx(RippleContainer, { ripples, onAnimationEnd })
-  ] });
-};
-var ToggleGroup = React.memo(
-  ({
-    options,
-    value: controlledValue,
-    defaultValue,
-    multiple = false,
-    color = "primary",
-    size = "md",
-    variant = "default",
-    onChange,
-    fullWidth = false,
-    disabled = false,
-    className,
-    centered = false,
-    classNames
-  }) => {
-    const [internalValue, setInternalValue] = useState(
-      defaultValue || (multiple ? [] : options[0]?.value || "")
-    );
-    const value = controlledValue !== void 0 ? controlledValue : internalValue;
-    const handleToggleClick = (optionValue, optionDisabled) => {
-      if (disabled || optionDisabled) return;
-      let newValue;
-      if (multiple) {
-        const currentValues = Array.isArray(value) ? value : [];
-        if (currentValues.includes(optionValue)) {
-          newValue = currentValues.filter((v) => v !== optionValue);
-        } else {
-          newValue = [...currentValues, optionValue];
-        }
-      } else {
-        newValue = optionValue;
-      }
-      if (controlledValue === void 0) {
-        setInternalValue(newValue);
-      }
-      onChange?.(newValue);
-    };
-    const isActive = (optionValue) => {
-      if (multiple && Array.isArray(value)) {
-        return value.includes(optionValue);
-      }
-      return optionValue === value;
-    };
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "group",
-        className: cn(
-          "toggleGroup_root",
-          toggleGroupVariants({ size }),
-          "border-border bg-background",
-          classNames?.root,
-          className,
-          fullWidth && "grid w-full"
-        ),
-        style: fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : void 0,
-        children: options.map((option) => {
-          const active = isActive(option.value);
-          const isDisabled = disabled || option.disabled;
-          return /* @__PURE__ */ jsx(
-            ToggleItemButton,
-            {
-              type: "button",
-              className: cn(
-                "toggleGroup_item",
-                toggleItemVariants({ size }),
-                getToggleClasses(color, variant, active),
-                "border-border flex items-center justify-center",
-                isDisabled && "opacity-50 cursor-not-allowed",
-                centered && "text-center",
-                classNames?.item
-              ),
-              onClick: () => handleToggleClick(option.value, option.disabled),
-              disabled: isDisabled,
-              "aria-pressed": active,
-              children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                option.icon,
-                option.label
-              ] })
-            },
-            option.value
-          );
-        })
-      }
-    );
-  }
-);
-ToggleGroup.displayName = "ToggleGroup";
-var toggle_group_default = ToggleGroup;
-
-export { ToggleGroup, toggle_group_default };
-//# sourceMappingURL=chunk-ERRZ2CSG.js.map
-//# sourceMappingURL=chunk-ERRZ2CSG.js.map

package/dist/chunk-ERRZ2CSG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/toggle-group/index.tsx"],"names":[],"mappings":"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","file":"chunk-ERRZ2CSG.js","sourcesContent":["'use client'\n\nimport { cva } from 'class-variance-authority'\nimport React, { useState } from 'react'\n\nimport { useRipple, RippleContainer } from '../hooks/useRipple'\nimport { cn } from '../utils'\nimport type { ToggleGroupProps } from './types'\n\nconst toggleGroupVariants = cva(\n  'inline-flex border rounded-md overflow-hidden',\n  {\n    variants: {\n      size: {\n        xs: 'gap-0',\n        sm: 'gap-0',\n        md: 'gap-0',\n        lg: 'gap-0',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst toggleItemVariants = cva(\n  'font-medium transition-colors cursor-pointer border-r last:border-r-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset',\n  {\n    variants: {\n      size: {\n        xs: 'h-(--toggle-height-xs) px-(--toggle-padding-x-xs) text-xs',\n        sm: 'h-(--toggle-height-sm) px-(--toggle-padding-x-sm) text-sm',\n        md: 'h-(--toggle-height-md) px-(--toggle-padding-x-md) text-base',\n        lg: 'h-(--toggle-height-lg) px-(--toggle-padding-x-lg) text-lg',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\n// Inactive hover states for each color\nconst inactiveHoverClasses = {\n  default: 'text-text-secondary hover:text-text-primary hover:bg-surface',\n  primary: 'text-text-secondary hover:text-primary hover:bg-primary/10',\n  secondary: 'text-text-secondary hover:text-secondary hover:bg-secondary/10',\n  accent: 'text-text-secondary hover:text-accent hover:bg-accent/10',\n  success: 'text-text-secondary hover:text-success hover:bg-success/10',\n  error: 'text-text-secondary hover:text-error hover:bg-error/10',\n  warning: 'text-text-secondary hover:text-warning hover:bg-warning/10',\n  info: 'text-text-secondary hover:text-info hover:bg-info/10',\n} as const\n\n// Active solid variant classes\nconst activeSolidClasses = {\n  default: 'bg-border text-text-primary',\n  primary: 'bg-primary text-background',\n  secondary: 'bg-secondary text-background',\n  accent: 'bg-accent text-background',\n  success: 'bg-success text-background',\n  error: 'bg-error text-background',\n  warning: 'bg-warning text-background',\n  info: 'bg-info text-background',\n} as const\n\n// Active soft variant classes\nconst activeSoftClasses = {\n  default: 'bg-border/20 text-text-primary',\n  primary: 'bg-primary/20 text-primary',\n  secondary: 'bg-secondary/20 text-secondary',\n  accent: 'bg-accent/20 text-accent',\n  success: 'bg-success/20 text-success',\n  error: 'bg-error/20 text-error',\n  warning: 'bg-warning/20 text-warning',\n  info: 'bg-info/20 text-info',\n} as const\n\n// Active default variant classes\nconst activeDefaultClasses = {\n  default: 'bg-surface text-text-primary',\n  primary: 'border-primary bg-primary/10 text-primary',\n  secondary: 'border-secondary bg-secondary/10 text-secondary',\n  accent: 'border-accent bg-accent/10 text-accent',\n  success: 'border-success bg-success/10 text-success',\n  error: 'border-error bg-error/10 text-error',\n  warning: 'border-warning bg-warning/10 text-warning',\n  info: 'border-info bg-info/10 text-info',\n} as const\n\ntype ToggleColor = keyof typeof inactiveHoverClasses\n\nconst getToggleClasses = (\n  color: string,\n  variant: string,\n  isActive: boolean,\n) => {\n  const toggleColor = color as ToggleColor\n\n  if (!isActive) {\n    return inactiveHoverClasses[toggleColor] || inactiveHoverClasses.default\n  }\n\n  // Active state\n  if (variant === 'solid') {\n    return activeSolidClasses[toggleColor] || activeSolidClasses.default\n  }\n  if (variant === 'soft') {\n    return activeSoftClasses[toggleColor] || activeSoftClasses.default\n  }\n  return activeDefaultClasses[toggleColor] || activeDefaultClasses.default\n}\n\nconst ToggleItemButton: React.FC<{ children: React.ReactNode; disabled?: boolean; className?: string; [key: string]: any }> = ({ children, disabled, className, ...props }) => {\n  const { ripples, onPointerDown, onKeyDown, onAnimationEnd } = useRipple(!disabled)\n  return (\n    <button className={cn(className, 'relative overflow-hidden')} onPointerDown={onPointerDown} onKeyDown={onKeyDown} disabled={disabled} {...props}>\n      {children}\n      <RippleContainer ripples={ripples} onAnimationEnd={onAnimationEnd} />\n    </button>\n  )\n}\n\nexport const ToggleGroup = React.memo<ToggleGroupProps>(\n  ({\n    options,\n    value: controlledValue,\n    defaultValue,\n    multiple = false,\n    color = 'primary',\n    size = 'md',\n    variant = 'default',\n    onChange,\n    fullWidth = false,\n    disabled = false,\n    className,\n    centered = false,\n    classNames,\n  }) => {\n    const [internalValue, setInternalValue] = useState<string | string[]>(\n      defaultValue || (multiple ? [] : options[0]?.value || ''),\n    )\n\n    const value =\n      controlledValue !== undefined ? controlledValue : internalValue\n\n    const handleToggleClick = (\n      optionValue: string,\n      optionDisabled?: boolean,\n    ) => {\n      if (disabled || optionDisabled) return\n\n      let newValue: string | string[]\n\n      if (multiple) {\n        const currentValues = Array.isArray(value) ? value : []\n        if (currentValues.includes(optionValue)) {\n          newValue = currentValues.filter((v) => v !== optionValue)\n        } else {\n          newValue = [...currentValues, optionValue]\n        }\n      } else {\n        newValue = optionValue\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n      onChange?.(newValue)\n    }\n\n    const isActive = (optionValue: string) => {\n      if (multiple && Array.isArray(value)) {\n        return value.includes(optionValue)\n      }\n      return optionValue === value\n    }\n\n    return (\n      <div\n        role=\"group\"\n        className={cn(\n          'toggleGroup_root',\n          toggleGroupVariants({ size }),\n          'border-border bg-background',\n          classNames?.root,\n          className,\n          fullWidth && 'grid w-full',\n        )}\n        style={fullWidth ? { gridTemplateColumns: `repeat(${options.length}, 1fr)` } : undefined}\n      >\n        {options.map((option) => {\n          const active = isActive(option.value)\n          const isDisabled = disabled || option.disabled\n\n          return (\n            <ToggleItemButton\n              type=\"button\"\n              key={option.value}\n              className={cn(\n                'toggleGroup_item',\n                toggleItemVariants({ size }),\n                getToggleClasses(color, variant, active),\n\n                'border-border flex items-center justify-center',\n                isDisabled && 'opacity-50 cursor-not-allowed',\n                centered && 'text-center',\n                classNames?.item,\n              )}\n              onClick={() => handleToggleClick(option.value, option.disabled)}\n              disabled={isDisabled}\n              aria-pressed={active}\n            >\n              <div className=\"flex items-center gap-2\">\n                {option.icon}\n                {option.label}\n              </div>\n            </ToggleItemButton>\n          )\n        })}\n      </div>\n    )\n  },\n)\n\nToggleGroup.displayName = 'ToggleGroup'\n\nexport type * from './types'\nexport default ToggleGroup\n"]}

package/dist/chunk-EZGK67T6.js

@@ -1,383 +0,0 @@
-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 touch-manipulation 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 = true,
-    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-EZGK67T6.js.map
-//# sourceMappingURL=chunk-EZGK67T6.js.map

package/dist/chunk-EZGK67T6.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/accordion/index.tsx"],"names":[],"mappings":";;;;;;;AAWA,IAAM,0BAAA,GAA6B,IAAI,QAAA,EAAU;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,6DAAA;AAAA,MACT,KAAA,EAAO,gEAAA;AAAA,MACP,IAAA,EAAM,gEAAA;AAAA,MACN,QAAA,EACE,kFAAA;AAAA,MACF,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,MACX,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA,KACR;AAAA,IACA,WAAA,EAAa;AAAA,MACX,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,EAAE,OAAA,EAAS,SAAA,EAAW,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC9D,EAAE,OAAA,EAAS,OAAA,EAAS,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC5D,EAAE,OAAA,EAAS,MAAA,EAAQ,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA,IAC3D,EAAE,OAAA,EAAS,UAAA,EAAY,WAAA,EAAa,KAAA,EAAO,OAAO,YAAA,EAAa;AAAA;AAAA,IAE/D,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,WAAA,EAAa,OAAO,yCAAA,EAA0C;AAAA,IAC5F,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,OAAO,mCAAA,EAAoC;AAAA,IACnF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,OAAO,iCAAA,EAAkC;AAAA,IAChF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,qCAAA,EAAsC;AAAA,IACtF,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,OAAO,+BAAA;AAAgC,GAC/E;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO,SAAA;AAAA,IACP,WAAA,EAAa;AAAA;AAEjB,CAAC,CAAA;AAGD,IAAM,qBAAA,GAAwB,IAAI,mBAAA,EAAqB;AAAA,EACrD,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,oCAAA;AAAA,MACT,KAAA,EAAO,YAAA;AAAA,MACP,IAAA,EAAM,EAAA;AAAA,MACN,QAAA,EAAU,gBAAA;AAAA,MACV,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,SAAA,EAAW,EAAA;AAAA,MACX,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAS,EAAA;AAAA,MACT,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,SAAA,EAAW,OAAO,eAAA,EAAgB;AAAA,IAC5D;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,WAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,OAAA,EAAS,OAAO,8BAAA,EAA+B;AAAA,IACzE;AAAA,MACE,OAAA,EAAS,MAAA;AAAA,MACT,KAAA,EAAO,SAAA;AAAA,MACP,KAAA,EAAO;AAAA,KACT;AAAA,IACA,EAAE,OAAA,EAAS,MAAA,EAAQ,KAAA,EAAO,MAAA,EAAQ,OAAO,4BAAA,EAA6B;AAAA;AAAA,IAEtE,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,WAAA,EAAa,OAAO,wCAAA,EAAyC;AAAA,IACxF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,QAAA,EAAU,OAAO,kCAAA,EAAmC;AAAA,IAC/E,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,OAAA,EAAS,OAAO,gCAAA,EAAiC;AAAA,IAC5E,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,OAAO,oCAAA,EAAqC;AAAA,IAClF,EAAE,OAAA,EAAS,OAAA,EAAS,KAAA,EAAO,MAAA,EAAQ,OAAO,8BAAA,EAA+B;AAAA;AAAA,IAEzE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,WAAA,EAAa,OAAO,sBAAA,EAAuB;AAAA,IACxE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,OAAO,mBAAA,EAAoB;AAAA,IAClE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,OAAA,EAAS,OAAO,kBAAA,EAAmB;AAAA,IAChE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,SAAA,EAAW,OAAO,oBAAA,EAAqB;AAAA,IACpE,EAAE,OAAA,EAAS,SAAA,EAAW,KAAA,EAAO,MAAA,EAAQ,OAAO,iBAAA,EAAkB;AAAA;AAAA,IAE9D,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,WAAA,EAAa,OAAO,qBAAA,EAAsB;AAAA,IACxE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,QAAA,EAAU,OAAO,kBAAA,EAAmB;AAAA,IAClE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,OAAA,EAAS,OAAO,iBAAA,EAAkB;AAAA,IAChE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,SAAA,EAAW,OAAO,mBAAA,EAAoB;AAAA,IACpE,EAAE,OAAA,EAAS,UAAA,EAAY,KAAA,EAAO,MAAA,EAAQ,OAAO,gBAAA;AAAiB,GAChE;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGD,IAAM,uBAAA,GAA0B,GAAA;AAAA,EAC9B;AAAA,IACE,qFAAA;AAAA,IACA,0GAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,2EAAA;AAAA,QACJ,EAAA,EAAI,2EAAA;AAAA,QACJ,EAAA,EAAI,6EAAA;AAAA,QACJ,EAAA,EAAI;AAAA,OACN;AAAA,MACA,KAAA,EAAO,qBAAA;AAAA,MACP,QAAA,EAAU;AAAA,QACR,IAAA,EAAM,oBAAA;AAAA,QACN,KAAA,EAAO;AAAA;AACT,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM,IAAA;AAAA,MACN,KAAA,EAAO,SAAA;AAAA,MACP,QAAA,EAAU;AAAA;AACZ;AAEJ,CAAA;AAGA,IAAM,wBAAA,GAA2B,IAAI,qBAAA,EAAuB;AAAA,EAC1D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,qEAAA;AAAA,MACJ,EAAA,EAAI,qEAAA;AAAA,MACJ,EAAA,EAAI,uEAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAGD,IAAM,YAAA,GAAe,CAAC,KAAA,EAAgC,UAAA,KAAwB;AAC5E,EAAA,IAAI,CAAC,YAAY,OAAO,qBAAA;AACxB,EAAA,OAAO,gBAAA,CAAiB,SAAS,SAAS,CAAA;AAC5C,CAAA;AAEA,IAAM,YAAY,KAAA,CAAM,IAAA;AAAA,EACtB,CAAC;AAAA,IACC,KAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,IAAA,GAAO,IAAA;AAAA,IACP,OAAA,GAAU,SAAA;AAAA,IACV,gBAAA;AAAA,IACA,SAAA,EAAW,mBAAA;AAAA,IACX,QAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,UAAA;AAAA,IACA,kBAAA,GAAqB,OAAA;AAAA,IACrB,WAAA,GAAc,IAAA;AAAA,IACd,cAAA,GAAiB,KAAA;AAAA,IACjB,WAAA,GAAc,IAAA;AAAA,IACd,SAAA;AAAA,IACA,aAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,KAAM;AACJ,IAAA,MAAM,cAAA,GAAiB,OAAA,KAAY,OAAA,IAAW,KAAA,KAAU,SAAA;AACxD,IAAA,MAAM,SAAS,KAAA,EAAM;AACrB,IAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAI,QAAA;AAAA,MAGhD,gBAAA,GACI,QAAA,IAAY,CAAC,KAAA,CAAM,OAAA,CAAQ,gBAAgB,CAAA,GACzC,CAAC,gBAAgB,CAAA,GACjB,gBAAA,GACF,QAAA,GACE,EAAC,GACD;AAAA,KACR;AAEA,IAAA,MAAM,SAAA,GACJ,mBAAA,KAAwB,MAAA,GACpB,mBAAA,GACA,iBAAA;AAEN,IAAA,MAAM,QAAA,GAAW,CAAC,GAAA,KAAgB;AAChC,MAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,EAAG;AAC5B,QAAA,OAAO,SAAA,CAAU,SAAS,GAAG,CAAA;AAAA,MAC/B;AACA,MAAA,OAAO,SAAA,KAAc,GAAA;AAAA,IACvB,CAAA;AAEA,IAAA,MAAM,YAAA,GAAe,CAAC,GAAA,EAAa,QAAA,KAAuB;AACxD,MAAA,IAAI,QAAA,EAAU;AAEd,MAAA,IAAI,YAAA;AAEJ,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,MAAM,WAAA,GAAc,KAAA,CAAM,OAAA,CAAQ,SAAS,CAAA,GACvC,YACA,SAAA,GACE,CAAC,SAAS,CAAA,GACV,EAAC;AACP,QAAA,YAAA,GAAe,WAAA,CAAY,QAAA,CAAS,GAAG,CAAA,GACnC,YAAY,MAAA,CAAO,CAAC,CAAA,KAAM,CAAA,KAAM,GAAG,CAAA,GACnC,CAAC,GAAG,aAAa,GAAG,CAAA;AAAA,MAC1B,CAAA,MAAO;AAEL,QAAA,IAAI,CAAC,WAAA,IAAe,SAAA,KAAc,GAAA,EAAK;AACrC,UAAA;AAAA,QACF;AACA,QAAA,YAAA,GAAe,SAAA,KAAc,MAAM,EAAA,GAAK,GAAA;AAAA,MAC1C;AAEA,MAAA,IAAI,wBAAwB,MAAA,EAAW;AACrC,QAAA,oBAAA,CAAqB,YAAY,CAAA;AAAA,MACnC;AACA,MAAA,QAAA,GAAW,YAAY,CAAA;AAAA,IACzB,CAAA;AAGA,IAAA,MAAM,gBAAA,GAAmB,CAAC,UAAA,KAAwB;AAChD,MAAA,IAAI,UAAA,KAAe,OAAO,OAAO,IAAA;AAEjC,MAAA,IAAI,OAAO,eAAe,UAAA,EAAY;AACpC,QAAA,OAAO,WAAW,UAAU,CAAA;AAAA,MAC9B;AAEA,MAAA,IAAI,UAAA,EAAY;AACd,QAAA,uBACE,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAW,EAAA;AAAA,cACT,4CAAA;AAAA,cACA,UAAA,IAAc;AAAA,aAChB;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,MAEJ;AAEA,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,4CAAA;AAAA,YACA,UAAA,IAAc,YAAA;AAAA,YACd,cAAA,GAAiB,cAAA,GAAiB,YAAA,CAAa,KAAA,EAAO,UAAU,CAAA;AAAA,YAChE,UAAU,IAAqB;AAAA;AACjC;AAAA,OACF;AAAA,IAEJ,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW,EAAA;AAAA,UACT,gBAAA;AAAA,UACA,0BAAA,CAA2B;AAAA,YACzB,OAAA;AAAA,YACA,KAAA;AAAA,YACA,WAAA,EAAa,eAAe,OAAA,KAAY;AAAA,WACzC,CAAA;AAAA,UACD,UAAA,EAAY,IAAA;AAAA,UACZ;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,KAAS;AACnB,UAAA,MAAM,YAAA,GAAe,QAAA,CAAS,IAAA,CAAK,GAAG,CAAA;AACtC,UAAA,MAAM,QAAA,GAAW,CAAA,EAAG,MAAM,CAAA,QAAA,EAAW,KAAK,GAAG,CAAA,CAAA;AAC7C,UAAA,MAAM,OAAA,GAAU,CAAA,EAAG,MAAM,CAAA,OAAA,EAAU,KAAK,GAAG,CAAA,CAAA;AAE3C,UAAA,uBACE,IAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,WAAA,EAAU,MAAA;AAAA,cACV,SAAA,EAAW,EAAA;AAAA,gBACT,gBAAA;AAAA,gBACA,qBAAA,CAAsB,EAAE,OAAA,EAAS,KAAA,EAAO,CAAA;AAAA,gBACxC,KAAK,QAAA,IAAY,YAAA;AAAA,gBACjB,UAAA,EAAY,IAAA;AAAA,gBACZ;AAAA,eACF;AAAA,cAEA,QAAA,EAAA;AAAA,gCAAA,IAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,EAAA,EAAI,QAAA;AAAA,oBACJ,eAAA,EAAe,YAAA;AAAA,oBACf,eAAA,EAAe,OAAA;AAAA,oBACf,iBAAe,IAAA,CAAK,QAAA;AAAA,oBACpB,UAAU,IAAA,CAAK,QAAA;AAAA,oBACf,SAAS,MAAM,YAAA,CAAa,IAAA,CAAK,GAAA,EAAK,KAAK,QAAQ,CAAA;AAAA,oBACnD,WAAA,EAAU,SAAA;AAAA,oBACV,SAAA,EAAW,EAAA;AAAA,sBACT,mBAAA;AAAA,sBACA,uBAAA,CAAwB;AAAA,wBACtB,IAAA;AAAA,wBACA,KAAA;AAAA,wBACA,UAAU,IAAA,CAAK;AAAA,uBAChB,CAAA;AAAA,sBACD,UAAA,EAAY;AAAA,qBACd;AAAA,oBAGC,QAAA,EAAA;AAAA,sBAAA,kBAAA,KAAuB,MAAA,IACtB,iBAAiB,YAAY,CAAA;AAAA,sBAG9B,KAAK,IAAA,oBACJ,GAAA;AAAA,wBAAC,MAAA;AAAA,wBAAA;AAAA,0BACC,WAAA,EAAU,MAAA;AAAA,0BACV,SAAA,EAAW,EAAA;AAAA,4BACT,gBAAA;AAAA,4BACA,UAAA;AAAA,4BACA,cAAA,GAAiB,cAAA,GAAiB,YAAA,CAAa,KAAA,EAAO,YAAY,CAAA;AAAA,4BAClE,UAAA,EAAY;AAAA,2BACd;AAAA,0BAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,uBACR;AAAA,sCAIF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,QAAA,EAAA;AAAA,wCAAA,GAAA;AAAA,0BAAC,KAAA;AAAA,0BAAA;AAAA,4BACC,SAAA,EAAW,EAAA;AAAA,8BACT,CAAC,cAAA,IACC,YAAA,IACA,UAAU,SAAA,IACV,gBAAA,CAAiB,SAAS,SAAS;AAAA,6BACvC;AAAA,4BAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,yBACR;AAAA,wBACC,IAAA,CAAK,QAAA,oBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA;AAAA,0BACd,oBAAA;AAAA,0BACA,iBAAiB,yBAAA,GAA4B;AAAA,yBAC/C,EACG,eAAK,QAAA,EACR;AAAA,uBAAA,EAEJ,CAAA;AAAA,sBAGC,IAAA,CAAK,KAAA,oBACJ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA;AAAA,wBACf,UAAA;AAAA,wBACA,iBAAiB,yBAAA,GAA4B;AAAA,uBAC/C,EACG,eAAK,KAAA,EACR,CAAA;AAAA,sBAID,kBAAA,KAAuB,OAAA,IACtB,gBAAA,CAAiB,YAAY;AAAA;AAAA;AAAA,iBACjC;AAAA,gCAGA,GAAA;AAAA,kBAAC,KAAA;AAAA,kBAAA;AAAA,oBACC,EAAA,EAAI,OAAA;AAAA,oBACJ,IAAA,EAAK,QAAA;AAAA,oBACL,iBAAA,EAAiB,QAAA;AAAA,oBACjB,eAAa,CAAC,YAAA;AAAA,oBACd,SAAA,EAAW,EAAA;AAAA,sBACT,4DAAA;AAAA,sBACA,eAAe,iBAAA,GAAoB;AAAA,qBACrC;AAAA,oBAEA,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAA,EACX,QAAA,EAAA,CAAA,CAAC,kBAAkB,YAAA,qBACnB,GAAA;AAAA,sBAAC,KAAA;AAAA,sBAAA;AAAA,wBACC,WAAA,EAAU,SAAA;AAAA,wBACV,SAAA,EAAW,EAAA;AAAA,0BACT,mBAAA;AAAA,0BACA,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,0BACjC,cAAA,IAAkB,yBAAA;AAAA,0BAClB,UAAA,EAAY;AAAA,yBACd;AAAA,wBAEC,QAAA,EAAA,IAAA,CAAK;AAAA;AAAA,qBACR,EAEJ;AAAA;AAAA;AACF;AAAA,aAAA;AAAA,YA/GK,IAAA,CAAK;AAAA,WAgHZ;AAAA,QAEJ,CAAC;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AAGxB,IAAO,iBAAA,GAAQ","file":"chunk-EZGK67T6.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 touch-manipulation 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 = true,\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"]}