@iabbb/bds-react 0.46.2 → 0.46.4

package/FieldCheckbox/FieldCheckbox.d.ts

@@ -2,5 +2,9 @@ import * as React from 'react';
 export type FieldCheckboxProps = {
     error?: string;
     label: string;
-};
-export default function FieldCheckbox({ error, id, label, ...props }: FieldCheckboxProps & React.ComponentPropsWithoutRef<'input'>): React.JSX.Element;
+} & React.ComponentPropsWithoutRef<'input'>;
+declare const FieldCheckbox: React.ForwardRefExoticComponent<{
+    error?: string | undefined;
+    label: string;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default FieldCheckbox;

package/FieldCheckbox/index.cjs

@@ -136,7 +136,7 @@ function ErrorMessage(_ref) {
 }
 
 var _excluded = ["error", "id", "label"];
-function FieldCheckbox(_ref) {
+var FieldCheckbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var error = _ref.error,
     id = _ref.id,
     label = _ref.label,
@@ -162,6 +162,7 @@ function FieldCheckbox(_ref) {
     "aria-describedby": error ? errorId : undefined,
     "aria-invalid": error ? true : undefined,
     id: inputId,
+    ref: ref,
     type: "checkbox"
   })), isEnhanced && /*#__PURE__*/React__namespace.createElement("svg", {
     width: "32",
@@ -188,7 +189,7 @@ function FieldCheckbox(_ref) {
   })), /*#__PURE__*/React__namespace.createElement("label", {
     htmlFor: inputId
   }, label)));
-}
+});
 
 exports.default = FieldCheckbox;
 //# sourceMappingURL=index.cjs.map

package/FieldCheckbox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n  error?: string;\n  label: string;\n};\n\nexport default function FieldCheckbox({\n  error,\n  id,\n  label,\n  ...props\n}: FieldCheckboxProps & React.ComponentPropsWithoutRef<'input'>) {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n  const errorId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n      <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input\n          {...props}\n          aria-describedby={error ? errorId : undefined}\n          aria-invalid={error ? true : undefined}\n          id={inputId}\n          type=\"checkbox\"\n        />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n            <rect\n              className=\"background\"\n              width=\"35\"\n              height=\"35\"\n              x=\"-2\"\n              y=\"-2\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <path\n              className=\"checkmark\"\n              d=\"M 4 14 L 12 23 L 28 5\"\n              stroke=\"#ffff\"\n              strokeDasharray=\"140\"\n              strokeDashoffset=\"140\"\n            ></path>\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n  error?: string;\n  label: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\nconst FieldCheckbox = React.forwardRef<HTMLInputElement, FieldCheckboxProps>(\n  ({ error, id, label, ...props }, ref) => {\n    const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n    const fallbackId = React.useId();\n    const errorId = React.useId();\n\n    const inputId = id ?? fallbackId;\n\n    React.useEffect(() => {\n      setIsEnhanced(true);\n    }, []);\n\n    return (\n      <div className=\"bds-form-group\">\n        {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n        <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n          <input\n            {...props}\n            aria-describedby={error ? errorId : undefined}\n            aria-invalid={error ? true : undefined}\n            id={inputId}\n            ref={ref}\n            type=\"checkbox\"\n          />\n          {isEnhanced && (\n            <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n              <rect\n                className=\"background\"\n                width=\"35\"\n                height=\"35\"\n                x=\"-2\"\n                y=\"-2\"\n                stroke=\"currentColor\"\n                fill=\"none\"\n                strokeWidth=\"1\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                className=\"checkmark\"\n                d=\"M 4 14 L 12 23 L 28 5\"\n                stroke=\"#ffff\"\n                strokeDasharray=\"140\"\n                strokeDashoffset=\"140\"\n              ></path>\n            </svg>\n          )}\n          <label htmlFor={inputId}>{label}</label>\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FieldCheckbox;\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","forwardRef","ref","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}

package/FieldCheckbox/index.d.ts

@@ -1 +1,2 @@
 export { default } from './FieldCheckbox';
+export * from './FieldCheckbox';

package/FieldCheckbox/index.mjs

@@ -113,7 +113,7 @@ function ErrorMessage(_ref) {
 }
 
 var _excluded = ["error", "id", "label"];
-function FieldCheckbox(_ref) {
+var FieldCheckbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var error = _ref.error,
     id = _ref.id,
     label = _ref.label,
@@ -139,6 +139,7 @@ function FieldCheckbox(_ref) {
     "aria-describedby": error ? errorId : undefined,
     "aria-invalid": error ? true : undefined,
     id: inputId,
+    ref: ref,
     type: "checkbox"
   })), isEnhanced && /*#__PURE__*/React.createElement("svg", {
     width: "32",
@@ -165,7 +166,7 @@ function FieldCheckbox(_ref) {
   })), /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId
   }, label)));
