@bigbinary/neeto-atoms 1.0.101 → 1.0.103

package/dist/{Empty-Bfido_mq.js → Empty-DINS0Uu4.js}

@@ -5,18 +5,26 @@ import { Empty as Empty$1, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
 import { r as renderIcon } from './renderIcon-C6twJSqH.js';
 import { T as Typography } from './Typography-CmILccNh.js';
-import { b as Button } from './Button-DV9xCqlc.js';
+import { b as Button } from './Button-C4c_dj-f.js';
 
 function MaybeTooltipButton({
   buttonProps,
   showTooltipWhenDisabled,
-  defaultVariant
+  defaultVariant,
+  dataTestid
 }) {
-  const button = /* @__PURE__ */ jsx(Button, { variant: defaultVariant, ...buttonProps });
+  const button = /* @__PURE__ */ jsx(
+    Button,
+    {
+      "data-testid": dataTestid,
+      variant: defaultVariant,
+      ...buttonProps
+    }
+  );
   if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {
     return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "inline-flex", children: button }) }),
-      /* @__PURE__ */ jsx(TooltipContent, { children: buttonProps.label })
+      /* @__PURE__ */ jsx(TooltipContent, { "data-testid": "tooltip-box", children: buttonProps.label })
     ] }) });
   }
   return button;
@@ -33,6 +41,7 @@ const Empty = forwardRef(
     buttonSeparatorText,
     showTooltipWhenButtonDisabled = false,
     className,
+    dataTestid,
     ...otherProps
   }, ref) => {
     const hasMedia = image || icon;
@@ -43,15 +52,16 @@ const Empty = forwardRef(
           image && /* @__PURE__ */ jsx(EmptyMedia, { children: typeof image === "string" ? /* @__PURE__ */ jsx("img", { src: image, alt: title ?? "" }) : image }),
           !image && icon && /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", children: renderIcon(icon) })
         ] }),
-        title && /* @__PURE__ */ jsx(Typography, { variant: "h4", asChild: true, children: /* @__PURE__ */ jsx(EmptyTitle, { children: title }) }),
-        description && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx(EmptyDescription, { children: description }) }),
-        helpText && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx("p", { children: helpText }) })
+        title && /* @__PURE__ */ jsx(Typography, { variant: "h4", asChild: true, children: /* @__PURE__ */ jsx(EmptyTitle, { "data-testid": dataTestid ?? "empty-state-title", children: title }) }),
+        description && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx(EmptyDescription, { "data-testid": "empty-state-description", children: description }) }),
+        helpText && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx("p", { "data-testid": "empty-state-help-text", children: helpText }) })
       ] }),
       hasButtons && /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
         primaryButtonProps && /* @__PURE__ */ jsx(
           MaybeTooltipButton,
           {
             buttonProps: primaryButtonProps,
+            dataTestid: "empty-state-primary-button",
             showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
             defaultVariant: "default"
           }
@@ -61,6 +71,7 @@ const Empty = forwardRef(
           MaybeTooltipButton,
           {
             buttonProps: secondaryButtonProps,
+            dataTestid: "empty-state-secondary-button",
             showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
             defaultVariant: "outline"
           }
@@ -72,4 +83,4 @@ const Empty = forwardRef(
 Empty.displayName = "Empty";
 
 export { Empty as E };
-//# sourceMappingURL=Empty-Bfido_mq.js.map
+//# sourceMappingURL=Empty-DINS0Uu4.js.map

package/dist/Empty-DINS0Uu4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty-DINS0Uu4.js","sources":["../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Empty as PrimitiveEmpty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n} from \"src/primitives/Empty\";\nimport { Button } from \"src/components/Button\";\nimport { Typography } from \"src/components/Typography\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\n\nexport interface EmptyProps extends React.ComponentProps<\"div\"> {\n  /** Image URL or JSX for the media area. */\n  image?: string | React.ReactNode;\n  /** Icon for the media area (rendered inside EmptyMedia with variant=\"icon\"). */\n  icon?: IconProp;\n  /** Empty state title. */\n  title?: string;\n  /** Description text or JSX. */\n  description?: React.ReactNode;\n  /** Additional help text below the description. */\n  helpText?: React.ReactNode;\n  /** Props forwarded to the primary action Button. */\n  primaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Props forwarded to the secondary action Button. */\n  secondaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Text displayed between the primary and secondary buttons (e.g., \"or\"). */\n  buttonSeparatorText?: string;\n  /** Show tooltip on disabled buttons using their label as content. */\n  showTooltipWhenButtonDisabled?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n  /** Custom data-testid attribute for the title. */\n  dataTestid?: string;\n  /** Class applied to inner slots (header/content); overrides default max-width if a `max-w-*` token is provided. */\n  innerClassName?: string;\n}\n\nfunction MaybeTooltipButton({\n  buttonProps,\n  showTooltipWhenDisabled,\n  defaultVariant,\n  dataTestid,\n}: {\n  buttonProps: React.ComponentProps<typeof Button>;\n  showTooltipWhenDisabled: boolean;\n  defaultVariant: \"default\" | \"outline\";\n  dataTestid: string;\n}) {\n  const button = (\n    <Button\n      data-testid={dataTestid}\n      variant={defaultVariant}\n      {...buttonProps}\n    />\n  );\n\n  if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {\n    return (\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent data-testid=\"tooltip-box\">\n            {buttonProps.label}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n}\n\nconst Empty = forwardRef<HTMLDivElement, EmptyProps>(\n  (\n    {\n      image,\n      icon,\n      title,\n      description,\n      helpText,\n      primaryButtonProps,\n      secondaryButtonProps,\n      buttonSeparatorText,\n      showTooltipWhenButtonDisabled = false,\n      className,\n      dataTestid,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const hasMedia = image || icon;\n    const hasButtons = primaryButtonProps || secondaryButtonProps;\n\n    return (\n      <PrimitiveEmpty ref={ref} className={cn(className)} {...otherProps}>\n        <EmptyHeader>\n          {hasMedia && (\n            <>\n              {image && (\n                <EmptyMedia>\n                  {typeof image === \"string\" ? (\n                    <img src={image} alt={title ?? \"\"} />\n                  ) : (\n                    image\n                  )}\n                </EmptyMedia>\n              )}\n              {!image && icon && (\n                <EmptyMedia variant=\"icon\">{renderIcon(icon)}</EmptyMedia>\n              )}\n            </>\n          )}\n          {title && (\n            <Typography variant=\"h4\" asChild>\n              <EmptyTitle data-testid={dataTestid ?? \"empty-state-title\"}>\n                {title}\n              </EmptyTitle>\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <EmptyDescription data-testid=\"empty-state-description\">\n                {description}\n              </EmptyDescription>\n            </Typography>\n          )}\n          {helpText && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <p data-testid=\"empty-state-help-text\">{helpText}</p>\n            </Typography>\n          )}\n        </EmptyHeader>\n\n        {hasButtons && (\n          <EmptyContent>\n            <div className=\"flex flex-wrap items-center justify-center gap-2\">\n              {primaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={primaryButtonProps}\n                  dataTestid=\"empty-state-primary-button\"\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"default\"\n                />\n              )}\n              {buttonSeparatorText &&\n                primaryButtonProps &&\n                secondaryButtonProps && (\n                  <Typography variant=\"body3\" color=\"muted\" asChild>\n                    <span>{buttonSeparatorText}</span>\n                  </Typography>\n                )}\n              {secondaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={secondaryButtonProps}\n                  dataTestid=\"empty-state-secondary-button\"\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"outline\"\n                />\n              )}\n            </div>\n          </EmptyContent>\n        )}\n      </PrimitiveEmpty>\n    );\n  }\n);\n\nEmpty.displayName = \"Empty\";\n\nexport { Empty };\n"],"names":["PrimitiveEmpty"],"mappings":"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"}

