@orangesix/react 1.4.0 → 2.0.3

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

@@ -0,0 +1,57 @@
+import { ApiComponentProps } from '../../api';
+import * as React from "react";
+import * as AccordionPrimeReact from "primereact/accordion";
+
+export interface AccordionTabProps {
+    /**
+     * Define o cabeçalho de cada accordion
+     */
+    header: React.ReactNode | ((props: AccordionPrimeReact.AccordionTabPrimeReactProps) => React.ReactNode) | string
+
+    /**
+     * Define o conteudo do accordion
+     */
+    content: React.ReactNode
+
+    /**
+     * Define se accordion está desabilitado
+     */
+    disabled?: boolean
+
+    /**
+     * Define o className dos accordion tab
+     */
+    className?: string
+}
+
+export interface AccordionProps extends ApiComponentProps {
+    /**
+     * Array de objeto utilizado na construção da accordion
+     */
+    tabs: Array<AccordionTabProps>
+
+    /**
+     * Indica qual accordionn vai estar ativo pelo indice
+     */
+    activeIndex?: number | number[] | null
+
+    /**
+     * Permite ativar vários accordions ao mesmo tempo
+     */
+    multiple?: boolean
+
+    /**
+     * Define o icon para expandir accordion
+     */
+    iconExpand?: React.ReactNode
+
+    /**
+     * Define o icon para recolher accordion
+     */
+    iconCollapse?: React.ReactNode
+
+    /**
+     * Função retorna o evento quando o accordion é modificado
+     */
+    onChange?: (event: AccordionPrimeReact.AccordionTabChangeEvent) => void
+}

package/accordion/accordion/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../box/box/index.cjs.js"),l=require("primereact/accordion");function d(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const t=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,t.get?t:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const i=d(l),o=({...e})=>a.jsx(r.Box,{className:e.className,css:e.css,size:e.size??"100",children:a.jsx(i.Accordion,{activeIndex:e.activeIndex,className:"w-100",collapseIcon:e.iconExpand,expandIcon:e.iconCollapse,id:e.id,multiple:e.multiple,onTabChange:e.onChange,children:e.tabs.map((c,n)=>a.jsx(i.AccordionTab,{className:c.className,disabled:c.disabled,header:c.header,children:c.content},n))})});o.displayName="Accordion";exports.Accordion=o;
+//# sourceMappingURL=index.cjs.js.map

package/accordion/accordion/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/accordion/accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { AccordionProps } from \".\";\nimport * as AccordionPrimeReact from \"primereact/accordion\";\n\n/**\n * Componente - `Accordion`\n *\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\n */\nexport const Accordion = ({ ...props }: AccordionProps) => {\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            <AccordionPrimeReact.Accordion activeIndex={props.activeIndex}\n                                           className=\"w-100\"\n                                           collapseIcon={props.iconExpand}\n                                           expandIcon={props.iconCollapse}\n                                           id={props.id}\n                                           multiple={props.multiple}\n                                           onTabChange={props.onChange}>\n                {props.tabs.map((item, index) => (\n                    <AccordionPrimeReact.AccordionTab className={item.className}\n                                                      disabled={item.disabled}\n                                                      header={item.header}\n                                                      key={index}>\n                        {item.content}\n                    </AccordionPrimeReact.AccordionTab>\n                ))}\n            </AccordionPrimeReact.Accordion>\n        </Box>\n    );\n};\nAccordion.displayName = \"Accordion\";"],"names":["Accordion","props","jsx","Box","AccordionPrimeReact","item","index"],"mappings":"ydAUaA,EAAY,CAAC,CAAE,GAAGC,KAOvBC,EAAAA,IAACC,EAAAA,IAAA,CAAI,UAAWF,EAAM,UACjB,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,MACrB,SAAAC,EAAAA,IAACE,EAAoB,UAApB,CAA8B,YAAaH,EAAM,YACnB,UAAU,QACV,aAAcA,EAAM,WACpB,WAAYA,EAAM,aAClB,GAAIA,EAAM,GACV,SAAUA,EAAM,SAChB,YAAaA,EAAM,SAC7C,SAAAA,EAAM,KAAK,IAAI,CAACI,EAAMC,IACnBJ,EAAAA,IAACE,EAAoB,aAApB,CAAiC,UAAWC,EAAK,UAChB,SAAUA,EAAK,SACf,OAAQA,EAAK,OAE1C,SAAAA,EAAK,OAAA,EAD6BC,CAAA,CAG1C,CAAA,CAAA,CACL,CAAA,EAIZN,EAAU,YAAc"}

