@bigbinary/neeto-atoms 1.0.103 → 1.0.104

package/dist/cjs/{MultiEmailInput-BlIqzq-o.js → MultiEmailInput-FNRR9b74.js}

@@ -4,6 +4,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var utils = require('./utils-BhM0B89p.js');
 var primitives_Field = require('./primitives/Field.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
+var hyphenize = require('./hyphenize-BTrVNVv3.js');
 var withIconSize = require('./withIconSize-C6LP0R7o.js');
 var x = require('./x-Brw3FJst.js');
 
@@ -151,9 +153,11 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
     prefix,
     suffix,
     labelProps,
-    className
+    className,
+    dataTestId
   } = props;
   const id = React.useId();
+  const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
   const {
     isCounterVisible,
     validCount,
@@ -177,19 +181,35 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
       "data-testid": "email-input-wrapper",
       children: [
         (label || isCounterVisible) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          label && /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldLabel, { htmlFor: id, ...labelProps, children: [
-            label,
-            required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: " *" })
-          ] }),
-          isCounterVisible && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground", children: [
-            validCount,
-            " ",
-            typeof counter === "object" && counter?.label ? counter.label : pluralizeEmail(validCount)
-          ] })
+          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: " *" })
+              ]
+            }
+          ),
+          isCounterVisible && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: "text-xs text-muted-foreground",
+              "data-testid": `${testIdPrefix}-email-counter`,
+              children: [
+                validCount,
+                " ",
+                typeof counter === "object" && counter?.label ? counter.label : pluralizeEmail(validCount)
+              ]
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
+            "data-testid": "multi-email-select-container",
             className: utils.cn(
               CHIPS_CONTAINER,
               !!error && CHIPS_ERROR,
@@ -209,6 +229,7 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
                       {
                         type: "button",
                         tabIndex: -1,
+                        "data-testid": `${hyphenize.hyphenize(email.label)}-remove-icon`,
                         className: "-ms-0.5 rounded-xs opacity-50 hover:opacity-100",
                         onMouseDown: (e) => e.preventDefault(),
                         onClick: () => handleChipRemove(email.value),
@@ -231,6 +252,7 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
                   ref,
                   id,
                   type: "text",
+                  "data-testid": "email-select-input-field",
                   value: inputValue,
                   onChange: (e) => setInputValue(e.target.value),
                   onKeyDown: handleKeyDown,
@@ -247,20 +269,41 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
-          !!error && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[0.8rem] text-destructive", children: [
-            error,
-            isFilterLinkVisible && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("p", { className: "text-[0.8rem] text-muted-foreground", children: helpText }),
-          duplicateEmails.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[0.8rem] text-amber-600 dark:text-amber-400", children: formatDuplicateWarning(duplicateEmails) })
+          !!error && /* @__PURE__ */ jsxRuntime.jsxs(
+            "p",
+            {
+              className: "text-[0.8rem] text-destructive",
+              "data-testid": `${testIdPrefix}-input-error`,
+              children: [
+                error,
+                isFilterLinkVisible && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-[0.8rem] text-muted-foreground",
+              "data-testid": `${testIdPrefix}-input-help`,
+              children: helpText
+            }
+          ),
+          duplicateEmails.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "text-[0.8rem] text-amber-600 dark:text-amber-400",
+              "data-testid": `${testIdPrefix}-duplicate-emails-warning`,
+              children: formatDuplicateWarning(duplicateEmails)
+            }
+          )
         ] })
       ]
     }
