eidos-ui 3.7.0 → 3.8.0

package/dist/breadcrumb/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/breadcrumb/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,kDAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/breadcrumb/index.cjs"}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/breadcrumb/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,kDAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/breadcrumb/index.cjs"}

package/dist/breadcrumb/index.d.cts

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { a as BreadcrumbProps } from '../Breadcrumb.types-DaykU-C8.cjs';
-export { B as BreadcrumbItem } from '../Breadcrumb.types-DaykU-C8.cjs';
+import { a as BreadcrumbProps } from '../Breadcrumb.types-C3uADbKU.cjs';
+export { B as BreadcrumbItem } from '../Breadcrumb.types-C3uADbKU.cjs';
 
 declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
 

package/dist/breadcrumb/index.d.ts

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { a as BreadcrumbProps } from '../Breadcrumb.types-DaykU-C8.js';
-export { B as BreadcrumbItem } from '../Breadcrumb.types-DaykU-C8.js';
+import { a as BreadcrumbProps } from '../Breadcrumb.types-C3uADbKU.js';
+export { B as BreadcrumbItem } from '../Breadcrumb.types-C3uADbKU.js';
 
 declare const Breadcrumb: React__default.FC<BreadcrumbProps>;
 

package/dist/breadcrumb/index.js

@@ -1,6 +1,8 @@
 import {
   Breadcrumb
-} from "../chunk-DRXPTACG.js";
+} from "../chunk-26PRBZA6.js";
+import "../chunk-BDH2MXJW.js";
+import "../chunk-U32K2H3N.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Breadcrumb

package/dist/button/index.cjs

@@ -2,13 +2,16 @@
 
 
 
-var _chunkDA375AI6cjs = require('../chunk-DA375AI6.cjs');
+var _chunkXPG56DLQcjs = require('../chunk-XPG56DLQ.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-BEOECPVJ.cjs');
-require('../chunk-35LGEPLP.cjs');
+require('../chunk-UTYY35QX.cjs');
+require('../chunk-ENMDOQQO.cjs');
+require('../chunk-CJT7L764.cjs');
+require('../chunk-KXDGW6LJ.cjs');
+require('../chunk-75Q5OS7L.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Button = _chunkDA375AI6cjs.Button; exports.IconButton = _chunkDA375AI6cjs.IconButton;
+exports.Button = _chunkXPG56DLQcjs.Button; exports.IconButton = _chunkXPG56DLQcjs.IconButton;
 //# sourceMappingURL=index.cjs.map

package/dist/button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/button/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,6FAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/button/index.cjs"}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/button/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,6FAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/button/index.cjs"}

package/dist/button/index.d.cts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as ButtonProps, I as IconButtonProps } from '../Button.types-DZRCVqyN.cjs';
-export { B as ButtonColorProps, b as ButtonVariantProps, T as TextButtonProps } from '../Button.types-DZRCVqyN.cjs';
-import '../renderIcon-C2lEMMzb.cjs';
+import { a as ButtonProps, I as IconButtonProps, c as IconLinkButtonProps } from '../Button.types-DkgWjFsk.cjs';
+export { B as ButtonColorProps, b as ButtonVariantProps, T as TextButtonProps, d as TextLinkButtonProps } from '../Button.types-DkgWjFsk.cjs';
+import '../renderIcon-BW3PUtg8.cjs';
 import '../sizes-DM6Rrrgq.cjs';
 
 declare const Button: React__default.FC<ButtonProps>;
@@ -16,6 +16,6 @@ declare const Button: React__default.FC<ButtonProps>;
  * <IconButton icon={Plus} tooltip="Add item" />
  * ```
  */
-declare const IconButton: React__default.FC<IconButtonProps>;
+declare const IconButton: React__default.FC<IconButtonProps | IconLinkButtonProps>;
 
-export { Button, ButtonProps, IconButton, IconButtonProps };
+export { Button, ButtonProps, IconButton, IconButtonProps, IconLinkButtonProps };

package/dist/button/index.d.ts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as ButtonProps, I as IconButtonProps } from '../Button.types-BH0CPyPx.js';
-export { B as ButtonColorProps, b as ButtonVariantProps, T as TextButtonProps } from '../Button.types-BH0CPyPx.js';
-import '../renderIcon-C2lEMMzb.js';
+import { a as ButtonProps, I as IconButtonProps, c as IconLinkButtonProps } from '../Button.types-BCIK8Qlk.js';
+export { B as ButtonColorProps, b as ButtonVariantProps, T as TextButtonProps, d as TextLinkButtonProps } from '../Button.types-BCIK8Qlk.js';
+import '../renderIcon-BW3PUtg8.js';
 import '../sizes-DM6Rrrgq.js';
 
 declare const Button: React__default.FC<ButtonProps>;
@@ -16,6 +16,6 @@ declare const Button: React__default.FC<ButtonProps>;
  * <IconButton icon={Plus} tooltip="Add item" />
  * ```
  */
-declare const IconButton: React__default.FC<IconButtonProps>;
+declare const IconButton: React__default.FC<IconButtonProps | IconLinkButtonProps>;
 
-export { Button, ButtonProps, IconButton, IconButtonProps };
+export { Button, ButtonProps, IconButton, IconButtonProps, IconLinkButtonProps };

package/dist/button/index.js

@@ -2,10 +2,13 @@ import "../chunk-N5JDL4VE.js";
 import {
   Button,
   IconButton
-} from "../chunk-75GFIQRU.js";
+} from "../chunk-JY77VJAZ.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-JNY7TUDS.js";
-import "../chunk-RHHZRTWM.js";
+import "../chunk-MCPGI6EI.js";
+import "../chunk-U34INRFO.js";
+import "../chunk-V3T7RO4F.js";
+import "../chunk-BDH2MXJW.js";
+import "../chunk-U32K2H3N.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Button,

package/dist/button-group/index.d.cts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { b as ButtonVariantProps, B as ButtonColorProps } from '../Button.types-DZRCVqyN.cjs';
+import { b as ButtonVariantProps, B as ButtonColorProps } from '../Button.types-DkgWjFsk.cjs';
 import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.cjs';