package/accordion/accordion/index.esm.js

@@ -0,0 +1,38 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Box as d } from "../../box/box/index.esm.js";
+import * as n from "primereact/accordion";
+const l = ({ ...a }) => /* @__PURE__ */ e(
+  d,
+  {
+    className: a.className,
+    css: a.css,
+    size: a.size ?? "100",
+    children: /* @__PURE__ */ e(
+      n.Accordion,
+      {
+        activeIndex: a.activeIndex,
+        className: "w-100",
+        collapseIcon: a.iconExpand,
+        expandIcon: a.iconCollapse,
+        id: a.id,
+        multiple: a.multiple,
+        onTabChange: a.onChange,
+        children: a.tabs.map((c, i) => /* @__PURE__ */ e(
+          n.AccordionTab,
+          {
+            className: c.className,
+            disabled: c.disabled,
+            header: c.header,
+            children: c.content
+          },
+          i
+        ))
+      }
+    )
+  }
+);
+l.displayName = "Accordion";
+export {
+  l as Accordion
+};
+//# sourceMappingURL=index.esm.js.map

package/accordion/accordion/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/accordion/accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { AccordionProps } from \".\";\nimport * as AccordionPrimeReact from \"primereact/accordion\";\n\n/**\n * Componente - `Accordion`\n *\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\n */\nexport const Accordion = ({ ...props }: AccordionProps) => {\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            <AccordionPrimeReact.Accordion activeIndex={props.activeIndex}\n                                           className=\"w-100\"\n                                           collapseIcon={props.iconExpand}\n                                           expandIcon={props.iconCollapse}\n                                           id={props.id}\n                                           multiple={props.multiple}\n                                           onTabChange={props.onChange}>\n                {props.tabs.map((item, index) => (\n                    <AccordionPrimeReact.AccordionTab className={item.className}\n                                                      disabled={item.disabled}\n                                                      header={item.header}\n                                                      key={index}>\n                        {item.content}\n                    </AccordionPrimeReact.AccordionTab>\n                ))}\n            </AccordionPrimeReact.Accordion>\n        </Box>\n    );\n};\nAccordion.displayName = \"Accordion\";"],"names":["Accordion","props","jsx","Box","AccordionPrimeReact","item","index"],"mappings":";;;AAUO,MAAMA,IAAY,CAAC,EAAE,GAAGC,QAOvB,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAAI,WAAWF,EAAM;AAAA,IACjB,KAAKA,EAAM;AAAA,IACX,MAAMA,EAAM,QAAQ;AAAA,IACrB,UAAA,gBAAAC;AAAA,MAACE,EAAoB;AAAA,MAApB;AAAA,QAA8B,aAAaH,EAAM;AAAA,QACnB,WAAU;AAAA,QACV,cAAcA,EAAM;AAAA,QACpB,YAAYA,EAAM;AAAA,QAClB,IAAIA,EAAM;AAAA,QACV,UAAUA,EAAM;AAAA,QAChB,aAAaA,EAAM;AAAA,QAC7C,UAAAA,EAAM,KAAK,IAAI,CAACI,GAAMC,MACnB,gBAAAJ;AAAA,UAACE,EAAoB;AAAA,UAApB;AAAA,YAAiC,WAAWC,EAAK;AAAA,YAChB,UAAUA,EAAK;AAAA,YACf,QAAQA,EAAK;AAAA,YAE1C,UAAAA,EAAK;AAAA,UAAA;AAAA,UAD6BC;AAAA,QAAA,CAG1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACL;AAAA;AAIZN,EAAU,cAAc;"}