-}
+});
 
 export { FieldCheckbox as default };
 //# sourceMappingURL=index.mjs.map

package/FieldCheckbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n  error?: string;\n  label: string;\n};\n\nexport default function FieldCheckbox({\n  error,\n  id,\n  label,\n  ...props\n}: FieldCheckboxProps & React.ComponentPropsWithoutRef<'input'>) {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n  const errorId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n      <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input\n          {...props}\n          aria-describedby={error ? errorId : undefined}\n          aria-invalid={error ? true : undefined}\n          id={inputId}\n          type=\"checkbox\"\n        />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n            <rect\n              className=\"background\"\n              width=\"35\"\n              height=\"35\"\n              x=\"-2\"\n              y=\"-2\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <path\n              className=\"checkmark\"\n              d=\"M 4 14 L 12 23 L 28 5\"\n              stroke=\"#ffff\"\n              strokeDasharray=\"140\"\n              strokeDashoffset=\"140\"\n            ></path>\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/FieldCheckbox/FieldCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldCheckboxProps = {\n  error?: string;\n  label: string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\nconst FieldCheckbox = React.forwardRef<HTMLInputElement, FieldCheckboxProps>(\n  ({ error, id, label, ...props }, ref) => {\n    const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n    const fallbackId = React.useId();\n    const errorId = React.useId();\n\n    const inputId = id ?? fallbackId;\n\n    React.useEffect(() => {\n      setIsEnhanced(true);\n    }, []);\n\n    return (\n      <div className=\"bds-form-group\">\n        {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n        <div className=\"bds-checkbox\" data-enhanced={isEnhanced ? '' : undefined}>\n          <input\n            {...props}\n            aria-describedby={error ? errorId : undefined}\n            aria-invalid={error ? true : undefined}\n            id={inputId}\n            ref={ref}\n            type=\"checkbox\"\n          />\n          {isEnhanced && (\n            <svg width=\"32\" height=\"32\" viewBox=\"-4 -4 39 39\" aria-hidden=\"true\" focusable=\"false\">\n              <rect\n                className=\"background\"\n                width=\"35\"\n                height=\"35\"\n                x=\"-2\"\n                y=\"-2\"\n                stroke=\"currentColor\"\n                fill=\"none\"\n                strokeWidth=\"1\"\n                vectorEffect=\"non-scaling-stroke\"\n              />\n              <path\n                className=\"checkmark\"\n                d=\"M 4 14 L 12 23 L 28 5\"\n                stroke=\"#ffff\"\n                strokeDasharray=\"140\"\n                strokeDashoffset=\"140\"\n              ></path>\n            </svg>\n          )}\n          <label htmlFor={inputId}>{label}</label>\n        </div>\n      </div>\n    );\n  },\n);\n\nexport default FieldCheckbox;\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","FieldCheckbox","forwardRef","ref","error","id","label","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","errorId","inputId","useEffect","undefined","type","focusable","y","stroke","strokeWidth","vectorEffect","strokeDasharray","strokeDashoffset","htmlFor"],"mappings":"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"}

