@orangesix/react 1.3.8 → 2.0.3

package/picklist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};","import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } from \"primereact/picklist\";\r\n\r\n/**\r\n * `Template`\r\n * Define o template padrão dos item do PickList\r\n */\r\nfunction pickListItemTemplate(\r\n    item: PickListDataProps & { selected?: boolean }\r\n) {\r\n    return (\r\n        <div className=\"w-100 d-flex px-2 align-items-center\">\r\n            <Checkbox checked={item.selected ?? false}\r\n                      className=\"me-2\"\r\n                      defaultChecked={item.selected}/>\r\n            <p className=\"m-0\">{item.label}</p>\r\n        </div>\r\n    );\r\n}\r\n\r\n/**\r\n * `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n */\r\nexport function pickListCore(\r\n    props: PickListProps\r\n): PickListPrimeProps {\r\n    return {\r\n        dataKey: props.dataKey ?? \"id\",\r\n        showSourceControls: false,\r\n        showTargetControls: false,\r\n        sourceHeader: props.sourceHeader,\r\n        targetHeader: props.targetHeader,\r\n        itemTemplate: pickListItemTemplate,\r\n\r\n        filter: props.filter ?? undefined,\r\n        filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n        sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n        targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n    };\r\n}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } from \"primereact/picklist\";\r\n\r\n/**\r\n * Componente - `PickList`\r\n *\r\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n */\r\nexport function PickList(props: PickListProps) {\r\n    const [source, setSource] = useState<any>([]);\r\n    const [target, setTarget] = useState<any>([]);\r\n\r\n    useEffect(() => {\r\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\r\n        setTarget(props.data.filter(item => item.active));\r\n    }, [props.data]);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n             css={props.css}\r\n             size={props.size ?? \"100\"}>\r\n            <PickListPrime className=\"w-100\"\r\n                           source={source}\r\n                           target={target}\r\n                           onChange={event => {\r\n                               let target = event.target.map((item: any) => {\r\n                                   delete item.selected;\r\n                                   return { ...item, active: true };\r\n                               });\r\n                               let source = event.source.map((item: any) => {\r\n                                   delete item.selected;\r\n                                   return { ...item, active: false };\r\n                               });\r\n                               setTarget(target);\r\n                               setSource(source);\r\n                               props.onChange([...source, ...target]);\r\n                           }}\r\n                           onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n                               return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n                           }))}\r\n                           onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n                               return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n                           }))}\r\n                           {...pickListCore(props)}/>\r\n        </Box>\r\n    );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","PickList","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"+LAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,IChC/B,SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,CC/BM,SAAUC,EAASnC,GACrB,MAAOoC,EAAQC,GAAaC,EAAc,KACnCC,EAAQC,GAAaF,EAAc,IAY1C,OAVAG,GAAU,KACNJ,EAAUrC,EAAM0C,KAAKX,QAAOb,QAAwBb,IAAhBa,EAAKyB,SAAyBzB,EAAKyB,UACvEH,EAAUxC,EAAM0C,KAAKX,QAAOb,GAAQA,EAAKyB,YAC1C,CAAC3C,EAAM0C,OAQN3B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC4B,EAAc,CAAAjC,UAAU,QACVyB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVpC,EAAM6C,SAAS,IAAIT,KAAWG,KAElCS,wBAAyBF,GAAST,EAAUD,EAAOW,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,UAEhFsC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/picklist/picklist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),f=require("../../box/box/index.cjs.js"),g=require("../core/core/index.cjs.js"),u=require("react"),m=require("primereact/picklist");function P(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,s.get?s:{enumerable:!0,get:()=>e[c]})}}return r.default=e,Object.freeze(r)}const S=P(m);function d(e){const[r,c]=u.useState([]),[s,o]=u.useState([]);return u.useEffect(()=>{c(e.data.filter(t=>t.active===void 0||!t.active)),o(e.data.filter(t=>t.active))},[e.data]),l.jsx(f.Box,{className:e.className,css:e.css,size:e.size??"100",children:l.jsx(S.PickList,{className:"w-100",source:r,target:s,onChange:t=>{let a=t.target.map(n=>(delete n.selected,{...n,active:!0})),i=t.source.map(n=>(delete n.selected,{...n,active:!1}));o(a),c(i),e.onChange([...i,...a])},onSourceSelectionChange:t=>c(r.map(a=>({...a,selected:t.value?.some(i=>i.id===a.id)}))),onTargetSelectionChange:t=>o(s.map(a=>({...a,selected:t.value?.some(i=>i.id===a.id)}))),...g.pickListCore(e)})})}d.displayName="PickList";exports.PickList=d;
+//# sourceMappingURL=index.cjs.js.map