package/accordion/accordion.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AccordionProps } from '.';
+/**
+ * Componente - `Accordion`
+ *
+ * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.
+ */
+export declare const Accordion: {
+    ({ ...props }: AccordionProps): React.JSX.Element;
+    displayName: string;
+};

package/accordion/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("primereact/utils"),a=require("primereact/accordion");const s=({children:a,...s})=>{const c={size:`box-size-${s.size??"100"}`,direction:`box-direction-${s.direction??"row"}`,justify:void 0===s.justify?"":Array.isArray(s.justify)?s.justify?.join(" "):s.justify,align:void 0===s.align?"":Array.isArray(s.align)?s.align?.join(" "):s.align},n={className:i.classNames(["box",s.className??"",c.size,c.direction,c.justify,c.align]),style:s.css,id:s.id};return e.createElement("div",{...n},a)};s.displayName="Box";const c=({...i})=>{const c=void 0!==i.onChange?{onChange:e=>i.onChange(e)}:{};return e.createElement(s,{className:i.className,css:i.css,size:i.size??"100"},e.createElement(a.Accordion,{activeIndex:i.activeIndex,className:"w-100",collapseIcon:i.iconExpand,expandIcon:i.iconCollapse,id:i.id,multiple:i.multiple,...c},i.tabs.map(((i,s)=>e.createElement(a.AccordionTab,{className:i.className,disabled:i.disabled,header:i.header,key:s},i.content)))))};c.displayName="Accordion",exports.Accordion=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./accordion/index.cjs.js");exports.Accordion=o.Accordion;
 //# sourceMappingURL=index.cjs.js.map

package/accordion/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/accordion/accordion.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};\r\n\r\nBox.displayName = \"Box\";","import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { AccordionProps } from \"./types\";\r\nimport {\r\n    Accordion as AccordionPrimeReact,\r\n    AccordionTab as AccordionTabPrimeReact,\r\n    AccordionProps as AccordionPrimeReactProps\r\n} from \"primereact/accordion\";\r\n\r\n/**\r\n * Componente - `Accordion`\r\n *\r\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\r\n */\r\nexport const Accordion = ({ ...props }: AccordionProps) => {\r\n    const core: AccordionPrimeReactProps = props.onChange !== undefined\r\n        ? {\r\n            // @ts-ignore\r\n            onChange: event => props.onChange(event)\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            <AccordionPrimeReact activeIndex={props.activeIndex}\r\n                                 className=\"w-100\"\r\n                                 collapseIcon={props.iconExpand}\r\n                                 expandIcon={props.iconCollapse}\r\n                                 id={props.id}\r\n                                 multiple={props.multiple}\r\n                                 {...core}>\r\n                {props.tabs.map((item, index) => (\r\n                    <AccordionTabPrimeReact className={item.className}\r\n                                            disabled={item.disabled}\r\n                                            header={item.header}\r\n                                            key={index}>\r\n                        {item.content}\r\n                    </AccordionTabPrimeReact>\r\n                ))}\r\n            </AccordionPrimeReact>\r\n        </Box>\r\n    );\r\n};\r\n\r\nAccordion.displayName = \"Accordion\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName","Accordion","core","onChange","event","AccordionPrimeReact","activeIndex","collapseIcon","iconExpand","expandIcon","iconCollapse","multiple","tabs","map","item","index","AccordionTabPrimeReact","disabled","header","key","content"],"mappings":"oGAmBO,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,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc,MC/BX,MAAMC,EAAY,KAAMlB,MAC3B,MAAMmB,OAAoDd,IAAnBL,EAAMoB,SACvC,CAEEA,SAAUC,GAASrB,EAAMoB,SAASC,IAClC,CAAA,EAMR,OACIN,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAACM,YAAmB,CAACC,YAAavB,EAAMuB,YACnBZ,UAAU,QACVa,aAAcxB,EAAMyB,WACpBC,WAAY1B,EAAM2B,aAClBb,GAAId,EAAMc,GACVc,SAAU5B,EAAM4B,YACZT,GACpBnB,EAAM6B,KAAKC,KAAI,CAACC,EAAMC,IACnBjB,EAAAC,cAACiB,EAAAA,aAAsB,CAACtB,UAAWoB,EAAKpB,UAChBuB,SAAUH,EAAKG,SACfC,OAAQJ,EAAKI,OACbC,IAAKJ,GACxBD,EAAKM,cAQ9BnB,EAAUD,YAAc"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/accordion/index.d.ts