@@ -269,4 +312,4 @@ const MultiEmailInput = React.forwardRef((props, ref) => {
 MultiEmailInput.displayName = "MultiEmailInput";
 
 exports.MultiEmailInput = MultiEmailInput;
-//# sourceMappingURL=MultiEmailInput-BlIqzq-o.js.map
+//# sourceMappingURL=MultiEmailInput-FNRR9b74.js.map

package/dist/cjs/MultiEmailInput-FNRR9b74.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput-FNRR9b74.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 { buildTestIdPrefix } from \"src/utils/fieldIds\";\nimport { hyphenize } from \"src/utils/hyphenize\";\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    dataTestId,\n  } = props;\n  const id = useId();\n  const testIdPrefix = buildTestIdPrefix(dataTestId, label);\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\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          {isCounterVisible && (\n            <span\n              className=\"text-xs text-muted-foreground\"\n              data-testid={`${testIdPrefix}-email-counter`}\n            >\n              {validCount}{\" \"}\n              {typeof counter === \"object\" && counter?.label\n                ? counter.label\n                : pluralizeEmail(validCount)}\n            </span>\n          )}\n        </div>\n      )}\n      <div\n        data-testid=\"multi-email-select-container\"\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                data-testid={`${hyphenize(email.label)}-remove-icon`}\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          data-testid=\"email-select-input-field\"\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\n            className=\"text-[0.8rem] text-destructive\"\n            data-testid={`${testIdPrefix}-input-error`}\n          >\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\n            className=\"text-[0.8rem] text-muted-foreground\"\n            data-testid={`${testIdPrefix}-input-help`}\n          >\n            {helpText}\n          </p>\n        )}\n        {duplicateEmails.length > 0 && (\n          <p\n            className=\"text-[0.8rem] text-amber-600 dark:text-amber-400\"\n            data-testid={`${testIdPrefix}-duplicate-emails-warning`}\n          >\n            {formatDuplicateWarning(duplicateEmails)}\n          </p>\n        )}\n      </FieldContent>\n    </Field>\n  );\n});\nMultiEmailInput.displayName = \"MultiEmailInput\";\n"],"names":["useState","useCallback","useMemo","forwardRef","useId","buildTestIdPrefix","jsxs","Field","cn","FieldLabel","jsx","withIconSize","hyphenize","XIcon","FieldContent"],"mappings":"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"}

package/dist/cjs/{RadioGroup-DCEw94Dk.js → RadioGroup-B-u8rdbf.js}

@@ -6,39 +6,52 @@ var utils = require('./utils-BhM0B89p.js');
 var primitives_RadioGroup = require('./primitives/RadioGroup.js');
 var primitives_Label = require('./primitives/Label.js');
 var primitives_Field = require('./primitives/Field.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
 
-const RadioGroupItem = React.forwardRef(({ label, helpText, value, className, id: idProp, ...props }, ref) => {
-  const generatedId = React.useId();
-  const id = idProp ?? generatedId;
-  const helpTextId = `helpText_${id}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: utils.cn(
-        "flex gap-2",
-        helpText ? "items-start" : "items-center",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          primitives_RadioGroup.RadioGroupItem,
-          {
-            ref,
-            id,
-            value,
-            "aria-describedby": helpText ? helpTextId : void 0,
-            className: helpText ? "mt-0.5" : void 0,
-            ...props
-          }
+const RadioGroupItem = React.forwardRef(
+  ({ label, helpText, value, className, id: idProp, dataTestId, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? generatedId;
+    const helpTextId = `helpText_${id}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: utils.cn(
+          "flex gap-2",
+          helpText ? "items-start" : "items-center",
+          className
         ),
-        (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx(primitives_Label.Label, { htmlFor: id, className: "cursor-pointer", children: label }),
-          helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
-        ] })
-      ]
-    }
-  );
-});
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_RadioGroup.RadioGroupItem,
+            {
+              ref,
+              id,
+              value,
+              "aria-describedby": helpText ? helpTextId : void 0,
+              className: helpText ? "mt-0.5" : void 0,
+              "data-testid": `${testIdPrefix}-radio-input`,
+              ...props
+            }
+          ),
+          (label || helpText) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Label.Label,
+              {
+                htmlFor: id,
+                className: "cursor-pointer",
+                "data-testid": `${testIdPrefix}-radio-label`,
+                children: label
+              }
+            ),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
 RadioGroupItem.displayName = "RadioGroup.Item";
 const RadioGroupRoot = React.forwardRef(
   ({
@@ -51,11 +64,13 @@ const RadioGroupRoot = React.forwardRef(
     required,
     children,
     labelProps,
+    dataTestId,
     ...props
   }, ref) => {
     const generatedId = React.useId();
     const errorId = `error_${generatedId}`;
     const helpTextId = `helpText_${generatedId}`;
+    const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
     const hasField = !!(label || error || helpText);
     const radioGroup = /* @__PURE__ */ jsxRuntime.jsx(
       primitives_RadioGroup.RadioGroup,
@@ -89,11 +104,25 @@ const RadioGroupRoot = React.forwardRef(
               label,
               required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
             ] }),
-            helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldDescription,
+              {
+                id: helpTextId,
+                "data-testid": `${testIdPrefix}-radio-input-help`,
+                children: helpText
+              }
+            )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
             radioGroup,
-            !!error && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, children: error })
+            !!error && /* @__PURE__ */ jsxRuntime.jsx(
+              primitives_Field.FieldError,
+              {
+                id: errorId,
+                "data-testid": `${testIdPrefix}-radio-input-error`,
+                children: error
+              }
+            )
           ] })
         ]
       }