package/dist/{HelpIcon-Cm3ZgoCx.js → HelpIcon-CbnRiSjn.js}

@@ -3,8 +3,8 @@ import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './prim
 import { r as renderIcon } from './renderIcon-C6twJSqH.js';
 import { c as cn } from './utils-BJnb9o5c.js';
 import { c as createLucideIcon } from './createLucideIcon-C8ycilSN.js';
-import { P as Popover } from './Popover-C1FNlRtU.js';
-import { b as Button } from './Button-DV9xCqlc.js';
+import { P as Popover } from './Popover-BHGvcdV2.js';
+import { b as Button } from './Button-C4c_dj-f.js';
 
 /**
  * @license lucide-react v0.577.0 - ISC
@@ -70,4 +70,4 @@ const HelpIcon = (helpIconProps) => {
 };
 
 export { HelpIcon as H };
-//# sourceMappingURL=HelpIcon-Cm3ZgoCx.js.map
+//# sourceMappingURL=HelpIcon-CbnRiSjn.js.map

package/dist/{HelpIcon-Cm3ZgoCx.js.map → HelpIcon-CbnRiSjn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HelpIcon-Cm3ZgoCx.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n  /** Tooltip content. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n  /** Popover title. */\n  title?: React.ReactNode;\n  /** Popover description. */\n  description?: React.ReactNode;\n  /** Props for an optional help link button inside the popover. */\n  helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n  /** Click handler on the help icon. */\n  onClick?: () => void;\n  /** Custom icon. Defaults to CircleHelpIcon. */\n  icon?: IconProp;\n  /** Show a tooltip on hover. */\n  tooltipProps?: HelpIconTooltipProps;\n  /** Show a popover on hover with title, description, and optional link. */\n  popoverProps?: HelpIconPopoverProps;\n  /** Additional class name for the help icon. */\n  className?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n  const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n  const iconElement = (\n    <span\n      className={cn(\n        \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n        helpIconProps.onClick && \"cursor-pointer\",\n        helpIconProps.className\n      )}\n      onClick={helpIconProps.onClick}\n    >\n      {renderIcon(icon, \"size-3.5\")}\n    </span>\n  );\n\n  if (helpIconProps.popoverProps) {\n    const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n    return (\n      <Popover trigger={iconElement}>\n        {title && <Popover.Title>{title}</Popover.Title>}\n        {description && (\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        )}\n        {helpLinkProps && (\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            className=\"mt-1 h-auto self-start p-0\"\n            {...helpLinkProps}\n            href={helpLinkProps.href}\n          />\n        )}\n      </Popover>\n    );\n  }\n\n  if (helpIconProps.tooltipProps?.content) {\n    const side =\n      SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n          <TooltipContent side={side}>\n            {helpIconProps.tooltipProps.content}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AA+BO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,OAAA,CAAQ,KAAA,EAAR,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC/B,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAiC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MAE3D,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACT,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"HelpIcon-CbnRiSjn.js","sources":["../node_modules/lucide-react/dist/esm/icons/circle-question-mark.js","../src/shared/HelpIcon.tsx"],"sourcesContent":["/**\n * @license lucide-react v0.577.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n  [\"path\", { d: \"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\", key: \"1u773s\" }],\n  [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n];\nconst CircleQuestionMark = createLucideIcon(\"circle-question-mark\", __iconNode);\n\nexport { __iconNode, CircleQuestionMark as default };\n//# sourceMappingURL=circle-question-mark.js.map\n","import type React from \"react\";\n\nimport { CircleHelpIcon } from \"lucide-react\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { Popover } from \"src/components/Popover\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"top\",\n};\n\nexport interface HelpIconTooltipProps {\n  /** Tooltip content. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface HelpIconPopoverProps {\n  /** Popover title. */\n  title?: React.ReactNode;\n  /** Popover description. */\n  description?: React.ReactNode;\n  /** Props for an optional help link button inside the popover. */\n  helpLinkProps?: ButtonProps;\n}\n\nexport interface HelpIconProps {\n  /** Click handler on the help icon. */\n  onClick?: () => void;\n  /** Custom icon. Defaults to CircleHelpIcon. */\n  icon?: IconProp;\n  /** Show a tooltip on hover. */\n  tooltipProps?: HelpIconTooltipProps;\n  /** Show a popover on hover with title, description, and optional link. */\n  popoverProps?: HelpIconPopoverProps;\n  /** Additional class name for the help icon. */\n  className?: string;\n}\n\nexport const HelpIcon = (helpIconProps: HelpIconProps) => {\n  const icon = helpIconProps.icon ?? CircleHelpIcon;\n\n  const iconElement = (\n    <span\n      className={cn(\n        \"inline-flex cursor-help text-muted-foreground transition-colors hover:text-foreground\",\n        helpIconProps.onClick && \"cursor-pointer\",\n        helpIconProps.className\n      )}\n      onClick={helpIconProps.onClick}\n    >\n      {renderIcon(icon, \"size-3.5\")}\n    </span>\n  );\n\n  if (helpIconProps.popoverProps) {\n    const { title, description, helpLinkProps } = helpIconProps.popoverProps;\n\n    return (\n      <Popover trigger={iconElement}>\n        {title && <Popover.Title>{title}</Popover.Title>}\n        {description && (\n          <p className=\"text-sm text-muted-foreground\">{description}</p>\n        )}\n        {helpLinkProps && (\n          <Button\n            variant=\"link\"\n            size=\"sm\"\n            className=\"mt-1 h-auto self-start p-0\"\n            {...helpLinkProps}\n            href={helpLinkProps.href}\n          />\n        )}\n      </Popover>\n    );\n  }\n\n  if (helpIconProps.tooltipProps?.content) {\n    const side =\n      SIDE_MAP[helpIconProps.tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{iconElement}</TooltipTrigger>\n          <TooltipContent side={side}>\n            {helpIconProps.tooltipProps.content}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return iconElement;\n};\n"],"names":["CircleHelpIcon"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAIA,MAAM,UAAU,GAAG;AACnB,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC5D,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,sCAAsC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AACxE,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE;AAC7C,CAAC;AACD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,sBAAsB,EAAE,UAAU,CAAC;;ACC/E,MAAM,QAAA,GAAgE;AAAA,EACpE,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AA+BO,MAAM,QAAA,GAAW,CAAC,aAAA,KAAiC;AACxD,EAAA,MAAM,IAAA,GAAO,cAAc,IAAA,IAAQA,kBAAA;AAEnC,EAAA,MAAM,WAAA,mBACJ,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,uFAAA;AAAA,QACA,cAAc,OAAA,IAAW,gBAAA;AAAA,QACzB,aAAA,CAAc;AAAA,OAChB;AAAA,MACA,SAAS,aAAA,CAAc,OAAA;AAAA,MAEtB,QAAA,EAAA,UAAA,CAAW,MAAM,UAAU;AAAA;AAAA,GAC9B;AAGF,EAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,IAAA,MAAM,EAAE,KAAA,EAAO,WAAA,EAAa,aAAA,KAAkB,aAAA,CAAc,YAAA;AAE5D,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAS,WAAA,EACf,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,OAAA,CAAQ,KAAA,EAAR,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC/B,WAAA,oBACC,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAiC,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,MAE3D,aAAA,oBACC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,MAAA;AAAA,UACR,IAAA,EAAK,IAAA;AAAA,UACL,SAAA,EAAU,4BAAA;AAAA,UACT,GAAG,aAAA;AAAA,UACJ,MAAM,aAAA,CAAc;AAAA;AAAA;AACtB,KAAA,EAEJ,CAAA;AAAA,EAEJ;AAEA,EAAA,IAAI,aAAA,CAAc,cAAc,OAAA,EAAS;AACvC,IAAA,MAAM,OACJ,QAAA,CAAS,aAAA,CAAc,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE7D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,sBACrC,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EACb,QAAA,EAAA,aAAA,CAAc,aAAa,OAAA,EAC9B;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,WAAA;AACT;;;;","x_google_ignoreList":[0]}

package/dist/{Input-CYKHBpJn.js → Input-CuIurquS.js}

@@ -239,7 +239,7 @@ const Input = forwardRef(
           ] }),
           /* @__PURE__ */ jsxs(FieldContent, { children: [
             inputGroup,
-            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error }),
+            !!error && /* @__PURE__ */ jsx(FieldError, { "data-testid": "input-error", id: errorId, children: error }),
             helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
           ] })
         ]
@@ -250,4 +250,4 @@ const Input = forwardRef(
 Input.displayName = "Input";
 
 export { Input as I };
-//# sourceMappingURL=Input-CYKHBpJn.js.map
+//# sourceMappingURL=Input-CuIurquS.js.map

package/dist/{Input-CYKHBpJn.js.map → Input-CuIurquS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Input-CYKHBpJn.js","sources":["../src/components/Input/constants.ts","../src/components/Input/utils.ts","../src/components/Input/Input.tsx"],"sourcesContent":["// Mobile (<768px) uses 16px input font-size to prevent iOS Safari auto-zoom\n// on focus. Desktop (md+) keeps the original text sizes. Small variant also\n// bumps its height on mobile so 16px text doesn't look cramped in a 28px\n// container; medium and large keep their desktop heights.\nexport const SIZE_CONFIG = {\n  small: {\n    group: \"h-8 md:h-7\",\n    input: \"text-base md:text-xs px-2\",\n    addonStart: \"ps-1.5\",\n    addonEnd: \"pe-1.5\",\n    icon: \"size-3.5\",\n  },\n  medium: {\n    group: \"h-8\",\n    input: \"text-base md:text-sm\",\n    addonStart: \"ps-2\",\n    addonEnd: \"pe-2\",\n    icon: \"size-4\",\n  },\n  large: {\n    group: \"h-10\",\n    input: \"text-base md:text-sm\",\n    addonStart: \"ps-2.5\",\n    addonEnd: \"pe-2.5\",\n    icon: \"size-5\",\n  },\n};\n","import React from \"react\";\n\nexport function toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nexport function formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nexport function enforceDecimalPrecision(\n  value: string,\n  precision: number\n): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nexport function formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nexport function getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nexport function preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  const restore = () => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  };\n\n  // Schedule via microtask (fires before paint, before any other event handlers run)\n  // and fall back to RAF only if the microtask didn't run for some reason.\n  // Leaving both armed races stale RAFs against subsequent keystrokes' onChange,\n  // which corrupts cursor position under fast typing (jsdom + user-event).\n  const rafId = requestAnimationFrame(restore);\n  queueMicrotask(() => {\n    cancelAnimationFrame(rafId);\n    restore();\n  });\n\n  return updatedEvent;\n}\n","import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\nimport { withIconSize, type IconLike } from \"src/utils/withIconSize\";\n\nimport { SIZE_CONFIG } from \"./constants\";\nimport {\n  formatWithPrecision,\n  enforceDecimalPrecision,\n  formatWithRejectCharsRegex,\n  getTrimmedValue,\n  preserveCursor,\n} from \"./utils\";\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. Accepts an element, a component\n   * reference (e.g. `Search` from lucide-react), or any other React node. */\n  prefix?: IconLike;\n  /** Content rendered after the input. Accepts an element, a component\n   * reference (e.g. `Search` from lucide-react), or any other React node. */\n  suffix?: IconLike;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon\n            align=\"inline-start\"\n            className={sizeConfig.addonStart}\n          >\n            <InputGroupText>\n              {withIconSize(prefix, sizeConfig.icon)}\n            </InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addonEnd}>\n            <InputGroupText>\n              {withIconSize(suffix, sizeConfig.icon)}\n            </InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input-CuIurquS.js","sources":["../src/components/Input/constants.ts","../src/components/Input/utils.ts","../src/components/Input/Input.tsx"],"sourcesContent":["// Mobile (<768px) uses 16px input font-size to prevent iOS Safari auto-zoom\n// on focus. Desktop (md+) keeps the original text sizes. Small variant also\n// bumps its height on mobile so 16px text doesn't look cramped in a 28px\n// container; medium and large keep their desktop heights.\nexport const SIZE_CONFIG = {\n  small: {\n    group: \"h-8 md:h-7\",\n    input: \"text-base md:text-xs px-2\",\n    addonStart: \"ps-1.5\",\n    addonEnd: \"pe-1.5\",\n    icon: \"size-3.5\",\n  },\n  medium: {\n    group: \"h-8\",\n    input: \"text-base md:text-sm\",\n    addonStart: \"ps-2\",\n    addonEnd: \"pe-2\",\n    icon: \"size-4\",\n  },\n  large: {\n    group: \"h-10\",\n    input: \"text-base md:text-sm\",\n    addonStart: \"ps-2.5\",\n    addonEnd: \"pe-2.5\",\n    icon: \"size-5\",\n  },\n};\n","import React from \"react\";\n\nexport function toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nexport function formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nexport function enforceDecimalPrecision(\n  value: string,\n  precision: number\n): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nexport function formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nexport function getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nexport function preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  const restore = () => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  };\n\n  // Schedule via microtask (fires before paint, before any other event handlers run)\n  // and fall back to RAF only if the microtask didn't run for some reason.\n  // Leaving both armed races stale RAFs against subsequent keystrokes' onChange,\n  // which corrupts cursor position under fast typing (jsdom + user-event).\n  const rafId = requestAnimationFrame(restore);\n  queueMicrotask(() => {\n    cancelAnimationFrame(rafId);\n    restore();\n  });\n\n  return updatedEvent;\n}\n","import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\nimport { withIconSize, type IconLike } from \"src/utils/withIconSize\";\n\nimport { SIZE_CONFIG } from \"./constants\";\nimport {\n  formatWithPrecision,\n  enforceDecimalPrecision,\n  formatWithRejectCharsRegex,\n  getTrimmedValue,\n  preserveCursor,\n} from \"./utils\";\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. Accepts an element, a component\n   * reference (e.g. `Search` from lucide-react), or any other React node. */\n  prefix?: IconLike;\n  /** Content rendered after the input. Accepts an element, a component\n   * reference (e.g. `Search` from lucide-react), or any other React node. */\n  suffix?: IconLike;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon\n            align=\"inline-start\"\n            className={sizeConfig.addonStart}\n          >\n            <InputGroupText>\n              {withIconSize(prefix, sizeConfig.icon)}\n            </InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addonEnd}>\n            <InputGroupText>\n              {withIconSize(suffix, sizeConfig.icon)}\n            </InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && (\n            <FieldError data-testid=\"input-error\" id={errorId}>\n              {error}\n            </FieldError>\n          )}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":[],"mappings":"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"}

package/dist/{Kbd-CAIAs4OO.js → Kbd-CKfR8HlC.js}

@@ -36,7 +36,7 @@ const Kbd = forwardRef(
           ...otherProps
         }
       ) }),