@@ -1,99 +1,2 @@
-import * as React from 'react';
-import React__default, { CSSProperties } from 'react';
-import { AccordionTabProps as AccordionTabProps$1, AccordionTabChangeEvent } from 'primereact/accordion';
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-interface AccordionTabProps {
-    /**
-     * Define o cabeçalho de cada accordion
-     */
-    header: React.ReactNode | ((props: AccordionTabProps$1) => React.ReactNode) | string
-
-    /**
-     * Define o conteudo do accordion
-     */
-    content: React.ReactNode
-
-    /**
-     * Define se accordion está desabilitado
-     */
-    disabled?: boolean
-
-    /**
-     * Define o className dos accordion tab
-     */
-    className?: string
-}
-
-interface AccordionProps extends ApiComponentProps {
-    /**
-     * Array de objeto utilizado na construção da accordion
-     */
-    tabs: Array<AccordionTabProps>
-
-    /**
-     * Indica qual accordionn vai estar ativo pelo indice
-     */
-    activeIndex?: number | number[] | null
-
-    /**
-     * Permite ativar vários accordions ao mesmo tempo
-     */
-    multiple?: boolean
-
-    /**
-     * Define o icon para expandir accordion
-     */
-    iconExpand?: React.ReactNode
-
-    /**
-     * Define o icon para recolher accordion
-     */
-    iconCollapse?: React.ReactNode
-
-    /**
-     * Função retorna o evento quando o accordion é modificado
-     */
-    onChange?: (event: AccordionTabChangeEvent) => void
-}
-
-/**
- * Componente - `Accordion`
- *
- * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.
- */
-declare const Accordion: {
-    ({ ...props }: AccordionProps): React__default.JSX.Element;
-    displayName: string;
-};
-
-type IAccordionProps = AccordionProps;
-type IAccordionTabProps = AccordionTabProps;
-
-export { Accordion };
-export type { IAccordionProps, IAccordionTabProps };
+export * from './accordion';
+export * from './@types/index';

package/accordion/index.esm.js

@@ -1,2 +1,5 @@
-import e from"react";import{classNames as i}from"primereact/utils";import{Accordion as a,AccordionTab as s}from"primereact/accordion";const n=({children:a,...s})=>{const n={size:`box-size-${s.size??"100"}`,direction:`box-direction-${s.direction??"row"}`,justify:void 0===s.justify?"":Array.isArray(s.justify)?s.justify?.join(" "):s.justify,align:void 0===s.align?"":Array.isArray(s.align)?s.align?.join(" "):s.align},o={className:i(["box",s.className??"",n.size,n.direction,n.justify,n.align]),style:s.css,id:s.id};return e.createElement("div",{...o},a)};n.displayName="Box";const o=({...i})=>{const o=void 0!==i.onChange?{onChange:e=>i.onChange(e)}:{};return e.createElement(n,{className:i.className,css:i.css,size:i.size??"100"},e.createElement(a,{activeIndex:i.activeIndex,className:"w-100",collapseIcon:i.iconExpand,expandIcon:i.iconCollapse,id:i.id,multiple:i.multiple,...o},i.tabs.map(((i,a)=>e.createElement(s,{className:i.className,disabled:i.disabled,header:i.header,key:a},i.content)))))};o.displayName="Accordion";export{o as Accordion};
+import { Accordion as c } from "./accordion/index.esm.js";
+export {
+  c as Accordion
+};
 //# sourceMappingURL=index.esm.js.map