@@ -106,4 +135,4 @@ const RadioGroup = Object.assign(RadioGroupRoot, {
 });
 
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=RadioGroup-DCEw94Dk.js.map
+//# sourceMappingURL=RadioGroup-B-u8rdbf.js.map

package/dist/cjs/RadioGroup-B-u8rdbf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-B-u8rdbf.js","sources":["../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React, { forwardRef, useId } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  RadioGroup as PrimitiveRadioGroup,\n  RadioGroupItem as PrimitiveRadioGroupItem,\n} from \"src/primitives/RadioGroup\";\nimport { Label } from \"src/primitives/Label\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport { buildTestIdPrefix } from \"src/utils/fieldIds\";\n\nexport interface RadioGroupProps extends Omit<\n  React.ComponentProps<typeof PrimitiveRadioGroup>,\n  \"children\"\n> {\n  /** Group label displayed above the radio items. */\n  label?: string;\n  /** Error message displayed below the group. */\n  error?: string;\n  /** Helper text displayed below the group label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Layout orientation. Defaults to \"horizontal\". */\n  orientation?: \"horizontal\" | \"vertical\";\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n  /** RadioGroup.Item children. */\n  children?: React.ReactNode;\n  /** Props forwarded to the group Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Prefix for the group's error testid(radio-input-error). Falls back to the hyphenized group label. */\n  dataTestId?: string;\n}\n\nexport interface RadioGroupItemProps extends React.ComponentProps<\n  typeof PrimitiveRadioGroupItem\n> {\n  /** Label displayed next to the radio. */\n  label?: string;\n  /** Helper text displayed below the item label. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Radio value (required). */\n  value: string;\n  /** Additional class name for the item wrapper. */\n  className?: string;\n  /** Optional id override; auto-generated if omitted. */\n  id?: string;\n  /** Prefix for the item's testid family(radio-input, radio-label). Falls back to the hyphenized item label. */\n  dataTestId?: string;\n}\n\nconst RadioGroupItem = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroupItem>,\n  RadioGroupItemProps\n>(\n  (\n    { label, helpText, value, className, id: idProp, dataTestId, ...props },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = idProp ?? generatedId;\n    const helpTextId = `helpText_${id}`;\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-2\",\n          helpText ? \"items-start\" : \"items-center\",\n          className\n        )}\n      >\n        <PrimitiveRadioGroupItem\n          ref={ref}\n          id={id}\n          value={value}\n          aria-describedby={helpText ? helpTextId : undefined}\n          className={helpText ? \"mt-0.5\" : undefined}\n          data-testid={`${testIdPrefix}-radio-input`}\n          {...props}\n        />\n        {(label || helpText) && (\n          <div className=\"flex flex-col gap-0.5\">\n            {label && (\n              <Label\n                htmlFor={id}\n                className=\"cursor-pointer\"\n                data-testid={`${testIdPrefix}-radio-label`}\n              >\n                {label}\n              </Label>\n            )}\n            {helpText && (\n              <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n            )}\n          </div>\n        )}\n      </div>\n    );\n  }\n);\n\nRadioGroupItem.displayName = \"RadioGroup.Item\";\n\nconst RadioGroupRoot = forwardRef<\n  React.ComponentRef<typeof PrimitiveRadioGroup>,\n  RadioGroupProps\n>(\n  (\n    {\n      label,\n      error,\n      helpText,\n      orientation = \"horizontal\",\n      className,\n      disabled,\n      required,\n      children,\n      labelProps,\n      dataTestId,\n      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const errorId = `error_${generatedId}`;\n    const helpTextId = `helpText_${generatedId}`;\n    const testIdPrefix = buildTestIdPrefix(dataTestId, label);\n\n    const hasField = !!(label || error || helpText);\n\n    const radioGroup = (\n      <PrimitiveRadioGroup\n        ref={ref}\n        disabled={disabled}\n        required={required}\n        aria-invalid={!!error || undefined}\n        aria-describedby={\n          [error ? errorId : null, helpText ? helpTextId : null]\n            .filter(Boolean)\n            .join(\" \") || undefined\n        }\n        orientation={orientation}\n        className={cn(\n          \"data-[orientation=vertical]:grid data-[orientation=vertical]:gap-2 data-[orientation=horizontal]:flex data-[orientation=horizontal]:flex-row data-[orientation=horizontal]:flex-wrap data-[orientation=horizontal]:items-center data-[orientation=horizontal]:gap-4\",\n          !hasField && className\n        )}\n        {...props}\n      >\n        {children}\n      </PrimitiveRadioGroup>\n    );\n\n    if (!hasField) {\n      return radioGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || helpText) && (\n          <div>\n            {label && (\n              <FieldLabel {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {helpText && (\n              <FieldDescription\n                id={helpTextId}\n                data-testid={`${testIdPrefix}-radio-input-help`}\n              >\n                {helpText}\n              </FieldDescription>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {radioGroup}\n          {!!error && (\n            <FieldError\n              id={errorId}\n              data-testid={`${testIdPrefix}-radio-input-error`}\n            >\n              {error}\n            </FieldError>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nRadioGroupRoot.displayName = \"RadioGroup\";\n\nconst RadioGroup = Object.assign(RadioGroupRoot, {\n  Item: RadioGroupItem,\n});\n\nexport { RadioGroup };\n"],"names":["forwardRef","useId","buildTestIdPrefix","jsxs","cn","jsx","PrimitiveRadioGroupItem","Label","FieldDescription","PrimitiveRadioGroup","Field","FieldLabel","FieldContent","FieldError"],"mappings":"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"}

