@lindle/linoardo 1.0.37 → 1.0.39

package/dist/select.d.ts

@@ -1,28 +1,34 @@
 import react__default from 'react';
-import { a as GlobalSize } from './global.types-D-o85tuX.js';
+import { b as PropIcon, a as GlobalSize } from './global.types-D-o85tuX.js';
 import { a as InputVariant } from './types-CbQEphC3.js';
 
-type SelectOptionObject = {
-    label: react__default.ReactNode;
-    value: string;
+interface SelectOptionObject {
+    value: string | number;
+    label: string;
     disabled?: boolean;
-};
-type SelectOption = string | SelectOptionObject;
-type SelectProps = Omit<react__default.SelectHTMLAttributes<HTMLSelectElement>, 'children' | 'size'> & {
-    /**
-     * Options can be an array of strings or objects with label/value.
-     */
+    icon?: PropIcon;
+}
+type SelectOption = SelectOptionObject | string;
+interface SelectProps extends Omit<react__default.DetailsHTMLAttributes<HTMLDetailsElement>, 'onChange' | 'value' | 'defaultValue'> {
     options: SelectOption[];
-    label?: react__default.ReactNode;
+    label?: string;
     placeholder?: string;
-    wrapperClassName?: string;
     variant?: InputVariant;
     size?: GlobalSize;
-};
-
+    wrapperClassName?: string;
+    error?: boolean;
+    helperText?: string;
+    value?: string | number | readonly string[];
+    defaultValue?: string | number | readonly string[];
+    name?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    onChange?: react__default.ChangeEventHandler<HTMLInputElement>;
+}
 /**
- * Native select styled with the same visual variants as Input.
- * Accepts options as string[] or { label, value }[] for convenience.
+ * Custom styled Select component using <details> and radio/checkbox inputs.
+ * Supports icons and custom styling while remaining a Server Component (no hooks).
  */
 declare const Select: react__default.FC<SelectProps>;
 

package/dist/select.js

@@ -1,4 +1,5 @@
-export { Select_default as default } from './chunk-BZVDAMMY.js';
+export { Select_default as default } from './chunk-BDN4EDJQ.js';
 import './chunk-6SKW43XI.js';
+import './chunk-IEILIKS2.js';
 //# sourceMappingURL=select.js.map
 //# sourceMappingURL=select.js.map

package/dist/styles.css

@@ -283,6 +283,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .invisible {
+    visibility: hidden;
+  }
   .visible {
     visibility: visible;
   }
@@ -843,6 +846,9 @@
   .list-disc {
     list-style-type: disc;
   }
+  .list-none {
+    list-style-type: none;
+  }
   .appearance-none {
     appearance: none;
   }
@@ -1896,8 +1902,8 @@
   .text-\[0\.65rem\] {
     font-size: 0.65rem;
   }
-  .text-\[1em\] {
-    font-size: 1em;
+  .text-\[1\.125em\] {
+    font-size: 1.125em;
   }
   .text-\[15px\] {
     font-size: 15px;
@@ -2420,6 +2426,11 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-open\:rotate-180 {
+    &:is(:where(.group):is([open], :popover-open, :open) *) {
+      rotate: 180deg;
+    }
+  }
   .group-focus-within\/menu\:pointer-events-auto {
     &:is(:where(.group\/menu):focus-within *) {
       pointer-events: auto;
@@ -2504,6 +2515,11 @@
       }
     }
   }
+  .peer-checked\:visible {
+    &:is(:where(.peer):checked ~ *) {
+      visibility: visible;
+    }
+  }
   .peer-checked\:block {
     &:is(:where(.peer):checked ~ *) {
       display: block;
@@ -2514,6 +2530,17 @@
       display: none;
     }
   }
+  .peer-checked\:font-medium {
+    &:is(:where(.peer):checked ~ *) {
+      --tw-font-weight: var(--font-weight-medium);
+      font-weight: var(--font-weight-medium);
+    }
+  }
+  .peer-checked\:text-primary {
+    &:is(:where(.peer):checked ~ *) {
+      color: var(--color-primary);
+    }
+  }
   .peer-checked\/advanced\:flex {
     &:is(:where(.peer\/advanced):checked ~ *) {
       display: flex;
@@ -3256,6 +3283,11 @@
       border-color: var(--color-primary);
     }
   }
+  .focus-visible\:border-red-500 {
+    &:focus-visible {
+      border-color: var(--color-red-500);
+    }
+  }
   .focus-visible\:bg-white {
     &:focus-visible {
       background-color: var(--color-white);
@@ -3423,6 +3455,11 @@
       --tw-ring-color: var(--color-red-400);
     }
   }
+  .focus-visible\:ring-red-500 {
+    &:focus-visible {
+      --tw-ring-color: var(--color-red-500);
+    }
+  }
   .focus-visible\:ring-sky-200 {
     &:focus-visible {
       --tw-ring-color: var(--color-sky-200);
@@ -3644,6 +3681,13 @@
       padding-block: calc(var(--spacing) * 24);
     }
   }
+  .dark\:divide-gray-800 {
+    &:is(.dark &) {
+      :where(& > :not(:last-child)) {
+        border-color: var(--color-gray-800);
+      }
+    }
+  }
   .dark\:border-black {
     &:is(.dark &) {
       border-color: var(--color-black);
@@ -3664,6 +3708,11 @@
       border-color: var(--color-gray-800);
     }
   }
+  .dark\:border-slate-700 {
+    &:is(.dark &) {
+      border-color: var(--color-slate-700);
+    }
+  }
   .dark\:border-slate-800 {
     &:is(.dark &) {
       border-color: var(--color-slate-800);
@@ -3698,6 +3747,11 @@
       }
     }
   }
