@lindle/linoardo 1.0.39 → 1.0.41

package/dist/chunk-LULQOD2K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Select/index.tsx"],"names":["normalizedName"],"mappings":"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","file":"chunk-LULQOD2K.js","sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { iconBaseClasses } from '@lindle/linoardo/globals';\nimport type { GlobalSize, PropIcon } from '@lindle/linoardo/global.types';\nimport type { InputVariant } from '../Input/types';\nimport { generateString } from '../../utils/helpers/randomStr';\n\nexport interface SelectOptionObject {\n  value: string | number;\n  label: string;\n  disabled?: boolean;\n  icon?: PropIcon;\n}\n\nexport type SelectOption = SelectOptionObject | string;\n\nexport interface SelectProps\n  extends Omit<React.DetailsHTMLAttributes<HTMLDetailsElement>, 'onBlur' | 'onChange' | 'value' | 'defaultValue'> {\n  options: SelectOption[];\n  label?: string;\n  placeholder?: string;\n  variant?: InputVariant;\n  size?: GlobalSize;\n  wrapperClassName?: string;\n  error?: boolean;\n  helperText?: string;\n  value?: string | number | readonly string[];\n  defaultValue?: string | number | readonly string[];\n  name?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement>;\n}\n\nconst baseClass =\n  'select-base w-full appearance-none focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed bg-white text-gray-900 placeholder:text-gray-500 dark:bg-slate-900 dark:text-gray-100 dark:placeholder:text-gray-400';\n\nconst variantClasses = {\n  solid:\n    'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n  sharp:\n    'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n  outline:\n    'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n  text: 'rounded-none border-0 border-b border-transparent pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n  ghost:\n    '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 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n  filled:\n    'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n  underlined:\n    'rounded-none border-0 border-b border-gray-300 pl-0 pr-10 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-300 dark:focus-visible:border-primary/70',\n  rounded:\n    'rounded-full pl-4 pr-10 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n} satisfies Record<InputVariant, string>;\n\nconst sizeClasses = {\n  'x-small': { padding: 'pl-2 pr-8 py-2', text: 'text-xs' },\n  small: { padding: 'pl-2.5 pr-9 py-2.5', text: 'text-sm' },\n  medium: { padding: 'pl-3 pr-10 py-3', text: 'text-base' },\n  large: { padding: 'pl-3.5 pr-11 py-3.5', text: 'text-lg' },\n  'x-large': { padding: 'pl-4 pr-12 py-4', text: 'text-xl' }\n} satisfies Record<GlobalSize, { padding: string; text: string }>;\n\nconst normalizeOption = (option: SelectOption): SelectOptionObject => {\n  if (typeof option === 'string') {\n    return { label: option, value: option };\n  }\n  return option;\n};\n\nconst toIdSafe = (value: string) => {\n  const sanitized = value.replace(/\\s+/g, '-').replace(/[^A-Za-z0-9_-]/g, '');\n  return sanitized || 'opt';\n};\n\nconst resolveIconClassName = (icon?: PropIcon) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n\n/**\n * Custom styled Select component using <details> and radio/checkbox inputs.\n * Supports icons and custom styling while remaining a Server Component (no hooks).\n */\nconst Select = React.forwardRef<HTMLInputElement, SelectProps>(({\n  options,\n  label,\n  placeholder,\n  variant = 'outline',\n  size = 'medium',\n  className,\n  wrapperClassName,\n  id,\n  name,\n  multiple,\n  value,\n  defaultValue,\n  error,\n  helperText,\n  disabled,\n  required,\n  onChange,\n  onBlur,\n  ...props\n}, ref) => {\n  const selectId = id || name || generateString();\n  const inputName = name || selectId;\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;\n  const normalizedOptions = options.map(normalizeOption);\n  const selectedValueList =\n    value !== undefined\n      ? (Array.isArray(value) ? value : [value]).map(String)\n      : defaultValue !== undefined\n      ? (Array.isArray(defaultValue) ? defaultValue : [defaultValue]).map(String)\n      : [];\n  const selectedLabels = normalizedOptions\n    .filter(option => selectedValueList.includes(String(option.value)))\n    .map(option => option.label);\n  const hasSelection = selectedLabels.length > 0;\n  const summaryText = hasSelection\n    ? multiple\n      ? selectedLabels.join(', ')\n      : selectedLabels[0]\n    : placeholder || '\\u00A0';\n  const handleOptionChange: React.ChangeEventHandler<HTMLInputElement> = event => {\n    onChange?.(event);\n    if (multiple) return;\n    const detailsEl = event.currentTarget.closest('details');\n    detailsEl?.removeAttribute('open');\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative'>\n        <details className='group w-full' {...props} open={undefined}>\n          <summary\n            className={twMerge(\n              baseClass,\n              variantClass,\n              sizeClass,\n              'list-none cursor-pointer flex items-center justify-between pr-10 relative [&::-webkit-details-marker]:hidden',\n              error && 'border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500',\n              disabled && 'pointer-events-none opacity-50 cursor-not-allowed',\n              className\n            )}\n            style={{ minHeight: '2.75rem' }}\n            onClick={e => disabled && e.preventDefault()}\n          >\n            <span className={twMerge('truncate', !hasSelection && 'text-gray-500 dark:text-gray-400')}>{summaryText}</span>\n            <span className='pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300'>\n              <i className='mdi mdi-chevron-down text-base leading-none transition-transform duration-200 group-open:rotate-180' aria-hidden />\n            </span>\n          </summary>\n\n          <div className='absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-lg border border-gray-200 bg-white py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none dark:bg-slate-800 dark:border-slate-700'>\n            {normalizedOptions.map((option, index) => {\n              const optionValueStr = String(option.value);\n              const isSelected = Array.isArray(value) ? value.map(String).includes(optionValueStr) : String(value) === optionValueStr;\n              const isDefaultSelected = Array.isArray(defaultValue)\n                ? defaultValue.map(String).includes(optionValueStr)\n                : String(defaultValue) === optionValueStr;\n              const iconClassName = resolveIconClassName(option.icon);\n              const inputId = `${selectId}-${toIdSafe(optionValueStr)}-${index}`;\n\n              return (\n                <label\n                  key={`${optionValueStr}-${index}`}\n                  htmlFor={inputId}\n                  className={twMerge(\n                    'relative flex cursor-pointer select-none items-center gap-2 px-4 py-2 text-sm text-gray-900 hover:bg-gray-50 dark:text-gray-100 dark:hover:bg-slate-700',\n                    option.disabled && 'cursor-not-allowed opacity-50'\n                  )}\n                >\n                  <input\n                    type={multiple ? 'checkbox' : 'radio'}\n                    id={inputId}\n                    name={inputName}\n                    value={option.value}\n                    disabled={option.disabled || disabled}\n                    checked={value !== undefined ? isSelected : undefined}\n                    defaultChecked={defaultValue !== undefined ? isDefaultSelected : undefined}\n                    onChange={handleOptionChange}\n                    onBlur={onBlur}\n                    ref={ref}\n                    required={required && !multiple}\n                    className='peer sr-only'\n                  />\n                  {iconClassName && <i className={twMerge(iconClassName, 'text-lg text-gray-500 peer-checked:text-primary dark:text-gray-400')} />}\n                  <span className='flex-1 truncate peer-checked:font-medium peer-checked:text-primary'>{option.label}</span>\n                  <i className='mdi mdi-check invisible ml-auto text-primary peer-checked:visible' />\n                </label>\n              );\n            })}\n          </div>\n        </details>\n\n        {label && (\n          <label\n            className={twMerge('absolute left-3 -top-1.5 text-xs bg-white px-1 text-gray-500 transition-all dark:bg-slate-900 dark:text-gray-400')}\n          >\n            {label}\n          </label>\n        )}\n      </div>\n      {helperText && <p className={twMerge('mt-1 text-xs text-gray-500', error && 'text-red-500')}>{helperText}</p>}\n    </div>\n  );\n});\n\nSelect.displayName = 'Select';\n\nexport default Select;\n"]}