package/picklist/picklist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { PickListProps } from \".\";\nimport { pickListCore } from \"./core/core\";\nimport React, { useState, useEffect } from \"react\";\nimport * as PickListPrimeReact from \"primereact/picklist\";\n\n/**\n * Componente - `PickList`\n *\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\n */\nexport function PickList(props: PickListProps) {\n    const [source, setSource] = useState<any>([]);\n    const [target, setTarget] = useState<any>([]);\n\n    useEffect(() => {\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\n        setTarget(props.data.filter(item => item.active));\n    }, [props.data]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <PickListPrimeReact.PickList\n                className=\"w-100\"\n                source={source}\n                target={target}\n                onChange={event => {\n                    let target = event.target.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: true };\n                    });\n                    let source = event.source.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: false };\n                    });\n                    setTarget(target);\n                    setSource(source);\n                    props.onChange([...source, ...target]);\n                }}\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                {...pickListCore(props)}/>\n        </Box>\n    );\n}\n\nPickList.displayName = \"PickList\";"],"names":["PickList","props","source","setSource","useState","target","setTarget","useEffect","item","jsx","Box","PickListPrimeReact","event","obj","pickListCore"],"mappings":"khBAWO,SAASA,EAASC,EAAsB,CAC3C,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAc,CAAA,CAAE,EACtC,CAACC,EAAQC,CAAS,EAAIF,EAAAA,SAAc,CAAA,CAAE,EAE5CG,OAAAA,EAAAA,UAAU,IAAM,CACZJ,EAAUF,EAAM,KAAK,OAAOO,GAAQA,EAAK,SAAW,QAAa,CAACA,EAAK,MAAM,CAAC,EAC9EF,EAAUL,EAAM,KAAK,OAAOO,GAAQA,EAAK,MAAM,CAAC,CACpD,EAAG,CAACP,EAAM,IAAI,CAAC,EAQXQ,EAAAA,IAACC,EAAAA,IAAA,CAAI,UAAWT,EAAM,UACjB,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,MACrB,SAAAQ,EAAAA,IAACE,EAAmB,SAAnB,CACG,UAAU,QACV,OAAAT,EACA,OAAAG,EACA,SAAUO,GAAS,CACf,IAAIP,EAASO,EAAM,OAAO,IAAKJ,IAC3B,OAAOA,EAAK,SACL,CAAE,GAAGA,EAAM,OAAQ,EAAA,EAC7B,EACGN,EAASU,EAAM,OAAO,IAAKJ,IAC3B,OAAOA,EAAK,SACL,CAAE,GAAGA,EAAM,OAAQ,EAAA,EAC7B,EACDF,EAAUD,CAAM,EAChBF,EAAUD,CAAM,EAChBD,EAAM,SAAS,CAAC,GAAGC,EAAQ,GAAGG,CAAM,CAAC,CACzC,EACA,wBAAyBO,GAAST,EAAUD,EAAO,IAAKM,IAC7C,CACH,GAAGA,EACH,SAAUI,EAAM,OAAO,KAAMC,GAAaA,EAAI,KAAOL,EAAK,EAAE,CAAA,EAEnE,CAAC,EACF,wBAAyBI,GAASN,EAAUD,EAAO,IAAKG,IAC7C,CACH,GAAGA,EACH,SAAUI,EAAM,OAAO,KAAMC,GAAaA,EAAI,KAAOL,EAAK,EAAE,CAAA,EAEnE,CAAC,EACD,GAAGM,EAAAA,aAAab,CAAK,CAAA,CAAA,CAAE,CAAA,CAGxC,CAEAD,EAAS,YAAc"}

package/picklist/picklist/index.esm.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Box as m } from "../../box/box/index.esm.js";
+import { pickListCore as u } from "../core/core/index.esm.js";
+import { useState as d, useEffect as f } from "react";
+import * as g from "primereact/picklist";
+function v(t) {
+  const [o, r] = d([]), [l, s] = d([]);
+  return f(() => {
+    r(t.data.filter((e) => e.active === void 0 || !e.active)), s(t.data.filter((e) => e.active));
+  }, [t.data]), /* @__PURE__ */ n(
+    m,
+    {
+      className: t.className,
+      css: t.css,
+      size: t.size ?? "100",
+      children: /* @__PURE__ */ n(
+        g.PickList,
+        {
+          className: "w-100",
+          source: o,
+          target: l,
+          onChange: (e) => {
+            let a = e.target.map((i) => (delete i.selected, { ...i, active: !0 })), c = e.source.map((i) => (delete i.selected, { ...i, active: !1 }));
+            s(a), r(c), t.onChange([...c, ...a]);
+          },
+          onSourceSelectionChange: (e) => r(o.map((a) => ({
+            ...a,
+            selected: e.value?.some((c) => c.id === a.id)
+          }))),
+          onTargetSelectionChange: (e) => s(l.map((a) => ({
+            ...a,
+            selected: e.value?.some((c) => c.id === a.id)
+          }))),
+          ...u(t)
+        }
+      )
+    }
+  );
+}
+v.displayName = "PickList";
+export {
+  v as PickList
+};
+//# sourceMappingURL=index.esm.js.map