package/dist/cjs/{Select-Bs5Fp3wj.js → Select-CGG3J9NS.js}

@@ -2,7 +2,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var hyphenize = require('./hyphenize-B8IGPzjp.js');
+var fieldIds = require('./fieldIds-DiVU6GVS.js');
 var SelectFieldWrapper = require('./SelectFieldWrapper-BLVvwUcK.js');
 var utils = require('./utils-BhM0B89p.js');
 var primitives_Combobox = require('./Combobox-BE8LT4yq.js');
@@ -14,13 +14,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-function buildAriaDescribedBy(error, errorId, helpText, helpTextId) {
-  return [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
-}
-function buildTestIdPrefix(dataTestId, label) {
-  return dataTestId ?? (label ? hyphenize.hyphenize(label) : void 0);
-}
-
 function useAsyncOptions({
   loadOptions,
   defaultOptions = false,
@@ -399,13 +392,13 @@ function useSelectState(props) {
     },
     []
   );
-  const ariaDescribedBy = buildAriaDescribedBy(
+  const ariaDescribedBy = fieldIds.buildAriaDescribedBy(
     error,
     errorId,
     helpText,
     helpTextId
   );
-  const testIdPrefix = buildTestIdPrefix(dataTestId, label);
+  const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
   const showClearButton = isClearable && !!currentValue && !isDisabled;
   const flatOptionsMap = React.useMemo(
     () => new Map(opt.flatOptions.map((o) => [o.value, o])),
@@ -526,13 +519,13 @@ function useMultiSelectState(props) {
     onAsyncInputChange: opt.isAsync ? opt.handleAsyncInputChange : void 0,
     children
   });
-  const ariaDescribedBy = buildAriaDescribedBy(
+  const ariaDescribedBy = fieldIds.buildAriaDescribedBy(
     error,
     errorId,
     helpText,
     helpTextId
   );
-  const testIdPrefix = buildTestIdPrefix(dataTestId, label);
+  const testIdPrefix = fieldIds.buildTestIdPrefix(dataTestId, label);
   const flatOptionsMap = React.useMemo(
     () => new Map(opt.flatOptions.map((o) => [o.value, o])),
     [opt.flatOptions]
@@ -655,7 +648,7 @@ function MultiSelectDropdown({
           {
             ref: loaderCallbackRef,
             className: "flex w-full items-center justify-center py-3",
-            "data-testid": testIdPrefix ? `${testIdPrefix}-lazy-loader` : "lazy-loader",
+            "data-testid": `${testIdPrefix}-lazy-loader`,
             children: /* @__PURE__ */ jsxRuntime.jsx(primitives_Spinner.Spinner, {})
           }
         )
@@ -1203,4 +1196,4 @@ const Select = React.forwardRef((props, ref) => {
 Select.displayName = "Select";
 
 exports.Select = Select;
-//# sourceMappingURL=Select-Bs5Fp3wj.js.map
+//# sourceMappingURL=Select-CGG3J9NS.js.map