-      /* @__PURE__ */ jsx(TooltipContent, { side, children: tooltipProps.content })
+      /* @__PURE__ */ jsx(TooltipContent, { "data-testid": "tooltip-box", side, children: tooltipProps.content })
     ] }) });
   }
 );
@@ -45,4 +45,4 @@ const KbdGroup = KbdGroup$1;
 const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
 
 export { KbdNamespace as K };
-//# sourceMappingURL=Kbd-CAIAs4OO.js.map
+//# sourceMappingURL=Kbd-CKfR8HlC.js.map

package/dist/{Kbd-CAIAs4OO.js.map → Kbd-CKfR8HlC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Kbd-CAIAs4OO.js","sources":["../src/components/Kbd/constants.ts","../src/components/Kbd/Kbd.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Kbd as PrimitiveKbd,\n  KbdGroup as PrimitiveKbdGroup,\n} from \"src/primitives/Kbd\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { SIDE_MAP } from \"./constants\";\n\nexport interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {\n  /** Optional tooltip to display on hover. */\n  tooltipProps?: {\n    content?: React.ReactNode;\n    position?: string;\n  };\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ tooltipProps, className, ...otherProps }, ref) => {\n    if (!tooltipProps?.content) {\n      return (\n        <PrimitiveKbd ref={ref} className={cn(className)} {...otherProps} />\n      );\n    }\n\n    const side = SIDE_MAP[tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <PrimitiveKbd\n              ref={ref}\n              tabIndex={0}\n              className={cn(\"pointer-events-auto\", className)}\n              {...otherProps}\n            />\n          </TooltipTrigger>\n          <TooltipContent side={side}>{tooltipProps.content}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\nconst KbdGroup = PrimitiveKbdGroup;\n\nconst KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });\n\nexport { KbdNamespace as Kbd };\n"],"names":["PrimitiveKbd","PrimitiveKbdGroup"],"mappings":";;;;;;AAAO,MAAM,QAAA,GAAgE;AAAA,EAC3E,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,QAAA;AAAA,EAChB,YAAA,EAAc,QAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAY,MAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,OAAA;AAAA,EACb,IAAA,EAAM;AACR,CAAA;;ACYA,MAAM,GAAA,GAAM,UAAA;AAAA,EACV,CAAC,EAAE,YAAA,EAAc,WAAW,GAAG,UAAA,IAAc,GAAA,KAAQ;AACnD,IAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,MAAA,uBACE,GAAA,CAACA,SAAa,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EAAY,CAAA;AAAA,IAEtE;AAEA,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE1D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAACA,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA,EAAU,CAAA;AAAA,UACV,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,UAC7C,GAAG;AAAA;AAAA,OACN,EACF,CAAA;AAAA,sBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAa,QAAA,EAAA,YAAA,CAAa,OAAA,EAAQ;AAAA,KAAA,EACpD,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,MAAM,QAAA,GAAWC,UAAA;AAEjB,MAAM,eAAe,MAAA,CAAO,MAAA,CAAO,KAAK,EAAE,KAAA,EAAO,UAAU;;;;"}
+{"version":3,"file":"Kbd-CKfR8HlC.js","sources":["../src/components/Kbd/constants.ts","../src/components/Kbd/Kbd.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Kbd as PrimitiveKbd,\n  KbdGroup as PrimitiveKbdGroup,\n} from \"src/primitives/Kbd\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { SIDE_MAP } from \"./constants\";\n\nexport interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {\n  /** Optional tooltip to display on hover. */\n  tooltipProps?: {\n    content?: React.ReactNode;\n    position?: string;\n  };\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ tooltipProps, className, ...otherProps }, ref) => {\n    if (!tooltipProps?.content) {\n      return (\n        <PrimitiveKbd ref={ref} className={cn(className)} {...otherProps} />\n      );\n    }\n\n    const side = SIDE_MAP[tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <PrimitiveKbd\n              ref={ref}\n              tabIndex={0}\n              className={cn(\"pointer-events-auto\", className)}\n              {...otherProps}\n            />\n          </TooltipTrigger>\n          <TooltipContent data-testid=\"tooltip-box\" side={side}>\n            {tooltipProps.content}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\nconst KbdGroup = PrimitiveKbdGroup;\n\nconst KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });\n\nexport { KbdNamespace as Kbd };\n"],"names":["PrimitiveKbd","PrimitiveKbdGroup"],"mappings":";;;;;;AAAO,MAAM,QAAA,GAAgE;AAAA,EAC3E,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,QAAA;AAAA,EAChB,YAAA,EAAc,QAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAY,MAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,OAAA;AAAA,EACb,IAAA,EAAM;AACR,CAAA;;ACYA,MAAM,GAAA,GAAM,UAAA;AAAA,EACV,CAAC,EAAE,YAAA,EAAc,WAAW,GAAG,UAAA,IAAc,GAAA,KAAQ;AACnD,IAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,MAAA,uBACE,GAAA,CAACA,SAAa,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EAAY,CAAA;AAAA,IAEtE;AAEA,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE1D,IAAA,uBACE,GAAA,CAAC,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAACA,KAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA,EAAU,CAAA;AAAA,UACV,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,UAC7C,GAAG;AAAA;AAAA,OACN,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,aAAA,EAAY,aAAA,EAAc,IAAA,EACvC,uBAAa,OAAA,EAChB;AAAA,KAAA,EACF,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,MAAM,QAAA,GAAWC,UAAA;AAEjB,MAAM,eAAe,MAAA,CAAO,MAAA,CAAO,KAAK,EAAE,KAAA,EAAO,UAAU;;;;"}