package/accordion/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/accordion/accordion.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};\r\n\r\nBox.displayName = \"Box\";","import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { AccordionProps } from \"./types\";\r\nimport {\r\n    Accordion as AccordionPrimeReact,\r\n    AccordionTab as AccordionTabPrimeReact,\r\n    AccordionProps as AccordionPrimeReactProps\r\n} from \"primereact/accordion\";\r\n\r\n/**\r\n * Componente - `Accordion`\r\n *\r\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\r\n */\r\nexport const Accordion = ({ ...props }: AccordionProps) => {\r\n    const core: AccordionPrimeReactProps = props.onChange !== undefined\r\n        ? {\r\n            // @ts-ignore\r\n            onChange: event => props.onChange(event)\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            <AccordionPrimeReact activeIndex={props.activeIndex}\r\n                                 className=\"w-100\"\r\n                                 collapseIcon={props.iconExpand}\r\n                                 expandIcon={props.iconCollapse}\r\n                                 id={props.id}\r\n                                 multiple={props.multiple}\r\n                                 {...core}>\r\n                {props.tabs.map((item, index) => (\r\n                    <AccordionTabPrimeReact className={item.className}\r\n                                            disabled={item.disabled}\r\n                                            header={item.header}\r\n                                            key={index}>\r\n                        {item.content}\r\n                    </AccordionTabPrimeReact>\r\n                ))}\r\n            </AccordionPrimeReact>\r\n        </Box>\r\n    );\r\n};\r\n\r\nAccordion.displayName = \"Accordion\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName","Accordion","core","onChange","event","AccordionPrimeReact","activeIndex","collapseIcon","iconExpand","expandIcon","iconCollapse","multiple","tabs","map","item","index","AccordionTabPrimeReact","disabled","header","key","content"],"mappings":"sIAmBO,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,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc,MC/BX,MAAMC,EAAY,KAAMlB,MAC3B,MAAMmB,OAAoDd,IAAnBL,EAAMoB,SACvC,CAEEA,SAAUC,GAASrB,EAAMoB,SAASC,IAClC,CAAA,EAMR,OACIN,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAACM,EAAmB,CAACC,YAAavB,EAAMuB,YACnBZ,UAAU,QACVa,aAAcxB,EAAMyB,WACpBC,WAAY1B,EAAM2B,aAClBb,GAAId,EAAMc,GACVc,SAAU5B,EAAM4B,YACZT,GACpBnB,EAAM6B,KAAKC,KAAI,CAACC,EAAMC,IACnBjB,EAAAC,cAACiB,EAAsB,CAACtB,UAAWoB,EAAKpB,UAChBuB,SAAUH,EAAKG,SACfC,OAAQJ,EAAKI,OACbC,IAAKJ,GACxBD,EAAKM,cAQ9BnB,EAAUD,YAAc"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/api/@types/css.d.ts

@@ -0,0 +1,92 @@
+/**
+ * Realiza o mapeamento dos valores da propriedades css `align-items`
+ */
+export type AlignItemsProps =
+    | "align-items-start"
+    | "align-items-end"
+    | "align-items-center"
+    | "align-items-baseline"
+    | "align-items-stretch"
+    | "align-items-sm-start"
+    | "align-items-sm-end"
+    | "align-items-sm-center"
+    | "align-items-sm-baseline"
+    | "align-items-sm-stretch"
+    | "align-items-md-start"
+    | "align-items-md-end"
+    | "align-items-md-center"
+    | "align-items-md-baseline"
+    | "align-items-md-stretch"
+    | "align-items-lg-start"
+    | "align-items-lg-end"
+    | "align-items-lg-center"
+    | "align-items-lg-baseline"
+    | "align-items-lg-stretch"
+    | "align-items-xl-start"
+    | "align-items-xl-end"
+    | "align-items-xl-center"
+    | "align-items-xl-baseline"
+    | "align-items-xl-stretch"
+    | "align-items-xxl-start"
+    | "align-items-xxl-end"
+    | "align-items-xxl-center"
+    | "align-items-xxl-baseline"
+    | "align-items-xxl-stretch";
+
+/**
+ * Realiza o mapeamento dos valores da propriedades css `justify-content`
+ */
+export type JustifyContentProps =
+    | "justify-content-start"
+    | "justify-content-end"
+    | "justify-content-center"
+    | "justify-content-between"
+    | "justify-content-around"
+    | "justify-content-evenly"
+    | "justify-content-sm-start"
+    | "justify-content-sm-end"
+    | "justify-content-sm-center"
+    | "justify-content-sm-between"
+    | "justify-content-sm-around"
+    | "justify-content-sm-evenly"
+    | "justify-content-md-start"
+    | "justify-content-md-end"
+    | "justify-content-md-center"
+    | "justify-content-md-between"
+    | "justify-content-md-around"
+    | "justify-content-md-evenly"
+    | "justify-content-lg-start"
+    | "justify-content-lg-end"
+    | "justify-content-lg-center"
+    | "justify-content-lg-between"
+    | "justify-content-lg-around"
+    | "justify-content-lg-evenly"
+    | "justify-content-xl-start"
+    | "justify-content-xl-end"
+    | "justify-content-xl-center"
+    | "justify-content-xl-between"
+    | "justify-content-xl-around"
+    | "justify-content-xl-evenly"
+    | "justify-content-xxl-start"
+    | "justify-content-xxl-end"
+    | "justify-content-xxl-center"
+    | "justify-content-xxl-between"
+    | "justify-content-xxl-around"
+    | "justify-content-xxl-evenly";
+
+/**
+ * Define as cores padrão as UI de componentes
+ */
+export type ColorProps =
+    "primary" |
+    "secondary" |
+    "success" |
+    "danger" |
+    "light" |
+    "warning" |
+    "gray" |
+    "info" |
+    "dark" |
+    "help" |
+    "contrast" |
+    "white";