package/FieldRadio/FieldRadio.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
 export type FieldRadioProps = {
-    label: string;
-};
-export default function FieldRadio({ id, label, ...props }: FieldRadioProps & React.ComponentPropsWithoutRef<'input'>): React.JSX.Element;
+    label: React.ReactNode | string;
+} & React.ComponentPropsWithoutRef<'input'>;
+declare const FieldRadio: React.ForwardRefExoticComponent<{
+    label: React.ReactNode | string;
+} & Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default FieldRadio;

package/FieldRadio/index.cjs

@@ -115,7 +115,7 @@ function _nonIterableRest() {
 }
 
 var _excluded = ["id", "label"];
-function FieldRadio(_ref) {
+var FieldRadio = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     label = _ref.label,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -135,6 +135,7 @@ function FieldRadio(_ref) {
     "data-enhanced": isEnhanced ? '' : undefined
   }, /*#__PURE__*/React__namespace.createElement("input", _extends({}, props, {
     id: inputId,
+    ref: ref,
     type: "radio"
   })), isEnhanced && /*#__PURE__*/React__namespace.createElement("svg", {
     width: "32",
@@ -160,7 +161,7 @@ function FieldRadio(_ref) {
   })), /*#__PURE__*/React__namespace.createElement("label", {
     htmlFor: inputId
   }, label)));
-}
+});
 
 exports.default = FieldRadio;
 //# sourceMappingURL=index.cjs.map