+  .dark\:border-b-gray-300 {
+    &:is(.dark &) {
+      border-bottom-color: var(--color-gray-300);
+    }
+  }
   .dark\:border-b-gray-600 {
     &:is(.dark &) {
       border-bottom-color: var(--color-gray-600);
@@ -3713,11 +3767,53 @@
       border-bottom-color: var(--color-slate-700);
     }
   }
+  .dark\:bg-amber-500\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent);
+      }
+    }
+  }
+  .dark\:bg-emerald-500\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
+      }
+    }
+  }
+  .dark\:bg-gray-100 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-100);
+    }
+  }
   .dark\:bg-gray-800 {
     &:is(.dark &) {
       background-color: var(--color-gray-800);
     }
   }
+  .dark\:bg-gray-900 {
+    &:is(.dark &) {
+      background-color: var(--color-gray-900);
+    }
+  }
+  .dark\:bg-gray-900\/60 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 60%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-900) 60%, transparent);
+      }
+    }
+  }
+  .dark\:bg-gray-900\/70 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 70%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-gray-900) 70%, transparent);
+      }
+    }
+  }
   .dark\:bg-gray-900\/95 {
     &:is(.dark &) {
       background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 95%, transparent);
@@ -3726,6 +3822,30 @@
       }
     }
   }
+  .dark\:bg-primary\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(0.62 0.13 250) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-primary) 15%, transparent);
+      }
+    }
+  }
+  .dark\:bg-red-500\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
+      }
+    }
+  }
+  .dark\:bg-sky-500\/15 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, oklch(68.5% 0.169 237.323) 15%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent);
+      }
+    }
+  }
   .dark\:bg-slate-800 {
     &:is(.dark &) {
       background-color: var(--color-slate-800);
@@ -3770,6 +3890,14 @@
       background-color: transparent;
     }
   }
+  .dark\:bg-white\/10 {
+    &:is(.dark &) {
+      background-color: color-mix(in srgb, #fff 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+      }
+    }
+  }
   .dark\:from-amber-300\/30 {
     &:is(.dark &) {
       --tw-gradient-from: color-mix(in srgb, oklch(87.9% 0.169 91.605) 30%, transparent);
@@ -3884,6 +4012,11 @@
       color: var(--color-amber-300);
     }
   }
+  .dark\:text-amber-400 {
+    &:is(.dark &) {
+      color: var(--color-amber-400);
+    }
+  }
   .dark\:text-emerald-300 {
     &:is(.dark &) {
       color: var(--color-emerald-300);
@@ -3919,11 +4052,26 @@
       color: var(--color-gray-400);
     }
   }
+  .dark\:text-primary {
+    &:is(.dark &) {
+      color: var(--color-primary);
+    }
+  }
   .dark\:text-red-300 {
     &:is(.dark &) {
       color: var(--color-red-300);
     }
   }
+  .dark\:text-red-400 {
+    &:is(.dark &) {
+      color: var(--color-red-400);
+    }
+  }
+  .dark\:text-sky-400 {
+    &:is(.dark &) {
+      color: var(--color-sky-400);
+    }
+  }
   .dark\:text-slate-50 {
     &:is(.dark &) {
       color: var(--color-slate-50);
@@ -4067,6 +4215,18 @@
       }
     }
   }