package/dist/{Label-mrNM2drW.js → Label-DjOaTM4Q.js}

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { H as HelpIcon } from './HelpIcon-Cm3ZgoCx.js';
+import { H as HelpIcon } from './HelpIcon-CbnRiSjn.js';
 import { Label as Label$1 } from './primitives/Label.js';
 import { c as cn } from './utils-BJnb9o5c.js';
 
@@ -14,4 +14,4 @@ const Label = forwardRef(
 Label.displayName = "Label";
 
 export { Label as L };
-//# sourceMappingURL=Label-mrNM2drW.js.map
+//# sourceMappingURL=Label-DjOaTM4Q.js.map

package/dist/{Label-mrNM2drW.js.map → Label-DjOaTM4Q.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Label-mrNM2drW.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n  typeof PrimitiveLabel\n> {\n  /** Shows a red asterisk after the label text. */\n  required?: boolean;\n  /** Props for the help icon (tooltip or popover mode). */\n  helpIconProps?: HelpIconProps;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n    <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n      {children}\n      {required && (\n        <span aria-hidden=\"true\" className=\"text-destructive\">\n          *\n        </span>\n      )}\n      {helpIconProps && <HelpIcon {...helpIconProps} />}\n    </PrimitiveLabel>\n  )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["PrimitiveLabel"],"mappings":";;;;;;AAmBA,MAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChE,IAAA,CAACA,WAAe,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiB,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}
+{"version":3,"file":"Label-DjOaTM4Q.js","sources":["../src/components/Label/Label.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { HelpIcon, type HelpIconProps } from \"src/shared/HelpIcon\";\nimport { Label as PrimitiveLabel } from \"src/primitives/Label\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nexport type { HelpIconProps };\n\nexport interface LabelProps extends React.ComponentProps<\n  typeof PrimitiveLabel\n> {\n  /** Shows a red asterisk after the label text. */\n  required?: boolean;\n  /** Props for the help icon (tooltip or popover mode). */\n  helpIconProps?: HelpIconProps;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ required, helpIconProps, className, children, ...otherProps }, ref) => (\n    <PrimitiveLabel ref={ref} className={cn(className)} {...otherProps}>\n      {children}\n      {required && (\n        <span aria-hidden=\"true\" className=\"text-destructive\">\n          *\n        </span>\n      )}\n      {helpIconProps && <HelpIcon {...helpIconProps} />}\n    </PrimitiveLabel>\n  )\n);\n\nLabel.displayName = \"Label\";\n\nexport { Label };\n"],"names":["PrimitiveLabel"],"mappings":";;;;;;AAmBA,MAAM,KAAA,GAAQ,UAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChE,IAAA,CAACA,WAAe,GAAA,EAAU,SAAA,EAAW,GAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACC,GAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiB,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/{MultiEmailInput-Du1964Ka.js → MultiEmailInput-BB334s4C.js}

@@ -168,96 +168,103 @@ const MultiEmailInput = forwardRef((props, ref) => {
     handleFilterInvalidEmails,
     duplicateEmails
   } = useMultiEmailState(props);
-  return /* @__PURE__ */ jsxs(Field, { className: cn("flex flex-col gap-1.5", className), children: [
-    (label || isCounterVisible) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [
-        label,
-        required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: " *" })
-      ] }),
-      isCounterVisible && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
-        validCount,
-        " ",
-        typeof counter === "object" && counter?.label ? counter.label : pluralizeEmail(validCount)
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          CHIPS_CONTAINER,
-          !!error && CHIPS_ERROR,
-          disabled && "pointer-events-none opacity-50"
-        ),
-        style: { maxHeight: `${maxHeight}px`, overflowY: "auto" },
-        children: [
-          prefix && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-muted-foreground", children: withIconSize(prefix, "size-4") }),
-          visibleEmails.map((email) => /* @__PURE__ */ jsxs(
-            "span",
-            {
-              className: cn(CHIP_BASE, !email.valid && CHIP_INVALID),
-              children: [
-                email.label,
-                !disabled && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    tabIndex: -1,
-                    className: "-ms-0.5 rounded-xs opacity-50 hover:opacity-100",
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleChipRemove(email.value),
-                    "aria-label": `Remove ${email.label}`,
-                    children: /* @__PURE__ */ jsx(X, { className: "size-3 pointer-events-none" })
-                  }
-                )
-              ]
-            },
-            email.value
-          )),
-          hiddenCount > 0 && /* @__PURE__ */ jsxs("span", { className: "flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground", children: [
-            "+",
-            hiddenCount,
-            " more"
+  return /* @__PURE__ */ jsxs(
+    Field,
+    {
+      className: cn("flex flex-col gap-1.5", className),
+      "data-testid": "email-input-wrapper",
+      children: [
+        (label || isCounterVisible) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: " *" })
           ] }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref,
-              id,
-              type: "text",
-              value: inputValue,
-              onChange: (e) => setInputValue(e.target.value),
-              onKeyDown: handleKeyDown,
-              onPaste: handlePaste,
-              onFocus: handleFocus,
-              onBlur: handleBlur,
-              placeholder: props.value?.length ? "" : placeholder,
-              disabled,
-              className: "min-w-16 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm"
-            }
-          ),
-          suffix && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-muted-foreground", children: withIconSize(suffix, "size-4") })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(FieldContent, { children: [
-      !!error && /* @__PURE__ */ jsxs("p", { className: "text-[0.8rem] text-destructive", children: [
-        error,
-        isFilterLinkVisible && /* @__PURE__ */ jsx(
-          "button",
+          isCounterVisible && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+            validCount,
+            " ",
+            typeof counter === "object" && counter?.label ? counter.label : pluralizeEmail(validCount)
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            type: "button",
-            className: "ml-1 cursor-pointer font-semibold underline",
-            onClick: handleFilterInvalidEmails,
-            children: filterInvalidEmails?.label ?? "Click here to remove invalid emails."
+            className: cn(
+              CHIPS_CONTAINER,
+              !!error && CHIPS_ERROR,
+              disabled && "pointer-events-none opacity-50"
+            ),
+            style: { maxHeight: `${maxHeight}px`, overflowY: "auto" },
+            children: [
+              prefix && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-muted-foreground", children: withIconSize(prefix, "size-4") }),
+              visibleEmails.map((email) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: cn(CHIP_BASE, !email.valid && CHIP_INVALID),
+                  children: [
+                    email.label,
+                    !disabled && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        tabIndex: -1,
+                        className: "-ms-0.5 rounded-xs opacity-50 hover:opacity-100",
+                        onMouseDown: (e) => e.preventDefault(),
+                        onClick: () => handleChipRemove(email.value),
+                        "aria-label": `Remove ${email.label}`,
+                        children: /* @__PURE__ */ jsx(X, { className: "size-3 pointer-events-none" })
+                      }
+                    )
+                  ]
+                },
+                email.value
+              )),
+              hiddenCount > 0 && /* @__PURE__ */ jsxs("span", { className: "flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground", children: [
+                "+",
+                hiddenCount,
+                " more"
+              ] }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref,
+                  id,
+                  type: "text",
+                  value: inputValue,
+                  onChange: (e) => setInputValue(e.target.value),
+                  onKeyDown: handleKeyDown,
+                  onPaste: handlePaste,
+                  onFocus: handleFocus,
+                  onBlur: handleBlur,
+                  placeholder: props.value?.length ? "" : placeholder,
+                  disabled,
+                  className: "min-w-16 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm"
+                }
+              ),
+              suffix && /* @__PURE__ */ jsx("div", { className: "shrink-0 text-muted-foreground", children: withIconSize(suffix, "size-4") })
+            ]
           }
-        )
-      ] }),
-      !!helpText && /* @__PURE__ */ jsx("p", { className: "text-[0.8rem] text-muted-foreground", children: helpText }),
-      duplicateEmails.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-[0.8rem] text-amber-600 dark:text-amber-400", children: formatDuplicateWarning(duplicateEmails) })
-    ] })
-  ] });
+        ),
+        /* @__PURE__ */ jsxs(FieldContent, { children: [
+          !!error && /* @__PURE__ */ jsxs("p", { className: "text-[0.8rem] text-destructive", children: [
+            error,
+            isFilterLinkVisible && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ml-1 cursor-pointer font-semibold underline",
+                onClick: handleFilterInvalidEmails,
+                children: filterInvalidEmails?.label ?? "Click here to remove invalid emails."
+              }
+            )
+          ] }),
+          !!helpText && /* @__PURE__ */ jsx("p", { className: "text-[0.8rem] text-muted-foreground", children: helpText }),
+          duplicateEmails.length > 0 && /* @__PURE__ */ jsx("p", { className: "text-[0.8rem] text-amber-600 dark:text-amber-400", children: formatDuplicateWarning(duplicateEmails) })
+        ] })
+      ]
+    }
+  );
 });
 MultiEmailInput.displayName = "MultiEmailInput";
 
 export { MultiEmailInput as M };