package/api/@types/field.d.ts

@@ -0,0 +1,157 @@
+import { Control } from 'react-hook-form';
+import { KeyFilterType } from 'primereact/keyfilter';
+/**
+ * Define o modo do componente de entrada de dados
+ */
+export type ApiFieldModeProps = "Controlled" | "HookForm";
+
+/**
+ * Define os tipos `default` para componente de entrada de dados
+ */
+export interface ApiFieldComponentProps {
+
+    /**
+     * Define o id do campo
+     */
+    id?: string
+
+    /**
+     * Define o nome do campo
+     */
+    name?: string
+
+    /**
+     * Define o rótulo do campo
+     */
+    label?: string
+
+    /**
+     * Define o espaço reservador do campo
+     */
+    placeholder?: string
+
+    /**
+     * Define o icone do campo
+     */
+    icon?: string
+
+    /**
+     * Define o prefixo dos icones do pacote
+     */
+    iconPrefix?: "bi bi-" | "pi pi-"
+
+    /**
+     * Define se campo é obrigatório
+     */
+    required?: boolean
+
+    /**
+     * Desabilita a entrada de dados no campo
+     */
+    disabled?: boolean
+
+    /**
+     * Define o modo do componente de entrada de dados
+     */
+    mode?: ApiFieldModeProps
+
+    /**
+     * Define a opção de filtro de dados do componente
+     */
+    keyfilter?: KeyFilterType;
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: boolean
+}
+
+/**
+ * Define os tipos `default` para componente de entrada de dados controlled
+ * quando a propriedade `Readonly` estiver habilitada
+ */
+interface ApiFieldReadonlyControlledProps {
+    /**
+     * Define o valor do componente controlado
+     */
+    value: any
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly: true
+
+    /**
+     * Define o tipo de exibição do input quando for readOnly
+     */
+    readonlyType?: "label" | "field"
+
+    /**
+     * Função para alterar o valor do componente controlado
+     */
+    onChange?: (value: any) => void
+
+    /**
+     * Função quando um usuário sai de um componente controlado
+     */
+    onBlur?: (value: any) => void
+}
+
+/**
+ Define os tipos `default` para componente de entrada de dados controlled
+ quando a propriedade `Readonly` estiver desabilitada
+ */
+interface ApiFieldWritableControlledProps {
+    /**
+     * Define o valor do componente controlado
+     */
+    value: any
+
+    /**
+     * Determina se campo é apenas de leitura
+     */
+    readonly?: false
+
+    /**
+     * Função para alterar o valor do componente controlado
+     */
+    onChange(value: any): void
+
+    /**
+     * Função quando um usuário sai de um componente controlado
+     */
+    onBlur?: (value: any) => void
+}
+
+/**
+ * Define os tipos `default` para componente de entrada de dados controlled
+ */
+export type ApiFieldControlledProps =
+    | ApiFieldReadonlyControlledProps
+    | ApiFieldWritableControlledProps;
+
+/**
+ * Define os tipos `default` para componente de entrada de dados HookFomr
+ */
+export interface ApiFieldHookFormProps {
+
+    /**
+     * Define o nome do campo
+     */
+    name: string
+
+    /**
+     * Objeto de controle do HookForm
+     */
+    control: Control<any>
+
+    /**
+     * Função executada quando o valor é modificado
+     */
+    onChange?: (value: any) => void
+
+    /**
+     * Função executada quando um usuário sai de um componente
+     */
+    onBlur?: (value: any) => void
+}

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

