pentatrion-design 1.2.3 → 1.2.5

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 1.2.5
+
+### Patch Changes
+
+- 1f68b5f: more generic fieldname typing
+
+## 1.2.4
+
+### Patch Changes
+
+- fix a11y InputButton
+
 ## 1.2.3
 
 ### Patch Changes

package/dist/components/fields/checkbox/index.d.mts

@@ -27,14 +27,14 @@ declare function CheckboxButton({ color, disabled, width, size, icon, showInput,
 //#endregion
 //#region src/components/fields/checkbox/CheckboxField.d.ts
 interface Props$1 extends Omit<FieldProps, "children" | "group"> {
-  name: FieldName<boolean>;
+  name: FieldName<boolean | undefined>;
   checkboxLabel: string;
 }
 declare function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props$1): import("react").JSX.Element;
 //#endregion
 //#region src/components/fields/checkbox/CheckboxesField.d.ts
 interface Props extends Omit<FieldProps, "children" | "group"> {
-  name: FieldName<string[]>;
+  name: FieldName<(string | number)[] | null | undefined>;
   options: SelectOption[];
 }
 declare function CheckboxesField({ name, options, id: forcedId, ...rest }: Props): import("react").JSX.Element;

package/dist/components/fields/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<boolean>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string[]>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field id={id} group errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","CheckboxProps","indeterminate","disabled","color","ref","HTMLInputElement","Checkbox","t0","$","_c","children","className","rest","t1","t2","undefined","t3","Symbol","for","t4","t5","t6","t7","t8","CheckboxButtonProps","Omit","variant","size","width","icon","showInput","CheckboxButton","t9","t10","FieldName","useField","Field","FieldProps","Checkbox","Props","Omit","name","checkboxLabel","CheckboxField","t0","$","_c","forcedId","rest","id","field","t1","defaultChecked","t2","errors","FieldName","useField","Field","FieldProps","SelectOption","Checkbox","Props","Omit","name","options","CheckboxesField","t0","$","_c","forcedId","rest","id","field","t1","fieldErrors","Object","values","flat","itemErrors","errors","length","undefined","t2","defaultOptions","t3","option","value","includes","label","map","t4"],"sources":["../../../../src/components/fields/checkbox/Checkbox.tsx","../../../../src/components/fields/checkbox/CheckboxField.tsx","../../../../src/components/fields/checkbox/CheckboxesField.tsx"],"sourcesContent":["import { ComponentProps, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface CheckboxProps extends ComponentProps<\"input\"> {\n  indeterminate?: boolean;\n  disabled?: boolean;\n  color?: ThemeColor;\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Checkbox({\n  color = \"yellow\",\n  indeterminate,\n  disabled = false,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          \"p8n-input-checkbox\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-sm bg-origin-border p-0 outline-offset-0 select-none\",\n          indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\ninterface CheckboxButtonProps extends Omit<ComponentProps<\"input\">, \"size\"> {\n  disabled?: boolean;\n  color?: ButtonProps[\"color\"];\n  variant?: ButtonProps[\"variant\"];\n  size?: ButtonProps[\"size\"];\n  width?: ButtonProps[\"width\"];\n  icon?: boolean;\n  showInput?: boolean;\n  ref?: RefObject<HTMLInputElement>;\n}\nexport function CheckboxButton({\n  color = \"yellow\",\n  disabled = false,\n  width = \"fit\",\n  size,\n  icon,\n  showInput,\n  variant,\n  className,\n  children,\n  ref,\n  ...rest\n}: CheckboxButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(\n        className,\n        showInput && \"pr-2 pl-1\",\n        buttonVariants({ variant, size, icon: icon || showInput, width }),\n      )}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"checkbox\"\n        className={clsx(\n          showInput\n            ? \"p8n-input-checkbox my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-2xl bg-origin-border p-0 outline-offset-0 select-none\"\n            : \"h-0 w-0 -translate-x-[9999px] overflow-hidden\",\n          //indeterminate && \"indeterminate\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<boolean | undefined>;\n  checkboxLabel: string;\n}\n\nexport function CheckboxField({ name, checkboxLabel, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} errors={field.errors} data-testid={name} {...rest}>\n      <Checkbox name={field.name} defaultChecked={field.defaultChecked}>\n        {checkboxLabel}\n      </Checkbox>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport { Checkbox } from \"./Checkbox\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<(string | number)[] | null | undefined>;\n  options: SelectOption[];\n}\n\nexport function CheckboxesField({ name, options, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n  const itemErrors = Object.values(field.fieldErrors).flat();\n  const errors = field.errors ?? (itemErrors.length > 0 ? itemErrors : undefined);\n\n  return (\n    <Field id={id} group errors={errors} data-testid={name} {...rest}>\n      <div className=\"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\">\n        {options.map((option) => (\n          <Checkbox\n            key={option.value}\n            name={name}\n            value={option.value}\n            defaultChecked={field.defaultOptions?.includes(option.value)}\n          >\n            {option.label}\n          </Checkbox>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/color/index.d.mts

@@ -16,7 +16,7 @@ declare function Color({ value, withRipple, color, label, showValue, className,
 //#endregion
 //#region src/components/fields/color/ColorField.d.ts
 interface Props extends Omit<FieldProps, "errors" | "children" | "group"> {
-  name: FieldName<string>;
+  name: FieldName<string | null | undefined>;
 }
 declare function ColorField({ name, id: forcedId, ...rest }: Props): import("react").JSX.Element;
 //#endregion

package/dist/components/fields/color/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","ThemeColor","clsx","useRipple","ColorProps","withRipple","value","color","label","showValue","className","ref","HTMLButtonElement","Color","t0","$","_c","rest","t1","t2","t3","undefined","valueToShow","buttonRef","t4","Symbol","for","current","ripples","t5","t6","t7","t8","backgroundColor","t9","t10","t11","t12","t13","rawColors","colorByGroups","Object","entries","filter","name","colorGroup","includes","map","colors","useField","useControl","FieldName","Field","FieldProps","Color","Modal","ModalContent","ModalDescription","ModalFooter","ModalHeader","useState","clsx","Button","colorByGroups","Props","Omit","name","ColorField","id","forcedId","rest","field","control","defaultValue","tempValue","setTempValue","handleSelectAndSubmit","selectedValue","change","handleSubmit","handleSubmitInherit","register","errors","value","undefined","modalKeepOpen","map","colors","colorNumber","colorCode","parseInt","backgroundColor"],"sources":["../../../../src/components/fields/color/Color.tsx","../../../../src/lib/color.ts","../../../../src/components/fields/color/ColorField.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport type { ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { useRipple } from \"../../../hooks\";\n\nexport interface ColorProps extends ComponentProps<\"button\"> {\n  withRipple?: boolean;\n\n  value?: string;\n  color?: ThemeColor;\n  label?: string;\n  showValue?: boolean;\n  className?: string;\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport function Color({\n  value,\n  withRipple = true,\n  color = \"yellow\",\n  label,\n  showValue = false,\n  className,\n  ref,\n  ...rest\n}: ColorProps) {\n  const valueToShow = label ?? (showValue ? value : null);\n\n  const buttonRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => buttonRef.current,\n  );\n\n  const ripples = useRipple(buttonRef);\n\n  return (\n    <button\n      ref={buttonRef}\n      data-color={color}\n      className=\"p8n-input-text group relative flex h-8 cursor-pointer overflow-clip rounded-2xl p-1 outline-offset-[-1px] active:translate-y-[1px]\"\n      {...rest}\n    >\n      {withRipple && ripples}\n      <span\n        className={clsx(\n          \"absolute inset-1 flex items-center justify-center rounded-2xl transition-transform group-hover:scale-150\",\n          valueToShow === null && \"min-w-12\",\n          className,\n        )}\n        style={{ backgroundColor: value }}\n      ></span>\n      <span\n        className={clsx(\n          \"relative flex h-full items-center justify-center px-2\",\n          valueToShow === null && \"min-w-12\",\n          className,\n        )}\n      >\n        {valueToShow}\n      </span>\n    </button>\n  );\n}\n","import rawColors from \"tailwindcss/colors\";\n\nexport const colorByGroups = Object.entries(rawColors)\n  .filter(\n    ([name, colorGroup]) =>\n      // blueGray === slate\n      // coolGray === gray\n      // neutral === trueGray\n      // stone === warmGray\n      // ski === lightBlue\n      typeof colorGroup !== \"string\" &&\n      ![\"blueGray\", \"coolGray\", \"trueGray\", \"warmGray\", \"lightBlue\"].includes(name),\n  )\n  .map(([name, colorGroup]) => ({\n    name,\n    colors: Object.entries(colorGroup) as [string, string][],\n  }));\n","import { useField, useControl, type FieldName } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { Color } from \"./Color\";\nimport { Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader } from \"../../modal\";\nimport { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Button } from \"../../button/Button\";\nimport { colorByGroups } from \"../../../lib/color\";\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\" | \"group\"> {\n  name: FieldName<string>;\n}\n\nexport function ColorField({ name, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  const control = useControl({\n    defaultValue: field.defaultValue,\n  });\n\n  const [tempValue, setTempValue] = useState<null | string>(null);\n\n  function handleSelectAndSubmit(selectedValue: string) {\n    control.change(selectedValue);\n    setTempValue(null);\n  }\n\n  function handleSubmit() {\n    if (tempValue) {\n      control.change(tempValue);\n    }\n    setTempValue(null);\n  }\n\n  function handleSubmitInherit() {\n    control.change(\"inherit\");\n    setTempValue(null);\n  }\n\n  return (\n    <>\n      <input\n        hidden\n        type=\"text\"\n        name={field.name}\n        autoComplete=\"off\"\n        ref={control.register}\n        defaultValue={field.defaultValue}\n      />\n      <Field id={id} errors={field.errors} data-testid={field.name} {...rest}>\n        <Color\n          type=\"button\"\n          value={control.value}\n          onClick={() => setTempValue(control.value ?? \"\")}\n          label={control.value === \"inherit\" ? \"inherit\" : undefined}\n        />\n      </Field>\n      <Modal\n        open={tempValue !== null}\n        /* There is not Modal trigger, onOpen is called only by\n         * FloatingOverlay to close the modal */\n        onOpen={(modalKeepOpen) => !modalKeepOpen && setTempValue(null)}\n      >\n        <ModalContent\n          className=\"my-4 max-h-[90vh] w-full max-w-[650px] overflow-auto\"\n          zClassName=\"z-[120]\"\n        >\n          <ModalHeader>Choose your color</ModalHeader>\n          <ModalDescription>\n            <div className=\"grid-cols-repeat-fill-50 grid gap-1 text-center text-sm\">\n              {colorByGroups.map(({ name, colors }) => (\n                <div key={name}>\n                  <div className=\"text-body-xs truncate\">{name}</div>\n                  <div className=\"grid shadow\">\n                    {colors.map(([colorNumber, colorCode]) => (\n                      <button\n                        key={colorNumber}\n                        className={clsx(\n                          \"cursor-pointer\",\n                          parseInt(colorNumber) > 600 ? \"text-white\" : \"text-black\",\n                          \"hover:z-20 hover:scale-125 hover:rounded hover:shadow active:scale-125\",\n                          tempValue === colorCode && \"outline-yellow-5 z-10 rounded outline-2\",\n                        )}\n                        style={{ backgroundColor: colorCode }}\n                        onClick={() => handleSelectAndSubmit(colorCode)}\n                      >\n                        {colorNumber}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </ModalDescription>\n          <ModalFooter className=\"mt-2\">\n            <div className=\"flex justify-between\">\n              <Button type=\"button\" variant=\"text\" color=\"gray\" onClick={() => setTempValue(null)}>\n                Cancel\n              </Button>\n              <Button\n                icon\n                type=\"button\"\n                variant=\"outlined\"\n                color=\"gray\"\n                onClick={handleSubmitInherit}\n              >\n                <i className=\"fe-settings\"></i>\n                <span>Inherit</span>\n              </Button>\n              <Button type=\"button\" color=\"yellow\" onClick={handleSubmit}>\n                Validate\n              </Button>\n            </div>\n          </ModalFooter>\n        </ModalContent>\n      </Modal>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ComponentProps","RefObject","useImperativeHandle","useRef","ThemeColor","clsx","useRipple","ColorProps","withRipple","value","color","label","showValue","className","ref","HTMLButtonElement","Color","t0","$","_c","rest","t1","t2","t3","undefined","valueToShow","buttonRef","t4","Symbol","for","current","ripples","t5","t6","t7","t8","backgroundColor","t9","t10","t11","t12","t13","rawColors","colorByGroups","Object","entries","filter","name","colorGroup","includes","map","colors","useField","useControl","FieldName","Field","FieldProps","Color","Modal","ModalContent","ModalDescription","ModalFooter","ModalHeader","useState","clsx","Button","colorByGroups","Props","Omit","name","ColorField","id","forcedId","rest","field","control","defaultValue","tempValue","setTempValue","handleSelectAndSubmit","selectedValue","change","handleSubmit","handleSubmitInherit","register","errors","value","undefined","modalKeepOpen","map","colors","colorNumber","colorCode","parseInt","backgroundColor"],"sources":["../../../../src/components/fields/color/Color.tsx","../../../../src/lib/color.ts","../../../../src/components/fields/color/ColorField.tsx"],"sourcesContent":["import { ComponentProps, RefObject, useImperativeHandle, useRef } from \"react\";\nimport type { ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { useRipple } from \"../../../hooks\";\n\nexport interface ColorProps extends ComponentProps<\"button\"> {\n  withRipple?: boolean;\n\n  value?: string;\n  color?: ThemeColor;\n  label?: string;\n  showValue?: boolean;\n  className?: string;\n  ref?: RefObject<HTMLButtonElement>;\n}\n\nexport function Color({\n  value,\n  withRipple = true,\n  color = \"yellow\",\n  label,\n  showValue = false,\n  className,\n  ref,\n  ...rest\n}: ColorProps) {\n  const valueToShow = label ?? (showValue ? value : null);\n\n  const buttonRef = useRef<HTMLButtonElement>(null!);\n\n  useImperativeHandle<HTMLButtonElement | null, HTMLButtonElement | null>(\n    ref,\n    () => buttonRef.current,\n  );\n\n  const ripples = useRipple(buttonRef);\n\n  return (\n    <button\n      ref={buttonRef}\n      data-color={color}\n      className=\"p8n-input-text group relative flex h-8 cursor-pointer overflow-clip rounded-2xl p-1 outline-offset-[-1px] active:translate-y-[1px]\"\n      {...rest}\n    >\n      {withRipple && ripples}\n      <span\n        className={clsx(\n          \"absolute inset-1 flex items-center justify-center rounded-2xl transition-transform group-hover:scale-150\",\n          valueToShow === null && \"min-w-12\",\n          className,\n        )}\n        style={{ backgroundColor: value }}\n      ></span>\n      <span\n        className={clsx(\n          \"relative flex h-full items-center justify-center px-2\",\n          valueToShow === null && \"min-w-12\",\n          className,\n        )}\n      >\n        {valueToShow}\n      </span>\n    </button>\n  );\n}\n","import rawColors from \"tailwindcss/colors\";\n\nexport const colorByGroups = Object.entries(rawColors)\n  .filter(\n    ([name, colorGroup]) =>\n      // blueGray === slate\n      // coolGray === gray\n      // neutral === trueGray\n      // stone === warmGray\n      // ski === lightBlue\n      typeof colorGroup !== \"string\" &&\n      ![\"blueGray\", \"coolGray\", \"trueGray\", \"warmGray\", \"lightBlue\"].includes(name),\n  )\n  .map(([name, colorGroup]) => ({\n    name,\n    colors: Object.entries(colorGroup) as [string, string][],\n  }));\n","import { useField, useControl, type FieldName } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { Color } from \"./Color\";\nimport { Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader } from \"../../modal\";\nimport { useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Button } from \"../../button/Button\";\nimport { colorByGroups } from \"../../../lib/color\";\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\" | \"group\"> {\n  name: FieldName<string | null | undefined>;\n}\n\nexport function ColorField({ name, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  const control = useControl({\n    defaultValue: field.defaultValue,\n  });\n\n  const [tempValue, setTempValue] = useState<null | string>(null);\n\n  function handleSelectAndSubmit(selectedValue: string) {\n    control.change(selectedValue);\n    setTempValue(null);\n  }\n\n  function handleSubmit() {\n    if (tempValue) {\n      control.change(tempValue);\n    }\n    setTempValue(null);\n  }\n\n  function handleSubmitInherit() {\n    control.change(\"inherit\");\n    setTempValue(null);\n  }\n\n  return (\n    <>\n      <input\n        hidden\n        type=\"text\"\n        name={field.name}\n        autoComplete=\"off\"\n        ref={control.register}\n        defaultValue={field.defaultValue}\n      />\n      <Field id={id} errors={field.errors} data-testid={field.name} {...rest}>\n        <Color\n          type=\"button\"\n          value={control.value}\n          onClick={() => setTempValue(control.value ?? \"\")}\n          label={control.value === \"inherit\" ? \"inherit\" : undefined}\n        />\n      </Field>\n      <Modal\n        open={tempValue !== null}\n        /* There is not Modal trigger, onOpen is called only by\n         * FloatingOverlay to close the modal */\n        onOpen={(modalKeepOpen) => !modalKeepOpen && setTempValue(null)}\n      >\n        <ModalContent\n          className=\"my-4 max-h-[90vh] w-full max-w-[650px] overflow-auto\"\n          zClassName=\"z-[120]\"\n        >\n          <ModalHeader>Choose your color</ModalHeader>\n          <ModalDescription>\n            <div className=\"grid-cols-repeat-fill-50 grid gap-1 text-center text-sm\">\n              {colorByGroups.map(({ name, colors }) => (\n                <div key={name}>\n                  <div className=\"text-body-xs truncate\">{name}</div>\n                  <div className=\"grid shadow\">\n                    {colors.map(([colorNumber, colorCode]) => (\n                      <button\n                        key={colorNumber}\n                        className={clsx(\n                          \"cursor-pointer\",\n                          parseInt(colorNumber) > 600 ? \"text-white\" : \"text-black\",\n                          \"hover:z-20 hover:scale-125 hover:rounded hover:shadow active:scale-125\",\n                          tempValue === colorCode && \"outline-yellow-5 z-10 rounded outline-2\",\n                        )}\n                        style={{ backgroundColor: colorCode }}\n                        onClick={() => handleSelectAndSubmit(colorCode)}\n                      >\n                        {colorNumber}\n                      </button>\n                    ))}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </ModalDescription>\n          <ModalFooter className=\"mt-2\">\n            <div className=\"flex justify-between\">\n              <Button type=\"button\" variant=\"text\" color=\"gray\" onClick={() => setTempValue(null)}>\n                Cancel\n              </Button>\n              <Button\n                icon\n                type=\"button\"\n                variant=\"outlined\"\n                color=\"gray\"\n                onClick={handleSubmitInherit}\n              >\n                <i className=\"fe-settings\"></i>\n                <span>Inherit</span>\n              </Button>\n              <Button type=\"button\" color=\"yellow\" onClick={handleSubmit}>\n                Validate\n              </Button>\n            </div>\n          </ModalFooter>\n        </ModalContent>\n      </Modal>\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/input-button/index.d.mts

@@ -15,7 +15,7 @@ interface InputButtonProps extends Omit<ComponentPropsWithRef<"div">, "prefix" |
   onFocus?: FocusEventHandler<HTMLDivElement>;
   onBlur?: FocusEventHandler<HTMLDivElement>;
 }
-declare function InputButton({ variant, color, disabled, prefix, className, readOnly, size, flexibleWidth, label, placeholder, onClick, onFocus, onBlur, ...rest }: InputButtonProps): import("react").JSX.Element;
+declare function InputButton({ id, variant, color, disabled, prefix, className, readOnly, size, flexibleWidth, label, placeholder, onClick, onFocus, onBlur, ...rest }: InputButtonProps): import("react").JSX.Element;
 //#endregion
 export { InputButton };
 //# sourceMappingURL=index.d.mts.map

package/dist/components/fields/input-button/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/input-button/InputButton.tsx"],"mappings":";;;UAYiB,yBAAyB,KACxC;EAGA;EACA;EACA;EACA,SAAS;EACT,QAAQ;EACR;EACA;EAEA;EACA;EACA,UAAU,kBAAkB;EAC5B,UAAU,kBAAkB;EAC5B,SAAS,kBAAkB;;iBAEb,cACd,SACA,OACA,UACA,QACA,WACA,UACA,MACA,eACA,OACA,aACA,SACA,SACA,WACG,QACF,mCAAgB,IAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/fields/input-button/InputButton.tsx"],"mappings":";;;UAYiB,yBAAyB,KACxC;EAGA;EACA;EACA;EACA,SAAS;EACT,QAAQ;EACR;EACA;EAEA;EACA;EACA,UAAU,kBAAkB;EAC5B,UAAU,kBAAkB;EAC5B,SAAS,kBAAkB;;iBAEb,cACd,IACA,SACA,OACA,UACA,QACA,WACA,UACA,MACA,eACA,OACA,aACA,SACA,SACA,WACG,QACF,mCAAgB,IAAA"}

package/dist/components/fields/input-button/index.mjs

@@ -6,8 +6,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 //#region src/components/fields/input-button/InputButton.tsx
 function InputButton(t0) {
-	const $ = c(43);
+	const $ = c(47);
 	let className;
+	let id;
 	let label;
 	let onBlur;
 	let onClick;
@@ -22,37 +23,39 @@ function InputButton(t0) {
 	let t6;
 	let t7;
 	if ($[0] !== t0) {
-		({variant: t1, color: t2, disabled: t3, prefix, className, readOnly: t4, size: t5, flexibleWidth: t6, label, placeholder: t7, onClick, onFocus, onBlur, ...rest} = t0);
+		({id, variant: t1, color: t2, disabled: t3, prefix, className, readOnly: t4, size: t5, flexibleWidth: t6, label, placeholder: t7, onClick, onFocus, onBlur, ...rest} = t0);
 		$[0] = t0;
 		$[1] = className;
-		$[2] = label;
-		$[3] = onBlur;
-		$[4] = onClick;
-		$[5] = onFocus;
-		$[6] = prefix;
-		$[7] = rest;
-		$[8] = t1;
-		$[9] = t2;
-		$[10] = t3;
-		$[11] = t4;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
+		$[2] = id;
+		$[3] = label;
+		$[4] = onBlur;
+		$[5] = onClick;
+		$[6] = onFocus;
+		$[7] = prefix;
+		$[8] = rest;
+		$[9] = t1;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+		$[15] = t7;
 	} else {
 		className = $[1];
-		label = $[2];
-		onBlur = $[3];
-		onClick = $[4];
-		onFocus = $[5];
-		prefix = $[6];
-		rest = $[7];
-		t1 = $[8];
-		t2 = $[9];
-		t3 = $[10];
-		t4 = $[11];
-		t5 = $[12];
-		t6 = $[13];
-		t7 = $[14];
+		id = $[2];
+		label = $[3];
+		onBlur = $[4];
+		onClick = $[5];
+		onFocus = $[6];
+		prefix = $[7];
+		rest = $[8];
+		t1 = $[9];
+		t2 = $[10];
+		t3 = $[11];
+		t4 = $[12];
+		t5 = $[13];
+		t6 = $[14];
+		t7 = $[15];
 	}
 	const variant = t1 === void 0 ? "normal" : t1;
 	const color = t2 === void 0 ? "yellow" : t2;
@@ -62,7 +65,7 @@ function InputButton(t0) {
 	const flexibleWidth = t6 === void 0 ? true : t6;
 	const placeholder = t7 === void 0 ? "" : t7;
 	let t8;
-	if ($[15] !== disabled) {
+	if ($[16] !== disabled) {
 		t8 = (event) => {
 			if (disabled) return;
 			if (event.key === "Enter" || event.key === " ") {
@@ -70,51 +73,57 @@ function InputButton(t0) {
 				event.currentTarget.click();
 			}
 		};
-		$[15] = disabled;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[16] = disabled;
+		$[17] = t8;
+	} else t8 = $[17];
 	const handleKeyDown = t8;
 	const t9 = disabled ? -1 : 0;
 	const t10 = sizeVariant[size];
 	let t11;
-	if ($[17] !== className || $[18] !== t10) {
+	if ($[18] !== className || $[19] !== t10) {
 		t11 = clsx("w-full cursor-pointer", inputConfig.container, t10, className);
-		$[17] = className;
-		$[18] = t10;
-		$[19] = t11;
-	} else t11 = $[19];
+		$[18] = className;
+		$[19] = t10;
+		$[20] = t11;
+	} else t11 = $[20];
 	let t12;
-	if ($[20] !== prefix) {
+	if ($[21] !== prefix) {
 		t12 = prefix && /* @__PURE__ */ jsx("div", {
 			className: clsx(["flex-center relative", typeof prefix === "string" && "text-gray-6 mx-2 select-none"]),
 			children: prefix
 		});
-		$[20] = prefix;
-		$[21] = t12;
-	} else t12 = $[21];
+		$[21] = prefix;
+		$[22] = t12;
+	} else t12 = $[22];
 	const t13 = flexibleWidth && "w-0";
 	const t14 = !label && "text-gray-5";
 	let t15;
-	if ($[22] !== t13 || $[23] !== t14) {
+	if ($[23] !== t13 || $[24] !== t14) {
 		t15 = clsx("flex flex-1 items-center truncate px-2", t13, t14);
-		$[22] = t13;
-		$[23] = t14;
-		$[24] = t15;
-	} else t15 = $[24];
+		$[23] = t13;
+		$[24] = t14;
+		$[25] = t15;
+	} else t15 = $[25];
 	const t16 = label || placeholder;
 	let t17;
-	if ($[25] !== t15 || $[26] !== t16) {
+	if ($[26] !== t15 || $[27] !== t16) {
 		t17 = /* @__PURE__ */ jsx("div", {
 			className: t15,
 			children: t16
 		});
-		$[25] = t15;
-		$[26] = t16;
-		$[27] = t17;
-	} else t17 = $[27];
+		$[26] = t15;
+		$[27] = t16;
+		$[28] = t17;
+	} else t17 = $[28];
 	let t18;
-	if ($[28] === Symbol.for("react.memo_cache_sentinel")) {
-		t18 = /* @__PURE__ */ jsx(Button, {
+	if ($[29] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx("i", { className: "fe-angle-down" });
+		$[29] = t18;
+	} else t18 = $[29];
+	let t19;
+	if ($[30] !== id) {
+		t19 = /* @__PURE__ */ jsx(Button, {
+			id,
 			color: "gray",
 			withRipple: false,
 			icon: true,
@@ -122,13 +131,14 @@ function InputButton(t0) {
 			focusable: false,
 			type: "button",
 			size: "input",
-			children: /* @__PURE__ */ jsx("i", { className: "fe-angle-down" })
+			children: t18
 		});
-		$[28] = t18;
-	} else t18 = $[28];
-	let t19;
-	if ($[29] !== color || $[30] !== disabled || $[31] !== handleKeyDown || $[32] !== onBlur || $[33] !== onClick || $[34] !== onFocus || $[35] !== readOnly || $[36] !== rest || $[37] !== t11 || $[38] !== t12 || $[39] !== t17 || $[40] !== t9 || $[41] !== variant) {
-		t19 = /* @__PURE__ */ jsx("div", {
+		$[30] = id;
+		$[31] = t19;
+	} else t19 = $[31];
+	let t20;
+	if ($[32] !== color || $[33] !== disabled || $[34] !== handleKeyDown || $[35] !== onBlur || $[36] !== onClick || $[37] !== onFocus || $[38] !== readOnly || $[39] !== rest || $[40] !== t11 || $[41] !== t12 || $[42] !== t17 || $[43] !== t19 || $[44] !== t9 || $[45] !== variant) {
+		t20 = /* @__PURE__ */ jsx("div", {
 			className: "w-full",
 			children: /* @__PURE__ */ jsxs("div", {
 				role: "button",
@@ -146,26 +156,27 @@ function InputButton(t0) {
 				children: [
 					t12,
 					t17,
-					t18
+					t19
 				]
 			})
 		});
-		$[29] = color;
-		$[30] = disabled;
-		$[31] = handleKeyDown;
-		$[32] = onBlur;
-		$[33] = onClick;
-		$[34] = onFocus;
-		$[35] = readOnly;
-		$[36] = rest;
-		$[37] = t11;
-		$[38] = t12;
-		$[39] = t17;
-		$[40] = t9;
-		$[41] = variant;
-		$[42] = t19;
-	} else t19 = $[42];
-	return t19;
+		$[32] = color;
+		$[33] = disabled;
+		$[34] = handleKeyDown;
+		$[35] = onBlur;
+		$[36] = onClick;
+		$[37] = onFocus;
+		$[38] = readOnly;
+		$[39] = rest;
+		$[40] = t11;
+		$[41] = t12;
+		$[42] = t17;
+		$[43] = t19;
+		$[44] = t9;
+		$[45] = variant;
+		$[46] = t20;
+	} else t20 = $[46];
+	return t20;
 }
 //#endregion
 export { InputButton };

package/dist/components/fields/input-button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["clsx","ComponentPropsWithRef","FocusEventHandler","KeyboardEventHandler","MouseEventHandler","ReactNode","ThemeColor","inputConfig","sizeVariant","Button","InputButtonProps","Omit","label","variant","disabled","prefix","color","size","flexibleWidth","readOnly","placeholder","onClick","HTMLDivElement","onFocus","onBlur","InputButton","t0","$","_c","className","rest","t1","t2","t3","t4","t5","t6","t7","undefined","t8","event","key","preventDefault","currentTarget","click","handleKeyDown","t9","t10","t11","container","t12","t13","t14","t15","t16","t17","t18","Symbol","for","t19"],"sources":["../../../../src/components/fields/input-button/InputButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  ComponentPropsWithRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport { ThemeColor } from \"../../../types\";\nimport { inputConfig, sizeVariant } from \"../text/Input\";\nimport { Button } from \"../../button\";\n\nexport interface InputButtonProps extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"prefix\" | \"size\" | \"onClick\" | \"onFocus\" | \"onBlur\"\n> {\n  label?: string;\n  variant?: \"normal\" | \"ghost\";\n  disabled?: boolean;\n  prefix?: ReactNode;\n  color?: ThemeColor;\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\";\n  flexibleWidth?: boolean;\n\n  readOnly?: boolean;\n  placeholder?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n  onFocus?: FocusEventHandler<HTMLDivElement>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n}\nexport function InputButton({\n  variant = \"normal\",\n  color = \"yellow\",\n  disabled = false,\n  prefix,\n  className,\n  readOnly = false,\n  size = \"medium\",\n  flexibleWidth = true,\n  label,\n  placeholder = \"\",\n  onClick,\n  onFocus,\n  onBlur,\n  ...rest\n}: InputButtonProps) {\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      event.currentTarget.click();\n    }\n  };\n\n  return (\n    <div className=\"w-full\">\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled}\n        aria-readonly={readOnly}\n        data-color={color}\n        data-variant={variant}\n        className={clsx(\n          \"w-full cursor-pointer\",\n          inputConfig.container,\n          sizeVariant[size],\n          className,\n        )}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={handleKeyDown}\n        {...rest}\n      >\n        {prefix && (\n          <div\n            className={clsx([\n              \"flex-center relative\",\n              typeof prefix === \"string\" && \"text-gray-6 mx-2 select-none\",\n            ])}\n          >\n            {prefix}\n          </div>\n        )}\n        <div\n          className={clsx(\n            \"flex flex-1 items-center truncate px-2\",\n            flexibleWidth && \"w-0\",\n            !label && \"text-gray-5\",\n          )}\n        >\n          {label || placeholder}\n        </div>\n        <Button\n          color=\"gray\"\n          withRipple={false}\n          icon\n          variant=\"text\"\n          focusable={false}\n          type=\"button\"\n          size=\"input\"\n        >\n          <i className=\"fe-angle-down\"></i>\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["clsx","ComponentPropsWithRef","FocusEventHandler","KeyboardEventHandler","MouseEventHandler","ReactNode","ThemeColor","inputConfig","sizeVariant","Button","InputButtonProps","Omit","label","variant","disabled","prefix","color","size","flexibleWidth","readOnly","placeholder","onClick","HTMLDivElement","onFocus","onBlur","InputButton","t0","$","_c","className","id","rest","t1","t2","t3","t4","t5","t6","t7","undefined","t8","event","key","preventDefault","currentTarget","click","handleKeyDown","t9","t10","t11","container","t12","t13","t14","t15","t16","t17","t18","Symbol","for","t19","t20"],"sources":["../../../../src/components/fields/input-button/InputButton.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport {\n  ComponentPropsWithRef,\n  FocusEventHandler,\n  KeyboardEventHandler,\n  MouseEventHandler,\n  ReactNode,\n} from \"react\";\nimport { ThemeColor } from \"../../../types\";\nimport { inputConfig, sizeVariant } from \"../text/Input\";\nimport { Button } from \"../../button\";\n\nexport interface InputButtonProps extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"prefix\" | \"size\" | \"onClick\" | \"onFocus\" | \"onBlur\"\n> {\n  label?: string;\n  variant?: \"normal\" | \"ghost\";\n  disabled?: boolean;\n  prefix?: ReactNode;\n  color?: ThemeColor;\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\";\n  flexibleWidth?: boolean;\n\n  readOnly?: boolean;\n  placeholder?: string;\n  onClick?: MouseEventHandler<HTMLDivElement>;\n  onFocus?: FocusEventHandler<HTMLDivElement>;\n  onBlur?: FocusEventHandler<HTMLDivElement>;\n}\nexport function InputButton({\n  id,\n  variant = \"normal\",\n  color = \"yellow\",\n  disabled = false,\n  prefix,\n  className,\n  readOnly = false,\n  size = \"medium\",\n  flexibleWidth = true,\n  label,\n  placeholder = \"\",\n  onClick,\n  onFocus,\n  onBlur,\n  ...rest\n}: InputButtonProps) {\n  const handleKeyDown: KeyboardEventHandler<HTMLDivElement> = (event) => {\n    if (disabled) return;\n    if (event.key === \"Enter\" || event.key === \" \") {\n      event.preventDefault();\n      event.currentTarget.click();\n    }\n  };\n  return (\n    <div className=\"w-full\">\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-disabled={disabled}\n        aria-readonly={readOnly}\n        data-color={color}\n        data-variant={variant}\n        className={clsx(\n          \"w-full cursor-pointer\",\n          inputConfig.container,\n          sizeVariant[size],\n          className,\n        )}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onKeyDown={handleKeyDown}\n        {...rest}\n      >\n        {prefix && (\n          <div\n            className={clsx([\n              \"flex-center relative\",\n              typeof prefix === \"string\" && \"text-gray-6 mx-2 select-none\",\n            ])}\n          >\n            {prefix}\n          </div>\n        )}\n        <div\n          className={clsx(\n            \"flex flex-1 items-center truncate px-2\",\n            flexibleWidth && \"w-0\",\n            !label && \"text-gray-5\",\n          )}\n        >\n          {label || placeholder}\n        </div>\n        <Button\n          id={id}\n          color=\"gray\"\n          withRipple={false}\n          icon\n          variant=\"text\"\n          focusable={false}\n          type=\"button\"\n          size=\"input\"\n        >\n          <i className=\"fe-angle-down\"></i>\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/radio/index.d.mts

@@ -41,7 +41,7 @@ type RadioButtonIconOption = {
   label: string;
 };
 interface Props$1 extends Omit<FieldProps, "children" | "group"> {
-  name: FieldName<string>;
+  name: FieldName<string | number | null | undefined>;
   options: RadioButtonIconOption[];
   iconClassName?: string;
 }
@@ -54,7 +54,7 @@ type RadioWithLegendOption<T extends string | null = string> = {
   children: ReactNode;
 };
 interface Props extends Omit<FieldProps, "errors" | "children" | "group"> {
-  name: FieldName<string | null>;
+  name: FieldName<string | number | null | undefined>;
   options: readonly RadioWithLegendOption[];
   labelClassName?: string;
 }

package/dist/components/fields/radio/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ComponentPropsWithRef","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","RadioProps","color","variant","width","ref","HTMLInputElement","Radio","t0","$","_c","children","className","rest","t1","t2","disabled","undefined","t3","Symbol","for","t4","t5","t6","t7","RadioWithLegendProps","label","labelClassName","RadioWithLegend","t8","t9","RadioButtonProps","Omit","size","icon","RadioButton","t10","FieldName","useField","Field","FieldProps","SelectOption","clsx","buttonGroupVariants","Radio","Props","Omit","name","options","asButton","direction","RadiosField","t0","$","_c","className","forcedId","rest","id","field","t1","errors","t2","t3","t4","defaultValue","t5","option","value","label","map","t6","FieldName","useField","Field","FieldProps","RadioButton","clsx","buttonGroupVariants","RadioButtonIconOption","value","icon","label","Props","Omit","name","options","iconClassName","RadiosButtonIconField","t0","$","_c","forcedId","rest","id","field","t1","errors","t2","t3","Symbol","for","t4","defaultValue","t5","option","map","t6","useField","FieldName","Field","FieldProps","RadioWithLegend","clsx","ReactNode","RadioWithLegendOption","label","value","T","children","Props","Omit","name","options","labelClassName","RadiosWithLegendField","t0","$","_c","className","forcedId","rest","id","field","t1","errors","t2","t3","t4","defaultValue","t5","option","map","t6"],"sources":["../../../../src/components/fields/radio/Radio.tsx","../../../../src/components/fields/radio/RadiosField.tsx","../../../../src/components/fields/radio/RadiosButtonIconField.tsx","../../../../src/components/fields/radio/RadioWithLegendField.tsx"],"sourcesContent":["import { ComponentPropsWithRef, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface RadioProps extends ComponentPropsWithRef<\"input\"> {\n  color?: ThemeColor;\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n  width?: \"fit\" | \"full\" | \"custom\";\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Radio({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  className,\n  ref,\n  ...rest\n}: RadioProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"radio\"\n        className={clsx(\n          \"p8n-input-radio\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-full bg-origin-border p-0 outline-offset-[-1px] select-none\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\nexport interface RadioWithLegendProps extends RadioProps {\n  label: string;\n  labelClassName?: string;\n}\n\nexport function RadioWithLegend({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  label,\n  labelClassName,\n  className,\n  ref,\n  ...rest\n}: RadioWithLegendProps) {\n  /**\n   * Add [data-radio=\"legend\"] into parent of children\n   */\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer flex-col\")}>\n      {children}\n      <span className=\"flex items-center\">\n        <input\n          data-color={color}\n          ref={ref}\n          type=\"radio\"\n          className={clsx(\n            \"p8n-input-radio\",\n            \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-full bg-origin-border p-0 outline-offset-[-1px] select-none\",\n            className,\n          )}\n          {...(disabled ? { disabled } : {})}\n          {...rest}\n        />\n        <span className={labelClassName}>{label}</span>\n      </span>\n    </label>\n  );\n}\n\nexport interface RadioButtonProps extends Omit<RadioProps, \"size\" | \"color\"> {\n  color?: ButtonProps[\"color\"];\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\";\n  icon?: boolean;\n}\nexport function RadioButton({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  className,\n  variant = \"light\",\n  width = \"fit\",\n  size = \"medium\",\n  icon = false,\n\n  ref,\n  ...rest\n}: RadioButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(className, buttonVariants({ variant, width, size, icon }))}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"radio\"\n        className=\"h-0 w-0 -translate-x-[9999px] overflow-hidden\"\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport clsx from \"clsx\";\nimport { buttonGroupVariants } from \"../../button\";\nimport { Radio } from \"./Radio\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string | number | undefined | null>;\n  options: readonly SelectOption[];\n  asButton?: boolean;\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function RadiosField({\n  name,\n  options,\n  className,\n  asButton,\n  direction,\n  id: forcedId,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div\n        className={clsx(\n          className,\n          asButton\n            ? buttonGroupVariants()\n            : !className &&\n                direction === \"horizontal\" &&\n                \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n        )}\n      >\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n          >\n            {option.label}\n          </Radio>\n        ))}\n      </div>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { RadioButton } from \"./Radio\";\nimport clsx from \"clsx\";\nimport { buttonGroupVariants } from \"../../button\";\n\nexport type RadioButtonIconOption = { value: string; icon: string; label: string };\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string>;\n  options: RadioButtonIconOption[];\n  iconClassName?: string;\n}\n\nexport function RadiosButtonIconField({ name, options, iconClassName, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div className={clsx(buttonGroupVariants())}>\n        {options.map((option) => (\n          <RadioButton\n            key={option.value}\n            className={clsx(\"flex-col items-center justify-center p-1\")}\n            size=\"custom\"\n            width=\"custom\"\n            color=\"gray\"\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n          >\n            <i className={clsx(option.icon, iconClassName)}></i>\n            <span className=\"text-body-2xs max-w-full truncate\">{option.label}</span>\n          </RadioButton>\n        ))}\n      </div>\n    </Field>\n  );\n}\n","import { useField, type FieldName } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { RadioWithLegend } from \"./Radio\";\nimport clsx from \"clsx\";\nimport type { ReactNode } from \"react\";\n\nexport type RadioWithLegendOption<T extends string | null = string> = {\n  label: string;\n  value: T;\n  children: ReactNode;\n};\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\" | \"group\"> {\n  name: FieldName<string | null>;\n  options: readonly RadioWithLegendOption[];\n  labelClassName?: string;\n}\n\nexport function RadiosWithLegendField({\n  name,\n  options,\n  className,\n  labelClassName,\n  id: forcedId,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div className={clsx(className)}>\n        {options.map((option) => (\n          <RadioWithLegend\n            key={option.value}\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n            label={option.label}\n            labelClassName={labelClassName}\n          >\n            {option.children}\n          </RadioWithLegend>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["ComponentPropsWithRef","RefObject","ThemeColor","clsx","ButtonProps","buttonVariants","RadioProps","color","variant","width","ref","HTMLInputElement","Radio","t0","$","_c","children","className","rest","t1","t2","disabled","undefined","t3","Symbol","for","t4","t5","t6","t7","RadioWithLegendProps","label","labelClassName","RadioWithLegend","t8","t9","RadioButtonProps","Omit","size","icon","RadioButton","t10","FieldName","useField","Field","FieldProps","SelectOption","clsx","buttonGroupVariants","Radio","Props","Omit","name","options","asButton","direction","RadiosField","t0","$","_c","className","forcedId","rest","id","field","t1","errors","t2","t3","t4","defaultValue","t5","option","value","label","map","t6","FieldName","useField","Field","FieldProps","RadioButton","clsx","buttonGroupVariants","RadioButtonIconOption","value","icon","label","Props","Omit","name","options","iconClassName","RadiosButtonIconField","t0","$","_c","forcedId","rest","id","field","t1","errors","t2","t3","Symbol","for","t4","defaultValue","t5","option","map","t6","useField","FieldName","Field","FieldProps","RadioWithLegend","clsx","ReactNode","RadioWithLegendOption","label","value","T","children","Props","Omit","name","options","labelClassName","RadiosWithLegendField","t0","$","_c","className","forcedId","rest","id","field","t1","errors","t2","t3","t4","defaultValue","t5","option","map","t6"],"sources":["../../../../src/components/fields/radio/Radio.tsx","../../../../src/components/fields/radio/RadiosField.tsx","../../../../src/components/fields/radio/RadiosButtonIconField.tsx","../../../../src/components/fields/radio/RadioWithLegendField.tsx"],"sourcesContent":["import { ComponentPropsWithRef, RefObject } from \"react\";\nimport { type ThemeColor } from \"../../../types\";\nimport clsx from \"clsx\";\nimport { ButtonProps, buttonVariants } from \"../../button\";\n\nexport interface RadioProps extends ComponentPropsWithRef<\"input\"> {\n  color?: ThemeColor;\n  variant?: \"contained\" | \"light\" | \"outlined\" | \"text\" | \"ghost\";\n  width?: \"fit\" | \"full\" | \"custom\";\n  ref?: RefObject<HTMLInputElement>;\n}\n\nexport function Radio({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  className,\n  ref,\n  ...rest\n}: RadioProps) {\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer items-center\")}>\n      <input\n        data-color={color}\n        ref={ref}\n        type=\"radio\"\n        className={clsx(\n          \"p8n-input-radio\",\n          \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-full bg-origin-border p-0 outline-offset-[-1px] select-none\",\n          className,\n        )}\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n\nexport interface RadioWithLegendProps extends RadioProps {\n  label: string;\n  labelClassName?: string;\n}\n\nexport function RadioWithLegend({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  label,\n  labelClassName,\n  className,\n  ref,\n  ...rest\n}: RadioWithLegendProps) {\n  /**\n   * Add [data-radio=\"legend\"] into parent of children\n   */\n  return (\n    <label aria-disabled={disabled} className={clsx(\"flex cursor-pointer flex-col\")}>\n      {children}\n      <span className=\"flex items-center\">\n        <input\n          data-color={color}\n          ref={ref}\n          type=\"radio\"\n          className={clsx(\n            \"p8n-input-radio\",\n            \"my-1 mr-2 inline-block h-6 w-6 shrink-0 cursor-pointer appearance-none rounded-full bg-origin-border p-0 outline-offset-[-1px] select-none\",\n            className,\n          )}\n          {...(disabled ? { disabled } : {})}\n          {...rest}\n        />\n        <span className={labelClassName}>{label}</span>\n      </span>\n    </label>\n  );\n}\n\nexport interface RadioButtonProps extends Omit<RadioProps, \"size\" | \"color\"> {\n  color?: ButtonProps[\"color\"];\n  size?: \"small\" | \"medium\" | \"large\" | \"custom\" | \"input\";\n  icon?: boolean;\n}\nexport function RadioButton({\n  disabled = false,\n  color = \"yellow\",\n  children,\n  className,\n  variant = \"light\",\n  width = \"fit\",\n  size = \"medium\",\n  icon = false,\n\n  ref,\n  ...rest\n}: RadioButtonProps) {\n  return (\n    <label\n      aria-disabled={disabled}\n      className={clsx(className, buttonVariants({ variant, width, size, icon }))}\n      data-color={color}\n    >\n      <input\n        ref={ref}\n        type=\"radio\"\n        className=\"h-0 w-0 -translate-x-[9999px] overflow-hidden\"\n        {...(disabled ? { disabled } : {})}\n        {...rest}\n      />\n      {children}\n    </label>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, FieldProps } from \"../field/Field\";\nimport { SelectOption } from \"../select/types\";\nimport clsx from \"clsx\";\nimport { buttonGroupVariants } from \"../../button\";\nimport { Radio } from \"./Radio\";\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string | number | undefined | null>;\n  options: readonly SelectOption[];\n  asButton?: boolean;\n  direction?: \"horizontal\" | \"vertical\";\n}\n\nexport function RadiosField({\n  name,\n  options,\n  className,\n  asButton,\n  direction,\n  id: forcedId,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div\n        className={clsx(\n          className,\n          asButton\n            ? buttonGroupVariants()\n            : !className &&\n                direction === \"horizontal\" &&\n                \"sm:grid-cols-repeat-fill-160 grid grid-cols-2 gap-x-2 lg:gap-x-4\",\n        )}\n      >\n        {options.map((option) => (\n          <Radio\n            key={option.value}\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n          >\n            {option.label}\n          </Radio>\n        ))}\n      </div>\n    </Field>\n  );\n}\n","import { FieldName, useField } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { RadioButton } from \"./Radio\";\nimport clsx from \"clsx\";\nimport { buttonGroupVariants } from \"../../button\";\n\nexport type RadioButtonIconOption = { value: string; icon: string; label: string };\n\ninterface Props extends Omit<FieldProps, \"children\" | \"group\"> {\n  name: FieldName<string | number | null | undefined>;\n  options: RadioButtonIconOption[];\n  iconClassName?: string;\n}\n\nexport function RadiosButtonIconField({ name, options, iconClassName, id: forcedId, ...rest }: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div className={clsx(buttonGroupVariants())}>\n        {options.map((option) => (\n          <RadioButton\n            key={option.value}\n            className={clsx(\"flex-col items-center justify-center p-1\")}\n            size=\"custom\"\n            width=\"custom\"\n            color=\"gray\"\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n          >\n            <i className={clsx(option.icon, iconClassName)}></i>\n            <span className=\"text-body-2xs max-w-full truncate\">{option.label}</span>\n          </RadioButton>\n        ))}\n      </div>\n    </Field>\n  );\n}\n","import { useField, type FieldName } from \"@conform-to/react/future\";\nimport { Field, type FieldProps } from \"../field/Field\";\nimport { RadioWithLegend } from \"./Radio\";\nimport clsx from \"clsx\";\nimport type { ReactNode } from \"react\";\n\nexport type RadioWithLegendOption<T extends string | null = string> = {\n  label: string;\n  value: T;\n  children: ReactNode;\n};\n\ninterface Props extends Omit<FieldProps, \"errors\" | \"children\" | \"group\"> {\n  name: FieldName<string | number | null | undefined>;\n  options: readonly RadioWithLegendOption[];\n  labelClassName?: string;\n}\n\nexport function RadiosWithLegendField({\n  name,\n  options,\n  className,\n  labelClassName,\n  id: forcedId,\n  ...rest\n}: Props) {\n  const field = useField(name);\n  const id = forcedId ?? field.id;\n\n  return (\n    <Field id={id} group errors={field.errors} data-testid={field.name} {...rest}>\n      <div className={clsx(className)}>\n        {options.map((option) => (\n          <RadioWithLegend\n            key={option.value}\n            name={field.name}\n            value={option.value}\n            defaultChecked={field.defaultValue === option.value}\n            label={option.label}\n            labelClassName={labelClassName}\n          >\n            {option.children}\n          </RadioWithLegend>\n        ))}\n      </div>\n    </Field>\n  );\n}\n"],"mappings":"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"}

package/dist/components/fields/range/index.d.mts

@@ -36,7 +36,7 @@ declare function AudioRange({ className, valueClassName, defaultValue, value: co
 //#endregion
 //#region src/components/fields/range/RangeField.d.ts
 interface Props extends Omit<FieldProps, "errors" | "children" | "group"> {
-  name: FieldName<number>;
+  name: FieldName<number | null | undefined>;
   min?: number;
   max?: number;
   step?: number;