@lindle/linoardo 1.0.16 → 1.0.18

package/dist/index.js

@@ -1,1332 +1,16 @@
-import * as React3 from 'react';
-import { forwardRef, Component, useState, useRef, useEffect, useCallback, useMemo, isValidElement, cloneElement } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/Containment/Button/index.tsx
-
-// src/globals.ts
-var iconBaseClasses = {
-  mdi: ["mdi"]
-};
-var base = "btn-base focus-visible:outline-none focus-visible:ring-2 rounded-lg transition-colors duration-200 font-medium disabled:opacity-50 disabled:cursor-not-allowed";
-var blackAndWhiteVariantClass = "bg-white text-black border border-black focus-visible:ring-black/40 focus-visible:ring-offset-white";
-var blackAndWhitePaletteClasses = {
-  solid: twMerge(blackAndWhiteVariantClass, "bg-black text-white"),
-  outline: blackAndWhiteVariantClass,
-  ghost: "bg-neutral-300 text-white",
-  text: blackAndWhiteVariantClass,
-  filled: "bg-black text-white",
-  underlined: twMerge(blackAndWhiteVariantClass, "b"),
-  rounded: blackAndWhiteVariantClass,
-  sharp: "bg-black text-white rounded-none"
-};
-var paletteVariantClasses = {
-  primary: {
-    solid: "bg-primary text-white hover:bg-primary/90 focus-visible:ring-primary",
-    sharp: "rounded-none bg-primary text-white hover:bg-primary/90 focus-visible:ring-primary",
-    outline: "border border-primary text-primary bg-white hover:bg-primary hover:text-white focus-visible:ring-primary",
-    ghost: "text-primary bg-primary/10 hover:bg-primary/20 focus-visible:ring-primary/40 border border-transparent",
-    text: "bg-transparent text-primary hover:bg-primary/10 focus-visible:ring-primary/30 underline-offset-2 border border-transparent",
-    filled: "bg-primary/15 text-primary border border-primary/30 hover:bg-primary/25 focus-visible:ring-primary/25",
-    underlined: "bg-transparent text-primary border border-transparent underline decoration-2 underline-offset-4 hover:bg-primary/5 focus-visible:ring-primary/25",
-    rounded: "rounded-full border border-primary/60 bg-primary/10 text-primary hover:bg-primary/20 focus-visible:ring-primary/25"
-  },
-  neutral: {
-    solid: "bg-gray-600 text-white hover:bg-gray-700 focus-visible:ring-gray-500",
-    sharp: "rounded-none bg-gray-600 text-white hover:bg-gray-700 focus-visible:ring-gray-500",
-    outline: "border border-gray-400 text-gray-700 bg-white hover:bg-gray-700 hover:text-white focus-visible:ring-gray-400",
-    ghost: "text-gray-700 bg-gray-100 hover:bg-gray-200 focus-visible:ring-gray-300 border border-transparent",
-    text: "bg-transparent text-gray-700 hover:bg-gray-100 focus-visible:ring-gray-200 underline-offset-2 border border-transparent",
-    filled: "bg-gray-200 text-gray-900 border border-gray-300 hover:bg-gray-300 focus-visible:ring-gray-300",
-    underlined: "bg-transparent text-gray-900 border border-transparent underline decoration-2 underline-offset-4 hover:bg-gray-100 focus-visible:ring-gray-300",
-    rounded: "rounded-full border border-gray-400 bg-white text-gray-800 hover:bg-gray-100 focus-visible:ring-gray-300"
-  },
-  info: {
-    solid: "bg-sky-500 text-white hover:bg-sky-600 focus-visible:ring-sky-400",
-    sharp: "rounded-none bg-sky-500 text-white hover:bg-sky-600 focus-visible:ring-sky-400",
-    outline: "border border-sky-500 text-sky-600 bg-white hover:bg-sky-500 hover:text-white focus-visible:ring-sky-400",
-    ghost: "text-sky-600 bg-sky-100 hover:bg-sky-200 focus-visible:ring-sky-300 border border-transparent",
-    text: "bg-transparent text-sky-600 hover:bg-sky-100 focus-visible:ring-sky-200 underline-offset-2 border border-transparent",
-    filled: "bg-sky-100 text-sky-700 border border-sky-200 hover:bg-sky-200 focus-visible:ring-sky-200",
-    underlined: "bg-transparent text-sky-600 border border-transparent underline decoration-2 underline-offset-4 hover:bg-sky-50 focus-visible:ring-sky-200",
-    rounded: "rounded-full border border-sky-500/70 bg-sky-50 text-sky-700 hover:bg-sky-100 focus-visible:ring-sky-200"
-  },
-  success: {
-    solid: "bg-emerald-500 text-white hover:bg-emerald-600 focus-visible:ring-emerald-400",
-    sharp: "rounded-none bg-emerald-500 text-white hover:bg-emerald-600 focus-visible:ring-emerald-400",
-    outline: "border border-emerald-500 text-emerald-600 bg-white hover:bg-emerald-500 hover:text-white focus-visible:ring-emerald-400",
-    ghost: "text-emerald-600 bg-emerald-100 hover:bg-emerald-200 focus-visible:ring-emerald-300 border border-transparent",
-    text: "bg-transparent text-emerald-600 hover:bg-emerald-100 focus-visible:ring-emerald-200 underline-offset-2 border border-transparent",
-    filled: "bg-emerald-100 text-emerald-700 border border-emerald-200 hover:bg-emerald-200 focus-visible:ring-emerald-200",
-    underlined: "bg-transparent text-emerald-600 border border-transparent underline decoration-2 underline-offset-4 hover:bg-emerald-50 focus-visible:ring-emerald-200",
-    rounded: "rounded-full border border-emerald-500/70 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 focus-visible:ring-emerald-200"
-  },
-  warning: {
-    solid: "bg-amber-500 text-white hover:bg-amber-600 focus-visible:ring-amber-400",
-    sharp: "rounded-none bg-amber-500 text-white hover:bg-amber-600 focus-visible:ring-amber-400",
-    outline: "border border-amber-500 text-amber-600 bg-white hover:bg-amber-500 hover:text-white focus-visible:ring-amber-400",
-    ghost: "text-amber-600 bg-amber-100 hover:bg-amber-200 focus-visible:ring-amber-300 border border-transparent",
-    text: "bg-transparent text-amber-600 hover:bg-amber-100 focus-visible:ring-amber-200 underline-offset-2 border border-transparent",
-    filled: "bg-amber-100 text-amber-800 border border-amber-200 hover:bg-amber-200 focus-visible:ring-amber-200",
-    underlined: "bg-transparent text-amber-600 border border-transparent underline decoration-2 underline-offset-4 hover:bg-amber-50 focus-visible:ring-amber-200",
-    rounded: "rounded-full border border-amber-500/70 bg-amber-50 text-amber-700 hover:bg-amber-100 focus-visible:ring-amber-200"
-  },
-  danger: {
-    solid: "bg-red-500 text-white hover:bg-red-600 focus-visible:ring-red-400",
-    sharp: "rounded-none bg-red-500 text-white hover:bg-red-600 focus-visible:ring-red-400",
-    outline: "border border-red-500 text-red-600 bg-white hover:bg-red-500 hover:text-white focus-visible:ring-red-400",
-    ghost: "text-red-600 bg-red-100 hover:bg-red-200 focus-visible:ring-red-300 border border-transparent",
-    text: "bg-transparent text-red-600 hover:bg-red-100 focus-visible:ring-red-200 underline-offset-2 border border-transparent",
-    filled: "bg-red-100 text-red-700 border border-red-200 hover:bg-red-200 focus-visible:ring-red-200",
-    underlined: "bg-transparent text-red-600 border border-transparent underline decoration-2 underline-offset-4 hover:bg-red-50 focus-visible:ring-red-200",
-    rounded: "rounded-full border border-red-500/70 bg-red-50 text-red-700 hover:bg-red-100 focus-visible:ring-red-200"
-  },
-  surface: {
-    solid: "bg-white text-gray-900 border border-gray-200 hover:bg-gray-50 focus-visible:ring-gray-200",
-    sharp: "rounded-none bg-white text-gray-900 border border-gray-200 hover:bg-gray-50 focus-visible:ring-gray-200",
-    outline: "border border-gray-300 text-gray-900 bg-white hover:bg-gray-100 focus-visible:ring-gray-200",
-    ghost: "text-gray-900 bg-gray-100 hover:bg-gray-200 focus-visible:ring-gray-200 border border-transparent",
-    text: "bg-transparent text-gray-900 hover:bg-gray-100 focus-visible:ring-gray-200 underline-offset-2 border border-transparent",
-    filled: "bg-gray-50 text-gray-900 border border-gray-200 hover:bg-white focus-visible:ring-gray-200",
-    underlined: "bg-transparent text-gray-900 border border-transparent underline decoration-2 underline-offset-4 hover:bg-gray-100 focus-visible:ring-gray-200",
-    rounded: "rounded-full border border-gray-300 bg-white text-gray-900 hover:bg-gray-50 focus-visible:ring-gray-200"
-  },
-  bw: blackAndWhitePaletteClasses
-};
-var resolveVariantClass = (variant, palette) => {
-  const paletteVariants = paletteVariantClasses[palette] ?? paletteVariantClasses.primary;
-  return paletteVariants[variant] ?? paletteVariants.solid;
-};
-var resolveIconClassName = (icon) => {
-  if (!icon) {
-    return void 0;
-  }
-  if (typeof icon === "string") {
-    const trimmed = icon.trim();
-    if (!trimmed) {
-      return void 0;
-    }
-    if (trimmed.includes(" ")) {
-      return trimmed;
-    }
-    const normalized2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
-    return ["mdi", normalized2].join(" ");
-  }
-  const [library, providedName] = icon;
-  const normalizedLibrary = library.trim();
-  const baseClasses = iconBaseClasses[normalizedLibrary] ?? [normalizedLibrary];
-  const iconName = providedName.trim();
-  if (!iconName) {
-    return baseClasses.join(" ");
-  }
-  const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
-  return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
-};
-var sizeClasses = {
-  "x-small": "px-2.5 py-1 text-xs",
-  small: "px-3 py-1.5 text-sm",
-  medium: "px-4 py-2 text-base",
-  large: "px-6 py-3 text-lg",
-  "x-large": "px-7 py-3.5 text-xl"
-};
-var Button = React3.forwardRef(
-  ({
-    variant = "solid",
-    color = "primary",
-    size = "medium",
-    block = false,
-    loading = false,
-    loadingText,
-    icon,
-    className,
-    children,
-    disabled,
-    onClick,
-    ...rest
-  }, ref) => {
-    const variantClass = resolveVariantClass(variant, color);
-    const sizeClass = sizeClasses[size] ?? sizeClasses.medium;
-    const blockClass = block ? "w-full" : null;
-    const isDisabled = disabled || loading;
-    const cursor = onClick && !isDisabled ? "cursor-pointer" : "cursor-default";
-    const resolvedIconClass = resolveIconClassName(icon);
-    const shouldRenderIcon = Boolean(resolvedIconClass && !loading);
-    const isLoadingTextProvided = loadingText !== void 0 && loadingText !== null;
-    const content = loading && isLoadingTextProvided ? loadingText : children;
-    const hasDecorators = (loading || shouldRenderIcon) && Boolean(content);
-    const gapClass = hasDecorators ? "gap-2" : void 0;
-    const loadingIconClass = loading ? twMerge("mdi mdi-loading mdi-spin", "leading-none") : void 0;
-    const iconClassName = shouldRenderIcon ? twMerge("leading-none", resolvedIconClass) : void 0;
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ...rest,
-        ref,
-        onClick,
-        disabled: isDisabled,
-        className: twMerge(base, cursor, variantClass, sizeClass, blockClass, gapClass, className),
-        "data-loading": loading || void 0,
-        "aria-busy": loading || void 0,
-        children: [
-          loading && /* @__PURE__ */ jsx("i", { className: loadingIconClass, "aria-hidden": true }),
-          iconClassName && /* @__PURE__ */ jsx("i", { className: iconClassName, "aria-hidden": true }),
-          content
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Button_default = Button;
-
-// src/Containment/Chip/states.chip.ts
-var chipBaseClasses = "inline-flex items-center gap-1.5 border font-medium leading-tight transition-all duration-200 select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2";
-var chipSizeClasses = {
-  small: "text-xs px-3 py-1 min-h-[1.5rem]",
-  medium: "text-sm px-4 py-1.5 min-h-[2rem]",
-  large: "text-base px-5 py-2 min-h-[2.5rem]"
-};
-var closeButtonClasses = "ml-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-transparent text-current/70 transition-colors duration-200 hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current/30 focus-visible:ring-offset-2";
-var blackAndWhiteChipVariantClass = "bg-white text-black border border-black hover:bg-white focus-visible:ring-black/40 focus-visible:ring-offset-white";
-var blackAndWhitePaletteClasses2 = {
-  solid: blackAndWhiteChipVariantClass,
-  outline: blackAndWhiteChipVariantClass,
-  ghost: blackAndWhiteChipVariantClass,
-  text: blackAndWhiteChipVariantClass,
-  filled: blackAndWhiteChipVariantClass,
-  underlined: blackAndWhiteChipVariantClass,
-  rounded: blackAndWhiteChipVariantClass,
-  sharp: `${blackAndWhiteChipVariantClass} rounded-none`
-};
-var paletteVariantClasses2 = {
-  primary: {
-    solid: "bg-primary text-white border border-primary hover:bg-primary/90",
-    sharp: "rounded-none bg-primary text-white border border-primary hover:bg-primary/90",
-    outline: "bg-transparent text-primary border border-primary hover:bg-primary/10",
-    ghost: "bg-primary/15 text-primary border border-transparent hover:bg-primary/25",
-    text: "bg-transparent text-primary border border-transparent hover:text-primary/80",
-    filled: "bg-primary/10 text-primary border border-primary/30 hover:bg-primary/20",
-    underlined: "bg-transparent text-primary border-0 border-b-2 border-primary px-0 rounded-none hover:text-primary/80",
-    rounded: "bg-white text-primary border border-primary/40 shadow-sm hover:bg-primary/5"
-  },
-  neutral: {
-    solid: "bg-gray-900 text-white border border-gray-900 hover:bg-gray-800",
-    sharp: "rounded-none bg-gray-900 text-white border border-gray-900 hover:bg-gray-800",
-    outline: "bg-transparent text-gray-900 border border-gray-500 hover:bg-gray-100",
-    ghost: "bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200",
-    text: "bg-transparent text-gray-900 border border-transparent hover:text-gray-700",
-    filled: "bg-gray-200 text-gray-900 border border-gray-300 hover:bg-gray-300",
-    underlined: "bg-transparent text-gray-900 border-0 border-b-2 border-gray-500 px-0 rounded-none hover:text-gray-700",
-    rounded: "bg-white text-gray-900 border border-gray-300 shadow-sm hover:bg-gray-100"
-  },
-  info: {
-    solid: "bg-sky-500 text-white border border-sky-500 hover:bg-sky-600",
-    sharp: "rounded-none bg-sky-500 text-white border border-sky-500 hover:bg-sky-600",
-    outline: "bg-transparent text-sky-600 border border-sky-500 hover:bg-sky-50",
-    ghost: "bg-sky-100 text-sky-700 border border-transparent hover:bg-sky-200",
-    text: "bg-transparent text-sky-600 border border-transparent hover:text-sky-700",
-    filled: "bg-sky-100 text-sky-700 border border-sky-200 hover:bg-sky-200",
-    underlined: "bg-transparent text-sky-600 border-0 border-b-2 border-sky-500 px-0 rounded-none hover:text-sky-700",
-    rounded: "bg-white text-sky-700 border border-sky-200 shadow-sm hover:bg-sky-50"
-  },
-  success: {
-    solid: "bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600",
-    sharp: "rounded-none bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600",
-    outline: "bg-transparent text-emerald-600 border border-emerald-500 hover:bg-emerald-50",
-    ghost: "bg-emerald-100 text-emerald-700 border border-transparent hover:bg-emerald-200",
-    text: "bg-transparent text-emerald-600 border border-transparent hover:text-emerald-700",
-    filled: "bg-emerald-100 text-emerald-700 border border-emerald-200 hover:bg-emerald-200",
-    underlined: "bg-transparent text-emerald-600 border-0 border-b-2 border-emerald-500 px-0 rounded-none hover:text-emerald-700",
-    rounded: "bg-white text-emerald-700 border border-emerald-200 shadow-sm hover:bg-emerald-50"
-  },
-  warning: {
-    solid: "bg-amber-500 text-white border border-amber-500 hover:bg-amber-600",
-    sharp: "rounded-none bg-amber-500 text-white border border-amber-500 hover:bg-amber-600",
-    outline: "bg-transparent text-amber-700 border border-amber-500 hover:bg-amber-50",
-    ghost: "bg-amber-100 text-amber-800 border border-transparent hover:bg-amber-200",
-    text: "bg-transparent text-amber-700 border border-transparent hover:text-amber-800",
-    filled: "bg-amber-100 text-amber-800 border border-amber-200 hover:bg-amber-200",
-    underlined: "bg-transparent text-amber-700 border-0 border-b-2 border-amber-500 px-0 rounded-none hover:text-amber-800",
-    rounded: "bg-white text-amber-700 border border-amber-200 shadow-sm hover:bg-amber-50"
-  },
-  danger: {
-    solid: "bg-red-500 text-white border border-red-500 hover:bg-red-600",
-    sharp: "rounded-none bg-red-500 text-white border border-red-500 hover:bg-red-600",
-    outline: "bg-transparent text-red-600 border border-red-500 hover:bg-red-50",
-    ghost: "bg-red-100 text-red-700 border border-transparent hover:bg-red-200",
-    text: "bg-transparent text-red-600 border border-transparent hover:text-red-700",
-    filled: "bg-red-100 text-red-700 border border-red-200 hover:bg-red-200",
-    underlined: "bg-transparent text-red-600 border-0 border-b-2 border-red-500 px-0 rounded-none hover:text-red-700",
-    rounded: "bg-white text-red-600 border border-red-200 shadow-sm hover:bg-red-50"
-  },
-  surface: {
-    solid: "bg-white text-gray-900 border border-gray-200 hover:bg-gray-50",
-    sharp: "rounded-none bg-white text-gray-900 border border-gray-200 hover:bg-gray-50",
-    outline: "bg-transparent text-gray-900 border border-gray-300 hover:bg-gray-50",
-    ghost: "bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200",
-    text: "bg-transparent text-gray-900 border border-transparent hover:text-gray-600",
-    filled: "bg-gray-50 text-gray-900 border border-gray-200 hover:bg-white",
-    underlined: "bg-transparent text-gray-900 border-0 border-b-2 border-gray-400 px-0 rounded-none hover:text-gray-600",
-    rounded: "bg-white text-gray-900 border border-gray-200 shadow-sm hover:bg-gray-50"
-  },
-  bw: blackAndWhitePaletteClasses2
-};
-var resolveVariantClass2 = (variant, palette) => {
-  const variants = paletteVariantClasses2[palette] ?? paletteVariantClasses2.primary;
-  return variants[variant] ?? variants.solid;
-};
-var resolveIconClassName2 = (icon) => {
-  if (!icon) {
-    return void 0;
-  }
-  if (typeof icon === "string") {
-    const trimmed = icon.trim();
-    if (!trimmed) {
-      return void 0;
-    }
-    if (trimmed.includes(" ")) {
-      return trimmed;
-    }
-    const normalized2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
-    return ["mdi", normalized2].join(" ");
-  }
-  const [library, providedName] = icon;
-  const normalizedLibrary = library.trim();
-  const baseClasses = iconBaseClasses[normalizedLibrary] ?? [normalizedLibrary];
-  const iconName = providedName.trim();
-  if (!iconName) {
-    return baseClasses.join(" ");
-  }
-  const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
-  return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
-};
-var Chip = forwardRef(
-  ({
-    variant = "solid",
-    color = "primary",
-    size = "medium",
-    pill = true,
-    selected = false,
-    closable = false,
-    closeIcon = "mdi-close",
-    onClose,
-    filter = false,
-    filterIcon = "mdi-check-bold",
-    prependIcon,
-    appendIcon,
-    disabled = false,
-    className,
-    children,
-    ...rest
-  }, ref) => {
-    const { onClick, onKeyDown, role, tabIndex, ...nativeProps } = rest;
-    const interactive = typeof onClick === "function";
-    const variantClass = resolveVariantClass2(variant, color);
-    const sizeClass = chipSizeClasses[size] ?? chipSizeClasses.medium;
-    const pillClass = pill ? "rounded-full" : "rounded-lg";
-    const cursorClass = disabled ? "pointer-events-none opacity-50" : interactive ? "cursor-pointer" : "cursor-default";
-    const selectedClass = selected ? "ring-2 ring-current/50 ring-offset-2 ring-offset-white" : void 0;
-    const resolvedRole = disabled ? role : role ?? (interactive ? "button" : void 0);
-    const resolvedTabIndex = disabled ? -1 : tabIndex ?? (interactive ? 0 : void 0);
-    const prependIconClassName = resolveIconClassName2(prependIcon);
-    const appendIconClassName = resolveIconClassName2(appendIcon);
-    const closeIconClassName = resolveIconClassName2(closeIcon);
-    const filterIconClassName = filter && selected ? resolveIconClassName2(filterIcon) : void 0;
-    const handleClick = (event) => {
-      if (disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      onClick?.(event);
-    };
-    const handleKeyDown = (event) => {
-      onKeyDown?.(event);
-      if (event.defaultPrevented || disabled || !interactive) {
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        event.currentTarget.click();
-      }
-    };
-    const handleCloseClick = (event) => {
-      event.stopPropagation();
-      if (disabled) {
-        event.preventDefault();
-        return;
-      }
-      onClose?.(event);
-    };
-    const handleCloseKeyDown = (event) => {
-      if (event.key === " " || event.key === "Enter") {
-        event.stopPropagation();
-      }
-    };
-    const renderableChildren = typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx("span", { className: "truncate", children }) : children;
-    const filterAdornment = filter ? /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-full border border-current/30 text-[0.55rem]",
-        "aria-hidden": true,
-        children: filterIconClassName ? /* @__PURE__ */ jsx("i", { className: filterIconClassName, "aria-hidden": true }) : null
-      }
-    ) : null;
-    return /* @__PURE__ */ jsxs(
-      "span",
-      {
-        ...nativeProps,
-        ref,
-        role: resolvedRole,
-        tabIndex: resolvedTabIndex,
-        "aria-disabled": disabled || void 0,
-        "aria-pressed": filter ? selected : void 0,
-        "data-selected": selected || void 0,
-        className: twMerge(chipBaseClasses, sizeClass, pillClass, variantClass, cursorClass, selectedClass, className),
-        onClick: interactive ? handleClick : void 0,
-        onKeyDown: interactive ? handleKeyDown : onKeyDown,
-        children: [
-          filterAdornment,
-          prependIconClassName && /* @__PURE__ */ jsx("i", { className: twMerge("text-[1em] leading-none", prependIconClassName), "aria-hidden": true }),
-          renderableChildren,
-          appendIconClassName && /* @__PURE__ */ jsx("i", { className: twMerge("text-[1em] leading-none", appendIconClassName), "aria-hidden": true }),
-          closable && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled,
-              "aria-label": "Remove chip",
-              className: twMerge(closeButtonClasses),
-              onClick: handleCloseClick,
-              onKeyDown: handleCloseKeyDown,
-              children: closeIconClassName ? /* @__PURE__ */ jsx("i", { className: closeIconClassName, "aria-hidden": true }) : /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\xD7" })
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Chip.displayName = "Chip";
-var Chip_default = Chip;
-var listItemBaseClasses = "relative flex w-full items-center gap-4 bg-transparent text-left text-sm transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-white hover:bg-neutral-200";
-var densityClasses = {
-  default: "px-4 py-3 text-base",
-  comfortable: "px-4 py-2.5 text-sm",
-  compact: "px-3 py-2 text-sm"
-};
-var lineClasses = {
-  one: "min-h-[3rem]",
-  two: "min-h-[3.75rem]",
-  three: "min-h-[4.5rem]"
-};
-var accentClasses = {
-  primary: { text: "text-primary", bg: "bg-primary/10", indicator: "bg-primary" },
-  neutral: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" },
-  info: { text: "text-sky-600", bg: "bg-sky-50", indicator: "bg-sky-500" },
-  success: { text: "text-emerald-600", bg: "bg-emerald-50", indicator: "bg-emerald-500" },
-  warning: { text: "text-amber-700", bg: "bg-amber-50", indicator: "bg-amber-500" },
-  danger: { text: "text-red-600", bg: "bg-red-50", indicator: "bg-red-500" },
-  surface: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" },
-  bw: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" }
-};
-var ListItem = React3.forwardRef((props, ref) => {
-  const {
-    component,
-    href,
-    target,
-    rel,
-    type,
-    title,
-    subtitle,
-    overline,
-    prepend,
-    append,
-    active = false,
-    disabled = false,
-    inset = false,
-    density: densityOverride,
-    lines: linesOverride,
-    nav: navOverride,
-    divided: dividedOverride,
-    color: colorOverride,
-    sharp: sharpOverride,
-    className,
-    children,
-    tabIndex,
-    role,
-    ...rest
-  } = props;
-  const density = densityOverride ?? "default";
-  const lines = linesOverride ?? "one";
-  const nav = navOverride ?? false;
-  const divided = dividedOverride ?? false;
-  const color = colorOverride ?? "primary";
-  const sharp = sharpOverride ?? false;
-  const accent = accentClasses[color] ?? accentClasses.primary;
-  const shapeClass = divided || sharp ? "rounded-none" : "rounded-lg";
-  const Component2 = component ?? (href ? "a" : "div");
-  const interactive = typeof rest.onClick === "function" || Component2 === "a" || Component2 === "button";
-  const resolvedRole = role ?? "listitem";
-  const resolvedTabIndex = disabled ? -1 : tabIndex ?? (interactive && Component2 === "div" ? 0 : void 0);
-  const resolvedRel = Component2 === "a" ? rel : void 0;
-  const resolvedTarget = Component2 === "a" ? target : void 0;
-  const resolvedHref = Component2 === "a" ? href : void 0;
-  const resolvedType = Component2 === "button" ? type ?? "button" : void 0;
-  const disabledClass = disabled ? "pointer-events-none opacity-60" : "cursor-pointer";
-  const navPaddingClass = nav ? "pl-5" : void 0;
-  const insetClass = inset ? "pl-12" : void 0;
-  const activeClasses = active ? accent.bg : void 0;
-  return /* @__PURE__ */ jsxs(
-    Component2,
-    {
-      ...rest,
-      ref,
-      role: resolvedRole,
-      tabIndex: resolvedTabIndex,
-      "aria-disabled": disabled || void 0,
-      "aria-current": active ? "true" : void 0,
-      className: twMerge(
-        listItemBaseClasses,
-        densityClasses[density],
-        lineClasses[lines],
-        shapeClass,
-        navPaddingClass,
-        insetClass,
-        disabledClass,
-        activeClasses,
-        className
-      ),
-      href: resolvedHref,
-      target: resolvedTarget,
-      rel: resolvedRel,
-      type: resolvedType,
-      "data-active": active || void 0,
-      children: [
-        nav && /* @__PURE__ */ jsx(
-          "span",
-          {
-            "aria-hidden": true,
-            className: twMerge(
-              "absolute left-1 top-2 bottom-2 w-0.5 rounded-full bg-transparent transition-colors duration-150",
-              active ? accent.indicator : void 0
-            )
-          }
-        ),
-        prepend && /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 shrink-0 items-center justify-center text-base text-gray-500", children: prepend }),
-        /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col gap-0.5 text-left", children: [
-          overline && /* @__PURE__ */ jsx("span", { className: "text-[0.65rem] font-semibold uppercase tracking-wide text-gray-500", children: overline }),
-          title && /* @__PURE__ */ jsx("span", { className: twMerge("truncate font-medium text-gray-900", active ? accent.text : void 0), children: title }),
-          subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: subtitle }),
-          children
-        ] }),
-        append && /* @__PURE__ */ jsx("span", { className: "ml-auto flex items-center gap-2 whitespace-nowrap text-sm text-gray-500", children: append })
-      ]
-    }
-  );
-});
-ListItem.displayName = "ListItem";
-var Item_default = ListItem;
-var listBaseClasses = "flex w-full min-w-0 flex-col text-gray-900 transition-colors duration-150";
-var listVariantClasses = {
-  solid: "bg-white border border-gray-200 shadow-sm shadow-gray-900/5",
-  sharp: "bg-white border border-gray-200 shadow-sm shadow-gray-900/5 rounded-none",
-  outline: "bg-transparent border border-gray-300",
-  ghost: "bg-gray-50 border border-transparent",
-  text: "bg-transparent border border-transparent",
-  filled: "bg-gray-50 border border-gray-200 shadow-inner shadow-gray-900/5",
-  underlined: "bg-transparent border border-transparent border-b border-gray-200 rounded-none",
-  rounded: "bg-white border border-gray-200 shadow-lg shadow-gray-900/10"
-};
-var listRoundedClasses = {
-  none: "rounded-none",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl",
-  pill: "rounded-full"
-};
-var isListItemElement = (element) => {
-  if (!React3.isValidElement(element)) {
-    return false;
-  }
-  const elementType = element.type;
-  return element.type === Item_default || elementType.displayName === Item_default.displayName;
-};
-var List = React3.forwardRef((props, ref) => {
-  const {
-    variant = "solid",
-    density = "default",
-    lines = "one",
-    nav = false,
-    divided = false,
-    rounded = "lg",
-    color = "primary",
-    className,
-    role,
-    children,
-    ...rest
-  } = props;
-  const isSharpVariant = variant === "sharp";
-  const variantClass = listVariantClasses[variant] ?? listVariantClasses.solid;
-  const roundedClass = isSharpVariant ? "rounded-none" : listRoundedClasses[rounded] ?? listRoundedClasses.lg;
-  const dividerClass = divided ? "divide-y divide-gray-100" : void 0;
-  const gapClass = divided ? "p-0" : "gap-1 p-1";
-  const navClass = nav ? "py-1" : void 0;
-  const accentColor = color;
-  const enhanceChild = (child) => {
-    if (!React3.isValidElement(child)) {
-      return child;
-    }
-    if (isListItemElement(child)) {
-      return React3.cloneElement(child, {
-        density: child.props.density ?? density,
-        lines: child.props.lines ?? lines,
-        nav: child.props.nav ?? nav,
-        divided: child.props.divided ?? divided,
-        color: child.props.color ?? accentColor,
-        sharp: child.props.sharp ?? isSharpVariant
-      });
-    }
-    if (child.props && typeof child.props === "object" && "children" in child.props) {
-      const nestedChildren = React3.Children.map(child.props.children, enhanceChild);
-      if (nestedChildren !== child.props.children) {
-        return React3.cloneElement(child, void 0, nestedChildren);
-      }
-    }
-    return child;
-  };
-  const resolvedChildren = React3.Children.map(children, enhanceChild);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      ref,
-      role: role ?? "list",
-      className: twMerge(listBaseClasses, variantClass, roundedClass, dividerClass, gapClass, navClass, className),
-      children: resolvedChildren
-    }
-  );
-});
-List.displayName = "List";
-var List_default = List;
-var placementClasses = {
-  "bottom-start": "left-0 top-full origin-top-left",
-  bottom: "left-1/2 top-full -translate-x-1/2 origin-top",
-  "bottom-end": "right-0 top-full origin-top-right",
-  "top-start": "left-0 bottom-full origin-bottom-left",
-  top: "left-1/2 bottom-full -translate-x-1/2 origin-bottom",
-  "top-end": "right-0 bottom-full origin-bottom-right"
-};
-var offsetClasses = {
-  top: "mb-2",
-  bottom: "mt-2"
-};
-var menuBaseClasses = "absolute z-50 min-w-[10rem] rounded-xl border border-gray-200/80 bg-white/95 p-2 text-sm text-gray-700 shadow-lg shadow-gray-900/10 ring-1 ring-black/5 backdrop-blur-md transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2";
-var overlayBaseClasses = "fixed inset-0 z-40 bg-gray-900/30 backdrop-blur-[1px]";
-var Menu = React3.forwardRef((props, ref) => {
-  const {
-    activator,
-    children,
-    placement = "bottom-start",
-    open,
-    openOnHover = true,
-    openOnFocus = true,
-    matchActivatorWidth = false,
-    keepMounted = false,
-    scrim = false,
-    contentClassName,
-    contentProps,
-    overlayClassName,
-    className,
-    ...rest
-  } = props;
-  const hasContent = children !== void 0 && children !== null;
-  const manual = typeof open === "boolean";
-  const visible = Boolean(open);
-  const shouldRenderContent = hasContent && (keepMounted || visible || !manual && (openOnHover || openOnFocus));
-  const verticalPlacement = placement.startsWith("top") ? "top" : "bottom";
-  const visibilityClasses = (() => {
-    if (manual) {
-      return visible ? "pointer-events-auto opacity-100 scale-100" : "pointer-events-none opacity-0 scale-95";
-    }
-    const base2 = "pointer-events-none opacity-0 scale-95";
-    const hover = openOnHover ? " group-hover/menu:pointer-events-auto group-hover/menu:opacity-100 group-hover/menu:scale-100" : "";
-    const focus = openOnFocus ? " group-focus-within/menu:pointer-events-auto group-focus-within/menu:opacity-100 group-focus-within/menu:scale-100" : "";
-    return `${base2}${hover}${focus}`;
-  })();
-  const {
-    className: contentExtraClassName,
-    style: contentStyle,
-    role: contentRole,
-    tabIndex: contentTabIndex,
-    ...restContentProps
-  } = contentProps ?? {};
-  const overlayNode = scrim && visible ? /* @__PURE__ */ jsx("div", { className: twMerge(overlayBaseClasses, overlayClassName), "aria-hidden": true }) : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    overlayNode,
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...rest,
-        ref,
-        className: twMerge("relative inline-flex min-w-0 group/menu", className),
-        "data-open": visible || void 0,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "inline-flex w-full min-w-0", children: activator }),
-          shouldRenderContent ? /* @__PURE__ */ jsx(
-            "div",
-            {
-              ...restContentProps,
-              className: twMerge(
-                menuBaseClasses,
-                placementClasses[placement],
-                offsetClasses[verticalPlacement],
-                matchActivatorWidth ? "min-w-full" : void 0,
-                visibilityClasses,
-                contentClassName,
-                contentExtraClassName
-              ),
-              "data-state": visible ? "open" : "closed",
-              role: contentRole ?? "menu",
-              tabIndex: contentTabIndex ?? -1,
-              style: contentStyle,
-              children
-            }
-          ) : null
-        ]
-      }
-    )
-  ] });
-});
-Menu.displayName = "Menu";
-var Menu_default = Menu;
-var EXPANSION_PANEL_CONTEXT_PROP = "__expansionPanelContext";
-var EXPANSION_PANEL_ITEM_MARKER = "__isExpansionPanelItem";
-var hasMarker = (type) => {
-  if (!type || typeof type !== "function" && typeof type !== "object") {
-    return false;
-  }
-  if (type[EXPANSION_PANEL_ITEM_MARKER]) {
-    return true;
-  }
-  const innerType = type.type;
-  if (innerType && innerType !== type) {
-    return hasMarker(innerType);
-  }
-  return false;
-};
-var traverseNode = (node, value) => {
-  if (Array.isArray(node)) {
-    let changed = false;
-    const nextArray = node.map((child) => {
-      const result = traverseNode(child, value);
-      if (result.changed) {
-        changed = true;
-      }
-      return result.node;
-    });
-    return { node: changed ? nextArray : node, changed };
-  }
-  if (node === null || node === void 0 || typeof node === "boolean" || typeof node === "string" || typeof node === "number") {
-    return { node, changed: false };
-  }
-  if (!isValidElement(node)) {
-    return { node, changed: false };
-  }
-  const { node: mappedChildren, changed: childrenChanged } = traverseNode(node.props.children, value);
-  const shouldInject = hasMarker(node.type);
-  if (!shouldInject && !childrenChanged) {
-    return { node, changed: false };
-  }
-  const injectedProps = shouldInject ? { [EXPANSION_PANEL_CONTEXT_PROP]: value } : void 0;
-  const cloned = mappedChildren === void 0 ? cloneElement(node, injectedProps) : cloneElement(node, injectedProps, mappedChildren);
-  return { node: cloned, changed: true };
-};
-var injectExpansionPanelContext = (children, value) => traverseNode(children, value).node;
-var markExpansionPanelItem = (component) => {
-  if (typeof component !== "function" && (typeof component !== "object" || component === null)) {
-    return;
-  }
-  component[EXPANSION_PANEL_ITEM_MARKER] = true;
-};
-var densityClasses2 = {
-  comfortable: "py-5",
-  default: "py-4",
-  compact: "py-3"
-};
-var roundedClasses = {
-  none: "rounded-none",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl"
-};
-var itemVariantClasses = {
-  elevated: "bg-white border border-gray-200 shadow-sm shadow-gray-900/5",
-  outlined: "bg-white border border-gray-200",
-  tonal: "bg-gray-50 border border-gray-100",
-  plain: "bg-transparent border border-transparent"
-};
-var accentClasses2 = {
-  primary: { text: "text-primary", bg: "bg-primary/5", border: "border-primary/30" },
-  neutral: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" },
-  info: { text: "text-sky-600", bg: "bg-sky-50", border: "border-sky-200" },
-  success: { text: "text-emerald-600", bg: "bg-emerald-50", border: "border-emerald-200" },
-  warning: { text: "text-amber-600", bg: "bg-amber-50", border: "border-amber-200" },
-  danger: { text: "text-red-600", bg: "bg-red-50", border: "border-red-200" },
-  surface: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" },
-  bw: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" }
-};
-var uniqueIdCounter = 0;
-var generateId = (prefix) => `${prefix}-${++uniqueIdCounter}`;
-var ExpansionPanelItemInner = class extends Component {
-  constructor(props) {
-    super(props);
-    this.getContext = () => this.props.__expansionPanelContext ?? null;
-    this.handleToggle = () => {
-      const { disabled = false } = this.props;
-      if (disabled) {
-        return;
-      }
-      const context = this.getContext();
-      const panelValue = this.props.value ?? this.generatedValue;
-      if (context) {
-        context.toggle(panelValue, disabled);
-        return;
-      }
-      this.setState((prev) => ({ standaloneExpanded: !prev.standaloneExpanded }));
-    };
-    this.state = { standaloneExpanded: false };
-    this.generatedValue = generateId("expansion-panel-value");
-    this.headerId = generateId("expansion-panel-header");
-    this.contentId = generateId("expansion-panel-content");
-  }
-  render() {
-    const {
-      value,
-      title,
-      subtitle,
-      text,
-      prepend,
-      append,
-      expandIcon,
-      collapseIcon,
-      hideToggleIcon = false,
-      headerClassName,
-      contentClassName,
-      className,
-      disabled = false,
-      children,
-      color: colorOverride,
-      forwardedRef,
-      ...rest
-    } = this.props;
-    const context = this.getContext();
-    const panelValue = value ?? this.generatedValue;
-    const density = context?.density ?? "default";
-    const color = colorOverride ?? context?.color ?? "primary";
-    const divider = context?.divider ?? true;
-    const variant = context?.variant ?? "elevated";
-    const rounded = context?.rounded ?? "lg";
-    const accent = accentClasses2[color] ?? accentClasses2.primary;
-    const isExpanded = context ? context.expandedValues.includes(panelValue) : this.state.standaloneExpanded;
-    const rootSurface = divider ? "bg-transparent border-0 shadow-none" : itemVariantClasses[variant];
-    const shapeClass = divider ? void 0 : roundedClasses[rounded] ?? roundedClasses.lg;
-    const densityPadding = densityClasses2[density] ?? densityClasses2.default;
-    const disabledClass = disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer";
-    const titleClass = isExpanded ? accent.text : void 0;
-    const activeBorderClass = twMerge("border-l-2 border-transparent", isExpanded ? accent.border : void 0);
-    const defaultToggleIcon = /* @__PURE__ */ jsx("i", { className: "mdi mdi-chevron-down text-lg leading-none transition-transform duration-200", "aria-hidden": true });
-    const hasContent = Boolean(children ?? text);
-    const contentAnimationClass = isExpanded ? "pb-5 opacity-100" : "pb-0 opacity-0";
-    const toggleIconNode = hideToggleIcon ? null : isExpanded && collapseIcon ? collapseIcon : expandIcon ?? defaultToggleIcon;
-    const shouldRotateDefaultIcon = !expandIcon && !collapseIcon && !hideToggleIcon;
-    const toggleWrapperClass = twMerge(
-      "ml-3 flex h-6 w-6 items-center justify-center text-gray-500 transition-transform duration-200",
-      shouldRotateDefaultIcon && isExpanded ? "rotate-180" : void 0
-    );
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...rest,
-        ref: forwardedRef,
-        className: twMerge(
-          "expansion-panel-item flex flex-col overflow-hidden transition-colors duration-200",
-          rootSurface,
-          shapeClass,
-          className
-        ),
-        "data-state": isExpanded ? "open" : "closed",
-        "data-disabled": disabled || void 0,
-        children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              id: this.headerId,
-              onClick: this.handleToggle,
-              disabled,
-              "aria-expanded": isExpanded,
-              "aria-controls": hasContent ? this.contentId : void 0,
-              className: twMerge(
-                "flex w-full items-center gap-4 px-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40",
-                densityPadding,
-                disabledClass,
-                isExpanded ? accent.bg : void 0,
-                headerClassName
-              ),
-              "data-state": isExpanded ? "open" : "closed",
-              children: [
-                prepend && /* @__PURE__ */ jsx("span", { className: "flex h-10 w-10 items-center justify-center text-gray-500", children: prepend }),
-                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5 text-left", children: [
-                  title && /* @__PURE__ */ jsx("span", { className: twMerge("truncate font-medium text-gray-900", titleClass), children: title }),
-                  subtitle && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: subtitle })
-                ] }),
-                append && /* @__PURE__ */ jsx("span", { className: "ml-auto flex items-center gap-2 text-sm text-gray-500", children: append }),
-                !hideToggleIcon && /* @__PURE__ */ jsx("span", { className: toggleWrapperClass, children: toggleIconNode })
-              ]
-            }
-          ),
-          hasContent && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "grid overflow-hidden border-t border-gray-100 transition-all duration-200 ease-in-out",
-              style: { gridTemplateRows: isExpanded ? "1fr" : "0fr" },
-              "aria-hidden": isExpanded ? void 0 : true,
-              "data-state": isExpanded ? "open" : "closed",
-              children: /* @__PURE__ */ jsx(
-                "div",
-                {
-                  id: this.contentId,
-                  role: "region",
-                  "aria-labelledby": this.headerId,
-                  "data-state": isExpanded ? "open" : "closed",
-                  className: twMerge(
-                    "min-h-0 px-4 pt-0 text-sm text-gray-600 transition-all duration-200",
-                    activeBorderClass,
-                    contentAnimationClass,
-                    isExpanded ? "pointer-events-auto" : "pointer-events-none",
-                    contentClassName
-                  ),
-                  children: children ?? text
-                }
-              )
-            }
-          )
-        ]
-      }
-    );
-  }
-};
-var ExpansionPanelItem = forwardRef((props, ref) => /* @__PURE__ */ jsx(ExpansionPanelItemInner, { ...props, forwardedRef: ref }));
-ExpansionPanelItem.displayName = "ExpansionPanelItem";
-markExpansionPanelItem(ExpansionPanelItem);
-var ExpansionPanelItem_default = ExpansionPanelItem;
-var variantContainerClasses = {
-  elevated: "bg-white border border-gray-200 shadow-lg shadow-gray-900/10",
-  outlined: "bg-white border border-gray-200",
-  tonal: "bg-gray-50 border border-gray-100",
-  plain: "bg-transparent border border-transparent"
-};
-var roundedClasses2 = {
-  none: "rounded-none",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  xl: "rounded-xl"
-};
-var uniqueValues = (values) => Array.from(new Set(values));
-var normalizeValues = (value, allowMultiple) => {
-  if (value === void 0 || value === null) {
-    return [];
-  }
-  const normalized = Array.isArray(value) ? value : [value];
-  if (allowMultiple) {
-    return uniqueValues(normalized);
-  }
-  return normalized.length ? [normalized[0]] : [];
-};
-var clampValues = (values, allowMultiple) => allowMultiple ? uniqueValues(values) : values.length ? [values[0]] : [];
-var ExpansionPanelInner = (props, forwardedRef) => {
-  const {
-    variant = "elevated",
-    rounded = "lg",
-    density = "default",
-    color = "primary",
-    divider = true,
-    multiple = false,
-    className,
-    children,
-    value,
-    defaultValue,
-    onChange,
-    ...rest
-  } = props;
-  const allowMultiple = multiple ?? false;
-  const isControlled = value !== void 0;
-  const [internalValues, setInternalValues] = useState(
-    () => normalizeValues(defaultValue, allowMultiple)
-  );
-  const prevAllowMultipleRef = useRef(allowMultiple);
-  const prevIsControlledRef = useRef(isControlled);
-  useEffect(() => {
-    const prevAllowMultiple = prevAllowMultipleRef.current;
-    const wasControlled = prevIsControlledRef.current;
-    if (!isControlled && (allowMultiple !== prevAllowMultiple || wasControlled !== isControlled)) {
-      setInternalValues((prev) => clampValues(prev, allowMultiple));
-    }
-    prevAllowMultipleRef.current = allowMultiple;
-    prevIsControlledRef.current = isControlled;
-  }, [allowMultiple, isControlled]);
-  const handleValueChange = useCallback(
-    (next) => {
-      if (!isControlled) {
-        setInternalValues(next);
-      }
-      if (onChange) {
-        if (allowMultiple) {
-          onChange(next);
-        } else {
-          onChange(next[0] ?? null);
-        }
-      }
-    },
-    [allowMultiple, isControlled, onChange]
-  );
-  const handleToggle = useCallback(
-    (panelValue, disabled) => {
-      if (disabled) {
-        return;
-      }
-      const expandedValues2 = isControlled ? normalizeValues(value, allowMultiple) : internalValues;
-      const isActive = expandedValues2.includes(panelValue);
-      const next = allowMultiple ? isActive ? expandedValues2.filter((v) => v !== panelValue) : [...expandedValues2, panelValue] : isActive ? [] : [panelValue];
-      handleValueChange(next);
-    },
-    [allowMultiple, handleValueChange, internalValues, isControlled, value]
-  );
-  const expandedValues = useMemo(
-    () => isControlled ? normalizeValues(value, allowMultiple) : internalValues,
-    [allowMultiple, internalValues, isControlled, value]
-  );
-  const providerValue = useMemo(
-    () => ({
-      expandedValues,
-      toggle: handleToggle,
-      density,
-      color,
-      divider,
-      rounded,
-      variant
-    }),
-    [color, density, divider, expandedValues, handleToggle, rounded, variant]
-  );
-  const variantClass = divider ? variantContainerClasses[variant] : "bg-transparent border border-transparent shadow-none";
-  const shapeClass = roundedClasses2[rounded] ?? roundedClasses2.lg;
-  const layoutClass = divider ? "divide-y divide-gray-100 overflow-hidden" : "gap-4";
-  const enhancedChildren = injectExpansionPanelContext(children, providerValue);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...rest,
-      ref: forwardedRef,
-      className: twMerge("expansion-panel flex w-full flex-col text-gray-900", variantClass, shapeClass, layoutClass, className),
-      children: enhancedChildren
-    }
-  );
-};
-var ExpansionPanel = forwardRef(ExpansionPanelInner);
-ExpansionPanel.displayName = "ExpansionPanel";
-var ExpansionPanel_default = ExpansionPanel;
-var containerBaseClasses = "fixed inset-0 z-[70] flex items-center justify-center p-4 sm:p-8 data-[state=closed]:pointer-events-none";
-var overlayBaseClasses2 = "absolute inset-0 bg-gray-900/55 backdrop-blur-[2px] transition-opacity duration-200 data-[state=closed]:opacity-0 data-[state=open]:opacity-100";
-var panelWrapperClasses = "relative z-10 flex w-full max-h-[95vh] justify-center transition-transform transition-opacity duration-200 data-[state=closed]:translate-y-4 data-[state=closed]:opacity-0 data-[state=open]:translate-y-0 data-[state=open]:opacity-100";
-var panelBaseClasses = "pointer-events-auto w-full max-h-[90vh] overflow-auto rounded-2xl bg-white p-6 text-gray-900 shadow-2xl shadow-black/20 ring-1 ring-black/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40";
-var resolveSizeValue = (value) => {
-  if (value === void 0) {
-    return void 0;
-  }
-  return typeof value === "number" ? `${value}px` : value;
-};
-var Dialog = React3.forwardRef((props, forwardedRef) => {
-  const {
-    activator,
-    children,
-    open = false,
-    keepMounted = false,
-    scrim = true,
-    fullscreen = false,
-    maxWidth = "32rem",
-    width,
-    containerClassName,
-    overlayClassName,
-    overlayProps,
-    className,
-    style,
-    role: roleProp = "dialog",
-    tabIndex = -1,
-    id,
-    ["aria-modal"]: ariaModalProp,
-    ...rest
-  } = props;
-  const state = open ? "open" : "closed";
-  const shouldRenderDialog = keepMounted || open;
-  const resolvedStyle = { ...style };
-  if (fullscreen) {
-    if (resolvedStyle.maxWidth === void 0) {
-      resolvedStyle.maxWidth = "none";
-    }
-    if (resolvedStyle.width === void 0) {
-      resolvedStyle.width = "100%";
-    }
-    if (resolvedStyle.height === void 0) {
-      resolvedStyle.height = "100%";
-    }
-    if (resolvedStyle.maxHeight === void 0) {
-      resolvedStyle.maxHeight = "100%";
-    }
-  } else {
-    if (resolvedStyle.maxWidth === void 0) {
-      resolvedStyle.maxWidth = resolveSizeValue(maxWidth);
-    }
-    if (width !== void 0 && resolvedStyle.width === void 0) {
-      resolvedStyle.width = resolveSizeValue(width);
-    }
-  }
-  const ariaModal = ariaModalProp ?? (roleProp === "dialog" || roleProp === "alertdialog" ? true : void 0);
-  const { className: overlayExtraClassName, ...restOverlayProps } = overlayProps ?? {};
-  const overlayNode = shouldRenderDialog && scrim ? /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...restOverlayProps,
-      className: twMerge(overlayBaseClasses2, overlayClassName, overlayExtraClassName),
-      "data-state": state,
-      "aria-hidden": true
-    }
-  ) : null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    activator ? /* @__PURE__ */ jsx("div", { className: "inline-flex", children: activator }) : null,
-    shouldRenderDialog ? /* @__PURE__ */ jsxs("div", { className: twMerge(containerBaseClasses, containerClassName), "data-state": state, "aria-hidden": !open, children: [
-      overlayNode,
-      /* @__PURE__ */ jsx("div", { className: twMerge(panelWrapperClasses, fullscreen ? "h-full items-stretch" : "mx-auto"), "data-state": state, children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          ...rest,
-          ref: forwardedRef,
-          id,
-          role: roleProp,
-          tabIndex,
-          "aria-modal": ariaModal,
-          className: twMerge(panelBaseClasses, fullscreen ? "h-full w-full max-w-none rounded-none" : void 0, className),
-          style: resolvedStyle,
-          "data-state": state,
-          children
-        }
-      ) })
-    ] }) : null
-  ] });
-});
-Dialog.displayName = "Dialog";
-var Dialog_default = Dialog;
-var tooltipBaseClasses = "absolute z-[60] max-w-xs rounded-lg border border-white/10 bg-gray-900 px-3 py-2 text-xs font-medium text-white shadow-lg shadow-black/30 ring-1 ring-black/40 transition-all duration-150";
-var wrapperBaseClasses = "relative inline-flex max-w-full align-middle";
-var arrowBaseClasses = "pointer-events-none absolute h-2 w-2 rotate-45 border border-white/10 bg-gray-900 shadow-lg shadow-black/20";
-var resolveSizeValue2 = (value) => {
-  if (value === void 0) {
-    return void 0;
-  }
-  return typeof value === "number" ? `${value}px` : value;
-};
-var placementClasses2 = {
-  top: "bottom-full left-1/2 -translate-x-1/2 -translate-y-2 origin-bottom",
-  "top-start": "bottom-full left-0 -translate-y-2 origin-bottom-left",
-  "top-end": "bottom-full right-0 -translate-y-2 origin-bottom-right",
-  bottom: "top-full left-1/2 -translate-x-1/2 translate-y-2 origin-top",
-  "bottom-start": "top-full left-0 translate-y-2 origin-top-left",
-  "bottom-end": "top-full right-0 translate-y-2 origin-top-right",
-  left: "right-full top-1/2 -translate-y-1/2 -translate-x-2 origin-right",
-  "left-start": "right-full top-0 -translate-x-2 origin-top-right",
-  "left-end": "right-full bottom-0 -translate-x-2 origin-bottom-right",
-  right: "left-full top-1/2 -translate-y-1/2 translate-x-2 origin-left",
-  "right-start": "left-full top-0 translate-x-2 origin-top-left",
-  "right-end": "left-full bottom-0 translate-x-2 origin-bottom-left"
-};
-var arrowPlacementClasses = {
-  top: "left-1/2 top-full -translate-x-1/2 -translate-y-1/2",
-  "top-start": "left-4 top-full -translate-y-1/2",
-  "top-end": "right-4 top-full -translate-y-1/2",
-  bottom: "left-1/2 bottom-full -translate-x-1/2 translate-y-1/2",
-  "bottom-start": "left-4 bottom-full translate-y-1/2",
-  "bottom-end": "right-4 bottom-full translate-y-1/2",
-  left: "right-full top-1/2 -translate-y-1/2 translate-x-1/2",
-  "left-start": "right-full top-4 translate-x-1/2",
-  "left-end": "right-full bottom-4 translate-x-1/2",
-  right: "left-full top-1/2 -translate-y-1/2 -translate-x-1/2",
-  "right-start": "left-full top-4 -translate-x-1/2",
-  "right-end": "left-full bottom-4 -translate-x-1/2"
-};
-var ToolTip = React3.forwardRef((props, forwardedRef) => {
-  const {
-    activator,
-    children,
-    placement = "top",
-    arrow = true,
-    disabled = false,
-    persistent = false,
-    showOnHover = true,
-    showOnFocus = true,
-    interactive = false,
-    keepMounted = false,
-    maxWidth = "18rem",
-    wrapperClassName,
-    className,
-    style,
-    id,
-    ...rest
-  } = props;
-  const hasRenderableContent = children !== void 0 && children !== null;
-  const shouldEnableTriggers = !disabled && (persistent || showOnHover || showOnFocus);
-  const shouldRenderTooltip = hasRenderableContent && (shouldEnableTriggers || keepMounted);
-  const resolvedStyle = { ...style };
-  if (resolvedStyle.maxWidth === void 0) {
-    resolvedStyle.maxWidth = resolveSizeValue2(maxWidth);
-  }
-  const baseVisibility = persistent ? "opacity-100 scale-100" : "opacity-0 scale-95";
-  const hoverClasses = !persistent && showOnHover ? " group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100" : "";
-  const focusClasses = !persistent && showOnFocus ? " group-focus-within/tooltip:opacity-100 group-focus-within/tooltip:scale-100" : "";
-  const visibilityClasses = `${baseVisibility}${hoverClasses}${focusClasses}`;
-  const pointerClasses = (() => {
-    if (persistent) {
-      return "pointer-events-auto";
-    }
-    if (!interactive) {
-      return "pointer-events-none";
-    }
-    const classes = ["pointer-events-none"];
-    if (showOnHover) {
-      classes.push("group-hover/tooltip:pointer-events-auto");
-    }
-    if (showOnFocus) {
-      classes.push("group-focus-within/tooltip:pointer-events-auto");
-    }
-    return classes.join(" ");
-  })();
-  return /* @__PURE__ */ jsxs("span", { className: twMerge(wrapperBaseClasses, "group/tooltip", wrapperClassName), "data-disabled": disabled || void 0, children: [
-    /* @__PURE__ */ jsx("span", { className: "inline-flex max-w-full", children: activator }),
-    shouldRenderTooltip ? /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ...rest,
-        ref: forwardedRef,
-        role: "tooltip",
-        id,
-        "aria-hidden": persistent || disabled ? void 0 : true,
-        className: twMerge(tooltipBaseClasses, placementClasses2[placement], visibilityClasses, pointerClasses, className),
-        style: resolvedStyle,
-        children: [
-          children,
-          arrow && /* @__PURE__ */ jsx("span", { className: twMerge(arrowBaseClasses, arrowPlacementClasses[placement]), "aria-hidden": true, "data-arrow": true })
-        ]
-      }
-    ) : null
-  ] });
-});
-ToolTip.displayName = "ToolTip";
-var ToolTip_default = ToolTip;
-
-// src/Form/Input/states.input.ts
-var resolveIconClassName3 = (icon) => {
-  if (!icon) {
-    return void 0;
-  }
-  if (typeof icon === "string") {
-    const trimmed = icon.trim();
-    if (!trimmed) {
-      return void 0;
-    }
-    if (trimmed.includes(" ")) {
-      return trimmed;
-    }
-    const normalizedName2 = trimmed.startsWith("mdi-") ? trimmed : `mdi-${trimmed}`;
-    return ["mdi", normalizedName2].join(" ");
-  }
-  const [library, iconNameRaw] = icon;
-  const baseClasses = iconBaseClasses[library] ?? [library];
-  const iconName = iconNameRaw.trim();
-  if (!iconName) {
-    return baseClasses.join(" ");
-  }
-  const normalizedName = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
-  const classes = [...baseClasses, normalizedName];
-  return Array.from(new Set(classes)).join(" ");
-};
-
-// src/utils/helpers/randomStr.ts
-var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-function generateString(length = 5) {
-  let result = "";
-  const charactersLength = characters.length;
-  for (let i = 0; i < length; i++) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength));
-  }
-  return result;
-}
-var Input = ({
-  variant = "outline",
-  success,
-  error,
-  warn,
-  icon,
-  className,
-  wrapperClassName,
-  ...props
-}) => {
-  const classBase = "input-base px-3 py-2 focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full";
-  const variantClasses = {
-    solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-    sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-    outline: "rounded border border-gray-300 bg-transparent focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30",
-    text: "rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent",
-    ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15",
-    filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25",
-    underlined: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent",
-    rounded: "rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm"
-  };
-  const status = error ? { tone: "error", message: error } : warn ? { tone: "warn", message: warn } : success ? { tone: "success", message: success } : void 0;
-  const statusClasses = {
-    error: "border-red-500 focus:border-red-500 focus:ring-red-400",
-    warn: "border-amber-500 focus:border-amber-500 focus:ring-amber-400",
-    success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400"
-  };
-  const statusMessageClasses = {
-    error: "text-red-600",
-    warn: "text-amber-600",
-    success: "text-emerald-600"
-  };
-  const variantClass = variantClasses[variant] ?? variantClasses.outline;
-  const toneClass = status ? statusClasses[status.tone] : void 0;
-  const prependIconClass = resolveIconClassName3(icon);
-  const prependPadding = prependIconClass ? "pl-10" : void 0;
-  const inputName = props.name || generateString();
-  return /* @__PURE__ */ jsxs("div", { className: twMerge("flex flex-col gap-1", wrapperClassName), children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
-      prependIconClass && /* @__PURE__ */ jsx("i", { className: twMerge("pointer-events-none absolute left-3 ", prependIconClass), "aria-hidden": true }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          ...props,
-          className: twMerge(classBase, variantClass, toneClass, prependPadding, className),
-          name: inputName
-        }
-      )
-    ] }),
-    status?.message && /* @__PURE__ */ jsx("span", { className: twMerge("text-sm", statusMessageClasses[status.tone]), children: status.message })
-  ] });
-};
-var Input_default = Input;
-
-export { Button_default as Button, Chip_default as Chip, Dialog_default as Dialog, ExpansionPanel_default as ExpansionPanel, ExpansionPanelItem_default as ExpansionPanelItem, Input_default as Input, List_default as List, Item_default as ListItem, Menu_default as Menu, ToolTip_default as ToolTip };
+export { Dialog_default as Dialog } from './chunk-U6NAIIDI.js';
+export { ToolTip_default as ToolTip } from './chunk-32KFNI6K.js';
+export { Card_default as Card } from './chunk-V4BVJOSC.js';
+export { Input_default as Input } from './chunk-PYG5SDNO.js';
+export { Slider_default as Slider } from './chunk-AOHXZ7OM.js';
+export { Switch_default as Switch } from './chunk-N65GNKRG.js';
+export { Button_default as Button } from './chunk-SZU6OYLS.js';
+export { Chip_default as Chip } from './chunk-PWK6MLZT.js';
+import './chunk-IEILIKS2.js';
+export { List_default as List } from './chunk-5GY2JCBO.js';
+export { Item_default as ListItem } from './chunk-XFPBICJG.js';
+export { Menu_default as Menu } from './chunk-QGQ66FJD.js';
+export { ExpansionPanel_default as ExpansionPanel } from './chunk-E32P5AHO.js';
+export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-GA6HSRN6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map