-//# sourceMappingURL=MultiEmailInput-Du1964Ka.js.map
+//# sourceMappingURL=MultiEmailInput-BB334s4C.js.map

package/dist/MultiEmailInput-BB334s4C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput-BB334s4C.js","sources":["../src/components/MultiEmailInput/constants.ts","../src/components/MultiEmailInput/utils.ts","../src/components/MultiEmailInput/useMultiEmailState.ts","../src/components/MultiEmailInput/MultiEmailInput.tsx"],"sourcesContent":["export const EMAIL_REGEX = /^[A-Z0-9._%+-]+@[A-Z0-9-]+(?:\\.[A-Z0-9-]+)*\\.[A-Z]{2,}$/i;\n\nexport const UNSTRICT_EMAIL_REGEX =\n  /(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))/g;\n\nexport const EMAIL_SEPARATION_REGEX = /[^\\s,]+/g;\n","import { EMAIL_REGEX } from \"./constants\";\nimport type { EmailValue } from \"./types\";\n\nexport const formatEmailInputOption = (email: string): EmailValue => ({\n  label: email,\n  value: email,\n  valid: EMAIL_REGEX.test(email),\n});\n\nexport const pruneDuplicates = (\n  existing: EmailValue[],\n  newEmailStrings: string[]\n): { uniqueEmails: EmailValue[]; duplicates: string[] } => {\n  const seen = new Set(existing.map(e => e.value.toLowerCase()));\n  const duplicates: string[] = [];\n  const added: EmailValue[] = [];\n\n  for (const emailStr of newEmailStrings) {\n    const lower = emailStr.toLowerCase();\n    if (seen.has(lower)) {\n      duplicates.push(emailStr);\n    } else {\n      seen.add(lower);\n      added.push(formatEmailInputOption(emailStr));\n    }\n  }\n\n  return { uniqueEmails: [...existing, ...added], duplicates };\n};\n\nexport const filterValidEmails = (emails: EmailValue[]): EmailValue[] =>\n  emails.filter(email => email.valid);\n\nexport const pluralizeEmail = (count: number): string =>\n  count === 1 ? \"email\" : \"emails\";\n\nexport const formatDuplicateWarning = (duplicates: string[]): string => {\n  const count = duplicates.length;\n\n  return `Removed ${count} duplicate ${pluralizeEmail(count)} from the list: ${duplicates.join(\", \")}`;\n};\n","import { useState, useCallback, useMemo } from \"react\";\n\nimport { UNSTRICT_EMAIL_REGEX, EMAIL_SEPARATION_REGEX } from \"./constants\";\nimport { pruneDuplicates, filterValidEmails } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nexport function useMultiEmailState(props: MultiEmailInputProps) {\n  const {\n    value = [],\n    onChange,\n    onBlur,\n    visibleEmailsCount = 3,\n    isAlwaysExpanded = false,\n    counter,\n    filterInvalidEmails,\n  } = props;\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const [isFocused, setIsFocused] = useState(false);\n  const [duplicateEmails, setDuplicateEmails] = useState<string[]>([]);\n\n  const addEmails = useCallback(\n    (input: string) => {\n      const trimmed = input.trim();\n      if (!trimmed) return;\n      UNSTRICT_EMAIL_REGEX.lastIndex = 0;\n      EMAIL_SEPARATION_REGEX.lastIndex = 0;\n      const emailMatches =\n        trimmed.match(UNSTRICT_EMAIL_REGEX) ||\n        trimmed.match(EMAIL_SEPARATION_REGEX) ||\n        [];\n      if (emailMatches.length === 0) return;\n      const { uniqueEmails, duplicates } = pruneDuplicates(value, emailMatches);\n      onChange?.(uniqueEmails);\n      setDuplicateEmails(duplicates);\n      setInputValue(\"\");\n    },\n    [value, onChange]\n  );\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (!inputValue && event.key === \"Backspace\" && value.length > 0) {\n        onChange?.(value.slice(0, -1));\n        return;\n      }\n      if (!inputValue) return;\n      if ([\"Enter\", \"Tab\", \",\", \" \"].includes(event.key)) {\n        addEmails(inputValue);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [inputValue, value, onChange, addEmails]\n  );\n\n  const handlePaste = useCallback(\n    (event: React.ClipboardEvent<HTMLInputElement>) => {\n      const text = event.clipboardData.getData(\"text\");\n      if (!text) return;\n      event.preventDefault();\n      addEmails(text);\n    },\n    [addEmails]\n  );\n\n  const handleBlur = useCallback(() => {\n    if (inputValue) {\n      addEmails(inputValue);\n    } else {\n      onBlur?.();\n    }\n    setIsFocused(false);\n    setDuplicateEmails([]);\n  }, [inputValue, addEmails, onBlur]);\n\n  const handleFocus = useCallback(() => setIsFocused(true), []);\n\n  const handleChipRemove = useCallback(\n    (emailValue: string) =>\n      onChange?.(value.filter(e => e.value !== emailValue)),\n    [value, onChange]\n  );\n\n  const handleFilterInvalidEmails = useCallback(\n    () => onChange?.(filterValidEmails(value)),\n    [value, onChange]\n  );\n\n  const validCount = useMemo(() => value.filter(e => e.valid).length, [value]);\n  const isCounterVisible =\n    !!counter &&\n    (typeof counter === \"boolean\" ||\n      !counter.startsFrom ||\n      validCount >= counter.startsFrom);\n  const shouldCollapse =\n    !isAlwaysExpanded && !isFocused && value.length > visibleEmailsCount;\n  const visibleEmails = shouldCollapse\n    ? value.slice(0, visibleEmailsCount)\n    : value;\n  const hiddenCount = shouldCollapse ? value.length - visibleEmailsCount : 0;\n  const isFilterLinkVisible =\n    !!filterInvalidEmails && value.length > validCount;\n\n  return {\n    inputValue,\n    setInputValue,\n    isFocused,\n    duplicateEmails,\n    handleKeyDown,\n    handlePaste,\n    handleBlur,\n    handleFocus,\n    handleChipRemove,\n    handleFilterInvalidEmails,\n    isCounterVisible,\n    validCount,\n    visibleEmails,\n    hiddenCount,\n    isFilterLinkVisible,\n  };\n}\n","import { forwardRef, useId } from \"react\";\nimport { XIcon } from \"lucide-react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { Field, FieldLabel, FieldContent } from \"src/primitives/Field\";\nimport { withIconSize } from \"src/utils/withIconSize\";\nimport { useMultiEmailState } from \"./useMultiEmailState\";\nimport { pluralizeEmail, formatDuplicateWarning } from \"./utils\";\nimport type { MultiEmailInputProps } from \"./types\";\n\nconst CHIP_BASE =\n  \"flex h-[calc(--spacing(5.25))] w-fit items-center justify-center gap-1 rounded-sm bg-muted px-1.5 text-xs font-medium whitespace-nowrap text-foreground\";\nconst CHIP_INVALID =\n  \"border border-destructive text-destructive bg-destructive/10\";\nconst CHIPS_CONTAINER =\n  \"flex min-h-8 flex-wrap items-center gap-1 rounded-lg border border-input bg-transparent bg-clip-padding px-2.5 py-1 text-base md:text-sm transition-colors focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50\";\nconst CHIPS_ERROR =\n  \"border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40\";\n\nexport const MultiEmailInput = forwardRef<\n  HTMLInputElement,\n  MultiEmailInputProps\n>((props, ref) => {\n  const {\n    label,\n    placeholder = \"\",\n    helpText,\n    error,\n    disabled = false,\n    required = false,\n    maxHeight = 200,\n    counter,\n    filterInvalidEmails,\n    prefix,\n    suffix,\n    labelProps,\n    className,\n  } = props;\n  const id = useId();\n  const {\n    isCounterVisible,\n    validCount,\n    visibleEmails,\n    hiddenCount,\n    inputValue,\n    setInputValue,\n    handleKeyDown,\n    handlePaste,\n    handleFocus,\n    handleBlur,\n    handleChipRemove,\n    isFilterLinkVisible,\n    handleFilterInvalidEmails,\n    duplicateEmails,\n  } = useMultiEmailState(props);\n\n  return (\n    <Field\n      className={cn(\"flex flex-col gap-1.5\", className)}\n      data-testid=\"email-input-wrapper\"\n    >\n      {(label || isCounterVisible) && (\n        <div className=\"flex items-center justify-between\">\n          {label && (\n            <FieldLabel htmlFor={id} {...labelProps}>\n              {label}\n              {required && (\n                <span aria-hidden=\"true\" className=\"text-destructive\">\n                  {\" *\"}\n                </span>\n              )}\n            </FieldLabel>\n          )}\n          {isCounterVisible && (\n            <span className=\"text-xs text-muted-foreground\">\n              {validCount}{\" \"}\n              {typeof counter === \"object\" && counter?.label\n                ? counter.label\n                : pluralizeEmail(validCount)}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        className={cn(\n          CHIPS_CONTAINER,\n          !!error && CHIPS_ERROR,\n          disabled && \"pointer-events-none opacity-50\"\n        )}\n        style={{ maxHeight: `${maxHeight}px`, overflowY: \"auto\" }}\n      >\n        {prefix && (\n          <div className=\"shrink-0 text-muted-foreground\">\n            {withIconSize(prefix, \"size-4\")}\n          </div>\n        )}\n        {visibleEmails.map(email => (\n          <span\n            key={email.value}\n            className={cn(CHIP_BASE, !email.valid && CHIP_INVALID)}\n          >\n            {email.label}\n            {!disabled && (\n              <button\n                type=\"button\"\n                tabIndex={-1}\n                className=\"-ms-0.5 rounded-xs opacity-50 hover:opacity-100\"\n                onMouseDown={e => e.preventDefault()}\n                onClick={() => handleChipRemove(email.value)}\n                aria-label={`Remove ${email.label}`}\n              >\n                <XIcon className=\"size-3 pointer-events-none\" />\n              </button>\n            )}\n          </span>\n        ))}\n        {hiddenCount > 0 && (\n          <span className=\"flex h-[calc(--spacing(5.25))] items-center rounded-sm bg-secondary px-1.5 text-xs font-medium text-secondary-foreground\">\n            +{hiddenCount} more\n          </span>\n        )}\n        <input\n          ref={ref}\n          id={id}\n          type=\"text\"\n          value={inputValue}\n          onChange={e => setInputValue(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={props.value?.length ? \"\" : placeholder}\n          disabled={disabled}\n          className=\"min-w-16 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm\"\n        />\n        {suffix && (\n          <div className=\"shrink-0 text-muted-foreground\">\n            {withIconSize(suffix, \"size-4\")}\n          </div>\n        )}\n      </div>\n      <FieldContent>\n        {!!error && (\n          <p className=\"text-[0.8rem] text-destructive\">\n            {error}\n            {isFilterLinkVisible && (\n              <button\n                type=\"button\"\n                className=\"ml-1 cursor-pointer font-semibold underline\"\n                onClick={handleFilterInvalidEmails}\n              >\n                {filterInvalidEmails?.label ??\n                  \"Click here to remove invalid emails.\"}\n              </button>\n            )}\n          </p>\n        )}\n        {!!helpText && (\n          <p className=\"text-[0.8rem] text-muted-foreground\">{helpText}</p>\n        )}\n        {duplicateEmails.length > 0 && (\n          <p className=\"text-[0.8rem] text-amber-600 dark:text-amber-400\">\n            {formatDuplicateWarning(duplicateEmails)}\n          </p>\n        )}\n      </FieldContent>\n    </Field>\n  );\n});\nMultiEmailInput.displayName = \"MultiEmailInput\";\n"],"names":["XIcon"],"mappings":"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"}