package/picklist/picklist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/picklist/picklist.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { PickListProps } from \".\";\nimport { pickListCore } from \"./core/core\";\nimport React, { useState, useEffect } from \"react\";\nimport * as PickListPrimeReact from \"primereact/picklist\";\n\n/**\n * Componente - `PickList`\n *\n * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\n */\nexport function PickList(props: PickListProps) {\n    const [source, setSource] = useState<any>([]);\n    const [target, setTarget] = useState<any>([]);\n\n    useEffect(() => {\n        setSource(props.data.filter(item => item.active === undefined || !item.active));\n        setTarget(props.data.filter(item => item.active));\n    }, [props.data]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <PickListPrimeReact.PickList\n                className=\"w-100\"\n                source={source}\n                target={target}\n                onChange={event => {\n                    let target = event.target.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: true };\n                    });\n                    let source = event.source.map((item: any) => {\n                        delete item.selected;\n                        return { ...item, active: false };\n                    });\n                    setTarget(target);\n                    setSource(source);\n                    props.onChange([...source, ...target]);\n                }}\n                onSourceSelectionChange={event => setSource(source.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                onTargetSelectionChange={event => setTarget(target.map((item: any) => {\n                    return {\n                        ...item,\n                        selected: event.value?.some((obj: any) => obj.id === item.id)\n                    };\n                }))}\n                {...pickListCore(props)}/>\n        </Box>\n    );\n}\n\nPickList.displayName = \"PickList\";"],"names":["PickList","props","source","setSource","useState","target","setTarget","useEffect","item","jsx","Box","PickListPrimeReact","event","obj","pickListCore"],"mappings":";;;;;AAWO,SAASA,EAASC,GAAsB;AAC3C,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAc,CAAA,CAAE,GACtC,CAACC,GAAQC,CAAS,IAAIF,EAAc,CAAA,CAAE;AAE5C,SAAAG,EAAU,MAAM;AACZ,IAAAJ,EAAUF,EAAM,KAAK,OAAO,CAAAO,MAAQA,EAAK,WAAW,UAAa,CAACA,EAAK,MAAM,CAAC,GAC9EF,EAAUL,EAAM,KAAK,OAAO,CAAAO,MAAQA,EAAK,MAAM,CAAC;AAAA,EACpD,GAAG,CAACP,EAAM,IAAI,CAAC,GAQX,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAWT,EAAM;AAAA,MACjB,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA,gBAAAQ;AAAA,QAACE,EAAmB;AAAA,QAAnB;AAAA,UACG,WAAU;AAAA,UACV,QAAAT;AAAA,UACA,QAAAG;AAAA,UACA,UAAU,CAAAO,MAAS;AACf,gBAAIP,IAASO,EAAM,OAAO,IAAI,CAACJ,OAC3B,OAAOA,EAAK,UACL,EAAE,GAAGA,GAAM,QAAQ,GAAA,EAC7B,GACGN,IAASU,EAAM,OAAO,IAAI,CAACJ,OAC3B,OAAOA,EAAK,UACL,EAAE,GAAGA,GAAM,QAAQ,GAAA,EAC7B;AACD,YAAAF,EAAUD,CAAM,GAChBF,EAAUD,CAAM,GAChBD,EAAM,SAAS,CAAC,GAAGC,GAAQ,GAAGG,CAAM,CAAC;AAAA,UACzC;AAAA,UACA,yBAAyB,CAAAO,MAAST,EAAUD,EAAO,IAAI,CAACM,OAC7C;AAAA,YACH,GAAGA;AAAA,YACH,UAAUI,EAAM,OAAO,KAAK,CAACC,MAAaA,EAAI,OAAOL,EAAK,EAAE;AAAA,UAAA,EAEnE,CAAC;AAAA,UACF,yBAAyB,CAAAI,MAASN,EAAUD,EAAO,IAAI,CAACG,OAC7C;AAAA,YACH,GAAGA;AAAA,YACH,UAAUI,EAAM,OAAO,KAAK,CAACC,MAAaA,EAAI,OAAOL,EAAK,EAAE;AAAA,UAAA,EAEnE,CAAC;AAAA,UACD,GAAGM,EAAab,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IAAE;AAAA,EAAA;AAGxC;AAEAD,EAAS,cAAc;"}

package/picklist/picklist.d.ts

@@ -0,0 +1,11 @@
+import { PickListProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `PickList`
+ *
+ * Um componente versátil que é utilizado para reordenar itens entre listas diferentes.
+ */
+export declare function PickList(props: PickListProps): React.JSX.Element;
+export declare namespace PickList {
+    var displayName: string;
+}

package/picklist/types.d.ts

@@ -0,0 +1,35 @@
+import { ApiComponentProps } from '../api/types';
+import { PickListProps as PickListPrimeProps } from 'primereact/picklist';
+export interface PickListDataProps {
+    /**
+     * Indificador do objeto
+     */
+    id: any;
+
+    /**
+     * Label do objeto
+     */
+    label: string;
+
+    /**
+     * Define se objeto está ativo ou inativo
+     */
+    active?: boolean
+}
+
+export interface PickListProps extends ApiComponentProps, Pick<PickListPrimeProps, "sourceHeader" | "targetHeader" | "filter" | "filterBy"> {
+    /**
+     * Define o array de objeto que será manipulado pelo componente
+     */
+    data: PickListDataProps[]
+
+    /**
+     * Define a chave de indentificação do objeto de dados
+     */
+    dataKey?: string
+
+    /**
+     * Callback executado quando o valor do PickList é alterado
+     */
+    onChange(value: PickListDataProps[]): void;
+}

package/radio/@types/index.d.ts

@@ -0,0 +1,40 @@
+import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
+interface RadioBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * Define o nome do campo
+     */
+    name: string;
+
+    /**
+     * Array de objeto para definir as opções de escolha
+     */
+    options: Array<RadioOptionsProps>
+
+    /**
+     * Define o aliamento das opções de escolha
+     */
+    align?: "row" | "column"
+}
+
+export type RadioOptionsProps = {
+
+    /**
+     * Define o valor da opção
+     */
+    value: string;
+
+    /**
+     * Define a label da opção
+     */
+    label: string;
+
+    /**
+     * Define se opção está habilitada ou desabilitada
+     */
+    disabled?: boolean;
+};
+
+export type RadioProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? RadioBaseProps & ApiFieldControlledProps
+    : RadioBaseProps & ApiFieldHookFormProps;

