@bigbinary/neeto-atoms 1.0.133-beta1 → 1.0.133

package/dist/cjs/Input-DFvMBpiU.js

@@ -0,0 +1,280 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Field = require('./primitives/Field.js');
+var primitives_InputGroup = require('./primitives/InputGroup.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+var withIconSize = require('./withIconSize-C6LP0R7o.js');
+
+const SIZE_CONFIG = {
+  small: {
+    group: "h-8 md:h-7",
+    input: "text-base md:text-xs px-2",
+    addonStart: "ps-1.5",
+    addonEnd: "pe-1.5",
+    icon: "size-3.5"
+  },
+  medium: {
+    group: "h-8",
+    input: "text-base md:text-sm",
+    addonStart: "ps-2",
+    addonEnd: "pe-2",
+    icon: "size-4"
+  },
+  large: {
+    group: "h-10",
+    input: "text-base md:text-sm",
+    addonStart: "ps-2.5",
+    addonEnd: "pe-2.5",
+    icon: "size-5"
+  }
+};
+
+function toFixed(numStr, prec) {
+  const num = Number(numStr);
+  if (Number.isNaN(num)) return numStr;
+  return num.toFixed(prec);
+}
+function formatWithPrecision(value, precision) {
+  if (precision < 0 || !value) return value;
+  const str = value.toString();
+  const trimmed = str.trim();
+  if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
+    return toFixed(str, precision);
+  return str;
+}
+function enforceDecimalPrecision(value, precision) {
+  if (precision < 0 || !value) return value;
+  const valueStr = value.toString();
+  if (precision === 0) return valueStr.split(".")[0];
+  const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
+  if (regex.test(valueStr)) return value;
+  const parts = valueStr.split(".");
+  if (parts.length === 1) return parts[0];
+  return `${parts[0]}.${parts[1].substring(0, precision)}`;
+}
+function formatWithRejectCharsRegex(value, rejectCharsRegex) {
+  if (!rejectCharsRegex) return value;
+  const globalRegex = new RegExp(rejectCharsRegex, "g");
+  return value.replace(globalRegex, "");
+}
+function getTrimmedValue(value, disableTrimOnBlur) {
+  if (disableTrimOnBlur || typeof value !== "string") return value;
+  return value.trim();
+}
+function preserveCursor(e, updateValueFn) {
+  const input = e.target;
+  const prevCursor = input.selectionStart;
+  const prevValue = input.value;
+  const updatedEvent = updateValueFn();
+  const lengthDiff = input.value.length - prevValue.length;
+  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
+  const restore = () => {
+    if (document.activeElement !== input) return;
+    if (input.type === "number") return;
+    input.setSelectionRange(newCursor, newCursor);
+  };
+  const rafId = requestAnimationFrame(restore);
+  queueMicrotask(() => {
+    cancelAnimationFrame(rafId);
+    restore();
+  });
+  return updatedEvent;
+}
+
+const Input = React.forwardRef(
+  ({
+    size = "medium",
+    type = "text",
+    label = "",
+    error = "",
+    helpText = "",
+    prefix = null,
+    suffix = null,
+    disabled = false,
+    nakedInput = false,
+    contentSize,
+    required = false,
+    maxLength,
+    unlimitedChars = false,
+    rejectCharsRegex,
+    disableTrimOnBlur = false,
+    precision = -1,
+    labelProps,
+    className = "",
+    dataTestId,
+    onBlur,
+    onChange,
+    value: controlledValue,
+    ...otherProps
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const [valueInternal, setValueInternal] = React.useState(controlledValue);
+    const isControlled = controlledValue !== void 0;
+    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
+    const valueLength = value?.toString().length || 0;
+    const isMaxLengthPresent = !!maxLength || maxLength === 0;
+    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
+    const maxLengthError = unlimitedChars && valueLength > maxLength;
+    const onChangeInternal = (e) => {
+      if (!isControlled) {
+        setValueInternal(e.target.value);
+      }
+      onChange?.(e);
+    };
+    const handleChange = (e) => {
+      if (type === "file") {
+        onChangeInternal(e);
+        return;
+      }
+      let formattedValue = formatWithRejectCharsRegex(
+        e.target.value,
+        rejectCharsRegex
+      );
+      formattedValue = enforceDecimalPrecision(formattedValue, precision);
+      if (formattedValue !== e.target.value) {
+        preserveCursor(e, () => {
+          const syntheticEvent = Object.create(e, {
+            target: { value: { ...e.target, value: formattedValue } }
+          });
+          e.target.value = formattedValue;
+          onChangeInternal(syntheticEvent);
+          return syntheticEvent;
+        });
+      } else {
+        onChangeInternal(e);
+      }
+    };
+    const handleBlur = (e) => {
+      if (type === "file") {
+        onBlur?.(e);
+        return;
+      }
+      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
+      const formattedValue = formatWithPrecision(trimmedValue, precision);
+      if (formattedValue !== void 0 && formattedValue !== value) {
+        e.target.value = formattedValue.toString();
+        handleChange(e);
+      }
+      onBlur?.(e);
+    };
+    const handleWheel = (e) => {
+      if (type === "number") e.target.blur();
+    };
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    const hasField = !!(label || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    const inputGroup = /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_InputGroup.InputGroup,
+      {
+        "data-testid": `${testIdPrefix}-input`,
+        className: utils.cn(
+          sizeConfig.group,
+          nakedInput && "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent",
+          !!error && !nakedInput && "border-destructive ring-destructive/20 ring-3",
+          !hasField && className
+        ),
+        children: [
+          prefix && /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_InputGroup.InputGroupAddon,
+            {
+              align: "inline-start",
+              className: sizeConfig.addonStart,
+              children: /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupText, { children: withIconSize.withIconSize(prefix, sizeConfig.icon) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_InputGroup.InputGroupInput,
+            {
+              ref,
+              id,
+              type,
+              disabled,
+              required,
+              size: contentSize,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": ariaDescribedBy,
+              className: utils.cn(sizeConfig.input, nakedInput && "px-0"),
+              "data-testid": `${testIdPrefix}-input-field`,
+              value,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onWheel: handleWheel,
+              ...isMaxLengthPresent && !unlimitedChars ? { maxLength } : {},
+              ...otherProps
+            }
+          ),
+          suffix && /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupAddon, { align: "inline-end", className: sizeConfig.addonEnd, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupText, { children: withIconSize.withIconSize(suffix, sizeConfig.icon) }) })
+        ]
+      }
+    );
+    const errorMessage = !!error && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, "data-testid": `${testIdPrefix}-input-error`, children: error });
+    if (!hasField) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        inputGroup,
+        errorMessage
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Field.Field,
+      {
+        "data-testid": "nui-input-wrapper",
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || isCharacterLimitVisible) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsxs(
+              primitives_Field.FieldLabel,
+              {
+                htmlFor: id,
+                "data-testid": `${testIdPrefix}-input-label`,
+                ...labelProps,
+                children: [
+                  label,
+                  required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+                ]
+              }
+            ),
+            isCharacterLimitVisible && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: utils.cn(
+                  "text-xs tabular-nums",
+                  maxLengthError ? "text-destructive" : "text-muted-foreground"
+                ),
+                children: [
+                  valueLength,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+            inputGroup,
+            errorMessage,
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldDescription,
+              {
+                id: helpTextId,
+                "data-testid": `${testIdPrefix}-input-help`,
+                children: helpText
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+exports.Input = Input;
+//# sourceMappingURL=Input-DFvMBpiU.js.map

package/dist/cjs/Input-DFvMBpiU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-DFvMBpiU.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 { buildTestIdPrefix } from \"src/utils/fieldIds\";\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  /**\n   * Additional class name. Lands on the outer `Field` wrapper when `label` or\n   * `helpText` is set, and on the input container otherwise. `error` does not\n   * affect the target, so the class never jumps between elements as validation\n   * toggles.\n   */\n  className?: string;\n  /** Prefix for the field's testid family(label, input, error, help). Falls back to the hyphenized label. */\n  dataTestId?: 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      dataTestId,\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    // Derived from `label`/`helpText` only. Including `error` would flip the\n    // returned root between InputGroup and Field as validation toggles, and\n    // React cannot reconcile across element types — it remounts the subtree,\n    // destroying the <input> and dropping focus mid-typing. neetoFields hits\n    // this on every keystroke: it renders the label in its own MetadataBlock\n    // and passes none here, so `error` alone would decide the shape.\n    const hasField = !!(label || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    const inputGroup = (\n      <InputGroup\n        data-testid={`${testIdPrefix}-input`}\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          data-testid={`${testIdPrefix}-input-field`}\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    const errorMessage = !!error && (\n      <FieldError id={errorId} data-testid={`${testIdPrefix}-input-error`}>\n        {error}\n      </FieldError>\n    );\n\n    // Both branches keep `inputGroup` at a fixed child position, so toggling\n    // the error never remounts it.\n    if (!hasField) {\n      return (\n        <>\n          {inputGroup}\n          {errorMessage}\n        </>\n      );\n    }\n\n    return (\n      <Field\n        data-testid=\"nui-input-wrapper\"\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\n                htmlFor={id}\n                data-testid={`${testIdPrefix}-input-label`}\n                {...labelProps}\n              >\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          {errorMessage}\n          {helpText && (\n            <FieldDescription\n              id={helpTextId}\n              data-testid={`${testIdPrefix}-input-help`}\n            >\n              {helpText}\n            </FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["forwardRef","useId","useState","buildTestIdPrefix","jsxs","InputGroup","cn","jsx","InputGroupAddon","InputGroupText","withIconSize","InputGroupInput","FieldError","Fragment","Field","FieldLabel","FieldContent","FieldDescription"],"mappings":"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"}

package/dist/cjs/Kbd--A8Gl8TV.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Kbd = require('./primitives/Kbd.js');
+var primitives_Tooltip = require('./primitives/Tooltip.js');
+
+const SIDE_MAP = {
+  top: "top",
+  bottom: "bottom",
+  left: "left",
+  right: "right",
+  "top-start": "top",
+  "top-end": "top",
+  "bottom-start": "bottom",
+  "bottom-end": "bottom",
+  "left-start": "left",
+  "left-end": "left",
+  "right-start": "right",
+  "right-end": "right",
+  auto: "top"
+};
+
+const Kbd = React.forwardRef(
+  ({ tooltipProps, className, ...otherProps }, ref) => {
+    if (!tooltipProps?.content) {
+      return /* @__PURE__ */ jsxRuntime.jsx(primitives_Kbd.Kbd, { ref, className: utils.cn(className), ...otherProps });
+    }
+    const side = SIDE_MAP[tooltipProps.position ?? "auto"] ?? "top";
+    return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        primitives_Kbd.Kbd,
+        {
+          ref,
+          tabIndex: 0,
+          className: utils.cn("pointer-events-auto", className),
+          ...otherProps
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { "data-testid": "tooltip-box", side, children: tooltipProps.content })
+    ] }) });
+  }
+);
+Kbd.displayName = "Kbd";
+const KbdGroup = primitives_Kbd.KbdGroup;
+const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
+
+exports.KbdNamespace = KbdNamespace;
+//# sourceMappingURL=Kbd--A8Gl8TV.js.map