@@ -0,0 +1,29 @@
+import { CSSProperties } from 'react';
+/**
+ * Define as tipagens `default` de todos os componentes do pacote
+ */
+export interface ApiComponentProps {
+
+    /**
+     * Propriedade para identificar o id do elemento
+     */
+    id?: string
+
+    /**
+     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
+     */
+    className?: string
+
+    /**
+     * Define o tamanho da box do componente de acordo com o valores abaixo
+     */
+    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
+
+    /**
+     * Define as propriedades css do component `style`
+     */
+    css?: CSSProperties
+}
+
+export * from './css';
+export * from './field';

package/api/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react");exports.InputFeedback=({errors:a,name:r,...l})=>l.mode&&"Controlled"!==l.mode?e.createElement("div",{className:a[r??""]?"invalid-feedback is-invalid":"","data-name":r??"",id:"j_feedback",style:{display:a[r??""]?"block":"none"}},a[r??""]?a[r??""].message:""):e.createElement("div",{"data-name":r,id:"j_feedback"}),exports.InputLabel=({iconPrefix:a="bi bi-",...r})=>r.label&&e.createElement("p",{className:"form-label"},r.icon&&e.createElement("i",{className:a+r.icon+" me-1"}),r.label,r.required&&e.createElement("span",{className:"text-danger"},"*")),exports.InputProps=function(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}};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./input/index.cjs.js");exports.InputFeedback=e.InputFeedback;exports.InputLabel=e.InputLabel;exports.InputProps=e.InputProps;
 //# sourceMappingURL=index.cjs.js.map

package/api/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}"],"names":["errors","name","props","mode","React","createElement","className","id","style","display","message","iconPrefix","label","icon","required","ref","disabled","placeholder","width","keyfilter"],"mappings":"0DA6B6B,EAAGA,SAAQC,UAASC,KAMrCA,EAAMC,MAAuB,eAAfD,EAAMC,KAGtBC,EAAAC,cAAA,MAAA,CAAKC,UAAaN,EAAOC,GAAQ,IAAW,8BAAL,GAAmC,YAC1DA,GAAQ,GACnBM,GAAG,aACHC,MAAO,CAAEC,QAAST,EAAOC,GAAQ,IAAM,QAAU,SAAYD,EAAOC,GAAQ,IAAWD,EAAOC,GAAQ,IAAIS,QAAxB,IALvFN,EAAAC,cAAA,MAAA,CAAA,YAAgBJ,EACXM,GAAG,kCA5BQ,EAAGI,aAAa,YAAaT,KAM5CA,EAAMU,OACNR,EAAAC,cAAA,IAAA,CAAGC,UAAU,cACXJ,EAAMW,MAAQT,EAAAC,cAAA,IAAA,CAAGC,UAAWK,EAAaT,EAAMW,KAAO,UACtDX,EAAMU,MACNV,EAAMY,UAAYV,EAAAC,cAAA,OAAA,CAAMC,UAAU,eAAa,yBA8BtD,SAA0FJ,GAC5F,MAAO,CACHa,IAAKb,EAAMa,IAEXR,GAAIL,EAAMK,GACVN,KAAMC,EAAMD,KACZa,SAAUZ,EAAMY,SAChBE,SAAUd,EAAMc,SAChBC,YAAaf,EAAMe,YAEnBX,UAAWJ,EAAMI,UACjBE,MAAO,CAAEU,MAAO,QAEhBC,UAAWjB,EAAMiB,UAEzB"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}