package/radio/core/controlled/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),c=require("../../../api/input/index.cjs.js");function u({core:r,...e}){let n=!e.align||e.align==="row"?"flex-row":"flex-column";return a.jsxs("div",{className:"w-100 d-flex flex-column",children:[a.jsx("div",{className:`w-100 d-flex gap-3 ${n}`,children:e.options.map(l=>a.jsx(i.Fragment,{children:a.jsxs("div",{className:"d-flex align-items-center form-check",children:[a.jsx("input",{checked:l.value===e.value,className:"form-check-input",disabled:e.disabled||l.disabled,id:e.name+"-"+l.value,name:e.name,required:e.required,type:"radio",value:l.value,onChange:d=>{e.onChange&&e.onChange(d.target.value)}}),a.jsx("label",{className:"ms-2",htmlFor:e.name+"-"+l.value,children:l.label})]})},l.value))}),a.jsx(c.InputFeedback,{...e})]})}exports.RadioControlled=u;
+//# sourceMappingURL=index.cjs.js.map

package/radio/core/controlled/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\nimport React, { Fragment } from \"react\";\nimport { InputFeedback } from \"../../api\";\n\ntype Props = {\n    core: RadioProps<\"Controlled\">\n};\n\n/**\n * Core - `RadioControlled`\n * Define o componente controlled\n */\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <div className=\"w-100 d-flex flex-column\">\n        <div className={`w-100 d-flex gap-3 ${align}`}>\n            {props.options.map((item) => {\n                    return (\n                        <Fragment key={item.value}>\n                            <div className=\"d-flex align-items-center form-check\">\n                                <input checked={item.value === props.value}\n                                       className=\"form-check-input\"\n                                       disabled={props.disabled || item.disabled}\n                                       id={props.name + \"-\" + item.value}\n                                       name={props.name}\n                                       required={props.required}\n                                       type=\"radio\"\n                                       value={item.value}\n                                       onChange={event => {\n                                           if (props.onChange) {\n                                               props.onChange(event.target.value);\n                                           }\n                                       }}/>\n                                <label className=\"ms-2\"\n                                       htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                            </div>\n                        </Fragment>\n                    );\n                }\n            )}\n        </div>\n        <InputFeedback {...props}/>\n    </div>;\n}"],"names":["RadioControlled","core","props","align","jsxs","jsx","item","Fragment","event","InputFeedback"],"mappings":"qLAYO,SAASA,EAAgB,CAAE,KAAAC,EAAM,GAAGC,GAA2C,CAClF,IAAIC,EAAQ,CAACD,EAAM,OAASA,EAAM,QAAU,MAAQ,WAAa,cAMjE,OAAOE,EAAAA,KAAC,MAAA,CAAI,UAAU,2BAClB,SAAA,CAAAC,EAAAA,IAAC,OAAI,UAAW,sBAAsBF,CAAK,GACtC,WAAM,QAAQ,IAAKG,GAERD,EAAAA,IAACE,WAAA,CACG,SAAAH,EAAAA,KAAC,MAAA,CAAI,UAAU,uCACX,SAAA,CAAAC,EAAAA,IAAC,QAAA,CAAM,QAASC,EAAK,QAAUJ,EAAM,MAC9B,UAAU,mBACV,SAAUA,EAAM,UAAYI,EAAK,SACjC,GAAIJ,EAAM,KAAO,IAAMI,EAAK,MAC5B,KAAMJ,EAAM,KACZ,SAAUA,EAAM,SAChB,KAAK,QACL,MAAOI,EAAK,MACZ,SAAUE,GAAS,CACXN,EAAM,UACNA,EAAM,SAASM,EAAM,OAAO,KAAK,CAEzC,CAAA,CAAA,EACPH,EAAAA,IAAC,QAAA,CAAM,UAAU,OACV,QAASH,EAAM,KAAO,IAAMI,EAAK,MAAQ,SAAAA,EAAK,KAAA,CAAA,CAAM,EAC/D,CAAA,EAjBWA,EAAK,KAkBpB,CAER,EAER,EACAD,MAACI,EAAAA,cAAA,CAAe,GAAGP,CAAA,CAAM,CAAA,EAC7B,CACJ"}

package/radio/core/controlled/index.esm.js

@@ -0,0 +1,41 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { Fragment as c } from "react";
+import { InputFeedback as r } from "../../../api/input/index.esm.js";
+function f({ core: m, ...e }) {
+  let d = !e.align || e.align === "row" ? "flex-row" : "flex-column";
+  return /* @__PURE__ */ n("div", { className: "w-100 d-flex flex-column", children: [
+    /* @__PURE__ */ l("div", { className: `w-100 d-flex gap-3 ${d}`, children: e.options.map(
+      (a) => /* @__PURE__ */ l(c, { children: /* @__PURE__ */ n("div", { className: "d-flex align-items-center form-check", children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            checked: a.value === e.value,
+            className: "form-check-input",
+            disabled: e.disabled || a.disabled,
+            id: e.name + "-" + a.value,
+            name: e.name,
+            required: e.required,
+            type: "radio",
+            value: a.value,
+            onChange: (i) => {
+              e.onChange && e.onChange(i.target.value);
+            }
+          }
+        ),
+        /* @__PURE__ */ l(
+          "label",
+          {
+            className: "ms-2",
+            htmlFor: e.name + "-" + a.value,
+            children: a.label
+          }
+        )
+      ] }) }, a.value)
+    ) }),
+    /* @__PURE__ */ l(r, { ...e })
+  ] });
+}
+export {
+  f as RadioControlled
+};
+//# sourceMappingURL=index.esm.js.map