+  .dark\:hover\:bg-white\/5 {
+    &:is(.dark &) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: color-mix(in srgb, #fff 5%, transparent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:text-white {
     &:is(.dark &) {
       &:hover {
@@ -4159,6 +4319,13 @@
       }
     }
   }
+  .dark\:focus-visible\:ring-offset-gray-900 {
+    &:is(.dark &) {
+      &:focus-visible {
+        --tw-ring-offset-color: var(--color-gray-900);
+      }
+    }
+  }
   .dark\:focus-visible\:ring-offset-slate-900 {
     &:is(.dark &) {
       &:focus-visible {
@@ -4285,6 +4452,11 @@
       padding-left: calc(var(--spacing) * 5);
     }
   }
+  .\[\&\:\:-webkit-details-marker\]\:hidden {
+    &::-webkit-details-marker {
+      display: none;
+    }
+  }
 }
 @font-face {
   font-family: "Material Design Icons";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lindle/linoardo",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "",
   "keywords": [],
   "author": "",

package/readme.md

@@ -1,3 +1,7 @@
+## instructions for codex
+
+All components are server components, if possible. If not, mark file as "use client" Components working with forms must be compatible with react-hook-form.
+
 # Linoardo
 
 Linoardo is a React UI component library. It is built on Tailwind CSS, includes core building blocks (Button, Input, Menu, Dialog, etc.), and lets you easily override the color palette via CSS variables.

package/dist/chunk-5WQW6YSJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Containment/List/Item/index.tsx"],"names":[],"mappings":"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","file":"chunk-5WQW6YSJ.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nimport type { ListDensity, ListLines } from '../types.list';\n\nconst listItemBaseClasses =\n  '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';\n\nconst densityClasses: Record<ListDensity, string> = {\n  default: 'px-4 py-3 text-base',\n  comfortable: 'px-4 py-2.5 text-sm',\n  compact: 'px-3 py-2 text-sm'\n};\n\nconst lineClasses: Record<ListLines, string> = {\n  one: 'min-h-[3rem]',\n  two: 'min-h-[3.75rem]',\n  three: 'min-h-[4.5rem]'\n};\n\nconst accentClasses: Record<Palette, { text: string; bg: string; indicator: string }> = {\n  primary: { text: 'text-primary', bg: 'bg-primary/10', indicator: 'bg-primary' },\n  neutral: { text: 'text-gray-900', bg: 'bg-gray-100', indicator: 'bg-gray-900' },\n  info: { text: 'text-sky-600', bg: 'bg-sky-50', indicator: 'bg-sky-500' },\n  success: { text: 'text-emerald-600', bg: 'bg-emerald-50', indicator: 'bg-emerald-500' },\n  warning: { text: 'text-amber-700', bg: 'bg-amber-50', indicator: 'bg-amber-500' },\n  danger: { text: 'text-red-600', bg: 'bg-red-50', indicator: 'bg-red-500' },\n  surface: { text: 'text-gray-900', bg: 'bg-gray-100', indicator: 'bg-gray-900' },\n  bw: { text: 'text-gray-900', bg: 'bg-gray-100', indicator: 'bg-gray-900' }\n};\n\nexport interface ListItemProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {\n  component?: React.ElementType;\n  href?: string;\n  target?: string;\n  rel?: string;\n  type?: 'button' | 'submit' | 'reset';\n  title?: React.ReactNode;\n  subtitle?: React.ReactNode;\n  overline?: React.ReactNode;\n  prepend?: React.ReactNode;\n  append?: React.ReactNode;\n  active?: boolean;\n  disabled?: boolean;\n  inset?: boolean;\n  density?: ListDensity;\n  lines?: ListLines;\n  nav?: boolean;\n  divided?: boolean;\n  color?: Palette;\n  sharp?: boolean;\n}\n\n/**\n * Single list row supporting titles, overlines, adornments and navigation styling.\n */\nconst ListItem = React.forwardRef<HTMLElement, ListItemProps>((props, ref) => {\n  const {\n    component,\n    href,\n    target,\n    rel,\n    type,\n    title,\n    subtitle,\n    overline,\n    prepend,\n    append,\n    active = false,\n    disabled = false,\n    inset = false,\n    density: densityOverride,\n    lines: linesOverride,\n    nav: navOverride,\n    divided: dividedOverride,\n    color: colorOverride,\n    sharp: sharpOverride,\n    className,\n    children,\n    tabIndex,\n    role,\n    ...rest\n  } = props;\n\n  const density = densityOverride ?? 'default';\n  const lines = linesOverride ?? 'one';\n  const nav = navOverride ?? false;\n  const divided = dividedOverride ?? false;\n  const color = colorOverride ?? 'primary';\n  const sharp = sharpOverride ?? false;\n  const accent = accentClasses[color] ?? accentClasses.primary;\n  const shapeClass = divided || sharp ? 'rounded-none' : 'rounded-lg';\n\n  const Component = component ?? (href ? 'a' : 'div');\n  const interactive =\n    typeof rest.onClick === 'function' || Component === 'a' || Component === 'button';\n\n  const resolvedRole = role ?? 'listitem';\n  const resolvedTabIndex = disabled\n    ? -1\n    : tabIndex ?? (interactive && Component === 'div' ? 0 : undefined);\n  const resolvedRel = Component === 'a' ? rel : undefined;\n  const resolvedTarget = Component === 'a' ? target : undefined;\n  const resolvedHref = Component === 'a' ? href : undefined;\n  const resolvedType = Component === 'button' ? type ?? 'button' : undefined;\n\n  const disabledClass = disabled ? 'pointer-events-none opacity-60' : 'cursor-pointer';\n  const navPaddingClass = nav ? 'pl-5' : undefined;\n  const insetClass = inset ? 'pl-12' : undefined;\n  const activeClasses = active ? accent.bg : undefined;\n\n  return (\n    <Component\n      {...rest}\n      ref={ref}\n      role={resolvedRole}\n      tabIndex={resolvedTabIndex}\n      aria-disabled={disabled || undefined}\n      aria-current={active ? 'true' : undefined}\n      className={twMerge(\n        listItemBaseClasses,\n        densityClasses[density],\n        lineClasses[lines],\n        shapeClass,\n        navPaddingClass,\n        insetClass,\n        disabledClass,\n        activeClasses,\n        className\n      )}\n      href={resolvedHref}\n      target={resolvedTarget}\n      rel={resolvedRel}\n      type={resolvedType}\n      data-active={active || undefined}\n    >\n      {nav && (\n        <span\n          aria-hidden\n          className={twMerge(\n            'absolute left-1 top-2 bottom-2 w-0.5 rounded-full bg-transparent transition-colors duration-150',\n            active ? accent.indicator : undefined\n          )}\n        />\n      )}\n      {prepend && (\n        <span className='flex h-10 w-10 shrink-0 items-center justify-center text-base text-gray-500'>\n          {prepend}\n        </span>\n      )}\n      <span className='flex min-w-0 flex-col gap-0.5 text-left'>\n        {overline && (\n          <span className='text-[0.65rem] font-semibold uppercase tracking-wide text-gray-500'>\n            {overline}\n          </span>\n        )}\n        {title && (\n          <span\n            className={twMerge(\n              'truncate font-medium text-gray-900',\n              active ? accent.text : undefined\n            )}\n          >\n            {title}\n          </span>\n        )}\n        {subtitle && <span className='text-sm text-gray-500'>{subtitle}</span>}\n        {children}\n      </span>\n      {append && (\n        <span className='ml-auto flex items-center gap-2 whitespace-nowrap text-sm text-gray-500'>\n          {append}\n        </span>\n      )}\n    </Component>\n  );\n});\n\nListItem.displayName = 'ListItem';\n\nexport default ListItem;\nexport type { ListDensity, ListLines } from '../types.list';\n"]}

package/dist/chunk-AK7LFJI4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Containment/List/index.tsx"],"names":[],"mappings":"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","file":"chunk-AK7LFJI4.js","sourcesContent":["import * as React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { Palette } from '@lindle/linoardo/global.types';\n\nimport ListItem from './Item';\nimport type { ListItemProps } from './Item';\nimport type { ListDensity, ListLines, ListRounded, ListVariant } from './types.list';\n\nconst listBaseClasses = 'flex w-full min-w-0 flex-col text-gray-900 transition-colors duration-150';\n\nconst listVariantClasses: Record<ListVariant, string> = {\n  solid: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5',\n  sharp: 'bg-white border border-gray-200 shadow-sm shadow-gray-900/5 rounded-none',\n  outline: 'bg-transparent border border-gray-300',\n  ghost: 'bg-gray-50 border border-transparent',\n  text: 'bg-transparent border border-transparent',\n  filled: 'bg-gray-50 border border-gray-200 shadow-inner shadow-gray-900/5',\n  underlined: 'bg-transparent border border-transparent border-b border-gray-200 rounded-none',\n  rounded: 'bg-white border border-gray-200 shadow-lg shadow-gray-900/10'\n};\n\nconst listRoundedClasses: Record<ListRounded, string> = {\n  none: 'rounded-none',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  pill: 'rounded-full'\n};\n\nexport interface ListProps extends React.HTMLAttributes<HTMLDivElement> {\n  variant?: ListVariant;\n  density?: ListDensity;\n  lines?: ListLines;\n  nav?: boolean;\n  divided?: boolean;\n  rounded?: ListRounded;\n  color?: Palette;\n}\n\nconst isListItemElement = (\n  element: React.ReactNode\n): element is React.ReactElement<ListItemProps> => {\n  if (!React.isValidElement(element)) {\n    return false;\n  }\n\n  const elementType = element.type as { displayName?: string };\n  return element.type === ListItem || elementType.displayName === ListItem.displayName;\n};\n\n/**\n * List container that normalizes spacing, rounding and density for nested `ListItem` children.\n */\nconst List = React.forwardRef<HTMLDivElement, ListProps>((props, ref) => {\n  const {\n    variant = 'solid',\n    density = 'default',\n    lines = 'one',\n    nav = false,\n    divided = false,\n    rounded = 'lg',\n    color = 'primary',\n    className,\n    role,\n    children,\n    ...rest\n  } = props;\n\n  const isSharpVariant = variant === 'sharp';\n  const variantClass = listVariantClasses[variant] ?? listVariantClasses.solid;\n  const roundedClass = isSharpVariant\n    ? 'rounded-none'\n    : listRoundedClasses[rounded] ?? listRoundedClasses.lg;\n  const dividerClass = divided ? 'divide-y divide-gray-100' : undefined;\n  const gapClass = divided ? 'p-0' : 'gap-1 p-1';\n  const navClass = nav ? 'py-1' : undefined;\n  const accentColor = color;\n\n  const enhanceChild = (child: React.ReactNode): React.ReactNode => {\n    if (!React.isValidElement(child)) {\n      return child;\n    }\n\n    if (isListItemElement(child)) {\n      return React.cloneElement(child, {\n        density: child.props.density ?? density,\n        lines: child.props.lines ?? lines,\n        nav: child.props.nav ?? nav,\n        divided: child.props.divided ?? divided,\n        color: child.props.color ?? accentColor,\n        sharp: child.props.sharp ?? isSharpVariant\n      });\n    }\n\n    if (child.props && typeof child.props === 'object' && 'children' in child.props) {\n      const nestedChildren = React.Children.map(\n        child.props.children as React.ReactNode,\n        enhanceChild\n      );\n      if (nestedChildren !== child.props.children) {\n        return React.cloneElement(child, undefined, nestedChildren);\n      }\n    }\n\n    return child;\n  };\n\n  const resolvedChildren = React.Children.map(children, enhanceChild);\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      role={role ?? 'list'}\n      className={twMerge(\n        listBaseClasses,\n        variantClass,\n        roundedClass,\n        dividerClass,\n        gapClass,\n        navClass,\n        className\n      )}\n    >\n      {resolvedChildren}\n    </div>\n  );\n});\n\nList.displayName = 'List';\n\nexport { ListItem };\nexport type { ListItemProps } from './Item';\nexport type { ListVariant, ListDensity, ListLines, ListRounded } from './types.list';\nexport default List;\n"]}

package/dist/chunk-BZVDAMMY.js

@@ -1,164 +0,0 @@
-import { generateString } from './chunk-6SKW43XI.js';
-import React from 'react';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var baseClass = "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";
-var variantClasses = {
-  solid: "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",
-  sharp: "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",
-  outline: "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",
-  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",
-  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 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",
-  filled: "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",
-  underlined: "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-600 dark:focus-visible:border-primary/70",
-  rounded: "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"
-};
-var sizeClasses = {
-  "x-small": { padding: "pl-2 pr-8 py-2", text: "text-xs" },
-  small: { padding: "pl-2.5 pr-9 py-2.5", text: "text-sm" },
-  medium: { padding: "pl-3 pr-10 py-3", text: "text-base" },
-  large: { padding: "pl-3.5 pr-11 py-3.5", text: "text-lg" },
-  "x-large": { padding: "pl-4 pr-12 py-4", text: "text-xl" }
-};
-var normalizeOption = (option) => {
-  if (typeof option === "string") {
-    return { label: option, value: option };
-  }
-  return option;
-};
-var Select = ({
-  options,
-  label,
-  placeholder,
-  variant = "outline",
-  size = "medium",
-  className,
-  wrapperClassName,
-  id,
-  name,
-  multiple,
-  onFocus,
-  onBlur,
-  onChange,
-  value,
-  defaultValue,
-  ...props
-}) => {
-  const selectId = id || name || generateString();
-  const selectName = name || selectId;
-  const variantClass = variantClasses[variant] ?? variantClasses.outline;
-  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
-  const sizeClass = `${sizeConfig.padding} ${sizeConfig.text}`;
-  const normalizedOptions = options.map(normalizeOption);
-  const hasLabel = Boolean(label);
-  const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
-  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;
-  const placeholderText = placeholder ?? (hasLabel ? " " : void 0);
-  const [isFocused, setIsFocused] = React.useState(false);
-  const [hasValue, setHasValue] = React.useState(() => {
-    const initial = value ?? defaultValue;
-    if (initial === void 0 || initial === null) return false;
-    if (multiple) {
-      if (Array.isArray(initial)) return initial.length > 0;
-      return String(initial).length > 0;
-    }
-    if (Array.isArray(initial)) {
-      if (initial.length === 0) return false;
-      return String(initial[0]).length > 0;
-    }
-    return String(initial).length > 0;
-  });
-  const isControlled = value !== void 0;
-  React.useEffect(() => {
-    if (!isControlled) return;
-    if (value === void 0 || value === null) {
-      setHasValue(false);
-      return;
-    }
-    if (multiple) {
-      if (Array.isArray(value)) {
-        setHasValue(value.length > 0);
-      } else {
-        setHasValue(String(value).length > 0);
-      }
-      return;
-    }
-    if (Array.isArray(value)) {
-      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);
-      return;
-    }
-    setHasValue(String(value).length > 0);
-  }, [isControlled, multiple, value]);
-  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? " " : placeholderText;
-  const shouldRenderPlaceholder = !multiple && placeholderText !== void 0;
-  const labelShouldFloat = hasValue || isFocused;
-  const labelLeftClass = "left-3";
-  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
-  const handleFocus = (event) => {
-    if (hidePlaceholderUntilFocus) setIsFocused(true);
-    onFocus?.(event);
-  };
-  const handleBlur = (event) => {
-    if (hidePlaceholderUntilFocus) setIsFocused(false);
-    onBlur?.(event);
-  };
-  const handleChange = (event) => {
-    if (!isControlled) {
-      const nextHasValue = multiple ? event.target.selectedOptions.length > 0 : event.target.value !== "";
-      setHasValue(nextHasValue);
-    }
-    onChange?.(event);
-  };
-  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col gap-1", wrapperClassName), children: /* @__PURE__ */ jsxs("div", { className: "relative flex items-center", children: [
-    /* @__PURE__ */ jsxs(
-      "select",
-      {
-        ...props,
-        id: selectId,
-        name: selectName,
-        multiple,
-        value,
-        defaultValue: value === void 0 ? defaultValue : void 0,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onChange: handleChange,
-        className: twMerge("peer", baseClass, variantClass, sizeClass, className),
-        children: [
-          shouldRenderPlaceholder && /* @__PURE__ */ jsx("option", { value: "", disabled: props.required, hidden: hasValue, children: placeholderOptionLabel }),
-          normalizedOptions.map((option, index) => /* @__PURE__ */ jsx(
-            "option",
-            {
-              value: option.value,
-              disabled: option.disabled,
-              children: option.label
-            },
-            `${selectId}-${option.value}-${index}`
-          ))
-        ]
-      }
-    ),
-    !multiple && /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ jsx("i", { className: "mdi mdi-chevron-down text-base leading-none", "aria-hidden": true }) }),
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        htmlFor: selectId,
-        className: twMerge(
-          "absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200",
-          labelLeftClass,
-          labelShouldFloat ? [
-            "-top-1.5 left-1 text-xs px-1",
-            isFocused ? "-translate-y-1/2 text-gray-600" : "-translate-y-2/3",
-            labelBgDefault
-          ].join(" ") : "top-1/2 -translate-y-1/2 text-sm text-gray-500"
-        ),
-        children: label
-      }
-    )
-  ] }) });
-};
-var Select_default = Select;
-
-export { Select_default };
-//# sourceMappingURL=chunk-BZVDAMMY.js.map
-//# sourceMappingURL=chunk-BZVDAMMY.js.map