package/dist/{chunk-P3ESW6KM.js → chunk-OBGYXMZ3.js}

@@ -1,7 +1,7 @@
 import { iconBaseClasses } from './chunk-IEILIKS2.js';
 import React from 'react';
 import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/Form/Input/states.input.ts
 var resolveIconClassName = (icon) => {
@@ -40,6 +40,8 @@ var Input = React.forwardRef(
     className,
     wrapperClassName,
     label,
+    prefix,
+    suffix,
     ...props
   }, ref) => {
     const { placeholder, onFocus, onBlur, ...inputProps } = props;
@@ -60,19 +62,51 @@ var Input = React.forwardRef(
       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 dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20"
     };
     const sizeClasses = {
-      "x-small": { paddingNoIcon: "px-2 py-2", paddingWithIcon: "pl-8 pr-2 py-2", text: "text-xs" },
+      "x-small": {
+        paddingY: "py-2",
+        paddingLeft: "pl-2",
+        paddingRight: "pr-2",
+        paddingLeftLeading: "pl-8",
+        paddingLeftLeadingDouble: "pl-12",
+        paddingRightTrailing: "pr-8",
+        text: "text-xs"
+      },
       small: {
-        paddingNoIcon: "px-2.5 py-2.5",
-        paddingWithIcon: "pl-9 pr-2.5 py-2.5",
+        paddingY: "py-2.5",
+        paddingLeft: "pl-2.5",
+        paddingRight: "pr-2.5",
+        paddingLeftLeading: "pl-9",
+        paddingLeftLeadingDouble: "pl-12",
+        paddingRightTrailing: "pr-9",
         text: "text-sm"
       },
-      medium: { paddingNoIcon: "px-3 py-3", paddingWithIcon: "pl-10 pr-3 py-3", text: "text-base" },
+      medium: {
+        paddingY: "py-3",
+        paddingLeft: "pl-3",
+        paddingRight: "pr-3",
+        paddingLeftLeading: "pl-10",
+        paddingLeftLeadingDouble: "pl-14",
+        paddingRightTrailing: "pr-10",
+        text: "text-base"
+      },
       large: {
-        paddingNoIcon: "px-3.5 py-3.5",
-        paddingWithIcon: "pl-11 pr-3.5 py-3.5",
+        paddingY: "py-3.5",
+        paddingLeft: "pl-3.5",
+        paddingRight: "pr-3.5",
+        paddingLeftLeading: "pl-11",
+        paddingLeftLeadingDouble: "pl-14",
+        paddingRightTrailing: "pr-11",
         text: "text-lg"
       },
-      "x-large": { paddingNoIcon: "px-4 py-4", paddingWithIcon: "pl-12 pr-4 py-4", text: "text-xl" }
+      "x-large": {
+        paddingY: "py-4",
+        paddingLeft: "pl-4",
+        paddingRight: "pr-4",
+        paddingLeftLeading: "pl-12",
+        paddingLeftLeadingDouble: "pl-16",
+        paddingRightTrailing: "pr-12",
+        text: "text-xl"
+      }
     };
     const status = error ? { tone: "error", message: error } : warn ? { tone: "warn", message: warn } : success ? { tone: "success", message: success } : void 0;
     const statusClasses = {
@@ -88,16 +122,23 @@ var Input = React.forwardRef(
     const variantClass = variantClasses[variant] ?? variantClasses.outline;
     const toneClass = status ? statusClasses[status.tone] : void 0;
     let prependIconClass = resolveIconClassName(icon);
+    const hasPrefix = typeof prefix === "string" ? prefix.trim().length > 0 : Boolean(prefix);
+    const hasSuffix = typeof suffix === "string" ? suffix.trim().length > 0 : Boolean(suffix);
+    const hasLeadingIcon = Boolean(prependIconClass);
+    const hasLeadingAdornment = hasLeadingIcon || hasPrefix;
+    const hasTrailingAdornment = hasSuffix;
     const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
-    const sizeClass = [
-      prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,
-      sizeConfig.text
-    ].join(" ");
+    const leftPaddingClass = hasPrefix ? sizeConfig.paddingLeftLeadingDouble : hasLeadingAdornment ? sizeConfig.paddingLeftLeading : sizeConfig.paddingLeft;
+    const rightPaddingClass = hasTrailingAdornment ? sizeConfig.paddingRightTrailing : sizeConfig.paddingRight;
+    const sizeClass = [sizeConfig.paddingY, leftPaddingClass, rightPaddingClass, sizeConfig.text].join(" ");
     const inputName = inputProps.name || reactId;
     const basePlaceholder = placeholder ?? (hasLabel ? " " : void 0);
     const placeholderValue = hidePlaceholderUntilFocus ? isFocused ? placeholder : " " : basePlaceholder;
     const placeholderClass = hidePlaceholderUntilFocus ? "placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400" : void 0;
-    const labelLeftClass = prependIconClass ? "left-10" : "left-3";
+    const labelLeftClass = hasLeadingAdornment ? "left-10" : "left-3";
+    const labelFocusLeftClass = hasLeadingAdornment ? "peer-focus:left-10" : "peer-focus:left-3";
+    const renderPrefix = hasPrefix ? typeof prefix === "string" ? /* @__PURE__ */ jsx("span", { className: twMerge("text-gray-500 dark:text-gray-400", sizeConfig.text), children: prefix }) : prefix : null;
+    const renderSuffix = hasSuffix ? typeof suffix === "string" ? /* @__PURE__ */ jsx("span", { className: twMerge("text-gray-500 dark:text-gray-400", sizeConfig.text), children: suffix }) : suffix : null;
     const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
     const handleFocus = (event) => {
       if (hidePlaceholderUntilFocus) setIsFocused(true);
@@ -109,17 +150,20 @@ var Input = React.forwardRef(
     };
     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 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400",
-              status?.tone && statusMessageClasses[status?.tone] || "",
-              prependIconClass
-            ),
-            "aria-hidden": true
-          }
-        ),
+        hasLeadingAdornment && /* @__PURE__ */ jsxs("span", { className: "absolute left-3 inset-y-0 flex items-center gap-2", children: [
+          prependIconClass && /* @__PURE__ */ jsx(
+            "i",
+            {
+              className: twMerge(
+                "text-gray-500 dark:text-gray-400",
+                status?.tone && statusMessageClasses[status?.tone] || "",
+                prependIconClass
+              ),
+              "aria-hidden": true
+            }
+          ),
+          renderPrefix
+        ] }),
         /* @__PURE__ */ jsx(
           "input",
           {
@@ -149,16 +193,18 @@ var Input = React.forwardRef(
               "absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200",
               labelLeftClass,
               // Floated state: center label's vertical middle on the top border line
-              "-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1",
+              "-top-1.5 -translate-y-2/3 text-xs px-1",
               labelBgDefault,
               // focus state mirrors floated state (keeps center on border)
+              labelFocusLeftClass,
               "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
               // when input is empty (placeholder shown) -> center label inside input
               "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
             ),
             children: label
           }
-        )
+        ),
+        hasTrailingAdornment && /* @__PURE__ */ jsx("span", { className: "absolute right-3 inset-y-0 flex items-center", children: renderSuffix })
       ] }),
       status?.message && /* @__PURE__ */ jsx("span", { className: twMerge("text-sm", statusMessageClasses[status.tone]), children: status.message })
     ] });