package/dist/{Pagination-BRd3WPJ_.js → Pagination-yjG8uCpV.js}

@@ -86,10 +86,11 @@ const Pagination = forwardRef(
         {
           onClick: () => !isFirstPage && handleNavigate(pageNo - 1),
           "aria-disabled": isFirstPage,
-          className: cn(isFirstPage && "pointer-events-none opacity-50")
+          className: cn(isFirstPage && "pointer-events-none opacity-50"),
+          "data-testid": "left-navigate-button"
         }
       ) }),
-      paginationRange.map((page, index) => /* @__PURE__ */ jsx(PaginationItem, { children: page === DOTS ? /* @__PURE__ */ jsx(PaginationEllipsis, {}) : /* @__PURE__ */ jsx(
+      paginationRange.map((page, index) => /* @__PURE__ */ jsx(PaginationItem, { children: page === DOTS ? /* @__PURE__ */ jsx(PaginationEllipsis, { "data-testid": "dots" }) : /* @__PURE__ */ jsx(
         PaginationLink,
         {
           isActive: page === pageNo,
@@ -102,7 +103,8 @@ const Pagination = forwardRef(
         {
           onClick: () => !isLastPage && handleNavigate(pageNo + 1),
           "aria-disabled": isLastPage,
-          className: cn(isLastPage && "pointer-events-none opacity-50")
+          className: cn(isLastPage && "pointer-events-none opacity-50"),
+          "data-testid": "right-navigate-button"
         }
       ) })
     ] }) });
@@ -111,4 +113,4 @@ const Pagination = forwardRef(
 Pagination.displayName = "Pagination";
 
 export { Pagination as P };
-//# sourceMappingURL=Pagination-BRd3WPJ_.js.map
+//# sourceMappingURL=Pagination-yjG8uCpV.js.map