-import '../renderIcon-C2lEMMzb.cjs';
+import '../renderIcon-BW3PUtg8.cjs';
 
 interface ButtonGroupProps {
     /** Buttons (or other elements) to group. */

package/dist/button-group/index.d.ts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { b as ButtonVariantProps, B as ButtonColorProps } from '../Button.types-BH0CPyPx.js';
+import { b as ButtonVariantProps, B as ButtonColorProps } from '../Button.types-BCIK8Qlk.js';
 import { C as ComponentSizeProps } from '../sizes-DM6Rrrgq.js';
-import '../renderIcon-C2lEMMzb.js';
+import '../renderIcon-BW3PUtg8.js';
 
 interface ButtonGroupProps {
     /** Buttons (or other elements) to group. */

package/dist/chip/index.cjs

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-FQZ6F7FQ.cjs');
 
 
-var _chunkTTLFY76Jcjs = require('../chunk-TTLFY76J.cjs');
-require('../chunk-BEOECPVJ.cjs');
-require('../chunk-35LGEPLP.cjs');
+var _chunkWR77IZUUcjs = require('../chunk-WR77IZUU.cjs');
+require('../chunk-UTYY35QX.cjs');
+require('../chunk-ENMDOQQO.cjs');
+require('../chunk-CJT7L764.cjs');
+require('../chunk-KXDGW6LJ.cjs');
+require('../chunk-75Q5OS7L.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Chip = _chunkTTLFY76Jcjs.Chip;
+exports.Chip = _chunkWR77IZUUcjs.Chip;
 //# sourceMappingURL=index.cjs.map

package/dist/chip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chip/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,sCAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chip/index.cjs"}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chip/index.cjs"],"names":[],"mappings":"AAAA,0GAA8B;AAC9B;AACE;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACF,sCAAC","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chip/index.cjs"}

package/dist/chip/index.d.cts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as ChipProps } from '../Chip.types-B6y3Wifa.cjs';
-export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-B6y3Wifa.cjs';
-import '../renderIcon-C2lEMMzb.cjs';
+import { a as ChipProps } from '../Chip.types-_1bhyKz4.cjs';
+export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-_1bhyKz4.cjs';
+import '../renderIcon-BW3PUtg8.cjs';
 import '../sizes-DM6Rrrgq.cjs';
 
 declare const Chip: React__default.FC<ChipProps>;

package/dist/chip/index.d.ts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as ChipProps } from '../Chip.types-COQfx2Ru.js';
-export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-COQfx2Ru.js';
-import '../renderIcon-C2lEMMzb.js';
+import { a as ChipProps } from '../Chip.types-BM-UZOCv.js';
+export { C as ChipColorProps, b as ChipVariantProps, T as TextChipProps } from '../Chip.types-BM-UZOCv.js';
+import '../renderIcon-BW3PUtg8.js';
 import '../sizes-DM6Rrrgq.js';
 
 declare const Chip: React__default.FC<ChipProps>;

package/dist/chip/index.js