package/radio/core/controlled/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/radio/core/controlled.tsx"],"sourcesContent":["import { RadioProps } from \"..\";\nimport React, { Fragment } from \"react\";\nimport { InputFeedback } from \"../../api\";\n\ntype Props = {\n    core: RadioProps<\"Controlled\">\n};\n\n/**\n * Core - `RadioControlled`\n * Define o componente controlled\n */\nexport function RadioControlled({ core, ...props }: RadioProps<\"Controlled\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <div className=\"w-100 d-flex flex-column\">\n        <div className={`w-100 d-flex gap-3 ${align}`}>\n            {props.options.map((item) => {\n                    return (\n                        <Fragment key={item.value}>\n                            <div className=\"d-flex align-items-center form-check\">\n                                <input checked={item.value === props.value}\n                                       className=\"form-check-input\"\n                                       disabled={props.disabled || item.disabled}\n                                       id={props.name + \"-\" + item.value}\n                                       name={props.name}\n                                       required={props.required}\n                                       type=\"radio\"\n                                       value={item.value}\n                                       onChange={event => {\n                                           if (props.onChange) {\n                                               props.onChange(event.target.value);\n                                           }\n                                       }}/>\n                                <label className=\"ms-2\"\n                                       htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                            </div>\n                        </Fragment>\n                    );\n                }\n            )}\n        </div>\n        <InputFeedback {...props}/>\n    </div>;\n}"],"names":["RadioControlled","core","props","align","jsxs","jsx","item","Fragment","event","InputFeedback"],"mappings":";;;AAYO,SAASA,EAAgB,EAAE,MAAAC,GAAM,GAAGC,KAA2C;AAClF,MAAIC,IAAQ,CAACD,EAAM,SAASA,EAAM,UAAU,QAAQ,aAAa;AAMjE,SAAO,gBAAAE,EAAC,OAAA,EAAI,WAAU,4BAClB,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAI,WAAW,sBAAsBF,CAAK,IACtC,YAAM,QAAQ;AAAA,MAAI,CAACG,MAER,gBAAAD,EAACE,GAAA,EACG,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAU,wCACX,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YAAM,SAASC,EAAK,UAAUJ,EAAM;AAAA,YAC9B,WAAU;AAAA,YACV,UAAUA,EAAM,YAAYI,EAAK;AAAA,YACjC,IAAIJ,EAAM,OAAO,MAAMI,EAAK;AAAA,YAC5B,MAAMJ,EAAM;AAAA,YACZ,UAAUA,EAAM;AAAA,YAChB,MAAK;AAAA,YACL,OAAOI,EAAK;AAAA,YACZ,UAAU,CAAAE,MAAS;AACf,cAAIN,EAAM,YACNA,EAAM,SAASM,EAAM,OAAO,KAAK;AAAA,YAEzC;AAAA,UAAA;AAAA,QAAA;AAAA,QACP,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAAM,WAAU;AAAA,YACV,SAASH,EAAM,OAAO,MAAMI,EAAK;AAAA,YAAQ,UAAAA,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAM,GAC/D,EAAA,GAjBWA,EAAK,KAkBpB;AAAA,IAER,GAER;AAAA,IACA,gBAAAD,EAACI,GAAA,EAAe,GAAGP,EAAA,CAAM;AAAA,EAAA,GAC7B;AACJ;"}

package/radio/core/controlled.d.ts

@@ -0,0 +1,11 @@
+import { RadioProps } from '..';
+import { default as React } from 'react';
+type Props = {
+    core: RadioProps<"Controlled">;
+};
+/**
+ * Core - `RadioControlled`
+ * Define o componente controlled
+ */
+export declare function RadioControlled({ core, ...props }: RadioProps<"Controlled"> & Props): React.JSX.Element;
+export {};

package/radio/core/hookForm/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("../../../api/input/index.cjs.js"),i=require("react-hook-form");function d({core:u,...e}){let o=!e.align||e.align==="row"?"flex-row":"flex-column";return l.jsx(i.Controller,{render:({field:n,formState:{errors:r}})=>l.jsxs("div",{className:"w-100 d-flex flex-column",children:[l.jsx("div",{className:`w-100 d-flex gap-3 ${o}`,children:e.options.map(a=>l.jsxs("div",{className:"d-flex align-items-center form-check",children:[l.jsx("input",{checked:a.value===n.value,className:"form-check-input "+(r[e.name]?"is-invalid":""),disabled:e.disabled||a.disabled,id:e.name+"-"+a.value,type:"radio",value:a.value,onChange:n.onChange}),l.jsx("label",{className:"ms-2 form-check-label",htmlFor:e.name+"-"+a.value,children:a.label})]},a.value))}),l.jsx(c.InputFeedback,{...e,errors:r})]}),control:e.control,name:e.name,rules:{required:e.required?"Campo obrigatório":!1}})}exports.RadioHookForm=d;
+//# sourceMappingURL=index.cjs.js.map