@@ -168,5 +214,5 @@ Input.displayName = "Input";
 var Input_default = Input;
 
 export { Input_default };
-//# sourceMappingURL=chunk-P3ESW6KM.js.map
-//# sourceMappingURL=chunk-P3ESW6KM.js.map
+//# sourceMappingURL=chunk-OBGYXMZ3.js.map
+//# sourceMappingURL=chunk-OBGYXMZ3.js.map

package/dist/chunk-OBGYXMZ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName"],"mappings":"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","file":"chunk-OBGYXMZ3.js","sourcesContent":["import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProp>(\n  (\n    {\n      variant = 'outline',\n      size = 'medium',\n      success,\n      error,\n      warn,\n      icon,\n      className,\n      wrapperClassName,\n      label,\n      prefix,\n      suffix,\n      ...props\n    },\n    ref\n  ) => {\n    const { placeholder, onFocus, onBlur, ...inputProps } = props;\n    const reactId = React.useId();\n    const hasLabel = Boolean(label);\n    const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n    const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n    const [isFocused, setIsFocused] = React.useState(false);\n    const classBase =\n      'input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n    const variantClasses = {\n      solid:\n        'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n      sharp:\n        'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n      outline:\n        'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n      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 dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n      ghost:\n        '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 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n      filled:\n        'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n      underlined:\n        '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 dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n      rounded:\n        '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 dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n    } satisfies Record<InputVariant, string>;\n    const sizeClasses = {\n      'x-small': {\n        paddingY: 'py-2',\n        paddingLeft: 'pl-2',\n        paddingRight: 'pr-2',\n        paddingLeftLeading: 'pl-8',\n        paddingLeftLeadingDouble: 'pl-12',\n        paddingRightTrailing: 'pr-8',\n        text: 'text-xs'\n      },\n      small: {\n        paddingY: 'py-2.5',\n        paddingLeft: 'pl-2.5',\n        paddingRight: 'pr-2.5',\n        paddingLeftLeading: 'pl-9',\n        paddingLeftLeadingDouble: 'pl-12',\n        paddingRightTrailing: 'pr-9',\n        text: 'text-sm'\n      },\n      medium: {\n        paddingY: 'py-3',\n        paddingLeft: 'pl-3',\n        paddingRight: 'pr-3',\n        paddingLeftLeading: 'pl-10',\n        paddingLeftLeadingDouble: 'pl-14',\n        paddingRightTrailing: 'pr-10',\n        text: 'text-base'\n      },\n      large: {\n        paddingY: 'py-3.5',\n        paddingLeft: 'pl-3.5',\n        paddingRight: 'pr-3.5',\n        paddingLeftLeading: 'pl-11',\n        paddingLeftLeadingDouble: 'pl-14',\n        paddingRightTrailing: 'pr-11',\n        text: 'text-lg'\n      },\n      'x-large': {\n        paddingY: 'py-4',\n        paddingLeft: 'pl-4',\n        paddingRight: 'pr-4',\n        paddingLeftLeading: 'pl-12',\n        paddingLeftLeadingDouble: 'pl-16',\n        paddingRightTrailing: 'pr-12',\n        text: 'text-xl'\n      }\n    } satisfies Record<\n      InputSize,\n      {\n        paddingY: string;\n        paddingLeft: string;\n        paddingRight: string;\n        paddingLeftLeading: string;\n        paddingLeftLeadingDouble: string;\n        paddingRightTrailing: string;\n        text: string;\n      }\n    >;\n\n    const status = error\n      ? { tone: 'error' as const, message: error }\n      : warn\n      ? { tone: 'warn' as const, message: warn }\n      : success\n      ? { tone: 'success' as const, message: success }\n      : undefined;\n\n    const statusClasses = {\n      error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n      warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n      success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n    } as const;\n\n    const statusMessageClasses = {\n      error: 'text-red-600 dark:text-red-300',\n      warn: 'text-amber-600 dark:text-amber-300',\n      success: 'text-emerald-600 dark:text-emerald-300'\n    } as const;\n\n    const variantClass = variantClasses[variant] ?? variantClasses.outline;\n    const toneClass = status ? statusClasses[status.tone] : undefined;\n    let prependIconClass = resolveIconClassName(icon);\n    const hasPrefix = typeof prefix === 'string' ? prefix.trim().length > 0 : Boolean(prefix);\n    const hasSuffix = typeof suffix === 'string' ? suffix.trim().length > 0 : Boolean(suffix);\n    const hasLeadingIcon = Boolean(prependIconClass);\n    const hasLeadingAdornment = hasLeadingIcon || hasPrefix;\n    const hasTrailingAdornment = hasSuffix;\n    const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n    const leftPaddingClass =\n      hasPrefix\n        ? sizeConfig.paddingLeftLeadingDouble\n        : hasLeadingAdornment\n        ? sizeConfig.paddingLeftLeading\n        : sizeConfig.paddingLeft;\n    const rightPaddingClass = hasTrailingAdornment\n      ? sizeConfig.paddingRightTrailing\n      : sizeConfig.paddingRight;\n    const sizeClass = [sizeConfig.paddingY, leftPaddingClass, rightPaddingClass, sizeConfig.text].join(' ');\n\n    // useId keeps SSR/CSR ids consistent while still providing a fallback name\n    const inputName = inputProps.name || reactId;\n\n    // Ensure placeholder is present when label exists so :placeholder-shown works.\n    // Label stays primary; placeholder only appears on focus when the field is empty.\n    const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n    const placeholderValue = hidePlaceholderUntilFocus\n      ? isFocused\n        ? placeholder\n        : ' '\n      : basePlaceholder;\n    const placeholderClass = hidePlaceholderUntilFocus\n      ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n      : undefined;\n\n    // Label left offset depends on leading adornments\n    const labelLeftClass = hasLeadingAdornment ? 'left-10' : 'left-3';\n    const labelFocusLeftClass = hasLeadingAdornment ? 'peer-focus:left-10' : 'peer-focus:left-3';\n\n    const renderPrefix = hasPrefix\n      ? typeof prefix === 'string'\n        ? (\n            <span className={twMerge('text-gray-500 dark:text-gray-400', sizeConfig.text)}>\n              {prefix}\n            </span>\n          )\n        : (\n            prefix\n          )\n      : null;\n    const renderSuffix = hasSuffix\n      ? typeof suffix === 'string'\n        ? (\n            <span className={twMerge('text-gray-500 dark:text-gray-400', sizeConfig.text)}>\n              {suffix}\n            </span>\n          )\n        : (\n            suffix\n          )\n      : null;\n\n    // Background for floated label — keep transparent for outline/text/underlined variants\n    const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n      ? 'bg-transparent'\n      : 'bg-white/90 dark:bg-slate-900';\n\n    const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n      if (hidePlaceholderUntilFocus) setIsFocused(true);\n      onFocus?.(event);\n    };\n\n    const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n      if (hidePlaceholderUntilFocus) setIsFocused(false);\n      onBlur?.(event);\n    };\n\n    return (\n      <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n        <div className='relative flex items-center'>\n          {hasLeadingAdornment && (\n            <span className='absolute left-3 inset-y-0 flex items-center gap-2'>\n              {prependIconClass && (\n                <i\n                  className={twMerge(\n                    'text-gray-500 dark:text-gray-400',\n                    (status?.tone && statusMessageClasses[status?.tone]) || '',\n                    prependIconClass\n                  )}\n                  aria-hidden\n                />\n              )}\n              {renderPrefix}\n            </span>\n          )}\n\n          {/* input is peer so label can react with peer-* utilities */}\n          <input\n            {...inputProps}\n            ref={ref}\n            id={inputName}\n            name={inputName}\n            placeholder={placeholderValue}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            className={twMerge(\n              'peer',\n              classBase,\n              variantClass,\n              toneClass,\n              sizeClass,\n              placeholderClass,\n              className\n            )}\n          />\n\n          {label && (\n            <label\n              htmlFor={inputName}\n              className={twMerge(\n                'absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200',\n                labelLeftClass,\n                // Floated state: center label's vertical middle on the top border line\n                '-top-1.5 -translate-y-2/3 text-xs px-1',\n                labelBgDefault,\n                // focus state mirrors floated state (keeps center on border)\n                labelFocusLeftClass,\n                'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n                // when input is empty (placeholder shown) -> center label inside input\n                'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n              )}\n            >\n              {label}\n            </label>\n          )}\n\n          {hasTrailingAdornment && (\n            <span className='absolute right-3 inset-y-0 flex items-center'>\n              {renderSuffix}\n            </span>\n          )}\n\n          {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n        </div>\n        {status?.message && (\n          <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n            {status.message}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"]}

package/dist/{chunk-HJFHZNOV.js → chunk-PSMGRUU5.js}

@@ -1,7 +1,4 @@
 import { iconBaseClasses } from './chunk-IEILIKS2.js';
-import { forwardRef } from 'react';
-import { twMerge } from 'tailwind-merge';
-import { jsxs, jsx } from 'react/jsx-runtime';
 
 // 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";
@@ -118,117 +115,7 @@ var resolveIconClassName = (icon) => {
   const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
   return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
 };
-var chipSizeClasses = {
-  "x-small": "h-5 text-[0.65rem] px-1.5",
-  small: "h-6 text-xs px-2",
-  medium: "h-7 text-sm px-2.5",
-  large: "h-8 text-sm px-3",
-  "x-large": "h-9 text-base px-3.5"
-};
-var Chip = forwardRef(
-  ({
-    variant = "solid",
-    color = "primary",
-    interactive = false,
-    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 isInteractive = interactive || typeof onClick === "function";
-    const variantClass = resolveVariantClass(variant, color);
-    const sizeClass = chipSizeClasses[size] ?? chipSizeClasses.medium;
-    const pillClass = pill ? "rounded-full" : "rounded-lg";
-    const cursorClass = disabled ? "pointer-events-none opacity-50" : isInteractive ? "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 ?? (isInteractive ? "button" : void 0);
-    const resolvedTabIndex = disabled ? -1 : tabIndex ?? (isInteractive ? 0 : void 0);
-    const prependIconClassName = resolveIconClassName(prependIcon);
-    const appendIconClassName = resolveIconClassName(appendIcon);
-    const closeIconClassName = resolveIconClassName(closeIcon);
-    const filterIconClassName = filter && selected ? resolveIconClassName(filterIcon) : void 0;
-    const handleClick = (event) => {
-      if (disabled) {
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      onClick?.(event);
-    };
-    const handleKeyDown = (event) => {
-      onKeyDown?.(event);
-      if (event.defaultPrevented || disabled || !isInteractive) {
-        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: isInteractive ? handleClick : void 0,
-        onKeyDown: isInteractive ? handleKeyDown : onKeyDown,
-        children: [
-          filterAdornment,
-          prependIconClassName && /* @__PURE__ */ jsx("i", { className: twMerge("text-[1.125em] leading-none", prependIconClassName), "aria-hidden": true }),
-          renderableChildren,
-          appendIconClassName && /* @__PURE__ */ jsx("i", { className: twMerge("text-[1.125em] 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;
 
-export { Chip_default };
-//# sourceMappingURL=chunk-HJFHZNOV.js.map
-//# sourceMappingURL=chunk-HJFHZNOV.js.map
+export { chipBaseClasses, closeButtonClasses, resolveIconClassName, resolveVariantClass };
+//# sourceMappingURL=chunk-PSMGRUU5.js.map
+//# sourceMappingURL=chunk-PSMGRUU5.js.map

package/dist/chunk-PSMGRUU5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Containment/Chip/states.chip.ts"],"names":["normalized"],"mappings":"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","file":"chunk-PSMGRUU5.js","sourcesContent":["import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { Palette, PropIcon } from '@lindle/linoardo/global.types';\nimport { ChipSize, ChipVariant } from './types.chip';\n\nexport const chipBaseClasses =\n  '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';\n\nexport const chipSizeClasses: Record<ChipSize, string> = {\n  small: 'text-xs px-3 py-1 min-h-[1.5rem]',\n  medium: 'text-sm px-4 py-1.5 min-h-[2rem]',\n  large: 'text-base px-5 py-2 min-h-[2.5rem]'\n};\n\nexport const closeButtonClasses =\n  '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';\n\nconst blackAndWhitePaletteClasses = {\n  solid: 'bg-black text-white border border-black hover:bg-black/90 focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  outline:\n    'bg-white text-black border-2 border-black hover:bg-black hover:text-white focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  ghost:\n    'bg-neutral-200 text-black border border-transparent hover:bg-neutral-300 focus-visible:ring-black/20',\n  text:\n    'bg-transparent text-black border border-transparent hover:bg-neutral-200 focus-visible:ring-black/20',\n  filled:\n    'bg-black/10 text-black border border-black/30 hover:bg-black/20 focus-visible:ring-black/20',\n  underlined:\n    'bg-transparent text-black border-0 border-b-2 border-black px-0 rounded-none hover:text-black/80 focus-visible:ring-black/20',\n  rounded:\n    'rounded-full bg-white text-black border-2 border-black hover:bg-black hover:text-white focus-visible:ring-black/40 focus-visible:ring-offset-white',\n  sharp:\n    'rounded-none bg-black text-white border border-black hover:bg-black/90 focus-visible:ring-black/40 focus-visible:ring-offset-white'\n} satisfies Record<ChipVariant, string>;\n\nconst paletteVariantClasses: Record<Palette, Record<ChipVariant, string>> = {\n  primary: {\n    solid: 'bg-primary text-white border border-primary hover:bg-primary/90',\n    sharp: 'rounded-none bg-primary text-white border border-primary hover:bg-primary/90',\n    outline: 'bg-transparent text-primary border border-primary hover:bg-primary/10',\n    ghost: 'bg-primary/15 text-primary border border-transparent hover:bg-primary/25',\n    text: 'bg-transparent text-primary border border-transparent hover:text-primary/80',\n    filled: 'bg-primary/10 text-primary border border-primary/30 hover:bg-primary/20',\n    underlined: 'bg-transparent text-primary border-0 border-b-2 border-primary px-0 rounded-none hover:text-primary/80',\n    rounded: 'bg-white text-primary border border-primary/40 shadow-sm hover:bg-primary/5'\n  },\n  neutral: {\n    solid: 'bg-gray-900 text-white border border-gray-900 hover:bg-gray-800',\n    sharp: 'rounded-none bg-gray-900 text-white border border-gray-900 hover:bg-gray-800',\n    outline: 'bg-transparent text-gray-900 border border-gray-500 hover:bg-gray-100',\n    ghost: 'bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200',\n    text: 'bg-transparent text-gray-900 border border-transparent hover:text-gray-700',\n    filled: 'bg-gray-200 text-gray-900 border border-gray-300 hover:bg-gray-300',\n    underlined: 'bg-transparent text-gray-900 border-0 border-b-2 border-gray-500 px-0 rounded-none hover:text-gray-700',\n    rounded: 'bg-white text-gray-900 border border-gray-300 shadow-sm hover:bg-gray-100'\n  },\n  info: {\n    solid: 'bg-sky-500 text-white border border-sky-500 hover:bg-sky-600',\n    sharp: 'rounded-none bg-sky-500 text-white border border-sky-500 hover:bg-sky-600',\n    outline: 'bg-transparent text-sky-600 border border-sky-500 hover:bg-sky-50',\n    ghost: 'bg-sky-100 text-sky-700 border border-transparent hover:bg-sky-200',\n    text: 'bg-transparent text-sky-600 border border-transparent hover:text-sky-700',\n    filled: 'bg-sky-100 text-sky-700 border border-sky-200 hover:bg-sky-200',\n    underlined: 'bg-transparent text-sky-600 border-0 border-b-2 border-sky-500 px-0 rounded-none hover:text-sky-700',\n    rounded: 'bg-white text-sky-700 border border-sky-200 shadow-sm hover:bg-sky-50'\n  },\n  success: {\n    solid: 'bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600',\n    sharp: 'rounded-none bg-emerald-500 text-white border border-emerald-500 hover:bg-emerald-600',\n    outline: 'bg-transparent text-emerald-600 border border-emerald-500 hover:bg-emerald-50',\n    ghost: 'bg-emerald-100 text-emerald-700 border border-transparent hover:bg-emerald-200',\n    text: 'bg-transparent text-emerald-600 border border-transparent hover:text-emerald-700',\n    filled: 'bg-emerald-100 text-emerald-700 border border-emerald-200 hover:bg-emerald-200',\n    underlined:\n      'bg-transparent text-emerald-600 border-0 border-b-2 border-emerald-500 px-0 rounded-none hover:text-emerald-700',\n    rounded: 'bg-white text-emerald-700 border border-emerald-200 shadow-sm hover:bg-emerald-50'\n  },\n  warning: {\n    solid: 'bg-amber-500 text-white border border-amber-500 hover:bg-amber-600',\n    sharp: 'rounded-none bg-amber-500 text-white border border-amber-500 hover:bg-amber-600',\n    outline: 'bg-transparent text-amber-700 border border-amber-500 hover:bg-amber-50',\n    ghost: 'bg-amber-100 text-amber-800 border border-transparent hover:bg-amber-200',\n    text: 'bg-transparent text-amber-700 border border-transparent hover:text-amber-800',\n    filled: 'bg-amber-100 text-amber-800 border border-amber-200 hover:bg-amber-200',\n    underlined:\n      'bg-transparent text-amber-700 border-0 border-b-2 border-amber-500 px-0 rounded-none hover:text-amber-800',\n    rounded: 'bg-white text-amber-700 border border-amber-200 shadow-sm hover:bg-amber-50'\n  },\n  danger: {\n    solid: 'bg-red-500 text-white border border-red-500 hover:bg-red-600',\n    sharp: 'rounded-none bg-red-500 text-white border border-red-500 hover:bg-red-600',\n    outline: 'bg-transparent text-red-600 border border-red-500 hover:bg-red-50',\n    ghost: 'bg-red-100 text-red-700 border border-transparent hover:bg-red-200',\n    text: 'bg-transparent text-red-600 border border-transparent hover:text-red-700',\n    filled: 'bg-red-100 text-red-700 border border-red-200 hover:bg-red-200',\n    underlined: 'bg-transparent text-red-600 border-0 border-b-2 border-red-500 px-0 rounded-none hover:text-red-700',\n    rounded: 'bg-white text-red-600 border border-red-200 shadow-sm hover:bg-red-50'\n  },\n  surface: {\n    solid: 'bg-white text-gray-900 border border-gray-200 hover:bg-gray-50',\n    sharp: 'rounded-none bg-white text-gray-900 border border-gray-200 hover:bg-gray-50',\n    outline: 'bg-transparent text-gray-900 border border-gray-300 hover:bg-gray-50',\n    ghost: 'bg-gray-100 text-gray-900 border border-transparent hover:bg-gray-200',\n    text: 'bg-transparent text-gray-900 border border-transparent hover:text-gray-600',\n    filled: 'bg-gray-50 text-gray-900 border border-gray-200 hover:bg-white',\n    underlined: 'bg-transparent text-gray-900 border-0 border-b-2 border-gray-400 px-0 rounded-none hover:text-gray-600',\n    rounded: 'bg-white text-gray-900 border border-gray-200 shadow-sm hover:bg-gray-50'\n  },\n  bw: blackAndWhitePaletteClasses\n};\n\nexport const resolveVariantClass = (variant: ChipVariant, palette: Palette) => {\n  const variants = paletteVariantClasses[palette] ?? paletteVariantClasses.primary;\n  return variants[variant] ?? variants.solid;\n};\n\nexport const resolveIconClassName = (icon?: PropIcon) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalized = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalized].join(' ');\n  }\n\n  const [library, providedName] = icon;\n  const normalizedLibrary = library.trim();\n  const baseClasses = iconBaseClasses[normalizedLibrary as keyof typeof iconBaseClasses] ?? [normalizedLibrary];\n  const iconName = providedName.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n\n  const normalized = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  return Array.from(new Set([...baseClasses, normalized])).join(' ');\n};\n"]}

package/dist/expansion-panel/item.d.cts

@@ -1,3 +1,3 @@
 import 'react';
-export { a as default } from '../ExpansionPanelItem-ufS2RIZf.cjs';
-import '../global.types-D-o85tuX.cjs';
+export { a as default } from '../ExpansionPanelItem-CEhDj2Uw.cjs';
+import '../global.types-gx9A7mUe.cjs';

package/dist/expansion-panel/item.d.ts

@@ -1,3 +1,3 @@
 import 'react';
-export { a as default } from '../ExpansionPanelItem-CFm8a8R_.js';
-import '../global.types-D-o85tuX.js';
+export { a as default } from '../ExpansionPanelItem-C4-2nlhq.js';
+import '../global.types-gx9A7mUe.js';

package/dist/expansion-panel.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { c as ExpansionPanelProps } from './ExpansionPanelItem-ufS2RIZf.cjs';
-export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-ufS2RIZf.cjs';
-import './global.types-D-o85tuX.cjs';
+import { c as ExpansionPanelProps } from './ExpansionPanelItem-CEhDj2Uw.cjs';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-CEhDj2Uw.cjs';
+import './global.types-gx9A7mUe.cjs';
 
 declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/expansion-panel.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { c as ExpansionPanelProps } from './ExpansionPanelItem-CFm8a8R_.js';
-export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-CFm8a8R_.js';
-import './global.types-D-o85tuX.js';
+import { c as ExpansionPanelProps } from './ExpansionPanelItem-C4-2nlhq.js';
+export { E as ExpansionPanelDensity, a as ExpansionPanelItem, b as ExpansionPanelItemProps, d as ExpansionPanelRounded, e as ExpansionPanelValue, f as ExpansionPanelVariant } from './ExpansionPanelItem-C4-2nlhq.js';
+import './global.types-gx9A7mUe.js';
 
 declare const ExpansionPanel: react.ForwardRefExoticComponent<ExpansionPanelProps & react.RefAttributes<HTMLDivElement>>;
 

package/dist/{global.types-D-o85tuX.d.cts → global.types-gx9A7mUe.d.cts}

@@ -5,4 +5,4 @@ type IconLibrary = 'mdi';
 type PropIcon = string | readonly [IconLibrary, string];
 type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 
-export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b, GlobalElevation as c };
+export type { GlobalSize as G, PropIcon as P, Palette as a, GlobalVariant as b, GlobalElevation as c };

package/dist/{global.types-D-o85tuX.d.ts → global.types-gx9A7mUe.d.ts}

@@ -5,4 +5,4 @@ type IconLibrary = 'mdi';
 type PropIcon = string | readonly [IconLibrary, string];
 type GlobalElevation = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 
-export type { GlobalVariant as G, Palette as P, GlobalSize as a, PropIcon as b, GlobalElevation as c };
+export type { GlobalSize as G, PropIcon as P, Palette as a, GlobalVariant as b, GlobalElevation as c };

package/dist/hero.d.cts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-D-o85tuX.cjs';
+import { b as GlobalVariant } from './global.types-gx9A7mUe.cjs';
 import * as react from 'react';
 
 type HeroAction = {

package/dist/hero.d.ts

@@ -1,4 +1,4 @@
-import { G as GlobalVariant } from './global.types-D-o85tuX.js';
+import { b as GlobalVariant } from './global.types-gx9A7mUe.js';
 import * as react from 'react';
 
 type HeroAction = {

package/dist/icon.d.cts

@@ -1,4 +1,4 @@
-import { a as GlobalSize, P as Palette } from './global.types-D-o85tuX.cjs';
+import { G as GlobalSize, a as Palette } from './global.types-gx9A7mUe.cjs';
 
 type IconGroup = 'mdi';
 type IconSet = [IconGroup, string];

package/dist/icon.d.ts

@@ -1,4 +1,4 @@
-import { a as GlobalSize, P as Palette } from './global.types-D-o85tuX.js';
+import { G as GlobalSize, a as Palette } from './global.types-gx9A7mUe.js';
 
 type IconGroup = 'mdi';
 type IconSet = [IconGroup, string];

package/dist/{index-B7xZzSwm.d.cts → index-BDrBOeFI.d.cts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette } from './global.types-D-o85tuX.cjs';
+import { b as GlobalVariant, a as Palette } from './global.types-gx9A7mUe.cjs';
 
 type ListVariant = GlobalVariant;
 type ListDensity = 'default' | 'comfortable' | 'compact';

package/dist/{index-BhfThlf0.d.ts → index-CNwl6vmH.d.ts}

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { G as GlobalVariant, P as Palette } from './global.types-D-o85tuX.js';
+import { b as GlobalVariant, a as Palette } from './global.types-gx9A7mUe.js';
 
 type ListVariant = GlobalVariant;
 type ListDensity = 'default' | 'comfortable' | 'compact';