package/FieldRadio/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/FieldRadio/FieldRadio.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type FieldRadioProps = {\n  label: string;\n};\n\nexport default function FieldRadio({\n  id,\n  label,\n  ...props\n}: FieldRadioProps & React.ComponentPropsWithoutRef<'input'>) {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      <div className=\"bds-radio\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input {...props} id={inputId} type=\"radio\" />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-2 -2 40 40\" aria-hidden=\"true\" focusable=\"false\">\n            <circle\n              className=\"background\"\n              cx=\"18\"\n              cy=\"18\"\n              r=\"18\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <circle className=\"radio\" cx=\"18\" cy=\"18\" r=\"12\" fill=\"currentColor\" />\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n}\n"],"names":["FieldRadio","_ref","id","label","props","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","inputId","useEffect","createElement","className","undefined","_extends","type","width","height","viewBox","focusable","cx","cy","r","stroke","fill","strokeWidth","vectorEffect","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMe,SAASA,UAAUA,CAAAC,IAAA,EAI4B;AAAA,EAAA,IAH5DC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,KAAK,GAAAF,IAAA,CAALE,KAAK;AACFC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,eAAA,GAAoCC,gBAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAlDK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,UAAU,GAAGN,gBAAK,CAACO,KAAK,EAAE,CAAA;EAEhC,IAAMC,OAAO,GAAGd,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAIY,UAAU,CAAA;EAEhCN,gBAAK,CAACS,SAAS,CAAC,YAAM;IACpBJ,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEL,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gBAAA;GACbX,eAAAA,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAC,eAAeP,EAAAA,UAAU,GAAG,EAAE,GAAGQ,SAAAA;AAAU,GAAA,eACpEZ,gBAAA,CAAAU,aAAA,CAAAG,OAAAA,EAAAA,QAAA,KAAWjB,KAAK,EAAA;AAAEF,IAAAA,EAAE,EAAEc,OAAQ;AAACM,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAE,CAAC,EAC7CV,UAAU,iBACTJ,gBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,SAAS,EAAC,OAAA;GAC7ElB,eAAAA,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtBQ,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,CAAC,EAAC,IAAI;AACNC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,YAAY,EAAC,oBAAA;AAAoB,GAClC,CAAC,eACFzB,gBAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,OAAO;AAACQ,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,CAAC,EAAC,IAAI;AAACE,IAAAA,IAAI,EAAC,cAAA;AAAc,GAAE,CACnE,CACN,eACDvB,gBAAA,CAAAU,aAAA,CAAA,OAAA,EAAA;AAAOgB,IAAAA,OAAO,EAAElB,OAAAA;GAAUb,EAAAA,KAAa,CACpC,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/FieldRadio/FieldRadio.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type FieldRadioProps = {\n  label: React.ReactNode | string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\nconst FieldRadio = React.forwardRef<HTMLInputElement, FieldRadioProps>(({ id, label, ...props }, ref) => {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      <div className=\"bds-radio\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input {...props} id={inputId} ref={ref} type=\"radio\" />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-2 -2 40 40\" aria-hidden=\"true\" focusable=\"false\">\n            <circle\n              className=\"background\"\n              cx=\"18\"\n              cy=\"18\"\n              r=\"18\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <circle className=\"radio\" cx=\"18\" cy=\"18\" r=\"12\" fill=\"currentColor\" />\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n});\n\nexport default FieldRadio;\n"],"names":["FieldRadio","React","forwardRef","_ref","ref","id","label","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","inputId","useEffect","createElement","className","undefined","_extends","type","width","height","viewBox","focusable","cx","cy","r","stroke","fill","strokeWidth","vectorEffect","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CAAoC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC3F,EAAA,IAAAC,eAAA,GAAoCT,gBAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAlDI,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,UAAU,GAAGf,gBAAK,CAACgB,KAAK,EAAE,CAAA;EAEhC,IAAMC,OAAO,GAAGb,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAIW,UAAU,CAAA;EAEhCf,gBAAK,CAACkB,SAAS,CAAC,YAAM;IACpBJ,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEd,gBAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gBAAA;GACbpB,eAAAA,gBAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAC,eAAeP,EAAAA,UAAU,GAAG,EAAE,GAAGQ,SAAAA;AAAU,GAAA,eACpErB,gBAAA,CAAAmB,aAAA,CAAAG,OAAAA,EAAAA,QAAA,KAAWhB,KAAK,EAAA;AAAEF,IAAAA,EAAE,EAAEa,OAAQ;AAACd,IAAAA,GAAG,EAAEA,GAAI;AAACoB,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAE,CAAC,EACvDV,UAAU,iBACTb,gBAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,SAAS,EAAC,OAAA;GAC7E3B,eAAAA,gBAAA,CAAAmB,aAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtBQ,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,CAAC,EAAC,IAAI;AACNC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,YAAY,EAAC,oBAAA;AAAoB,GAClC,CAAC,eACFlC,gBAAA,CAAAmB,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,OAAO;AAACQ,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,CAAC,EAAC,IAAI;AAACE,IAAAA,IAAI,EAAC,cAAA;AAAc,GAAE,CACnE,CACN,eACDhC,gBAAA,CAAAmB,aAAA,CAAA,OAAA,EAAA;AAAOgB,IAAAA,OAAO,EAAElB,OAAAA;GAAUZ,EAAAA,KAAa,CACpC,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}

package/FieldRadio/index.d.ts

@@ -1 +1,2 @@
 export { default } from './FieldRadio';
+export * from './FieldRadio';

package/FieldRadio/index.mjs

@@ -92,7 +92,7 @@ function _nonIterableRest() {
 }
 
 var _excluded = ["id", "label"];
-function FieldRadio(_ref) {
+var FieldRadio = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var id = _ref.id,
     label = _ref.label,
     props = _objectWithoutProperties(_ref, _excluded);
@@ -112,6 +112,7 @@ function FieldRadio(_ref) {
     "data-enhanced": isEnhanced ? '' : undefined
   }, /*#__PURE__*/React.createElement("input", _extends({}, props, {
     id: inputId,
+    ref: ref,
     type: "radio"
   })), isEnhanced && /*#__PURE__*/React.createElement("svg", {
     width: "32",
@@ -137,7 +138,7 @@ function FieldRadio(_ref) {
   })), /*#__PURE__*/React.createElement("label", {
     htmlFor: inputId
   }, label)));
-}
+});
 
 export { FieldRadio as default };
 //# sourceMappingURL=index.mjs.map