package/radio/core/hookForm/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadioProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\n\ntype Props = {\n    core: RadioProps<\"HookForm\">\n};\n\n/**\n * Core - `RadioHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <div className=\"w-100 d-flex flex-column\">\n                <div className={`w-100 d-flex gap-3 ${align}`}>\n                    {props.options.map((item) => {\n                            return (\n                                <div className=\"d-flex align-items-center form-check\"\n                                     key={item.value}>\n                                    <input checked={item.value === field.value}\n                                           className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\n                                           disabled={props.disabled || item.disabled}\n                                           id={props.name + \"-\" + item.value}\n                                           type=\"radio\"\n                                           value={item.value}\n                                           onChange={field.onChange}/>\n                                    <label className=\"ms-2 form-check-label\"\n                                           htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                                </div>\n                            );\n                        }\n                    )}\n                </div>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </div>;\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"names":["RadioHookForm","core","props","align","jsx","Controller","field","errors","jsxs","item","InputFeedback"],"mappings":"+LAaO,SAASA,EAAc,CAAE,KAAAC,EAAM,GAAGC,GAAyC,CAC9E,IAAIC,EAAQ,CAACD,EAAM,OAASA,EAAM,QAAU,MAAQ,WAAa,cAOjE,OACIE,EAAAA,IAACC,EAAAA,WAAA,CAAW,OAAQ,CAAC,CAAE,MAAAC,EAAO,UAAW,CAAE,OAAAC,CAAA,KAChCC,EAAAA,KAAC,MAAA,CAAI,UAAU,2BAClB,SAAA,CAAAJ,EAAAA,IAAC,OAAI,UAAW,sBAAsBD,CAAK,GACtC,WAAM,QAAQ,IAAKM,GAERD,EAAAA,KAAC,MAAA,CAAI,UAAU,uCAEX,SAAA,CAAAJ,EAAAA,IAAC,QAAA,CAAM,QAASK,EAAK,QAAUH,EAAM,MAC9B,UAAW,qBAAwBC,EAAOL,EAAM,IAAI,EAAS,aAAL,IACxD,SAAUA,EAAM,UAAYO,EAAK,SACjC,GAAIP,EAAM,KAAO,IAAMO,EAAK,MAC5B,KAAK,QACL,MAAOA,EAAK,MACZ,SAAUH,EAAM,QAAA,CAAA,EACvBF,EAAAA,IAAC,QAAA,CAAM,UAAU,wBACV,QAASF,EAAM,KAAO,IAAMO,EAAK,MAAQ,SAAAA,EAAK,KAAA,CAAA,CAAM,CAAA,EATrDA,EAAK,KAAA,CAYvB,EAER,EACAL,EAAAA,IAACM,EAAAA,cAAA,CAAe,GAAGR,EACJ,OAAAK,CAAA,CAAA,CAAe,EAClC,EAEQ,QAASL,EAAM,QACf,KAAMA,EAAM,KACZ,MAAO,CAAE,SAAWA,EAAM,SAAmB,oBAAR,EAAQ,CAAoB,CAAA,CAErF"}

package/radio/core/hookForm/index.esm.js

@@ -0,0 +1,58 @@
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { InputFeedback as o } from "../../../api/input/index.esm.js";
+import { Controller as d } from "react-hook-form";
+function h({ core: m, ...e }) {
+  let i = !e.align || e.align === "row" ? "flex-row" : "flex-column";
+  return /* @__PURE__ */ a(
+    d,
+    {
+      render: ({ field: n, formState: { errors: r } }) => /* @__PURE__ */ c("div", { className: "w-100 d-flex flex-column", children: [
+        /* @__PURE__ */ a("div", { className: `w-100 d-flex gap-3 ${i}`, children: e.options.map(
+          (l) => /* @__PURE__ */ c(
+            "div",
+            {
+              className: "d-flex align-items-center form-check",
+              children: [
+                /* @__PURE__ */ a(
+                  "input",
+                  {
+                    checked: l.value === n.value,
+                    className: "form-check-input " + (r[e.name] ? "is-invalid" : ""),
+                    disabled: e.disabled || l.disabled,
+                    id: e.name + "-" + l.value,
+                    type: "radio",
+                    value: l.value,
+                    onChange: n.onChange
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "label",
+                  {
+                    className: "ms-2 form-check-label",
+                    htmlFor: e.name + "-" + l.value,
+                    children: l.label
+                  }
+                )
+              ]
+            },
+            l.value
+          )
+        ) }),
+        /* @__PURE__ */ a(
+          o,
+          {
+            ...e,
+            errors: r
+          }
+        )
+      ] }),
+      control: e.control,
+      name: e.name,
+      rules: { required: e.required ? "Campo obrigatório" : !1 }
+    }
+  );
+}
+export {
+  h as RadioHookForm
+};
+//# sourceMappingURL=index.esm.js.map

package/radio/core/hookForm/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/radio/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { RadioProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\n\ntype Props = {\n    core: RadioProps<\"HookForm\">\n};\n\n/**\n * Core - `RadioHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function RadioHookForm({ core, ...props }: RadioProps<\"HookForm\"> & Props) {\n    let align = !props.align || props.align === \"row\" ? \"flex-row\" : \"flex-column\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <div className=\"w-100 d-flex flex-column\">\n                <div className={`w-100 d-flex gap-3 ${align}`}>\n                    {props.options.map((item) => {\n                            return (\n                                <div className=\"d-flex align-items-center form-check\"\n                                     key={item.value}>\n                                    <input checked={item.value === field.value}\n                                           className={\"form-check-input \" + (!errors[props.name] ? \"\" : \"is-invalid\")}\n                                           disabled={props.disabled || item.disabled}\n                                           id={props.name + \"-\" + item.value}\n                                           type=\"radio\"\n                                           value={item.value}\n                                           onChange={field.onChange}/>\n                                    <label className=\"ms-2 form-check-label\"\n                                           htmlFor={props.name + \"-\" + item.value}>{item.label}</label>\n                                </div>\n                            );\n                        }\n                    )}\n                </div>\n                <InputFeedback {...props}\n                               errors={errors}/>\n            </div>;\n        }}\n                    control={props.control}\n                    name={props.name}\n                    rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"names":["RadioHookForm","core","props","align","jsx","Controller","field","errors","jsxs","item","InputFeedback"],"mappings":";;;AAaO,SAASA,EAAc,EAAE,MAAAC,GAAM,GAAGC,KAAyC;AAC9E,MAAIC,IAAQ,CAACD,EAAM,SAASA,EAAM,UAAU,QAAQ,aAAa;AAOjE,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAAW,QAAQ,CAAC,EAAE,OAAAC,GAAO,WAAW,EAAE,QAAAC,EAAA,QAChC,gBAAAC,EAAC,OAAA,EAAI,WAAU,4BAClB,UAAA;AAAA,QAAA,gBAAAJ,EAAC,SAAI,WAAW,sBAAsBD,CAAK,IACtC,YAAM,QAAQ;AAAA,UAAI,CAACM,MAER,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cAAI,WAAU;AAAA,cAEX,UAAA;AAAA,gBAAA,gBAAAJ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAAM,SAASK,EAAK,UAAUH,EAAM;AAAA,oBAC9B,WAAW,uBAAwBC,EAAOL,EAAM,IAAI,IAAS,eAAL;AAAA,oBACxD,UAAUA,EAAM,YAAYO,EAAK;AAAA,oBACjC,IAAIP,EAAM,OAAO,MAAMO,EAAK;AAAA,oBAC5B,MAAK;AAAA,oBACL,OAAOA,EAAK;AAAA,oBACZ,UAAUH,EAAM;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBACvB,gBAAAF;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAAM,WAAU;AAAA,oBACV,SAASF,EAAM,OAAO,MAAMO,EAAK;AAAA,oBAAQ,UAAAA,EAAK;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAM;AAAA,YAAA;AAAA,YATrDA,EAAK;AAAA,UAAA;AAAA,QAYvB,GAER;AAAA,QACA,gBAAAL;AAAA,UAACM;AAAA,UAAA;AAAA,YAAe,GAAGR;AAAA,YACJ,QAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAe,GAClC;AAAA,MAEQ,SAASL,EAAM;AAAA,MACf,MAAMA,EAAM;AAAA,MACZ,OAAO,EAAE,UAAWA,EAAM,WAAmB,sBAAR,GAAQ;AAAA,IAAoB;AAAA,EAAA;AAErF;"}

package/radio/core/hookForm.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { RadioProps } from '..';
+type Props = {
+    core: RadioProps<"HookForm">;
+};
+/**
+ * Core - `RadioHookForm`
+ * Define o componente utilizando o HookForm
+ */
+export declare function RadioHookForm({ core, ...props }: RadioProps<"HookForm"> & Props): React.JSX.Element;
+export {};

package/radio/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var r=a(e);const l=({children:a,...r})=>{const l={size:`box-size-${r.size??"100"}`,direction:`box-direction-${r.direction??"row"}`,justify:void 0===r.justify?"":Array.isArray(r.justify)?r.justify?.join(" "):r.justify,align:void 0===r.align?"":Array.isArray(r.align)?r.align?.join(" "):r.align},n={className:t.classNames(["box",r.className??"",l.size,l.direction,l.justify,l.align]),style:r.css,id:r.id};return e.createElement("div",{...n},a)},n=({iconPrefix:t="bi bi-",...a})=>a.label&&e.createElement("p",{className:"form-label"},a.icon&&e.createElement("i",{className:t+a.icon+" me-1"}),a.label,a.required&&e.createElement("span",{className:"text-danger"},"*")),s=({errors:t,name:a,...r})=>r.mode&&"Controlled"!==r.mode?e.createElement("div",{className:t[a??""]?"invalid-feedback is-invalid":"","data-name":a??"",id:"j_feedback",style:{display:t[a??""]?"block":"none"}},t[a??""]?t[a??""].message:""):e.createElement("div",{"data-name":a,id:"j_feedback"});function i(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var o=e=>null==e;var c=e=>!o(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),d=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,u="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function m(e){let t;const a=Array.isArray(e),r="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(u&&(e instanceof Blob||r)||!a&&!c(e))return e;if(t=a?[]:{},a||(e=>{const t=e.constructor&&e.constructor.prototype;return c(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const a in e)e.hasOwnProperty(a)&&(t[a]=m(e[a]));else t=e}return t}var f=e=>Array.isArray(e)?e.filter(Boolean):[],b=e=>void 0===e,y=(e,t,a)=>{if(!t||!c(e))return a;const r=f(t.split(/[,[\].]+?/)).reduce(((e,t)=>o(e)?e:e[t]),e);return b(r)||r===e?b(e[t])?a:e[t]:r},g=e=>"boolean"==typeof e,p=(e,t,a)=>{let r=-1;const l=(e=>/^\w*$/.test(e))(t)?[t]:f(t.replace(/["|']|\]/g,"").split(/\.|\[/));const n=l.length,s=n-1;for(;++r<n;){const t=l[r];let n=a;if(r!==s){const a=e[t];n=c(a)||Array.isArray(a)?a:isNaN(+l[r+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=n,e=e[t]}};const v="blur",_="change",h="all",E=e.createContext(null),x=()=>e.useContext(E);const k="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function N(t){const a=x(),{control:r=a.control,disabled:l,name:n,exact:s}=t||{},[i,o]=e.useState(r._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return k((()=>r._subscribe({name:n,formState:c.current,exact:s,callback:e=>{!l&&o({...r._formState,...e})}})),[n,l,s]),e.useEffect((()=>{c.current.isValid&&r._setValid(!0)}),[r]),e.useMemo((()=>((e,t,a,r=!0)=>{const l={defaultValues:t._defaultValues};for(const n in e)Object.defineProperty(l,n,{get:()=>{const l=n;return t._proxyFormState[l]!==h&&(t._proxyFormState[l]=!r||h),a&&(a[l]=!0),e[l]}});return l})(i,r,c.current,!1)),[i,r])}function V(t){const a=x(),{control:r=a.control,name:l,defaultValue:n,disabled:s,exact:i}=t||{},o=e.useRef(n),[c,d]=e.useState(r._getWatch(l,o.current));return k((()=>r._subscribe({name:l,formState:{values:!0},exact:i,callback:e=>!s&&d(((e,t,a,r,l)=>"string"==typeof e?y(a,e,l):Array.isArray(e)?e.map((e=>y(a,e))):a)(l,r._names,e.values||r._formValues,0,o.current))})),[l,r,s,i]),e.useEffect((()=>r._removeUnmounted())),c}const w=t=>t.render(function(t){const a=x(),{name:r,disabled:l,control:n=a.control,shouldUnregister:s}=t,i=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(n._names.array,r),o=V({control:n,name:r,defaultValue:y(n._formValues,r,y(n._defaultValues,r,t.defaultValue)),exact:!0}),c=N({control:n,name:r,exact:!0}),u=e.useRef(t),f=e.useRef(n.register(r,{...t.rules,value:o,...g(t.disabled)?{disabled:t.disabled}:{}})),h=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(c.errors,r)},isDirty:{enumerable:!0,get:()=>!!y(c.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!y(c.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!y(c.validatingFields,r)},error:{enumerable:!0,get:()=>y(c.errors,r)}})),[c,r]),E=e.useCallback((e=>f.current.onChange({target:{value:d(e),name:r},type:_})),[r]),k=e.useCallback((()=>f.current.onBlur({target:{value:y(n._formValues,r),name:r},type:v})),[r,n._formValues]),w=e.useCallback((e=>{const t=y(n._fields,r);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[n._fields,r]),j=e.useMemo((()=>({name:r,value:o,...g(l)||c.disabled?{disabled:c.disabled||l}:{},onChange:E,onBlur:k,ref:w})),[r,l,c.disabled,E,k,w,o]);return e.useEffect((()=>{const e=n._options.shouldUnregister||s;n.register(r,{...u.current.rules,...g(u.current.disabled)?{disabled:u.current.disabled}:{}});const t=(e,t)=>{const a=y(n._fields,e);a&&a._f&&(a._f.mount=t)};if(t(r,!0),e){const e=m(y(n._options.defaultValues,r));p(n._defaultValues,r,e),b(y(n._formValues,r))&&p(n._formValues,r,e)}return!i&&n.register(r),()=>{(i?e&&!n._state.action:e)?n.unregister(r):t(r,!1)}}),[r,n,i,s]),e.useEffect((()=>{n._setDisabledField({disabled:l,name:r})}),[l,r,n]),e.useMemo((()=>({field:j,formState:c,fieldState:h})),[j,c,h])}(t));function j({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement(w,{render:({field:t,formState:{errors:l}})=>e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((r=>e.createElement("div",{className:"d-flex align-items-center form-check",key:r.value},e.createElement("input",{checked:r.value===t.value,className:"form-check-input "+(l[a.name]?"is-invalid":""),disabled:a.disabled||r.disabled,id:a.name+"-"+r.value,type:"radio",value:r.value,onChange:t.onChange}),e.createElement("label",{className:"ms-2 form-check-label",htmlFor:a.name+"-"+r.value},r.label))))),e.createElement(s,{...a,errors:l})),control:a.control,name:a.name,rules:{required:!!a.required&&"Campo obrigatório"}})}function C({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((t=>e.createElement(e.Fragment,{key:t.value},e.createElement("div",{className:"d-flex align-items-center form-check"},e.createElement("input",{checked:t.value===a.value,className:"form-check-input",disabled:a.disabled||t.disabled,id:a.name+"-"+t.value,name:a.name,required:a.required,type:"radio",value:t.value,onChange:e=>{a.onChange&&a.onChange(e.target.value)}}),e.createElement("label",{className:"ms-2",htmlFor:a.name+"-"+t.value},t.label)))))),e.createElement(s,{...a}))}exports.Radio=function(t){let a=t,r={...i(a)};return e.createElement(l,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(n,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(j,{core:r,...a}):e.createElement(C,{core:r,...a}))};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./radio/index.cjs.js");exports.Radio=e.Radio;
 //# sourceMappingURL=index.cjs.js.map