package/dist/chunk-BZVDAMMY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Form/Select/index.tsx"],"names":[],"mappings":"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","file":"chunk-BZVDAMMY.js","sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport type { GlobalSize } from '@lindle/linoardo/global.types';\nimport type { InputVariant } from '../Input/types';\nimport type { SelectOption, SelectOptionObject, SelectProps } from './types.select';\nimport { generateString } from '../../utils/helpers/randomStr';\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-600 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\n  return option;\n};\n\n/**\n * Native select styled with the same visual variants as Input.\n * Accepts options as string[] or { label, value }[] for convenience.\n */\nconst Select: React.FC<SelectProps> = ({\n  options,\n  label,\n  placeholder,\n  variant = 'outline',\n  size = 'medium',\n  className,\n  wrapperClassName,\n  id,\n  name,\n  multiple,\n  onFocus,\n  onBlur,\n  onChange,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const selectId = id || name || generateString();\n  const selectName = 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 hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder && !multiple;\n  const placeholderText = placeholder ?? (hasLabel ? ' ' : undefined);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const [hasValue, setHasValue] = React.useState(() => {\n    const initial = value ?? defaultValue;\n    if (initial === undefined || initial === null) return false;\n    if (multiple) {\n      if (Array.isArray(initial)) return initial.length > 0;\n      return String(initial).length > 0;\n    }\n    if (Array.isArray(initial)) {\n      if (initial.length === 0) return false;\n      return String(initial[0]).length > 0;\n    }\n    return String(initial).length > 0;\n  });\n  const isControlled = value !== undefined;\n\n  React.useEffect(() => {\n    if (!isControlled) return;\n    if (value === undefined || value === null) {\n      setHasValue(false);\n      return;\n    }\n    if (multiple) {\n      if (Array.isArray(value)) {\n        setHasValue(value.length > 0);\n      } else {\n        setHasValue(String(value).length > 0);\n      }\n      return;\n    }\n    if (Array.isArray(value)) {\n      setHasValue(value.length > 0 ? String(value[0]).length > 0 : false);\n      return;\n    }\n    setHasValue(String(value).length > 0);\n  }, [isControlled, multiple, value]);\n\n  const placeholderOptionLabel = hidePlaceholderUntilFocus && !isFocused ? ' ' : placeholderText;\n  const shouldRenderPlaceholder = !multiple && placeholderText !== undefined;\n  const labelShouldFloat = hasValue || isFocused;\n  const labelLeftClass = 'left-3';\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<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLSelectElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = event => {\n    if (!isControlled) {\n      const nextHasValue = multiple\n        ? event.target.selectedOptions.length > 0\n        : event.target.value !== '';\n      setHasValue(nextHasValue);\n    }\n    onChange?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        <select\n          {...props}\n          id={selectId}\n          name={selectName}\n          multiple={multiple}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          className={twMerge('peer', baseClass, variantClass, sizeClass, className)}\n        >\n          {shouldRenderPlaceholder && (\n            <option value='' disabled={props.required} hidden={hasValue}>\n              {placeholderOptionLabel}\n            </option>\n          )}\n          {normalizedOptions.map((option, index) => (\n            <option\n              key={`${selectId}-${option.value}-${index}`}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </option>\n          ))}\n        </select>\n        {!multiple && (\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' aria-hidden />\n          </span>\n        )}\n        {label && (\n          <label\n            htmlFor={selectId}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 dark:text-gray-200',\n              labelLeftClass,\n              labelShouldFloat\n                ? [\n                    '-top-1.5 left-1 text-xs px-1',\n                    isFocused ? '-translate-y-1/2 text-gray-600' : '-translate-y-2/3',\n                    labelBgDefault\n                  ].join(' ')\n                : 'top-1/2 -translate-y-1/2 text-sm text-gray-500'\n            )}\n          >\n            {label}\n          </label>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Select;\nexport type { SelectProps, SelectOption, SelectOptionObject } from './types.select';\n"]}