package/FieldRadio/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/FieldRadio/FieldRadio.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type FieldRadioProps = {\n  label: string;\n};\n\nexport default function FieldRadio({\n  id,\n  label,\n  ...props\n}: FieldRadioProps & React.ComponentPropsWithoutRef<'input'>) {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      <div className=\"bds-radio\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input {...props} id={inputId} type=\"radio\" />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-2 -2 40 40\" aria-hidden=\"true\" focusable=\"false\">\n            <circle\n              className=\"background\"\n              cx=\"18\"\n              cy=\"18\"\n              r=\"18\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <circle className=\"radio\" cx=\"18\" cy=\"18\" r=\"12\" fill=\"currentColor\" />\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n}\n"],"names":["FieldRadio","_ref","id","label","props","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","inputId","useEffect","createElement","className","undefined","_extends","type","width","height","viewBox","focusable","cx","cy","r","stroke","fill","strokeWidth","vectorEffect","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMe,SAASA,UAAUA,CAAAC,IAAA,EAI4B;AAAA,EAAA,IAH5DC,EAAE,GAAAD,IAAA,CAAFC,EAAE;IACFC,KAAK,GAAAF,IAAA,CAALE,KAAK;AACFC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,IAAAC,eAAA,GAAoCC,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAJ,eAAA,EAAA,CAAA,CAAA;AAAlDK,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,UAAU,GAAGN,KAAK,CAACO,KAAK,EAAE,CAAA;EAEhC,IAAMC,OAAO,GAAGd,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAIY,UAAU,CAAA;EAEhCN,KAAK,CAACS,SAAS,CAAC,YAAM;IACpBJ,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEL,KAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gBAAA;GACbX,eAAAA,KAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAC,eAAeP,EAAAA,UAAU,GAAG,EAAE,GAAGQ,SAAAA;AAAU,GAAA,eACpEZ,KAAA,CAAAU,aAAA,CAAAG,OAAAA,EAAAA,QAAA,KAAWjB,KAAK,EAAA;AAAEF,IAAAA,EAAE,EAAEc,OAAQ;AAACM,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAE,CAAC,EAC7CV,UAAU,iBACTJ,KAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,SAAS,EAAC,OAAA;GAC7ElB,eAAAA,KAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtBQ,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,CAAC,EAAC,IAAI;AACNC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,YAAY,EAAC,oBAAA;AAAoB,GAClC,CAAC,eACFzB,KAAA,CAAAU,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,OAAO;AAACQ,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,CAAC,EAAC,IAAI;AAACE,IAAAA,IAAI,EAAC,cAAA;AAAc,GAAE,CACnE,CACN,eACDvB,KAAA,CAAAU,aAAA,CAAA,OAAA,EAAA;AAAOgB,IAAAA,OAAO,EAAElB,OAAAA;GAAUb,EAAAA,KAAa,CACpC,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/FieldRadio/FieldRadio.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type FieldRadioProps = {\n  label: React.ReactNode | string;\n} & React.ComponentPropsWithoutRef<'input'>;\n\nconst FieldRadio = React.forwardRef<HTMLInputElement, FieldRadioProps>(({ id, label, ...props }, ref) => {\n  const [isEnhanced, setIsEnhanced] = React.useState(false);\n\n  const fallbackId = React.useId();\n\n  const inputId = id ?? fallbackId;\n\n  React.useEffect(() => {\n    setIsEnhanced(true);\n  }, []);\n\n  return (\n    <div className=\"bds-form-group\">\n      <div className=\"bds-radio\" data-enhanced={isEnhanced ? '' : undefined}>\n        <input {...props} id={inputId} ref={ref} type=\"radio\" />\n        {isEnhanced && (\n          <svg width=\"32\" height=\"32\" viewBox=\"-2 -2 40 40\" aria-hidden=\"true\" focusable=\"false\">\n            <circle\n              className=\"background\"\n              cx=\"18\"\n              cy=\"18\"\n              r=\"18\"\n              stroke=\"currentColor\"\n              fill=\"none\"\n              strokeWidth=\"1\"\n              vectorEffect=\"non-scaling-stroke\"\n            />\n            <circle className=\"radio\" cx=\"18\" cy=\"18\" r=\"12\" fill=\"currentColor\" />\n          </svg>\n        )}\n        <label htmlFor={inputId}>{label}</label>\n      </div>\n    </div>\n  );\n});\n\nexport default FieldRadio;\n"],"names":["FieldRadio","React","forwardRef","_ref","ref","id","label","props","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","isEnhanced","setIsEnhanced","fallbackId","useId","inputId","useEffect","createElement","className","undefined","_extends","type","width","height","viewBox","focusable","cx","cy","r","stroke","fill","strokeWidth","vectorEffect","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,UAAU,gBAAGC,KAAK,CAACC,UAAU,CAAoC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAC3F,EAAA,IAAAC,eAAA,GAAoCT,KAAK,CAACU,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA,EAAA,CAAA,CAAA;AAAlDI,IAAAA,UAAU,GAAAF,gBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,gBAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMI,UAAU,GAAGf,KAAK,CAACgB,KAAK,EAAE,CAAA;EAEhC,IAAMC,OAAO,GAAGb,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAIW,UAAU,CAAA;EAEhCf,KAAK,CAACkB,SAAS,CAAC,YAAM;IACpBJ,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,EAAE,EAAE,CAAC,CAAA;EAEN,oBACEd,KAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,gBAAA;GACbpB,eAAAA,KAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,WAAW;IAAC,eAAeP,EAAAA,UAAU,GAAG,EAAE,GAAGQ,SAAAA;AAAU,GAAA,eACpErB,KAAA,CAAAmB,aAAA,CAAAG,OAAAA,EAAAA,QAAA,KAAWhB,KAAK,EAAA;AAAEF,IAAAA,EAAE,EAAEa,OAAQ;AAACd,IAAAA,GAAG,EAAEA,GAAI;AAACoB,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,CAAE,CAAC,EACvDV,UAAU,iBACTb,KAAA,CAAAmB,aAAA,CAAA,KAAA,EAAA;AAAKK,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAACC,IAAAA,OAAO,EAAC,aAAa;AAAC,IAAA,aAAA,EAAY,MAAM;AAACC,IAAAA,SAAS,EAAC,OAAA;GAC7E3B,eAAAA,KAAA,CAAAmB,aAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,SAAS,EAAC,YAAY;AACtBQ,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,EAAE,EAAC,IAAI;AACPC,IAAAA,CAAC,EAAC,IAAI;AACNC,IAAAA,MAAM,EAAC,cAAc;AACrBC,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,YAAY,EAAC,oBAAA;AAAoB,GAClC,CAAC,eACFlC,KAAA,CAAAmB,aAAA,CAAA,QAAA,EAAA;AAAQC,IAAAA,SAAS,EAAC,OAAO;AAACQ,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,EAAE,EAAC,IAAI;AAACC,IAAAA,CAAC,EAAC,IAAI;AAACE,IAAAA,IAAI,EAAC,cAAA;AAAc,GAAE,CACnE,CACN,eACDhC,KAAA,CAAAmB,aAAA,CAAA,OAAA,EAAA;AAAOgB,IAAAA,OAAO,EAAElB,OAAAA;GAAUZ,EAAAA,KAAa,CACpC,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iabbb/bds-react",
-  "version": "0.46.2",
+  "version": "0.46.4",
   "main": "index.js",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -16,10 +16,10 @@
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-terser": "0.4.4",
     "@rollup/plugin-typescript": "11.1.6",
-    "@types/react": "18.2.79",
+    "@types/react": "18.3.1",
     "cross-env": "7.0.3",
     "glob": "10.3.12",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "rollup": "4.16.4",
     "rollup-plugin-delete": "2.0.0",
     "rollup-plugin-generate-package-json": "3.2.0",
@@ -28,7 +28,7 @@
     "typescript": "5.4.5"
   },
   "peerDependencies": {
-    "@iabbb/bds": "0.46.2",
+    "@iabbb/bds": "0.46.4",
     "react": "^18.0.0"
   }
 }