@@ -1,9 +1,12 @@
 import "../chunk-TPNCV7KA.js";
 import {
   Chip
-} from "../chunk-GWHZFX2H.js";
-import "../chunk-JNY7TUDS.js";
-import "../chunk-RHHZRTWM.js";
+} from "../chunk-2TIMJD4K.js";
+import "../chunk-MCPGI6EI.js";
+import "../chunk-U34INRFO.js";
+import "../chunk-V3T7RO4F.js";
+import "../chunk-BDH2MXJW.js";
+import "../chunk-U32K2H3N.js";
 import "../chunk-5WRI5ZAA.js";
 export {
   Chip

package/dist/{chunk-DRXPTACG.js → chunk-26PRBZA6.js}

@@ -1,3 +1,7 @@
+import {
+  EidosLink
+} from "./chunk-BDH2MXJW.js";
+
 // src/components/Breadcrumb/Breadcrumb.component.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var Breadcrumb = ({
@@ -19,7 +23,7 @@ var Breadcrumb = ({
             isLast ? /* @__PURE__ */ jsxs("span", { "aria-current": "page", className: "eidos-breadcrumb-current", children: [
               item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-breadcrumb-icon", children: item.icon }),
               item.label
-            ] }) : item.href ? /* @__PURE__ */ jsxs("a", { href: item.href, onClick: item.onClick, className: "eidos-breadcrumb-link", children: [
+            ] }) : item.href ? /* @__PURE__ */ jsxs(EidosLink, { href: item.href, onClick: item.onClick, className: "eidos-breadcrumb-link", children: [
               item.icon && /* @__PURE__ */ jsx("span", { className: "eidos-breadcrumb-icon", children: item.icon }),
               item.label
             ] }) : /* @__PURE__ */ jsxs(
@@ -47,4 +51,4 @@ Breadcrumb.displayName = "Breadcrumb";
 export {
   Breadcrumb
 };
-//# sourceMappingURL=chunk-DRXPTACG.js.map
+//# sourceMappingURL=chunk-26PRBZA6.js.map

package/dist/chunk-26PRBZA6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Breadcrumb/Breadcrumb.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { BreadcrumbProps } from './Breadcrumb.types';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Breadcrumb: React.FC<BreadcrumbProps> = ({\n  items,\n  separator = '/',\n  className = '',\n}) => (\n  <nav\n    aria-label=\"Breadcrumb\"\n    className={['eidos-breadcrumb-nav', className].filter(Boolean).join(' ')}\n  >\n    <ol className=\"eidos-breadcrumb\">\n      {items.map((item, index) => {\n        const isLast = index === items.length - 1;\n\n        return (\n          <li\n            key={index}\n            className={['eidos-breadcrumb-item', isLast && 'eidos-breadcrumb-item--current']\n              .filter(Boolean)\n              .join(' ')}\n          >\n            {isLast ? (\n              <span aria-current=\"page\" className=\"eidos-breadcrumb-current\">\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\n                {item.label}\n              </span>\n            ) : item.href ? (\n              <EidosLink href={item.href} onClick={item.onClick} className=\"eidos-breadcrumb-link\">\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\n                {item.label}\n              </EidosLink>\n            ) : (\n              <button\n                type=\"button\"\n                onClick={item.onClick}\n                className=\"eidos-breadcrumb-link eidos-breadcrumb-link--button\"\n              >\n                {item.icon && <span className=\"eidos-breadcrumb-icon\">{item.icon}</span>}\n                {item.label}\n              </button>\n            )}\n\n            {!isLast && (\n              <span aria-hidden=\"true\" className=\"eidos-breadcrumb-separator\">\n                {separator}\n              </span>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  </nav>\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"mappings":";;;;;AAyBc,SACgB,KADhB;AArBP,IAAM,aAAwC,CAAC;AAAA,EACpD;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AACd,MACE;AAAA,EAAC;AAAA;AAAA,IACC,cAAW;AAAA,IACX,WAAW,CAAC,wBAAwB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAEvE,8BAAC,QAAG,WAAU,oBACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,YAAM,SAAS,UAAU,MAAM,SAAS;AAExC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,CAAC,yBAAyB,UAAU,gCAAgC,EAC5E,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,UAEV;AAAA,qBACC,qBAAC,UAAK,gBAAa,QAAO,WAAU,4BACjC;AAAA,mBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,cAChE,KAAK;AAAA,eACR,IACE,KAAK,OACP,qBAAC,aAAU,MAAM,KAAK,MAAM,SAAS,KAAK,SAAS,WAAU,yBAC1D;AAAA,mBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,cAChE,KAAK;AAAA,eACR,IAEA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS,KAAK;AAAA,gBACd,WAAU;AAAA,gBAET;AAAA,uBAAK,QAAQ,oBAAC,UAAK,WAAU,yBAAyB,eAAK,MAAK;AAAA,kBAChE,KAAK;AAAA;AAAA;AAAA,YACR;AAAA,YAGD,CAAC,UACA,oBAAC,UAAK,eAAY,QAAO,WAAU,8BAChC,qBACH;AAAA;AAAA;AAAA,QA7BG;AAAA,MA+BP;AAAA,IAEJ,CAAC,GACH;AAAA;AACF;AAGF,WAAW,cAAc;","names":[]}

package/dist/{chunk-L7I5NEGI.js → chunk-2IXCEKLI.js}

@@ -1,6 +1,6 @@
 import {
   Chip
-} from "./chunk-GWHZFX2H.js";
+} from "./chunk-2TIMJD4K.js";
 
 // src/components/SplitChip/SplitChip.utils.ts
 var hasVisibleBorder = (segment) => segment.variant === "outlined" || segment.disabled;
@@ -79,4 +79,4 @@ var SplitChip = ({
 export {
   SplitChip
 };
-//# sourceMappingURL=chunk-L7I5NEGI.js.map
+//# sourceMappingURL=chunk-2IXCEKLI.js.map

package/dist/{chunk-GWHZFX2H.js → chunk-2TIMJD4K.js}

@@ -1,9 +1,12 @@
 import {
   Tooltip
-} from "./chunk-JNY7TUDS.js";
+} from "./chunk-MCPGI6EI.js";
 import {
   renderIcon
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
+import {
+  EidosLink
+} from "./chunk-BDH2MXJW.js";
 
 // src/components/Chip/Chip.component.tsx
 import { X } from "lucide-react";
@@ -21,9 +24,12 @@ var Chip = ({
   children,
   onClick,
   onRemove,
+  href,
+  target,
+  rel,
   ...chipProps
 }) => {
-  const isClickable = !!onClick;
+  const isClickable = !!onClick || href !== void 0;
   const isRemovable = !!onRemove;
   const chipClasses = [
     "eidos-chip",
@@ -46,12 +52,29 @@ var Chip = ({
     onRemove();
   };
   const hasBothControls = isClickable && isRemovable;
-  const ChipElement = isClickable && !isRemovable ? "button" : "div";
   const body = /* @__PURE__ */ jsxs(Fragment, { children: [
     preIcon && renderIcon(preIcon, "eidos-chip--pre-icon"),
     /* @__PURE__ */ jsx("span", { className: "eidos-chip--copy", children }),
     posIcon && renderIcon(posIcon, "eidos-chip--pos-icon")
   ] });
+  const renderLink = (linkHref, className2, attributes) => /* @__PURE__ */ jsx(
+    EidosLink,
+    {
+      ...attributes,
+      href: linkHref,
+      target,
+      rel,
+      className: className2,
+      disabled,
+      onClick: onClick ? handleClick : void 0,
+      children: body
+    }
+  );
+  if (href !== void 0 && !isRemovable) {
+    const link = renderLink(href, chipClasses, chipProps);
+    return tooltip ? /* @__PURE__ */ jsx(Tooltip, { message: tooltip, children: link }) : link;
+  }
+  const ChipElement = isClickable && !isRemovable ? "button" : "div";
   const chipContent = /* @__PURE__ */ jsxs(
     ChipElement,
     {
@@ -60,7 +83,7 @@ var Chip = ({
       onClick: isClickable && !hasBothControls ? handleClick : void 0,
       ...chipProps,
       children: [
-        hasBothControls ? /* @__PURE__ */ jsx(
+        hasBothControls ? href !== void 0 ? renderLink(href, "eidos-chip--action") : /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -90,4 +113,4 @@ var Chip = ({
 export {
   Chip
 };
-//# sourceMappingURL=chunk-GWHZFX2H.js.map
+//# sourceMappingURL=chunk-2TIMJD4K.js.map

package/dist/chunk-2TIMJD4K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Chip/Chip.component.tsx"],"sourcesContent":["import React from 'react';\nimport { X } from 'lucide-react';\nimport type { ChipProps } from './Chip.types';\nimport { Tooltip } from '../Tooltip/Tooltip.component';\nimport { renderIcon } from '../../utils';\nimport { EidosLink } from '../LinkProvider/Link.component';\n\nexport const Chip: React.FC<ChipProps> = ({\n  variant = 'filled',\n  color = 'primary',\n  size = 'md',\n  disabled = false,\n  fullWidth = false,\n  tooltip,\n  className = '',\n  preIcon,\n  posIcon,\n  children,\n  onClick,\n  onRemove,\n  href,\n  target,\n  rel,\n  ...chipProps\n}) => {\n  const isClickable = !!onClick || href !== undefined;\n  const isRemovable = !!onRemove;\n\n  // Build CSS classes\n  const chipClasses = [\n    'eidos-chip',\n    `eidos-chip--${variant}`,\n    `eidos-chip--${color}`,\n    `eidos-chip--${size}`,\n    disabled && 'eidos-chip--disabled',\n    isClickable && 'eidos-chip--clickable',\n    isRemovable && 'eidos-chip--removable',\n    fullWidth && 'eidos-chip--full-width',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const handleClick = () => {\n    if (disabled || !onClick) return;\n    onClick();\n  };\n\n  const handleRemove = (e: React.MouseEvent) => {\n    e.stopPropagation(); // Prevent chip click when removing\n    if (disabled || !onRemove) return;\n    onRemove();\n  };\n\n  // A chip that is both clickable and removable holds *two* controls, so it\n  // has to render them as siblings.\n  //\n  // The previous shape switched the outer element to a `<div>` when\n  // removable - the comment said \"to avoid nested buttons\" - and then gave\n  // that div `role=\"button\"` and `tabIndex={0}`. That is the same defect\n  // wearing a different hat: a button containing a button, which is invalid\n  // (`nested-interactive`) and leaves a screen reader announcing a control\n  // inside a control. It is the same shape already fixed on `Dropdown` and\n  // `DataGrid`'s rows.\n  //\n  // Now the outer element is a plain container whenever there is a remove\n  // button, and the chip's own action moves to an inner `<button>` wrapping\n  // just the content. Each control is separately reachable and separately\n  // named.\n  const hasBothControls = isClickable && isRemovable;\n\n  const body = (\n    <>\n      {preIcon && renderIcon(preIcon, 'eidos-chip--pre-icon')}\n\n      <span className=\"eidos-chip--copy\">{children}</span>\n\n      {posIcon && renderIcon(posIcon, 'eidos-chip--pos-icon')}\n    </>\n  );\n\n  // A link chip follows the same two-control rule: alone, the chip *is* the\n  // link; with a remove button, the link moves to the inner action slot so\n  // the two stay siblings.\n  const renderLink = (\n    linkHref: string,\n    className: string,\n    attributes?: React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  ) => (\n    <EidosLink\n      {...attributes}\n      href={linkHref}\n      target={target}\n      rel={rel}\n      className={className}\n      disabled={disabled}\n      onClick={onClick ? handleClick : undefined}\n    >\n      {body}\n    </EidosLink>\n  );\n\n  if (href !== undefined && !isRemovable) {\n    const link = renderLink(href, chipClasses, chipProps);\n    return tooltip ? <Tooltip message={tooltip}>{link}</Tooltip> : link;\n  }\n\n  const ChipElement = isClickable && !isRemovable ? 'button' : 'div';\n\n  const chipContent = (\n    <ChipElement\n      className={chipClasses}\n      disabled={ChipElement === 'button' ? disabled : undefined}\n      onClick={isClickable && !hasBothControls ? handleClick : undefined}\n      {...chipProps}\n    >\n      {hasBothControls ? (\n        href !== undefined ? (\n          renderLink(href, 'eidos-chip--action')\n        ) : (\n          <button\n            type=\"button\"\n            className=\"eidos-chip--action\"\n            onClick={handleClick}\n            disabled={disabled}\n          >\n            {body}\n          </button>\n        )\n      ) : (\n        body\n      )}\n\n      {isRemovable && (\n        <button\n          className=\"eidos-chip--remove-button\"\n          onClick={handleRemove}\n          disabled={disabled}\n          aria-label=\"Remove\"\n          type=\"button\"\n        >\n          <X className=\"eidos-chip--remove-icon\" />\n        </button>\n      )}\n    </ChipElement>\n  );\n\n  return tooltip ? <Tooltip message={tooltip}>{chipContent}</Tooltip> : chipContent;\n};\n"],"mappings":";;;;;;;;;;;AACA,SAAS,SAAS;AAuEd,mBAGE,KAHF;AAjEG,IAAM,OAA4B,CAAC;AAAA,EACxC,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAc,CAAC,CAAC,WAAW,SAAS;AAC1C,QAAM,cAAc,CAAC,CAAC;AAGtB,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,OAAO;AAAA,IACtB,eAAe,KAAK;AAAA,IACpB,eAAe,IAAI;AAAA,IACnB,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,eAAe;AAAA,IACf,aAAa;AAAA,IACb;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,cAAc,MAAM;AACxB,QAAI,YAAY,CAAC,QAAS;AAC1B,YAAQ;AAAA,EACV;AAEA,QAAM,eAAe,CAAC,MAAwB;AAC5C,MAAE,gBAAgB;AAClB,QAAI,YAAY,CAAC,SAAU;AAC3B,aAAS;AAAA,EACX;AAiBA,QAAM,kBAAkB,eAAe;AAEvC,QAAM,OACJ,iCACG;AAAA,eAAW,WAAW,SAAS,sBAAsB;AAAA,IAEtD,oBAAC,UAAK,WAAU,oBAAoB,UAAS;AAAA,IAE5C,WAAW,WAAW,SAAS,sBAAsB;AAAA,KACxD;AAMF,QAAM,aAAa,CACjB,UACAA,YACA,eAEA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA,WAAWA;AAAA,MACX;AAAA,MACA,SAAS,UAAU,cAAc;AAAA,MAEhC;AAAA;AAAA,EACH;AAGF,MAAI,SAAS,UAAa,CAAC,aAAa;AACtC,UAAM,OAAO,WAAW,MAAM,aAAa,SAAS;AACpD,WAAO,UAAU,oBAAC,WAAQ,SAAS,SAAU,gBAAK,IAAa;AAAA,EACjE;AAEA,QAAM,cAAc,eAAe,CAAC,cAAc,WAAW;AAE7D,QAAM,cACJ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,UAAU,gBAAgB,WAAW,WAAW;AAAA,MAChD,SAAS,eAAe,CAAC,kBAAkB,cAAc;AAAA,MACxD,GAAG;AAAA,MAEH;AAAA,0BACC,SAAS,SACP,WAAW,MAAM,oBAAoB,IAErC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH,IAGF;AAAA,QAGD,eACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAS;AAAA,YACT;AAAA,YACA,cAAW;AAAA,YACX,MAAK;AAAA,YAEL,8BAAC,KAAE,WAAU,2BAA0B;AAAA;AAAA,QACzC;AAAA;AAAA;AAAA,EAEJ;AAGF,SAAO,UAAU,oBAAC,WAAQ,SAAS,SAAU,uBAAY,IAAa;AACxE;","names":["className"]}

package/dist/{chunk-RHFD2Z5V.js → chunk-3TF2GZSG.js}

@@ -11,13 +11,13 @@ import {
   useSensor,
   useSensors,
   useSortable
-} from "./chunk-SDUGYJGW.js";
+} from "./chunk-H3C6YECZ.js";
 import {
   SplitButton
-} from "./chunk-BFKPJ627.js";
+} from "./chunk-FHOD3FUN.js";
 import {
   Pagination
-} from "./chunk-WNDDS367.js";
+} from "./chunk-DPTTDHZ5.js";
 import {
   Checkbox
 } from "./chunk-DGXHR6FV.js";
@@ -29,13 +29,13 @@ import {
 } from "./chunk-3TUCQAYL.js";
 import {
   Dropdown
-} from "./chunk-JHX6JK3M.js";
+} from "./chunk-3X6QVHTD.js";
 import {
   Button
-} from "./chunk-75GFIQRU.js";
+} from "./chunk-JY77VJAZ.js";
 import {
   devWarn
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
 
 // src/components/Table/Table.component.tsx
 import { useState, useMemo, useEffect, useLayoutEffect, useRef, useCallback } from "react";
@@ -918,4 +918,4 @@ var Table = ({
 export {
   Table
 };
-//# sourceMappingURL=chunk-RHFD2Z5V.js.map
+//# sourceMappingURL=chunk-3TF2GZSG.js.map

package/dist/{chunk-TC5IC6OP.cjs → chunk-3VXUOAIJ.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
+var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
 
 // src/components/NumberInput/NumberInput.component.tsx
 var _react = require('react');
@@ -100,7 +100,7 @@ var NumberInput = _react.forwardRef.call(void 0,
     const rootClasses = [
       "eidos-number-input",
       `eidos-number-input--${size}`,
-      fullWidth && _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-number-input"),
+      fullWidth && _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-number-input"),
       error && "eidos-number-input--error",
       className
     ].filter(Boolean).join(" ");
@@ -203,4 +203,4 @@ NumberInput.displayName = "NumberInput";
 
 
 exports.NumberInput = NumberInput;
-//# sourceMappingURL=chunk-TC5IC6OP.cjs.map
+//# sourceMappingURL=chunk-3VXUOAIJ.cjs.map

package/dist/{chunk-TC5IC6OP.cjs.map → chunk-3VXUOAIJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TC5IC6OP.cjs","../src/components/NumberInput/NumberInput.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACA;ACJA,8BAA8D;AAC9D,2CAA4B;AAuJlB,+CAAA;AAnJH,IAAM,YAAA,EAAc,+BAAA;AAAA,EACzB,CACE;AAAA,IACE,KAAA;AAAA,IACA,aAAA,EAAe,CAAA;AAAA,IACf,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAA;AAAA,IACA,KAAA,EAAO,CAAA;AAAA,IACP,UAAA,EAAY,CAAA;AAAA,IACZ,WAAA;AAAA,IACA,SAAA,EAAW,KAAA;AAAA,IACX,SAAA,EAAW,KAAA;AAAA,IACX,KAAA;AAAA,IACA,UAAA;AAAA,IACA,MAAA,EAAQ,KAAA;AAAA,IACR,YAAA;AAAA,IACA,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,KAAA;AAAA,IACZ,YAAA,EAAc,IAAA;AAAA,IACd,UAAA,EAAY,EAAA;AAAA,IACZ,EAAA;AAAA,IACA;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,QAAA,EAAU,GAAA,GAAM,CAAA,aAAA,EAAgB,WAAW,CAAA,CAAA;AAKvB,IAAA;AAGK,IAAA;AACsB,IAAA;AAGF,IAAA;AACH,IAAA;AAEH,IAAA;AAI7B,IAAA;AACI,MAAA;AACM,MAAA;AACT,QAAA;AACiC,QAAA;AACA,QAAA;AACH,QAAA;AAC5C,MAAA;AACmC,IAAA;AAGM,IAAA;AAC7B,MAAA;AACiC,MAAA;AACA,MAAA;AACH,MAAA;AAC7C,IAAA;AAEwC,IAAA;AACL,MAAA;AACO,MAAA;AACtB,sBAAA;AACpB,IAAA;AAG8B,IAAA;AACF,MAAA;AACK,MAAA;AACjC,IAAA;AAE8B,IAAA;AACF,MAAA;AACK,MAAA;AACjC,IAAA;AAG8B,IAAA;AACgB,MAAA;AAC3B,MAAA;AACnB,IAAA;AAEqE,IAAA;AACxC,MAAA;AAC7B,IAAA;AAE6B,IAAA;AACT,MAAA;AACiB,MAAA;AACf,MAAA;AACe,QAAA;AACO,QAAA;AACtB,wBAAA;AACqB,QAAA;AAClC,MAAA;AAEuC,QAAA;AAC9C,MAAA;AACF,IAAA;AAGyD,IAAA;AAC9B,MAAA;AACN,QAAA;AACD,QAAA;AACgB,MAAA;AACf,QAAA;AACD,QAAA;AAClB,MAAA;AACF,IAAA;AAK4C,IAAA;AACK,IAAA;AAGT,IAAA;AACA,IAAA;AAGpB,IAAA;AAClB,MAAA;AAC2B,MAAA;AACI,MAAA;AACtB,MAAA;AACT,MAAA;AAGS,IAAA;AAEY,IAAA;AACrB,MAAA;AACY,MAAA;AAGH,IAAA;AAGO,IAAA;AAEL,MAAA;AAKT,sBAAA;AAAC,QAAA;AAAA,QAAA;AACY,UAAA;AACqB,UAAA;AACS,UAAA;AACA,UAAA;AACA,UAAA;AACF,UAAA;AACZ,UAAA;AACe,UAAA;AAChB,UAAA;AAE1B,UAAA;AAAA,4BAAA;AAAC,cAAA;AAAA,cAAA;AACM,gBAAA;AACK,gBAAA;AACD,gBAAA;AACC,gBAAA;AACC,gBAAA;AAEV,gBAAA;AAAM,cAAA;AACT,YAAA;AAEe,4BAAA;AAGb,YAAA;AAAC,cAAA;AAAA,cAAA;AACK,gBAAA;AACC,gBAAA;AACK,gBAAA;AACH,gBAAA;AACG,gBAAA;AACD,gBAAA;AACD,gBAAA;AACG,gBAAA;AACX,gBAAA;AACA,gBAAA;AACA,gBAAA;AACU,gBAAA;AACL,gBAAA;AACwB,gBAAA;AACF,gBAAA;AACZ,gBAAA;AACA,gBAAA;AACA,gBAAA;AACM,gBAAA;AAAA,cAAA;AAGjB,YAAA;AAOO,4BAAA;AAEf,4BAAA;AAAC,cAAA;AAAA,cAAA;AACM,gBAAA;AACK,gBAAA;AACD,gBAAA;AACC,gBAAA;AACC,gBAAA;AAEL,gBAAA;AAAA,cAAA;AACR,YAAA;AAAA,UAAA;AAAA,QAAA;AACF,MAAA;AAGA,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACL,UAAA;AACO,UAAA;AACS,UAAA;AAAC,UAAA;AACP,UAAA;AACA,UAAA;AACE,UAAA;AACZ,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AAAA,QAAA;AACF,MAAA;AAE0B,MAAA;AAGvB,MAAA;AAIL,IAAA;AAEJ,EAAA;AACF;AAE0B;ADnD4B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-TC5IC6OP.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useEffect, useId } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { fullWidthModifier } from '../../utils';\nimport type { NumberInputProps } from './NumberInput.types';\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onChange,\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      placeholder,\n      disabled = false,\n      readOnly = false,\n      label,\n      helperText,\n      error = false,\n      errorMessage,\n      size = 'md',\n      fullWidth = false,\n      allowTyping = true,\n      className = '',\n      id,\n      name,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id || `number-input-${generatedId}`;\n    // Associates the visible error with the control. Without it the message\n    // is just a red line of text sitting near the field - obvious to look\n    // at, absent from the accessibility tree (SC 3.3.1). See the fuller\n    // note in `Input`.\n    const errorId = `${inputId}-error`;\n\n    // Controlled / uncontrolled bridge\n    const isControlled = value !== undefined;\n    const [localValue, setLocalValue] = useState<number>(defaultValue);\n\n    // Intermediate text while the user is actively typing\n    const [inputText, setInputText] = useState<string>(defaultValue.toFixed(precision));\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? value! : localValue;\n\n    // When min/max props change (e.g. via Storybook controls), clamp the\n    // uncontrolled localValue so the display never shows an out-of-range value.\n    useEffect(() => {\n      if (isControlled) return;\n      setLocalValue((prev) => {\n        let result = prev;\n        if (min !== undefined) result = Math.max(min, result);\n        if (max !== undefined) result = Math.min(max, result);\n        return parseFloat(result.toFixed(precision));\n      });\n    }, [min, max, precision, isControlled]);\n\n    // Clamp to [min, max] and apply precision rounding\n    const clampValue = (raw: number): number => {\n      let result = raw;\n      if (min !== undefined) result = Math.max(min, result);\n      if (max !== undefined) result = Math.min(max, result);\n      return parseFloat(result.toFixed(precision));\n    };\n\n    const commitValue = (newVal: number) => {\n      const clamped = clampValue(newVal);\n      if (!isControlled) setLocalValue(clamped);\n      onChange?.(clamped);\n    };\n\n    // ── Stepper buttons ────────────────────────────────────────────────────\n    const handleDecrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue - step);\n    };\n\n    const handleIncrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue + step);\n    };\n\n    // ── Typing mode handlers ───────────────────────────────────────────────\n    const handleTextFocus = () => {\n      setInputText(currentValue.toFixed(precision));\n      setIsFocused(true);\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInputText(e.target.value);\n    };\n\n    const handleTextBlur = () => {\n      setIsFocused(false);\n      const parsed = parseFloat(inputText);\n      if (!isNaN(parsed)) {\n        const clamped = clampValue(parsed);\n        if (!isControlled) setLocalValue(clamped);\n        onChange?.(clamped);\n        setInputText(clamped.toFixed(precision));\n      } else {\n        // Revert to the last known-good value\n        setInputText(currentValue.toFixed(precision));\n      }\n    };\n\n    // ArrowUp / ArrowDown keyboard support for both display modes\n    const handleDisplayKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleIncrement();\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleDecrement();\n      }\n    };\n\n    // ── Display value ──────────────────────────────────────────────────────\n    // Show intermediate inputText while focused in typing mode;\n    // otherwise always derive from the real (controlled/uncontrolled) value.\n    const formattedValue = currentValue.toFixed(precision);\n    const displayedText = allowTyping && isFocused ? inputText : formattedValue;\n\n    // ── Disabled states for buttons ────────────────────────────────────────\n    const isDecrementDisabled = disabled || readOnly || (min !== undefined && currentValue <= min);\n    const isIncrementDisabled = disabled || readOnly || (max !== undefined && currentValue >= max);\n\n    // ── CSS classes ────────────────────────────────────────────────────────\n    const rootClasses = [\n      'eidos-number-input',\n      `eidos-number-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-number-input'),\n      error && 'eidos-number-input--error',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-number-input-control',\n      disabled && 'eidos-number-input-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={rootClasses}>\n        {label && (\n          <label htmlFor={allowTyping ? inputId : undefined} className=\"eidos-number-input-label\">\n            {label}\n          </label>\n        )}\n\n        <div\n          className={controlClasses}\n          role={allowTyping ? undefined : 'spinbutton'}\n          aria-valuemin={allowTyping ? undefined : min}\n          aria-valuemax={allowTyping ? undefined : max}\n          aria-valuenow={allowTyping ? undefined : currentValue}\n          aria-label={allowTyping ? undefined : (label ?? 'Number input')}\n          aria-disabled={disabled || undefined}\n          tabIndex={!allowTyping && !disabled ? 0 : undefined}\n          onKeyDown={!allowTyping ? handleDisplayKeyDown : undefined}\n        >\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleDecrement}\n            disabled={isDecrementDisabled}\n            aria-label=\"Decrease\"\n          >\n            <Minus />\n          </button>\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          {allowTyping ? (\n            <input\n              id={inputId}\n              type=\"text\"\n              className=\"eidos-number-input-display\"\n              value={displayedText}\n              onChange={handleTextChange}\n              onFocus={handleTextFocus}\n              onBlur={handleTextBlur}\n              onKeyDown={handleDisplayKeyDown}\n              placeholder={placeholder}\n              disabled={disabled}\n              readOnly={readOnly}\n              inputMode=\"decimal\"\n              role=\"spinbutton\"\n              aria-invalid={error ? true : undefined}\n              aria-describedby={error && errorMessage ? errorId : undefined}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuenow={currentValue}\n              aria-label={label ?? 'Number input'}\n            />\n          ) : (\n            <span className=\"eidos-number-input-display\" aria-hidden=\"true\">\n              {placeholder && formattedValue === (0).toFixed(precision) && !isFocused\n                ? placeholder\n                : formattedValue}\n            </span>\n          )}\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleIncrement}\n            disabled={isIncrementDisabled}\n            aria-label=\"Increase\"\n          >\n            <Plus />\n          </button>\n        </div>\n\n        {/* Hidden native <input type=\"number\"> for form integration */}\n        <input\n          ref={ref}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          onChange={() => {}}\n          className=\"eidos-number-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          disabled={disabled}\n          readOnly={readOnly}\n          min={min}\n          max={max}\n          step={step}\n        />\n\n        {helperText && !error && <span className=\"eidos-number-input-helper\">{helperText}</span>}\n\n        {error && errorMessage && (\n          <span id={errorId} className=\"eidos-number-input-error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"]}
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-3VXUOAIJ.cjs","../src/components/NumberInput/NumberInput.component.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-3VXUOAIJ.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useEffect, useId } from 'react';\nimport { Minus, Plus } from 'lucide-react';\nimport { fullWidthModifier } from '../../utils';\nimport type { NumberInputProps } from './NumberInput.types';\n\nexport const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onChange,\n      min,\n      max,\n      step = 1,\n      precision = 0,\n      placeholder,\n      disabled = false,\n      readOnly = false,\n      label,\n      helperText,\n      error = false,\n      errorMessage,\n      size = 'md',\n      fullWidth = false,\n      allowTyping = true,\n      className = '',\n      id,\n      name,\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const inputId = id || `number-input-${generatedId}`;\n    // Associates the visible error with the control. Without it the message\n    // is just a red line of text sitting near the field - obvious to look\n    // at, absent from the accessibility tree (SC 3.3.1). See the fuller\n    // note in `Input`.\n    const errorId = `${inputId}-error`;\n\n    // Controlled / uncontrolled bridge\n    const isControlled = value !== undefined;\n    const [localValue, setLocalValue] = useState<number>(defaultValue);\n\n    // Intermediate text while the user is actively typing\n    const [inputText, setInputText] = useState<string>(defaultValue.toFixed(precision));\n    const [isFocused, setIsFocused] = useState(false);\n\n    const currentValue = isControlled ? value! : localValue;\n\n    // When min/max props change (e.g. via Storybook controls), clamp the\n    // uncontrolled localValue so the display never shows an out-of-range value.\n    useEffect(() => {\n      if (isControlled) return;\n      setLocalValue((prev) => {\n        let result = prev;\n        if (min !== undefined) result = Math.max(min, result);\n        if (max !== undefined) result = Math.min(max, result);\n        return parseFloat(result.toFixed(precision));\n      });\n    }, [min, max, precision, isControlled]);\n\n    // Clamp to [min, max] and apply precision rounding\n    const clampValue = (raw: number): number => {\n      let result = raw;\n      if (min !== undefined) result = Math.max(min, result);\n      if (max !== undefined) result = Math.min(max, result);\n      return parseFloat(result.toFixed(precision));\n    };\n\n    const commitValue = (newVal: number) => {\n      const clamped = clampValue(newVal);\n      if (!isControlled) setLocalValue(clamped);\n      onChange?.(clamped);\n    };\n\n    // ── Stepper buttons ────────────────────────────────────────────────────\n    const handleDecrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue - step);\n    };\n\n    const handleIncrement = () => {\n      if (disabled || readOnly) return;\n      commitValue(currentValue + step);\n    };\n\n    // ── Typing mode handlers ───────────────────────────────────────────────\n    const handleTextFocus = () => {\n      setInputText(currentValue.toFixed(precision));\n      setIsFocused(true);\n    };\n\n    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInputText(e.target.value);\n    };\n\n    const handleTextBlur = () => {\n      setIsFocused(false);\n      const parsed = parseFloat(inputText);\n      if (!isNaN(parsed)) {\n        const clamped = clampValue(parsed);\n        if (!isControlled) setLocalValue(clamped);\n        onChange?.(clamped);\n        setInputText(clamped.toFixed(precision));\n      } else {\n        // Revert to the last known-good value\n        setInputText(currentValue.toFixed(precision));\n      }\n    };\n\n    // ArrowUp / ArrowDown keyboard support for both display modes\n    const handleDisplayKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        handleIncrement();\n      } else if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        handleDecrement();\n      }\n    };\n\n    // ── Display value ──────────────────────────────────────────────────────\n    // Show intermediate inputText while focused in typing mode;\n    // otherwise always derive from the real (controlled/uncontrolled) value.\n    const formattedValue = currentValue.toFixed(precision);\n    const displayedText = allowTyping && isFocused ? inputText : formattedValue;\n\n    // ── Disabled states for buttons ────────────────────────────────────────\n    const isDecrementDisabled = disabled || readOnly || (min !== undefined && currentValue <= min);\n    const isIncrementDisabled = disabled || readOnly || (max !== undefined && currentValue >= max);\n\n    // ── CSS classes ────────────────────────────────────────────────────────\n    const rootClasses = [\n      'eidos-number-input',\n      `eidos-number-input--${size}`,\n      fullWidth && fullWidthModifier('eidos-number-input'),\n      error && 'eidos-number-input--error',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const controlClasses = [\n      'eidos-number-input-control',\n      disabled && 'eidos-number-input-control--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className={rootClasses}>\n        {label && (\n          <label htmlFor={allowTyping ? inputId : undefined} className=\"eidos-number-input-label\">\n            {label}\n          </label>\n        )}\n\n        <div\n          className={controlClasses}\n          role={allowTyping ? undefined : 'spinbutton'}\n          aria-valuemin={allowTyping ? undefined : min}\n          aria-valuemax={allowTyping ? undefined : max}\n          aria-valuenow={allowTyping ? undefined : currentValue}\n          aria-label={allowTyping ? undefined : (label ?? 'Number input')}\n          aria-disabled={disabled || undefined}\n          tabIndex={!allowTyping && !disabled ? 0 : undefined}\n          onKeyDown={!allowTyping ? handleDisplayKeyDown : undefined}\n        >\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleDecrement}\n            disabled={isDecrementDisabled}\n            aria-label=\"Decrease\"\n          >\n            <Minus />\n          </button>\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          {allowTyping ? (\n            <input\n              id={inputId}\n              type=\"text\"\n              className=\"eidos-number-input-display\"\n              value={displayedText}\n              onChange={handleTextChange}\n              onFocus={handleTextFocus}\n              onBlur={handleTextBlur}\n              onKeyDown={handleDisplayKeyDown}\n              placeholder={placeholder}\n              disabled={disabled}\n              readOnly={readOnly}\n              inputMode=\"decimal\"\n              role=\"spinbutton\"\n              aria-invalid={error ? true : undefined}\n              aria-describedby={error && errorMessage ? errorId : undefined}\n              aria-valuemin={min}\n              aria-valuemax={max}\n              aria-valuenow={currentValue}\n              aria-label={label ?? 'Number input'}\n            />\n          ) : (\n            <span className=\"eidos-number-input-display\" aria-hidden=\"true\">\n              {placeholder && formattedValue === (0).toFixed(precision) && !isFocused\n                ? placeholder\n                : formattedValue}\n            </span>\n          )}\n\n          <div className=\"eidos-number-input-divider\" aria-hidden=\"true\" />\n\n          <button\n            type=\"button\"\n            className=\"eidos-number-input-btn\"\n            onClick={handleIncrement}\n            disabled={isIncrementDisabled}\n            aria-label=\"Increase\"\n          >\n            <Plus />\n          </button>\n        </div>\n\n        {/* Hidden native <input type=\"number\"> for form integration */}\n        <input\n          ref={ref}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          onChange={() => {}}\n          className=\"eidos-number-input-hidden\"\n          tabIndex={-1}\n          aria-hidden=\"true\"\n          disabled={disabled}\n          readOnly={readOnly}\n          min={min}\n          max={max}\n          step={step}\n        />\n\n        {helperText && !error && <span className=\"eidos-number-input-helper\">{helperText}</span>}\n\n        {error && errorMessage && (\n          <span id={errorId} className=\"eidos-number-input-error\" role=\"alert\">\n            {errorMessage}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nNumberInput.displayName = 'NumberInput';\n"]}

package/dist/{chunk-JHX6JK3M.js → chunk-3X6QVHTD.js}

@@ -2,7 +2,7 @@ import {
   devWarn,
   fullWidthModifier,
   useIsClient
-} from "./chunk-RHHZRTWM.js";
+} from "./chunk-U34INRFO.js";
 
 // src/components/Dropdown/Dropdown.context.types.ts
 import { createContext } from "react";
@@ -404,4 +404,4 @@ export {
   useDropdownContext,
   Dropdown
 };
-//# sourceMappingURL=chunk-JHX6JK3M.js.map
+//# sourceMappingURL=chunk-3X6QVHTD.js.map

package/dist/{chunk-7VJCGKVP.cjs → chunk-4HZIXRAJ.cjs}

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkBEOECPVJcjs = require('./chunk-BEOECPVJ.cjs');
+var _chunkUTYY35QXcjs = require('./chunk-UTYY35QX.cjs');
 
 
 
 
-var _chunk35LGEPLPcjs = require('./chunk-35LGEPLP.cjs');
+var _chunkENMDOQQOcjs = require('./chunk-ENMDOQQO.cjs');
 
 // src/components/Input/Input.component.tsx
 var _react = require('react');
@@ -52,7 +52,7 @@ var Input = _react.forwardRef.call(void 0,
     const errorId = `${inputId}-error`;
     const describedBy = [restInputProps["aria-describedby"], error ? errorId : null].filter(Boolean).join(" ") || void 0;
     if (posIcon && posIconButton && onPosIconClick && !posIconLabel) {
-      _chunk35LGEPLPcjs.devWarn.call(void 0, 
+      _chunkENMDOQQOcjs.devWarn.call(void 0, 
         "input-pos-icon-label",
         'Input: `posIconButton` renders an icon-only button, so it needs `posIconLabel` to have an accessible name. Falling back to "Input action".'
       );
@@ -133,7 +133,7 @@ var Input = _react.forwardRef.call(void 0,
       `eidos-input--${variant}`,
       `eidos-input--${color}`,
       `eidos-input--${size}`,
-      fullWidth && _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input"),
+      fullWidth && _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input"),
       loading && `eidos-input--loading`,
       error && `eidos-input--error`
     ].filter(Boolean).join(" ");
@@ -142,7 +142,7 @@ var Input = _react.forwardRef.call(void 0,
       `eidos-input-wrapper--${variant}`,
       `eidos-input-wrapper--${color}`,
       `eidos-input-wrapper--${size}`,
-      fullWidth && _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input-wrapper"),
+      fullWidth && _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input-wrapper"),
       loading && `eidos-input-wrapper--loading`,
       isFocused && `eidos-input-wrapper--focused`,
       error && `eidos-input-wrapper--error`
@@ -156,16 +156,16 @@ var Input = _react.forwardRef.call(void 0,
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: `eidos-input-container ${fullWidth ? _chunk35LGEPLPcjs.fullWidthModifier.call(void 0, "eidos-input-container") : ""} ${className}`,
+        className: `eidos-input-container ${fullWidth ? _chunkENMDOQQOcjs.fullWidthModifier.call(void 0, "eidos-input-container") : ""} ${className}`,
         style: width ? { width: typeof width === "number" ? `${width}px` : width, maxWidth: "100%" } : void 0,
         children: [
           label && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { htmlFor: inputId, className: labelClasses, children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-label-text`, children: label }),
             isRequired && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-required-asterisk`, children: "*" }),
-            disclaimerIcon && (disclaimerContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEOECPVJcjs.Tooltip, { message: disclaimerContent, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }))
+            disclaimerIcon && (disclaimerContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUTYY35QXcjs.Tooltip, { message: disclaimerContent, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-disclaimer-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, disclaimerIcon, `eidos-input-disclaimer-icon-svg`) }))
           ] }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: wrapperClasses, children: [
-            preIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pre-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, preIcon, `eidos-input-pre-icon-svg`) }),
+            preIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pre-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, preIcon, `eidos-input-pre-icon-svg`) }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "input",
               {
@@ -214,7 +214,7 @@ var Input = _react.forwardRef.call(void 0,
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: `eidos-input-clear-button-icon` })
               }
             ),
-            posIcon && !posIconButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pos-icon`, children: _chunk35LGEPLPcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`) }),
+            posIcon && !posIconButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-pos-icon`, children: _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`) }),
             posIcon && posIconButton && onPosIconClick && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "button",
               {
@@ -223,7 +223,7 @@ var Input = _react.forwardRef.call(void 0,
                 onClick: onPosIconClick,
                 disabled: disabled || loading,
                 "aria-label": _nullishCoalesce(posIconLabel, () => ( "Input action")),
-                children: _chunk35LGEPLPcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`)
+                children: _chunkENMDOQQOcjs.renderIcon.call(void 0, posIcon, `eidos-input-pos-icon-svg`)
               }
             ),
             isSelect && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: `eidos-input-select-chevron`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronDown, { className: `eidos-input-pos-icon-svg` }) })
@@ -242,4 +242,4 @@ Input.displayName = "Input";
 
 
 exports.Input = Input;
-//# sourceMappingURL=chunk-7VJCGKVP.cjs.map
+//# sourceMappingURL=chunk-4HZIXRAJ.cjs.map