package/dist/cjs/Kbd--A8Gl8TV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd--A8Gl8TV.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":["forwardRef","jsx","PrimitiveKbd","cn","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent","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,GAAMA,gBAAA;AAAA,EACV,CAAC,EAAE,YAAA,EAAc,WAAW,GAAG,UAAA,IAAc,GAAA,KAAQ;AACnD,IAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,MAAA,uBACEC,cAAA,CAACC,sBAAa,GAAA,EAAU,SAAA,EAAWC,SAAG,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,uBACEF,cAAA,CAACG,kCAAA,EAAA,EACC,QAAA,kBAAAC,eAAA,CAACC,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAL,cAAA,CAACM,iCAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAN,cAAA;AAAA,QAACC,kBAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,QAAA,EAAU,CAAA;AAAA,UACV,SAAA,EAAWC,QAAA,CAAG,qBAAA,EAAuB,SAAS,CAAA;AAAA,UAC7C,GAAG;AAAA;AAAA,OACN,EACF,CAAA;AAAA,qCACCK,iCAAA,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,uBAAA;AAEjB,MAAM,eAAe,MAAA,CAAO,MAAA,CAAO,KAAK,EAAE,KAAA,EAAO,UAAU;;;;"}

package/dist/cjs/Label-Dfq_eZzp.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var HelpIcon = require('./HelpIcon-fsWWgStQ.js');
+var primitives_Label = require('./primitives/Label.js');
+var utils = require('./utils-BhM0B89p.js');
+
+const Label = React.forwardRef(
+  ({ required, helpIconProps, className, children, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(primitives_Label.Label, { ref, className: utils.cn(className), ...otherProps, children: [
+    children,
+    required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" }),
+    helpIconProps && /* @__PURE__ */ jsxRuntime.jsx(HelpIcon.HelpIcon, { ...helpIconProps })
+  ] })
+);
+Label.displayName = "Label";
+
+exports.Label = Label;
+//# sourceMappingURL=Label-Dfq_eZzp.js.map

package/dist/cjs/Label-Dfq_eZzp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label-Dfq_eZzp.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":["forwardRef","jsxs","PrimitiveLabel","cn","jsx","HelpIcon"],"mappings":";;;;;;;;AAmBA,MAAM,KAAA,GAAQA,gBAAA;AAAA,EACZ,CAAC,EAAE,QAAA,EAAU,eAAe,SAAA,EAAW,QAAA,EAAU,GAAG,UAAA,EAAW,EAAG,GAAA,qBAChEC,eAAA,CAACC,0BAAe,GAAA,EAAU,SAAA,EAAWC,SAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EACrD,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,4BACCC,cAAA,CAAC,MAAA,EAAA,EAAK,eAAY,MAAA,EAAO,SAAA,EAAU,oBAAmB,QAAA,EAAA,GAAA,EAEtD,CAAA;AAAA,IAED,aAAA,oBAAiBA,cAAA,CAACC,iBAAA,EAAA,EAAU,GAAG,aAAA,EAAe;AAAA,GAAA,EACjD;AAEJ;AAEA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}