bonkers-ui 2.0.4 → 2.0.6

package/README.md

@@ -41,7 +41,7 @@
 - To run the storybook
 
     ```bash
-    bun storybook
+    bun dev
     ```
 
 - open [http://localhost:6006/](http://localhost:6006/)

package/_types/align.js.map

@@ -1 +1 @@
-{"version":3,"file":"align.js","sources":["../../src/_types/align.ts"],"sourcesContent":["export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}"],"names":["EJustify"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UANEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"align.js","sources":["../../src/_types/align.ts"],"sourcesContent":["export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}\n"],"names":["EJustify"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,SAAS,UANEA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiAccordion/UiAccordion.InfoDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiAccordion.InfoDropdown.js","sources":["../../../src/components/UiAccordion/UiAccordion.InfoDropdown.tsx"],"sourcesContent":["import { ESize } from \"../../_types/sizing\";\nimport { UiIcon } from \"../UiIcon\";\nimport { UiTypography, EColors, ETypographySizes, ETextWeight } from \"../UiTypography\";\nimport { UiAccordion } from \"./UiAccordion.base\";\nimport { UiAccordionItem } from \"./UiAccordionItem.base\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionInfoDropdown = {\n\tchildren: React.ReactNode;\n\tid?: string;\n\ttitle: string;\n\tpostfix?: (isOpen?: boolean) => React.ReactNode;\n\tprefix?: (isOpen?: boolean) => React.ReactNode;\n}\n\nexport const UiAccordionInfoDropdown = ({ children, id, title, postfix, prefix } : TUiAccordionInfoDropdown ) => {\n\treturn (\n\t\t<UiAccordion className=\"mb-xxs flex justify-start\">\n\t\t\t<UiAccordionItem id={ id ? id : `whats-this-${Math.random()}` }>\n\t\t\t\t<UiAccordionItem.Trigger className=\"flex flex-row items-baseline gap-x-xxs\">\n\t\t\t\t\t{ (isOpen) =>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ prefix ? prefix(isOpen) : null }\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\tunderline\n\t\t\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\t\t\tcolor={ EColors.SECONDARY_500 }\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tpostfix\n\t\t\t\t\t\t\t\t\t? postfix(isOpen)\n\t\t\t\t\t\t\t\t\t: <div className={ cx(\"transition\", \"text-secondary-500\", isOpen ? \"rotate-180\" : \"rotate-0\") }>\n\t\t\t\t\t\t\t\t\t\t<UiIcon name={ [\"fas\", \"chevron-down\"] } size={ ESize.XS }/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t</UiAccordionItem.Trigger>\n\t\t\t\t<UiAccordionItem.Content>\n\t\t\t\t\t<UiTypography lineHeight color={ EColors.SECONDARY_500 } size={ ETypographySizes.XS }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t</UiAccordionItem.Content>\n\t\t\t</UiAccordionItem>\n\t\t</UiAccordion>\n\t);\n};\n"],"names":["UiAccordionInfoDropdown","children","id","title","postfix","prefix","jsx","UiAccordion","jsxs","UiAccordionItem","isOpen","Fragment","UiTypography","EColors","ETypographySizes","ETextWeight","cx","UiIcon","ESize"],"mappings":";;;;;;;;;AAea,MAAAA,IAA0B,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,QAAAC,QAErE,gBAAAC,EAAAC,GAAA,EAAY,WAAU,6BACtB,UAAC,gBAAAC,EAAAC,GAAA,EAAgB,IAAKP,KAAU,cAAc,KAAK,OAAQ,CAAA,IAC1D,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAgB,SAAhB,EAAwB,WAAU,0CAChC,UAAA,CAACC,MAEC,gBAAAF,EAAAG,GAAA,EAAA,UAAA;AAAA,IAASN,IAAAA,EAAOK,CAAM,IAAI;AAAA,IAC5B,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QACA,WAAS;AAAA,QACT,YAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QAEnB,UAAAZ;AAAA,MAAA;AAAA,IACH;AAAA,IAECC,IACGA,EAAQM,CAAM,IACd,gBAAAJ,EAAC,SAAI,WAAYU,EAAG,cAAc,sBAAsBN,IAAS,eAAe,UAAU,GAC3F,UAAA,gBAAAJ,EAACW,GAAO,EAAA,MAAO,CAAC,OAAO,cAAc,GAAI,MAAOC,EAAM,GAAI,CAAA,EAC3D,CAAA;AAAA,EAAA,EAAA,CAEH,EAEF,CAAA;AAAA,EACC,gBAAAZ,EAAAG,EAAgB,SAAhB,EACA,4BAACG,GAAa,EAAA,YAAU,IAAC,OAAQC,EAAQ,eAAgB,MAAOC,EAAiB,IAC9E,UAAAb,GACH,EACD,CAAA;AAAA,EAAA,CACD,EACD,CAAA;"}
+{"version":3,"file":"UiAccordion.InfoDropdown.js","sources":["../../../src/components/UiAccordion/UiAccordion.InfoDropdown.tsx"],"sourcesContent":["import { ESize } from \"../../_types/sizing\";\nimport { UiIcon } from \"../UiIcon\";\nimport { UiTypography, EColors, ETypographySizes, ETextWeight } from \"../UiTypography\";\nimport { UiAccordion } from \"./UiAccordion.base\";\nimport { UiAccordionItem } from \"./UiAccordionItem.base\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionInfoDropdown = {\n\tchildren: React.ReactNode;\n\tid?: string;\n\ttitle: string;\n\tpostfix?: (isOpen?: boolean) => React.ReactNode;\n\tprefix?: (isOpen?: boolean) => React.ReactNode;\n}\n\nexport const UiAccordionInfoDropdown = ({ children, id, title, postfix, prefix } : TUiAccordionInfoDropdown ) => {\n\treturn (\n\t\t<UiAccordion className=\"mb-xxs flex justify-start\">\n\t\t\t<UiAccordionItem id={ id\n\t\t\t\t? id\n\t\t\t\t: `whats-this-${Math.random()}` }>\n\t\t\t\t<UiAccordionItem.Trigger className=\"flex flex-row items-baseline gap-x-xxs\">\n\t\t\t\t\t{ (isOpen) =>\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{ prefix\n\t\t\t\t\t\t\t\t? prefix(isOpen)\n\t\t\t\t\t\t\t\t: null }\n\t\t\t\t\t\t\t<UiTypography\n\t\t\t\t\t\t\t\tunderline\n\t\t\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\t\t\tcolor={ EColors.SECONDARY_500 }\n\t\t\t\t\t\t\t\tsize={ ETypographySizes.XS }\n\t\t\t\t\t\t\t\tweight={ ETextWeight.SEMI_BOLD }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</UiTypography>\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tpostfix\n\t\t\t\t\t\t\t\t\t? postfix(isOpen)\n\t\t\t\t\t\t\t\t\t: <div className={ cx(\"transition\", \"text-secondary-500\", isOpen\n\t\t\t\t\t\t\t\t\t\t? \"rotate-180\"\n\t\t\t\t\t\t\t\t\t\t: \"rotate-0\") }>\n\t\t\t\t\t\t\t\t\t\t<UiIcon name={ [\"fas\", \"chevron-down\"] } size={ ESize.XS }/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</>\n\t\t\t\t\t}\n\t\t\t\t</UiAccordionItem.Trigger>\n\t\t\t\t<UiAccordionItem.Content>\n\t\t\t\t\t<UiTypography lineHeight color={ EColors.SECONDARY_500 } size={ ETypographySizes.XS }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t</UiAccordionItem.Content>\n\t\t\t</UiAccordionItem>\n\t\t</UiAccordion>\n\t);\n};\n"],"names":["UiAccordionInfoDropdown","children","id","title","postfix","prefix","jsx","UiAccordion","jsxs","UiAccordionItem","isOpen","Fragment","UiTypography","EColors","ETypographySizes","ETextWeight","cx","UiIcon","ESize"],"mappings":";;;;;;;;;AAea,MAAAA,IAA0B,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,QAAAC,QAErE,gBAAAC,EAAAC,GAAA,EAAY,WAAU,6BACtB,UAAC,gBAAAC,EAAAC,GAAA,EAAgB,IAAKP,KAEnB,cAAc,KAAK,OAAQ,CAAA,IAC7B,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAgB,SAAhB,EAAwB,WAAU,0CAChC,UAAA,CAACC,MAEC,gBAAAF,EAAAG,GAAA,EAAA,UAAA;AAAA,IACCN,IAAAA,EAAOK,CAAM,IACb;AAAA,IACH,gBAAAJ;AAAA,MAACM;AAAA,MAAA;AAAA,QACA,WAAS;AAAA,QACT,YAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOC,EAAiB;AAAA,QACxB,QAASC,EAAY;AAAA,QAEnB,UAAAZ;AAAA,MAAA;AAAA,IACH;AAAA,IAECC,IACGA,EAAQM,CAAM,IACd,gBAAAJ,EAAC,SAAI,WAAYU,EAAG,cAAc,sBAAsBN,IACvD,eACA,UAAU,GACZ,UAAA,gBAAAJ,EAACW,GAAO,EAAA,MAAO,CAAC,OAAO,cAAc,GAAI,MAAOC,EAAM,GAAI,CAAA,EAC3D,CAAA;AAAA,EAAA,EAAA,CAEH,EAEF,CAAA;AAAA,EACC,gBAAAZ,EAAAG,EAAgB,SAAhB,EACA,4BAACG,GAAa,EAAA,YAAU,IAAC,OAAQC,EAAQ,eAAgB,MAAOC,EAAiB,IAC9E,UAAAb,GACH,EACD,CAAA;AAAA,EAAA,CACD,EACD,CAAA;"}

package/components/UiAccordion/UiAccordion.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiAccordion.context.js","sources":["../../../src/components/UiAccordion/UiAccordion.context.tsx"],"sourcesContent":["import React from \"react\";\nimport { EAccordionType } from \"./_types\";\nimport type { TUiAccordionProps } from \"./UiAccordion.base\";\n\nexport const UiAccordionContext = React.createContext<{\n\topenItems?: string[],\n\tisOpen?: boolean,\n\tid?: string | null,\n\ttype?: EAccordionType,\n\thandleTrigger: (id?: string) => void\n} | null>(null);\n\nexport const UiAccordionProvider = ({\n\tchildren,\n\ttype = EAccordionType.SINGLE,\n\tdefaultValue,\n\thandleTrigger\n}:  TUiAccordionProps) => {\n\tconst [openAccordions, setOpenAccordions] = React.useState<string[]>(defaultValue || []);\n\n\tconst handleClick = (id?: string) => {\n\t\tif (!id) return;\n\t\tif (type === EAccordionType.SINGLE) {\n\t\t\tsetOpenAccordions(openAccordions?.includes(id) ? [] : [id]);\n\t\t} else {\n\t\t\tsetOpenAccordions(currAccordions =>\n\t\t\t\tcurrAccordions?.includes(id)\n\t\t\t\t\t? currAccordions.filter(item => item !== id)\n\t\t\t\t\t: [...(currAccordions || []), id]\n\t\t\t);\n\t\t}\n\t\tif (handleTrigger) handleTrigger(id);\n\t};\n\n\tconst contextValue = {\n\t\topenItems: openAccordions,\n\t\ttype,\n\t\thandleTrigger: handleClick\n\t};\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const UiAccordionItemProvider = ({ children, id }: { children: React.ReactNode, id: string }) => {\n\tconst { openItems, handleTrigger } = useAccordionContext();\n\tconst isOpen = openItems?.includes(id);\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ {\n\t\t\tid,\n\t\t\tisOpen,\n\t\t\thandleTrigger: () => handleTrigger(id)\n\t\t} }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const useAccordionContext = () => {\n\tconst context = React.useContext(UiAccordionContext);\n\tif (!context) {\n\t\tthrow new Error(\"useAccordionContext must be used within an <Accordion /> component\");\n\t}\n\treturn context;\n};\n"],"names":["UiAccordionContext","React","UiAccordionProvider","children","type","EAccordionType","defaultValue","handleTrigger","openAccordions","setOpenAccordions","contextValue","id","currAccordions","item","UiAccordionItemProvider","openItems","useAccordionContext","isOpen","jsx","context"],"mappings":";;;AAIa,MAAAA,IAAqBC,EAAM,cAM9B,IAAI,GAEDC,IAAsB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,MAAAC,IAAOC,EAAe;AAAA,EACtB,cAAAC;AAAA,EACA,eAAAC;AACD,MAA0B;AACnB,QAAA,CAACC,GAAgBC,CAAiB,IAAIR,EAAM,SAAmBK,KAAgB,EAAE,GAgBjFI,IAAe;AAAA,IACpB,WAAWF;AAAA,IACX,MAAAJ;AAAA,IACA,eAjBmB,CAACO,MAAgB;AACpC,MAAKA,MACDP,MAASC,EAAe,SACTI,EAAAD,KAAA,QAAAA,EAAgB,SAASG,KAAM,CAAK,IAAA,CAACA,CAAE,CAAC,IAE1DF;AAAA,QAAkB,OACjBG,KAAA,QAAAA,EAAgB,SAASD,KACtBC,EAAe,OAAO,CAAAC,MAAQA,MAASF,CAAE,IACzC,CAAC,GAAIC,KAAkB,IAAKD,CAAE;AAAA,MAClC,GAEGJ,OAA6BI,CAAE;AAAA,IACpC;AAAA,EAMA;AAEA,2BACEX,EAAmB,UAAnB,EAA4B,OAAQU,GAClC,UAAAP,GACH;AAEF,GAEaW,IAA0B,CAAC,EAAE,UAAAX,GAAU,IAAAQ,QAAoD;AACvG,QAAM,EAAE,WAAAI,GAAW,eAAAR,EAAc,IAAIS,EAAoB,GACnDC,IAASF,KAAA,gBAAAA,EAAW,SAASJ;AAEnC,SACE,gBAAAO,EAAAlB,EAAmB,UAAnB,EAA4B,OAAQ;AAAA,IACpC,IAAAW;AAAA,IACA,QAAAM;AAAA,IACA,eAAe,MAAMV,EAAcI,CAAE;AAAA,KAEnC,UAAAR,EACH,CAAA;AAEF,GAEaa,IAAsB,MAAM;AAClC,QAAAG,IAAUlB,EAAM,WAAWD,CAAkB;AACnD,MAAI,CAACmB;AACE,UAAA,IAAI,MAAM,oEAAoE;AAE9E,SAAAA;AACR;"}
+{"version":3,"file":"UiAccordion.context.js","sources":["../../../src/components/UiAccordion/UiAccordion.context.tsx"],"sourcesContent":["import React from \"react\";\nimport { EAccordionType } from \"./_types\";\nimport type { TUiAccordionProps } from \"./UiAccordion.base\";\n\nexport const UiAccordionContext = React.createContext<{\n\topenItems?: string[],\n\tisOpen?: boolean,\n\tid?: string | null,\n\ttype?: EAccordionType,\n\thandleTrigger: (id?: string) => void\n} | null>(null);\n\nexport const UiAccordionProvider = ({\n\tchildren,\n\ttype = EAccordionType.SINGLE,\n\tdefaultValue,\n\thandleTrigger\n}:  TUiAccordionProps) => {\n\tconst [openAccordions, setOpenAccordions] = React.useState<string[]>(defaultValue || []);\n\n\tconst handleClick = (id?: string) => {\n\t\tif (!id) return;\n\t\tif (type === EAccordionType.SINGLE) {\n\t\t\tsetOpenAccordions(openAccordions?.includes(id)\n\t\t\t\t? []\n\t\t\t\t: [id]);\n\t\t} else {\n\t\t\tsetOpenAccordions(currAccordions =>\n\t\t\t\tcurrAccordions?.includes(id)\n\t\t\t\t\t? currAccordions.filter(item => item !== id)\n\t\t\t\t\t: [...(currAccordions || []), id]\n\t\t\t);\n\t\t}\n\t\tif (handleTrigger) handleTrigger(id);\n\t};\n\n\tconst contextValue = {\n\t\topenItems: openAccordions,\n\t\ttype,\n\t\thandleTrigger: handleClick\n\t};\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ contextValue }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const UiAccordionItemProvider = ({ children, id }: { children: React.ReactNode, id: string }) => {\n\tconst { openItems, handleTrigger } = useAccordionContext();\n\tconst isOpen = openItems?.includes(id);\n\n\treturn (\n\t\t<UiAccordionContext.Provider value={ {\n\t\t\tid,\n\t\t\tisOpen,\n\t\t\thandleTrigger: () => handleTrigger(id)\n\t\t} }>\n\t\t\t{ children }\n\t\t</UiAccordionContext.Provider>\n\t);\n};\n\nexport const useAccordionContext = () => {\n\tconst context = React.useContext(UiAccordionContext);\n\tif (!context) {\n\t\tthrow new Error(\"useAccordionContext must be used within an <Accordion /> component\");\n\t}\n\treturn context;\n};\n"],"names":["UiAccordionContext","React","UiAccordionProvider","children","type","EAccordionType","defaultValue","handleTrigger","openAccordions","setOpenAccordions","contextValue","id","currAccordions","item","UiAccordionItemProvider","openItems","useAccordionContext","isOpen","jsx","context"],"mappings":";;;AAIa,MAAAA,IAAqBC,EAAM,cAM9B,IAAI,GAEDC,IAAsB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,MAAAC,IAAOC,EAAe;AAAA,EACtB,cAAAC;AAAA,EACA,eAAAC;AACD,MAA0B;AACnB,QAAA,CAACC,GAAgBC,CAAiB,IAAIR,EAAM,SAAmBK,KAAgB,EAAE,GAkBjFI,IAAe;AAAA,IACpB,WAAWF;AAAA,IACX,MAAAJ;AAAA,IACA,eAnBmB,CAACO,MAAgB;AACpC,MAAKA,MACDP,MAASC,EAAe,SACTI,EAAAD,KAAA,QAAAA,EAAgB,SAASG,KACxC,CACA,IAAA,CAACA,CAAE,CAAC,IAEPF;AAAA,QAAkB,OACjBG,KAAA,QAAAA,EAAgB,SAASD,KACtBC,EAAe,OAAO,CAAAC,MAAQA,MAASF,CAAE,IACzC,CAAC,GAAIC,KAAkB,IAAKD,CAAE;AAAA,MAClC,GAEGJ,OAA6BI,CAAE;AAAA,IACpC;AAAA,EAMA;AAEA,2BACEX,EAAmB,UAAnB,EAA4B,OAAQU,GAClC,UAAAP,GACH;AAEF,GAEaW,IAA0B,CAAC,EAAE,UAAAX,GAAU,IAAAQ,QAAoD;AACvG,QAAM,EAAE,WAAAI,GAAW,eAAAR,EAAc,IAAIS,EAAoB,GACnDC,IAASF,KAAA,gBAAAA,EAAW,SAASJ;AAEnC,SACE,gBAAAO,EAAAlB,EAAmB,UAAnB,EAA4B,OAAQ;AAAA,IACpC,IAAAW;AAAA,IACA,QAAAM;AAAA,IACA,eAAe,MAAMV,EAAcI,CAAE;AAAA,KAEnC,UAAAR,EACH,CAAA;AAEF,GAEaa,IAAsB,MAAM;AAClC,QAAAG,IAAUlB,EAAM,WAAWD,CAAkB;AACnD,MAAI,CAACmB;AACE,UAAA,IAAI,MAAM,oEAAoE;AAE9E,SAAAA;AACR;"}

package/components/UiAccordion/UiAccordionItem.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiAccordionItem.base.js","sources":["../../../src/components/UiAccordion/UiAccordionItem.base.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiAccordionItemProvider, useAccordionContext } from \"./UiAccordion.context\";\n\nexport type TUiAccordionItemProps = {\n\tid: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\ntype TAccordionItemComposition = {\n\tTrigger: React.FC<{ children: React.ReactNode | ((isOpen?: boolean) => React.ReactNode), className?: string }>;\n\tContent: React.FC<{ children: React.ReactNode, className?: string }>;\n};\n\nexport const UiAccordionItem: React.FC<TUiAccordionItemProps> & TAccordionItemComposition = ({\n\tchildren,\n\tid,\n\tclassName,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiAccordionItemProvider id={ id }>\n\t\t\t<div className={ cx(\"ui-accordion-item\", className) }  { ...rest }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</UiAccordionItemProvider>\n\t);\n};\n\nconst Trigger: TAccordionItemComposition[\"Trigger\"] = ({  children, className } ) => {\n\tconst { handleTrigger, isOpen } = useAccordionContext();\n\n\tconst childrenWithProps = () => {\n\t\treturn (\n\t\t\tReact.isValidElement(children)\n\t\t\t\t? children\n\t\t\t\t: typeof children === \"function\"\n\t\t\t\t\t? children(isOpen)\n\t\t\t\t\t: children\n\t\t);\n\t};\n\n\treturn (\n\t\t<header\n\t\t\trole=\"button\"\n\t\t\tclassName={ cx(\"cursor-pointer\", className) }\n\t\t\tonClick={ () => handleTrigger() }\n\t\t>\n\t\t\t{ childrenWithProps() }\n\t\t</header>\n\t);\n};\n\nconst Content: TAccordionItemComposition[\"Content\"] = ({\n\tchildren,\n\tclassName\n}) => {\n\tconst { isOpen } = useAccordionContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"grid transition-all duration-300 ease-in-out\",\n\t\t\t\tisOpen ? \"grid-rows-[1fr]\" : \"grid-rows-[0fr]\",\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"overflow-hidden\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nUiAccordionItem.Trigger = Trigger;\nUiAccordionItem.Content = Content;\n"],"names":["UiAccordionItem","children","id","className","rest","jsx","UiAccordionItemProvider","cx","Trigger","handleTrigger","isOpen","useAccordionContext","childrenWithProps","React","Content"],"mappings":";;;;AAaO,MAAMA,IAA+E,CAAC;AAAA,EAC5F,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAwB,IAAAJ,GACxB,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAYE,EAAG,qBAAqBJ,CAAS,GAAO,GAAGC,GACzD,UAAAH,EACH,CAAA,GACD,GAIIO,IAAgD,CAAC,EAAG,UAAAP,GAAU,WAAAE,QAAiB;AACpF,QAAM,EAAE,eAAAM,GAAe,QAAAC,EAAO,IAAIC,EAAoB,GAEhDC,IAAoB,MAExBC,EAAM,eAAeZ,CAAQ,IAC1BA,IACA,OAAOA,KAAa,aACnBA,EAASS,CAAM,IACfT;AAKL,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAYE,EAAG,kBAAkBJ,CAAS;AAAA,MAC1C,SAAU,MAAMM,EAAc;AAAA,MAE5B,UAAkBG,EAAA;AAAA,IAAA;AAAA,EACrB;AAEF,GAEME,IAAgD,CAAC;AAAA,EACtD,UAAAb;AAAA,EACA,WAAAE;AACD,MAAM;AACC,QAAA,EAAE,QAAAO,EAAO,IAAIC,EAAoB;AAGtC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAYE;AAAA,QACX;AAAA,QACAG,IAAS,oBAAoB;AAAA,QAC7BP;AAAA,MACD;AAAA,MAEA,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,mBACZ,UAAAJ,EACH,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;AAEAD,EAAgB,UAAUQ;AAC1BR,EAAgB,UAAUc;"}
+{"version":3,"file":"UiAccordionItem.base.js","sources":["../../../src/components/UiAccordion/UiAccordionItem.base.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiAccordionItemProvider, useAccordionContext } from \"./UiAccordion.context\";\n\nexport type TUiAccordionItemProps = {\n\tid: string;\n} & React.HTMLAttributes<HTMLDivElement>;\n\ntype TAccordionItemComposition = {\n\tTrigger: React.FC<{ children: React.ReactNode | ((isOpen?: boolean) => React.ReactNode), className?: string }>;\n\tContent: React.FC<{ children: React.ReactNode, className?: string }>;\n};\n\nexport const UiAccordionItem: React.FC<TUiAccordionItemProps> & TAccordionItemComposition = ({\n\tchildren,\n\tid,\n\tclassName,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiAccordionItemProvider id={ id }>\n\t\t\t<div className={ cx(\"ui-accordion-item\", className) }  { ...rest }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</UiAccordionItemProvider>\n\t);\n};\n\nconst Trigger: TAccordionItemComposition[\"Trigger\"] = ({  children, className } ) => {\n\tconst { handleTrigger, isOpen } = useAccordionContext();\n\n\tconst childrenWithProps = () => {\n\t\treturn (\n\t\t\tReact.isValidElement(children)\n\t\t\t\t? children\n\t\t\t\t: typeof children === \"function\"\n\t\t\t\t\t? children(isOpen)\n\t\t\t\t\t: children\n\t\t);\n\t};\n\n\treturn (\n\t\t<header\n\t\t\trole=\"button\"\n\t\t\tclassName={ cx(\"cursor-pointer\", className) }\n\t\t\tonClick={ () => handleTrigger() }\n\t\t>\n\t\t\t{ childrenWithProps() }\n\t\t</header>\n\t);\n};\n\nconst Content: TAccordionItemComposition[\"Content\"] = ({\n\tchildren,\n\tclassName\n}) => {\n\tconst { isOpen } = useAccordionContext();\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ cx(\n\t\t\t\t\"grid transition-all duration-300 ease-in-out\",\n\t\t\t\tisOpen\n\t\t\t\t\t? \"grid-rows-[1fr]\"\n\t\t\t\t\t: \"grid-rows-[0fr]\",\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<div className=\"overflow-hidden\">\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nUiAccordionItem.Trigger = Trigger;\nUiAccordionItem.Content = Content;\n"],"names":["UiAccordionItem","children","id","className","rest","jsx","UiAccordionItemProvider","cx","Trigger","handleTrigger","isOpen","useAccordionContext","childrenWithProps","React","Content"],"mappings":";;;;AAaO,MAAMA,IAA+E,CAAC;AAAA,EAC5F,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAwB,IAAAJ,GACxB,UAAA,gBAAAG,EAAC,OAAI,EAAA,WAAYE,EAAG,qBAAqBJ,CAAS,GAAO,GAAGC,GACzD,UAAAH,EACH,CAAA,GACD,GAIIO,IAAgD,CAAC,EAAG,UAAAP,GAAU,WAAAE,QAAiB;AACpF,QAAM,EAAE,eAAAM,GAAe,QAAAC,EAAO,IAAIC,EAAoB,GAEhDC,IAAoB,MAExBC,EAAM,eAAeZ,CAAQ,IAC1BA,IACA,OAAOA,KAAa,aACnBA,EAASS,CAAM,IACfT;AAKL,SAAA,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAYE,EAAG,kBAAkBJ,CAAS;AAAA,MAC1C,SAAU,MAAMM,EAAc;AAAA,MAE5B,UAAkBG,EAAA;AAAA,IAAA;AAAA,EACrB;AAEF,GAEME,IAAgD,CAAC;AAAA,EACtD,UAAAb;AAAA,EACA,WAAAE;AACD,MAAM;AACC,QAAA,EAAE,QAAAO,EAAO,IAAIC,EAAoB;AAGtC,SAAA,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAYE;AAAA,QACX;AAAA,QACAG,IACG,oBACA;AAAA,QACHP;AAAA,MACD;AAAA,MAEA,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,mBACZ,UAAAJ,EACH,CAAA;AAAA,IAAA;AAAA,EACD;AAEF;AAEAD,EAAgB,UAAUQ;AAC1BR,EAAgB,UAAUc;"}

package/components/UiAlert/UiAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiAlert.js","sources":["../../../src/components/UiAlert/UiAlert.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { EAlertTypes } from \"./_types\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiAlert {\n\tchildren: React.ReactNode,\n\tclassName?: string\n\tkind?: EAlertTypes,\n\ticon?: IconProp\n}\n\nconst kindClasses = {\n\t[EAlertTypes.PRIMARY]: \"border-primary text-primary \",\n\t[EAlertTypes.SECONDARY]: \"'border-secondary text-secondary\",\n\t[EAlertTypes.ERROR]: \"border-error text-error\",\n\t[EAlertTypes.WARNING]: \"border-warning text-warning\"\n\n};\n\nexport const UiAlert: React.FC<IUiAlert> = ({\n\tchildren,\n\tkind = EAlertTypes.PRIMARY,\n\tclassName,\n\ticon\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-alert\",\n\t\t\t\"flex\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-xl\",\n\t\t\t\"border\",\n\t\t\t\"bg-white\",\n\t\t\t\"p-sm\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-xs\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\n\t\t\t{ icon ? <UiIcon name={ icon } size={ ESize.SM } /> : null }\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EAlertTypes","UiAlert","children","kind","className","icon","jsxs","cx","UiIcon","ESize"],"mappings":";;;;;;;AAeA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,SAAS,GAAG;AAAA,EACzB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AAExB,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAOH,EAAY;AAAA,EACnB,WAAAI;AAAA,EACA,MAAAC;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAR,EAAYI,CAAI;AAAA,EAChBC;AAGE,GAAA,UAAA;AAAA,EAAAC,sBAAQG,GAAO,EAAA,MAAOH,GAAO,MAAOI,EAAM,GAAK,CAAA,IAAK;AAAA,EACpDP;AAAA,GACH;"}
+{"version":3,"file":"UiAlert.js","sources":["../../../src/components/UiAlert/UiAlert.tsx"],"sourcesContent":["\nimport React from \"react\";\nimport { EAlertTypes } from \"./_types\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon\";\nimport { ESize } from \"../../_types/sizing\";\nimport { type IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiAlert {\n\tchildren: React.ReactNode,\n\tclassName?: string\n\tkind?: EAlertTypes,\n\ticon?: IconProp\n}\n\nconst kindClasses = {\n\t[EAlertTypes.PRIMARY]: \"border-primary text-primary \",\n\t[EAlertTypes.SECONDARY]: \"'border-secondary text-secondary\",\n\t[EAlertTypes.ERROR]: \"border-error text-error\",\n\t[EAlertTypes.WARNING]: \"border-warning text-warning\"\n\n};\n\nexport const UiAlert: React.FC<IUiAlert> = ({\n\tchildren,\n\tkind = EAlertTypes.PRIMARY,\n\tclassName,\n\ticon\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-alert\",\n\t\t\t\"flex\",\n\t\t\t\"gap-sm\",\n\t\t\t\"rounded-xl\",\n\t\t\t\"border\",\n\t\t\t\"bg-white\",\n\t\t\t\"p-sm\",\n\t\t\t\"leading-normal\",\n\t\t\t\"text-xs\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\n\t\t\t{ icon\n\t\t\t\t? <UiIcon name={ icon } size={ ESize.SM } />\n\t\t\t\t: null }\n\t\t\t{ children }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EAlertTypes","UiAlert","children","kind","className","icon","jsxs","cx","UiIcon","ESize"],"mappings":";;;;;;;AAeA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAY,OAAO,GAAG;AAAA,EACvB,CAACA,EAAY,SAAS,GAAG;AAAA,EACzB,CAACA,EAAY,KAAK,GAAG;AAAA,EACrB,CAACA,EAAY,OAAO,GAAG;AAExB,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAOH,EAAY;AAAA,EACnB,WAAAI;AAAA,EACA,MAAAC;AACD,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAR,EAAYI,CAAI;AAAA,EAChBC;AAGE,GAAA,UAAA;AAAA,EAAAC,sBACEG,GAAO,EAAA,MAAOH,GAAO,MAAOI,EAAM,GAAK,CAAA,IACxC;AAAA,EACDP;AAAA,GACH;"}

package/components/UiButton/UiButton.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import "react";
-import { EButtonTypes as r, EButtonSizes as a, EButtonWeight as t } from "./_types.js";
+import { EButtonTypes as r, EButtonSizes as o, EButtonWeight as t } from "./_types.js";
 import h from "classnames";
-import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
+import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", x = {
   UiButton: g
-}, x = {
+}, m = {
   [r.PRIMARY_BRAND]: `
 		bg-primary-600
 		border
@@ -241,35 +241,34 @@ import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
   background: (e) => d(e) ? "focus-visible:before:bg-secondary-500" : "focus-visible:before:bg-white",
   border: (e) => d(e) ? "focus-visible:before:border-secondary-alt-400" : "focus-visible:before:border-primary-600"
 }, u = {
-  [a.SMALL]: "px-md py-xxs",
-  [a.MEDIUM]: "p-sm",
-  [a.LARGE]: "p-md",
-  [a.DEFAULT]: "px-md py-sm"
-}, R = {
+  [o.SMALL]: "px-xs py-xxs rounded-lg focus-visible:before:rounded-xl text-sm",
+  [o.MEDIUM]: "p-sm rounded-lg focus-visible:before:rounded-xl text-md",
+  [o.LARGE]: "px-md py-sm rounded-xl focus-visible:before:rounded-2xl text-xl",
+  [o.XLARGE]: "px-lg py-md rounded-xl focus-visible:before:rounded-2xl text-2xl",
+  [o.DEFAULT]: "px-sm py-sm rounded-lg focus-visible:before:rounded-xl"
+}, f = {
   [t.DEFAULT]: "font-medium",
   [t.BOLD]: "font-bold"
 }, T = ({
   kind: e = r.PRIMARY_BRAND,
-  size: b = a.DEFAULT,
-  fullWidth: i = !1,
-  disabled: o = !1,
+  size: i = o.DEFAULT,
+  fullWidth: b = !1,
+  disabled: a = !1,
   children: n,
-  weight: c = t.BOLD,
-  className: l,
-  onClick: y,
-  ...v
+  weight: l = t.BOLD,
+  className: c,
+  onClick: v,
+  ...y
 }) => /* @__PURE__ */ p(
   "button",
   {
-    ...v,
-    onClick: y,
+    ...y,
+    onClick: v,
     className: h(
-      m.UiButton,
-      "text-base",
+      x.UiButton,
       "cursor-pointer",
       "touch-manipulation",
       "whitespace-nowrap",
-      "rounded-xl",
       "leading-none",
       "flex",
       "gap-xs",
@@ -278,7 +277,6 @@ import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
       "relative",
       "transition-all",
       "focus-visible:before:border-2",
-      "focus-visible:before:rounded-2xl",
       "focus-visible:before:absolute",
       "focus-visible:before:-translate-x-1/2",
       "focus-visible:before:-translate-y-1/2",
@@ -290,16 +288,16 @@ import '../../assets/UiButton.css';const g = "_UiButton_1dpbh_1", m = {
       "focus-visible:before:h-[calc(100%+10px)]",
       s.background(e),
       s.border(e),
-      x[e],
-      u[b],
-      R[c],
+      m[e],
+      u[i],
+      f[l],
       {
-        "w-full": i,
-        "pointer-events-none": o
+        "w-full": b,
+        "pointer-events-none": a
       },
-      l
+      c
     ),
-    disabled: o,
+    disabled: a,
     children: n
   }
 );

package/components/UiButton/UiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n\tclassName?: string;\n} & React.HTMLAttributes<HTMLElement> &\n\tReact.ButtonHTMLAttributes<HTMLElement> &\n\tReact.AnchorHTMLAttributes<HTMLElement>\n\nconst typeClasses = {\n\t[EButtonTypes.PRIMARY_BRAND]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_ACCENT]: `\n\t\tbg-primary-800\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tactive:text-primary-100\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_NEUTRAL]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_DESTRUCTIVE]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_INVERSE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-700\n\t\tdisabled:border-secondary-alt-700\n\t`,\n\t[EButtonTypes.SECONDARY_BRAND]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_ACCENT]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-primary-800\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-800\n\t\tactive:text-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_NEUTRAL]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_DESTRUCTIVE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-white\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-500\n\t\thover:border-secondary-alt-300\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive:border-white\n\t\tactive:text-white\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.TERTIARY_BRAND]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-600\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_ACCENT]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-800\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-800\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_NEUTRAL]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_DESTRUCTIVE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-error-500\n\t\tunderline\n\n\t\thover:bg-error-100\n\t\thover:no-underline\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:text-error-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-white\n\t\tunderline\n\n\t\thover:bg-secondary-500\n\t\thover:no-underline\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive-text-white\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-700\n\t\tdisabled:underline\n\t`,\n};\n\nconst isInverseType = (type: EButtonTypes): boolean => {\n\treturn (\n\t\ttype === EButtonTypes.PRIMARY_INVERSE\n\t\t|| type === EButtonTypes.SECONDARY_INVERSE\n\t\t|| type === EButtonTypes.TERTIARY_INVERSE\n\t);\n};\n\nconst focusColorClasses = {\n\tbackground: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:bg-secondary-500\" : \"focus-visible:before:bg-white\",\n\tborder: (type: EButtonTypes) =>\n\t\tisInverseType(type) ? \"focus-visible:before:border-secondary-alt-400\" : \"focus-visible:before:border-primary-600\"\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-md py-xxs\",\n\t[EButtonSizes.MEDIUM]: \"p-sm\",\n\t[EButtonSizes.LARGE]: \"p-md\",\n\t[EButtonSizes.DEFAULT]: \"px-md py-sm\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY_BRAND,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tclassName,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"text-base\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-xs\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"focus-visible:before:border-2\",\n\t\t\t\t\"focus-visible:before:rounded-2xl\",\n\t\t\t\t\"focus-visible:before:absolute\",\n\t\t\t\t\"focus-visible:before:-translate-x-1/2\",\n\t\t\t\t\"focus-visible:before:-translate-y-1/2\",\n\t\t\t\t\"focus-visible:before:left-1/2\",\n\t\t\t\t\"focus-visible:before:top-1/2\",\n\t\t\t\t\"focus-visible:before:inset-0\",\n\t\t\t\t\"focus-visible:before:z-[-1]\",\n\t\t\t\t\"focus-visible:before:w-[calc(100%+12px)]\",\n\t\t\t\t\"focus-visible:before:h-[calc(100%+10px)]\",\n\t\t\t\tfocusColorClasses.background(kind),\n\t\t\t\tfocusColorClasses.border(kind),\n\t\t\t\ttypeClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["typeClasses","EButtonTypes","isInverseType","type","focusColorClasses","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","className","onClick","rest","jsx","cx","css"],"mappings":"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"}
+{"version":3,"file":"UiButton.js","sources":["../../../src/components/UiButton/UiButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { EButtonSizes, EButtonTypes, EButtonWeight } from \"./_types.ts\";\nimport cx from \"classnames\";\nimport css from \"./UiButton.module.css\";\n\ntype TButtonProps = {\n\tkind?: EButtonTypes;\n\tsize?: EButtonSizes;\n\tfullWidth?: boolean;\n\tweight?: EButtonWeight;\n\tclassName?: string;\n} & React.HTMLAttributes<HTMLElement> &\n\tReact.ButtonHTMLAttributes<HTMLElement> &\n\tReact.AnchorHTMLAttributes<HTMLElement>\n\nconst typeClasses = {\n\t[EButtonTypes.PRIMARY_BRAND]: `\n\t\tbg-primary-600\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_ACCENT]: `\n\t\tbg-primary-800\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-primary-700\n\t\thover:border-primary-700\n\t\tactive:bg-primary-800\n\t\tactive:border-primary-800\n\t\tactive:text-primary-100\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_NEUTRAL]: `\n\t\tbg-secondary-500\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-400\n\t\thover:border-secondary-400\n\t\tactive:bg-secondary-500\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_DESTRUCTIVE]: `\n\t\tbg-error-500\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-error-600\n\t\thover:border-error-600\n\t\tactive:bg-error-700\n\t\tactive:border-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.PRIMARY_INVERSE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tdisabled:bg-secondary-alt-700\n\t\tdisabled:border-secondary-alt-700\n\t`,\n\t[EButtonTypes.SECONDARY_BRAND]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-600\n\t\tshadow-md\n\t\ttext-primary-600\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-700\n\t\tactive:text-primary-700\n\t\tdisabled:bg-white\n\t\tdisabled:border-secondary-alt-300\n\t\tdisabled:shadow-none\n\t\tdisabled:text-secondary-alt-300\n\t`,\n\t[EButtonTypes.SECONDARY_ACCENT]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-primary-800\n\t\tshadow-md\n\t\ttext-primary-800\n\n\t\thover:bg-primary-50\n\t\thover:border-primary-700\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:border-primary-800\n\t\tactive:text-primary-800\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_NEUTRAL]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-secondary-500\n\t\tshadow-md\n\t\ttext-secondary-500\n\n\t\thover:bg-secondary-alt-200\n\t\thover:border-secondary-400\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:border-secondary-500\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_DESTRUCTIVE]: `\n\t\tbg-white\n\t\tborder\n\t\tborder-error-500\n\t\tshadow-md\n\t\ttext-error-500\n\n\t\thover:bg-error-100\n\t\thover:border-error-600\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:border-error-700\n\t\tactive:text-error-700\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.SECONDARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-white\n\t\tshadow-md\n\t\ttext-white\n\n\t\thover:bg-secondary-500\n\t\thover:border-secondary-alt-300\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive:border-white\n\t\tactive:text-white\n\t\tdisabled:bg-secondary-alt-300\n\t\tdisabled:border-transparent\n\t`,\n\t[EButtonTypes.TERTIARY_BRAND]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-600\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_ACCENT]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-primary-800\n\t\tunderline\n\n\t\thover:bg-primary-50\n\t\thover:no-underline\n\t\thover:text-primary-700\n\t\tactive:bg-primary-100\n\t\tactive:text-primary-800\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_NEUTRAL]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-secondary-500\n\t\tunderline\n\n\t\thover:bg-secondary-alt-200\n\t\thover:no-underline\n\t\thover:text-secondary-400\n\t\tactive:bg-secondary-alt-300\n\t\tactive:text-secondary-500\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_DESTRUCTIVE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-error-500\n\t\tunderline\n\n\t\thover:bg-error-100\n\t\thover:no-underline\n\t\thover:text-error-600\n\t\tactive:bg-error-200\n\t\tactive:text-error-700\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-300\n\t\tdisabled:underline\n\t`,\n\t[EButtonTypes.TERTIARY_INVERSE]: `\n\t\tbg-transparent\n\t\tborder\n\t\tborder-transparent\n\t\ttext-white\n\t\tunderline\n\n\t\thover:bg-secondary-500\n\t\thover:no-underline\n\t\thover:text-secondary-alt-300\n\t\tactive:bg-secondary-400\n\t\tactive-text-white\n\t\tdisabled:bg-transparent\n\t\tdisabled:text-secondary-alt-700\n\t\tdisabled:underline\n\t`,\n};\n\nconst isInverseType = (type: EButtonTypes): boolean => {\n\treturn (\n\t\ttype === EButtonTypes.PRIMARY_INVERSE\n\t\t|| type === EButtonTypes.SECONDARY_INVERSE\n\t\t|| type === EButtonTypes.TERTIARY_INVERSE\n\t);\n};\n\nconst focusColorClasses = {\n\tbackground: (type: EButtonTypes) =>\n\t\tisInverseType(type)\n\t\t\t? \"focus-visible:before:bg-secondary-500\"\n\t\t\t: \"focus-visible:before:bg-white\",\n\tborder: (type: EButtonTypes) =>\n\t\tisInverseType(type)\n\t\t\t? \"focus-visible:before:border-secondary-alt-400\"\n\t\t\t: \"focus-visible:before:border-primary-600\"\n};\n\nconst sizeClasses = {\n\t[EButtonSizes.SMALL]: \"px-xs py-xxs rounded-lg focus-visible:before:rounded-xl text-sm\",\n\t[EButtonSizes.MEDIUM]: \"p-sm rounded-lg focus-visible:before:rounded-xl text-md\",\n\t[EButtonSizes.LARGE]: \"px-md py-sm rounded-xl focus-visible:before:rounded-2xl text-xl\",\n\t[EButtonSizes.XLARGE]: \"px-lg py-md rounded-xl focus-visible:before:rounded-2xl text-2xl\",\n\t[EButtonSizes.DEFAULT]: \"px-sm py-sm rounded-lg focus-visible:before:rounded-xl\",\n};\n\nconst weightClasses = {\n\t[EButtonWeight.DEFAULT]: \"font-medium\",\n\t[EButtonWeight.BOLD]: \"font-bold\",\n};\n\nexport const UiButton: React.FC<TButtonProps> = ({\n\tkind = EButtonTypes.PRIMARY_BRAND,\n\tsize = EButtonSizes.DEFAULT,\n\tfullWidth = false,\n\tdisabled = false,\n\tchildren,\n\tweight = EButtonWeight.BOLD,\n\tclassName,\n\tonClick,\n\t...rest\n}) => {\n\treturn (\n\t\t<button\n\t\t\t{ ...rest }\n\t\t\tonClick={ onClick }\n\t\t\tclassName={ cx(\n\t\t\t\tcss.UiButton,\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"touch-manipulation\",\n\t\t\t\t\"whitespace-nowrap\",\n\t\t\t\t\"leading-none\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"gap-xs\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"transition-all\",\n\t\t\t\t\"focus-visible:before:border-2\",\n\t\t\t\t\"focus-visible:before:absolute\",\n\t\t\t\t\"focus-visible:before:-translate-x-1/2\",\n\t\t\t\t\"focus-visible:before:-translate-y-1/2\",\n\t\t\t\t\"focus-visible:before:left-1/2\",\n\t\t\t\t\"focus-visible:before:top-1/2\",\n\t\t\t\t\"focus-visible:before:inset-0\",\n\t\t\t\t\"focus-visible:before:z-[-1]\",\n\t\t\t\t\"focus-visible:before:w-[calc(100%+12px)]\",\n\t\t\t\t\"focus-visible:before:h-[calc(100%+10px)]\",\n\t\t\t\tfocusColorClasses.background(kind),\n\t\t\t\tfocusColorClasses.border(kind),\n\t\t\t\ttypeClasses[kind],\n\t\t\t\tsizeClasses[size],\n\t\t\t\tweightClasses[weight],\n\t\t\t\t{\n\t\t\t\t\t\"w-full\": fullWidth,\n\t\t\t\t\t\"pointer-events-none\": disabled,\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n};\n"],"names":["typeClasses","EButtonTypes","isInverseType","type","focusColorClasses","sizeClasses","EButtonSizes","weightClasses","EButtonWeight","UiButton","kind","size","fullWidth","disabled","children","weight","className","onClick","rest","jsx","cx","css"],"mappings":";;;;;;GAeMA,IAAc;AAAA,EACnB,CAACC,EAAa,aAAa,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc9B,CAACA,EAAa,cAAc,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe/B,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAehC,CAACA,EAAa,mBAAmB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcpC,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahC,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBhC,CAACA,EAAa,gBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjC,CAACA,EAAa,iBAAiB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlC,CAACA,EAAa,qBAAqB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBtC,CAACA,EAAa,iBAAiB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlC,CAACA,EAAa,cAAc,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe/B,CAACA,EAAa,eAAe,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBhC,CAACA,EAAa,gBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjC,CAACA,EAAa,oBAAoB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBrC,CAACA,EAAa,gBAAgB,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBlC,GAEMC,IAAgB,CAACC,MAErBA,MAASF,EAAa,mBACnBE,MAASF,EAAa,qBACtBE,MAASF,EAAa,kBAIrBG,IAAoB;AAAA,EACzB,YAAY,CAACD,MACZD,EAAcC,CAAI,IACf,0CACA;AAAA,EACJ,QAAQ,CAACA,MACRD,EAAcC,CAAI,IACf,kDACA;AACL,GAEME,IAAc;AAAA,EACnB,CAACC,EAAa,KAAK,GAAG;AAAA,EACtB,CAACA,EAAa,MAAM,GAAG;AAAA,EACvB,CAACA,EAAa,KAAK,GAAG;AAAA,EACtB,CAACA,EAAa,MAAM,GAAG;AAAA,EACvB,CAACA,EAAa,OAAO,GAAG;AACzB,GAEMC,IAAgB;AAAA,EACrB,CAACC,EAAc,OAAO,GAAG;AAAA,EACzB,CAACA,EAAc,IAAI,GAAG;AACvB,GAEaC,IAAmC,CAAC;AAAA,EAChD,MAAAC,IAAOT,EAAa;AAAA,EACpB,MAAAU,IAAOL,EAAa;AAAA,EACpB,WAAAM,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,UAAAC;AAAA,EACA,QAAAC,IAASP,EAAc;AAAA,EACvB,WAAAQ;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACE,GAAGD;AAAA,IACL,SAAAD;AAAA,IACA,WAAYG;AAAA,MACXC,EAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAjB,EAAkB,WAAWM,CAAI;AAAA,MACjCN,EAAkB,OAAOM,CAAI;AAAA,MAC7BV,EAAYU,CAAI;AAAA,MAChBL,EAAYM,CAAI;AAAA,MAChBJ,EAAcQ,CAAM;AAAA,MACpB;AAAA,QACC,UAAUH;AAAA,QACV,uBAAuBC;AAAA,MACxB;AAAA,MACAG;AAAA,IACD;AAAA,IACA,UAAAH;AAAA,IAEE,UAAAC;AAAA,EAAA;AACH;"}

package/components/UiButton/_types.d.ts

@@ -19,7 +19,8 @@ export declare enum EButtonSizes {
     DEFAULT = "default",
     SMALL = "sm",
     MEDIUM = "md",
-    LARGE = "lg"
+    LARGE = "lg",
+    XLARGE = "xl"
 }
 export declare enum EButtonWeight {
     DEFAULT = "default",

package/components/UiButton/_types.js

@@ -1,4 +1,4 @@
-var R = /* @__PURE__ */ ((r) => (r.PRIMARY_BRAND = "primary-brand", r.PRIMARY_ACCENT = "primary-accent", r.PRIMARY_NEUTRAL = "primary-neutral", r.PRIMARY_DESTRUCTIVE = "primary-destructive", r.PRIMARY_INVERSE = "primary-inverse", r.SECONDARY_BRAND = "secondary-brand", r.SECONDARY_ACCENT = "secondary-accent", r.SECONDARY_NEUTRAL = "secondary-neutral", r.SECONDARY_DESTRUCTIVE = "secondary-destructive", r.SECONDARY_INVERSE = "secondary-inverse", r.TERTIARY_BRAND = "tertiary-brand", r.TERTIARY_ACCENT = "tertiary-accent", r.TERTIARY_NEUTRAL = "tertiary-neutral", r.TERTIARY_DESTRUCTIVE = "tertiary-destructive", r.TERTIARY_INVERSE = "tertiary-inverse", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY_BRAND = "primary-brand", r.PRIMARY_ACCENT = "primary-accent", r.PRIMARY_NEUTRAL = "primary-neutral", r.PRIMARY_DESTRUCTIVE = "primary-destructive", r.PRIMARY_INVERSE = "primary-inverse", r.SECONDARY_BRAND = "secondary-brand", r.SECONDARY_ACCENT = "secondary-accent", r.SECONDARY_NEUTRAL = "secondary-neutral", r.SECONDARY_DESTRUCTIVE = "secondary-destructive", r.SECONDARY_INVERSE = "secondary-inverse", r.TERTIARY_BRAND = "tertiary-brand", r.TERTIARY_ACCENT = "tertiary-accent", r.TERTIARY_NEUTRAL = "tertiary-neutral", r.TERTIARY_DESTRUCTIVE = "tertiary-destructive", r.TERTIARY_INVERSE = "tertiary-inverse", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r.XLARGE = "xl", r))(a || {}), A = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.BOLD = "bold", r))(A || {});
 export {
   a as EButtonSizes,
   R as EButtonTypes,

package/components/UiButton/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\tPRIMARY_BRAND = \"primary-brand\",\n\tPRIMARY_ACCENT = \"primary-accent\",\n\tPRIMARY_NEUTRAL = \"primary-neutral\",\n\tPRIMARY_DESTRUCTIVE = \"primary-destructive\",\n\tPRIMARY_INVERSE = \"primary-inverse\",\n\tSECONDARY_BRAND = \"secondary-brand\",\n\tSECONDARY_ACCENT = \"secondary-accent\",\n\tSECONDARY_NEUTRAL = \"secondary-neutral\",\n\tSECONDARY_DESTRUCTIVE = \"secondary-destructive\",\n\tSECONDARY_INVERSE = \"secondary-inverse\",\n\tTERTIARY_BRAND = \"tertiary-brand\",\n\tTERTIARY_ACCENT = \"tertiary-accent\",\n\tTERTIARY_NEUTRAL = \"tertiary-neutral\",\n\tTERTIARY_DESTRUCTIVE = \"tertiary-destructive\",\n\tTERTIARY_INVERSE = \"tertiary-inverse\"\n}\n\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,wBAAwB,yBACxBA,EAAA,oBAAoB,qBACpBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBAfRA,IAAAA,KAAA,CAAA,CAAA,GAkBAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiButton/_types.ts"],"sourcesContent":["export enum EButtonTypes {\n\tPRIMARY_BRAND = \"primary-brand\",\n\tPRIMARY_ACCENT = \"primary-accent\",\n\tPRIMARY_NEUTRAL = \"primary-neutral\",\n\tPRIMARY_DESTRUCTIVE = \"primary-destructive\",\n\tPRIMARY_INVERSE = \"primary-inverse\",\n\tSECONDARY_BRAND = \"secondary-brand\",\n\tSECONDARY_ACCENT = \"secondary-accent\",\n\tSECONDARY_NEUTRAL = \"secondary-neutral\",\n\tSECONDARY_DESTRUCTIVE = \"secondary-destructive\",\n\tSECONDARY_INVERSE = \"secondary-inverse\",\n\tTERTIARY_BRAND = \"tertiary-brand\",\n\tTERTIARY_ACCENT = \"tertiary-accent\",\n\tTERTIARY_NEUTRAL = \"tertiary-neutral\",\n\tTERTIARY_DESTRUCTIVE = \"tertiary-destructive\",\n\tTERTIARY_INVERSE = \"tertiary-inverse\"\n}\n\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\",\n\tXLARGE = \"xl\"\n}\n\nexport enum EButtonWeight {\n\tDEFAULT = \"default\",\n\tBOLD = \"bold\",\n}\n"],"names":["EButtonTypes","EButtonSizes","EButtonWeight"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,sBAAsB,uBACtBA,EAAA,kBAAkB,mBAClBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,wBAAwB,yBACxBA,EAAA,oBAAoB,qBACpBA,EAAA,iBAAiB,kBACjBA,EAAA,kBAAkB,mBAClBA,EAAA,mBAAmB,oBACnBA,EAAA,uBAAuB,wBACvBA,EAAA,mBAAmB,oBAfRA,IAAAA,KAAA,CAAA,CAAA,GAkBAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MACRA,EAAA,SAAS,MALEA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFIA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiInput/UiInput.base.js

@@ -1,35 +1,39 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
 import "react";
 import { UiTypography as p } from "../UiTypography/UiTypography.js";
 import { EInputKind as e } from "./_types.js";
-import t from "classnames";
-const f = ({ postIcon: o, preIcon: a, className: d, kind: l = e.DEFAULT, ...r }) => {
-  const s = {
-    [e.DEFAULT]: "border-secondary-alt-600 hover:border-secondary-alt-700",
+import i from "classnames";
+const h = ({ postIcon: o, preIcon: t, className: l, kind: a = e.DEFAULT, ...r }) => {
+  const n = {
+    [e.DEFAULT]: "border-secondary-alt-600",
     [e.ERROR]: "border-error",
     [e.SUCCESS]: "border-primary-600"
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ s(
     p,
     {
       tag: "label",
       htmlFor: r.id,
-      className: t(
+      className: i(
         "ui-input-wrapper",
         "flex flex-row items-center gap-sm rounded-xl border p-sm",
-        l && s[l],
+        "hover:border-secondary-alt-700",
+        "focus-within:outline-4",
+        "focus-within:outline-primary-300",
+        "active:ring focus-within:ring-secondary-alt-700",
+        a && n[a],
         {
           "bg-white": !r.disabled,
           "border-secondary-alt-300 bg-secondary-alt-200": r.disabled
         },
-        d
+        l
       ),
       children: [
-        a || null,
-        /* @__PURE__ */ n(
+        t || null,
+        /* @__PURE__ */ d(
           "input",
           {
-            className: t("border-0 flex-1 bg-transparent outline-hidden placeholder:text-secondary-alt-600 w-full"),
+            className: i("bg-transparent outline-hidden placeholder:text-secondary-alt-600 w-full"),
             ...r
           }
         ),
@@ -39,6 +43,6 @@ const f = ({ postIcon: o, preIcon: a, className: d, kind: l = e.DEFAULT, ...r })
   );
 };
 export {
-  f as UiInputBase
+  h as UiInputBase
 };
 //# sourceMappingURL=UiInput.base.js.map

package/components/UiInput/UiInput.base.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase: React.FC<\n\tTUiInputBaseProps\n> = ({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, ...rest } ) => {\n\n\tconst stateClasses = {\n\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600 hover:border-secondary-alt-700\",\n\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t};\n\n\treturn (\n\t\t<UiTypography\n\t\t\ttag=\"label\"\n\t\t\thtmlFor={ rest.id }\n\t\t\tclassName={\n\t\t\t\tcx(\n\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-sm\",\n\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\"border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclassName\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ preIcon ? preIcon : null }\n\t\t\t<input\n\t\t\t\tclassName={ cx(\"border-0 flex-1 bg-transparent outline-hidden placeholder:text-secondary-alt-600 w-full\") }\n\t\t\t\t{ ...rest }\n\t\t\t/>\n\t\t\t{ postIcon ? postIcon : null }\n\t\t</UiTypography>\n\t);\n};\n"],"names":["UiInputBase","postIcon","preIcon","className","kind","EInputKind","rest","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAaa,MAAAA,IAET,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,GAAGC,QAAY;AAE9E,QAAMC,IAAe;AAAA,IACpB,CAACF,EAAW,OAAO,GAAG;AAAA,IACtB,CAACA,EAAW,KAAK,GAAG;AAAA,IACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACvB;AAGC,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUH,EAAK;AAAA,MACf,WACCI;AAAA,QACC;AAAA,QACA;AAAA,QACAN,KAAQG,EAAaH,CAAI;AAAA,QACzB;AAAA,UACC,YAAY,CAACE,EAAK;AAAA,UAClB,iDAAiDA,EAAK;AAAA,QACvD;AAAA,QACAH;AAAA,MACD;AAAA,MAGC,UAAA;AAAA,QAAAD,KAAoB;AAAA,QACtB,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAYD,EAAG,yFAAyF;AAAA,YACtG,GAAGJ;AAAA,UAAA;AAAA,QACN;AAAA,QACEL,KAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EACzB;AAEF;"}
+{"version":3,"file":"UiInput.base.js","sources":["../../../src/components/UiInput/UiInput.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiInputBaseProps = {\n\tid: string;\n\tpostIcon?: React.ReactNode;\n\tpreIcon?: React.ReactNode;\n\tkind?: EInputKind;\n\tclassName?: string;\n\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputBase: React.FC<\n\tTUiInputBaseProps\n> = ({ postIcon, preIcon, className, kind = EInputKind.DEFAULT, ...rest } ) => {\n\n\tconst stateClasses = {\n\t\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t\t[EInputKind.ERROR]: \"border-error\",\n\t\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t};\n\n\treturn (\n\t\t<UiTypography\n\t\t\ttag=\"label\"\n\t\t\thtmlFor={ rest.id }\n\t\t\tclassName={\n\t\t\t\tcx(\n\t\t\t\t\t\"ui-input-wrapper\",\n\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-sm\",\n\t\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\"active:ring focus-within:ring-secondary-alt-700\",\n\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t{\n\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\"border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclassName\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t{ preIcon\n\t\t\t\t? preIcon\n\t\t\t\t: null }\n\t\t\t<input\n\t\t\t\tclassName={ cx(\"bg-transparent outline-hidden placeholder:text-secondary-alt-600 w-full\") }\n\t\t\t\t{ ...rest }\n\t\t\t/>\n\n\t\t\t{ postIcon\n\t\t\t\t? postIcon\n\t\t\t\t: null }\n\n\t\t</UiTypography>\n\t);\n};\n"],"names":["UiInputBase","postIcon","preIcon","className","kind","EInputKind","rest","stateClasses","jsxs","UiTypography","cx","jsx"],"mappings":";;;;;AAca,MAAAA,IAET,CAAC,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,MAAAC,IAAOC,EAAW,SAAS,GAAGC,QAAY;AAE9E,QAAMC,IAAe;AAAA,IACpB,CAACF,EAAW,OAAO,GAAG;AAAA,IACtB,CAACA,EAAW,KAAK,GAAG;AAAA,IACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACvB;AAGC,SAAA,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUH,EAAK;AAAA,MACf,WACCI;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAN,KAAQG,EAAaH,CAAI;AAAA,QACzB;AAAA,UACC,YAAY,CAACE,EAAK;AAAA,UAClB,iDAAiDA,EAAK;AAAA,QACvD;AAAA,QACAH;AAAA,MACD;AAAA,MAGC,UAAA;AAAA,QAAAD,KAEC;AAAA,QACH,gBAAAS;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,WAAYD,EAAG,yEAAyE;AAAA,YACtF,GAAGJ;AAAA,UAAA;AAAA,QACN;AAAA,QAEEL,KAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEF;"}

package/components/UiInput/UiInputText.d.ts

@@ -3,7 +3,7 @@ import { EInputKind } from './_types.ts';
 type TUiInputTextProps = {
     id: string;
     kind?: EInputKind;
-    statusMessage?: string;
+    statusMessage?: string | React.ReactElement;
     title?: React.ReactNode;
     subtitle?: React.ReactNode;
     infoComponent?: React.ReactNode;

package/components/UiInput/UiInputText.js

@@ -3,10 +3,10 @@ import "react";
 import { UiInputBase as l } from "./UiInput.base.js";
 import { UiInputTitled as u } from "./UiInputTitled.js";
 import { EInputKind as s } from "./_types.js";
-import { UiTypography as d } from "../UiTypography/UiTypography.js";
+import { UiTypography as x } from "../UiTypography/UiTypography.js";
 import { ETypographySizes as f } from "../UiTypography/_types.js";
 import { EColors as i } from "../../_types/colors.js";
-import x from "classnames";
+import d from "classnames";
 const j = ({
   kind: o,
   title: m,
@@ -15,14 +15,14 @@ const j = ({
   statusMessage: t,
   ...e
 }) => /* @__PURE__ */ n(u, { title: m, subtitle: a, infoComponent: p, children: [
+  /* @__PURE__ */ r(l, { kind: o, ...e }),
   t ? /* @__PURE__ */ r(
-    d,
+    x,
     {
-      className: x(
-        "mb-xxs",
+      className: d(
         "transition-all duration-300 ease-in-out",
-        "max-h-0 opacity-0 overflow-hidden",
-        "data-[status=true]:max-h-lg data-[status=true]:opacity-100"
+        "max-h-0 opacity-0 overflow-hidden gap-xxs mt-xxs",
+        "data-[status=true]:max-h-full data-[status=true]:opacity-100"
       ),
       lineHeight: !0,
       color: o === s.ERROR ? i.ERROR : i.PRIMARY,
@@ -30,8 +30,7 @@ const j = ({
       "data-status": !!t,
       children: t
     }
-  ) : null,
-  /* @__PURE__ */ r(l, { kind: o, ...e })
+  ) : null
 ] });
 export {
   j as UiInputText

package/components/UiInput/UiInputText.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiInputText.js","sources":["../../../src/components/UiInput/UiInputText.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiInputBase } from \"./UiInput.base.tsx\";\nimport { UiInputTitled } from \"./UiInputTitled.tsx\";\nimport { EInputKind } from \"./_types.ts\";\nimport { EColors, ETypographySizes, UiTypography } from \"../UiTypography/index.ts\";\nimport cx from \"classnames\";\n\ntype TUiInputTextProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputText: React.FC<TUiInputTextProps> = ({\n\tkind,\n\ttitle,\n\tinfoComponent,\n\tsubtitle,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiInputTitled title={ title } subtitle={ subtitle } infoComponent={ infoComponent } >\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"mb-xxs\",\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"max-h-0 opacity-0 overflow-hidden\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-lg data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR ? EColors.ERROR : EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t\t<UiInputBase kind={ kind } { ...rest }/>\n\t\t</UiInputTitled>\n\t);\n};\n"],"names":["UiInputText","kind","title","infoComponent","subtitle","statusMessage","rest","jsxs","UiInputTitled","jsx","UiTypography","cx","EInputKind","EColors","ETypographySizes","UiInputBase"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAA2C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAc,OAAAN,GAAgB,UAAAE,GAAsB,eAAAD,GAClD,UAAA;AAAA,EAEAE,IAAA,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAYC;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,YAAU;AAAA,MACV,OACCV,MAASW,EAAW,QAAQC,EAAQ,QAAQA,EAAQ;AAAA,MAErD,MAAOC,EAAiB;AAAA,MACxB,eAAc,CAAC,CAACT;AAAA,MAEd,UAAAA;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,EACF,gBAAAI,EAAAM,GAAA,EAAY,MAAAd,GAAgB,GAAGK,EAAM,CAAA;AAAA,GACvC;"}
+{"version":3,"file":"UiInputText.js","sources":["../../../src/components/UiInput/UiInputText.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiInputBase } from \"./UiInput.base.tsx\";\nimport { UiInputTitled } from \"./UiInputTitled.tsx\";\nimport { EInputKind } from \"./_types.ts\";\nimport { EColors, ETypographySizes, UiTypography } from \"../UiTypography/index.ts\";\nimport cx from \"classnames\";\n\ntype TUiInputTextProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\ttitle?: React.ReactNode;\n\tsubtitle?: React.ReactNode;\n\tinfoComponent?: React.ReactNode;\n} & React.InputHTMLAttributes<HTMLInputElement>;\n\nexport const UiInputText: React.FC<TUiInputTextProps> = ({\n\tkind,\n\ttitle,\n\tinfoComponent,\n\tsubtitle,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<UiInputTitled title={ title } subtitle={ subtitle } infoComponent={ infoComponent } >\n\t\t\t<UiInputBase kind={ kind } { ...rest }/>\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography\n\t\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\t\"transition-all duration-300 ease-in-out\",\n\t\t\t\t\t\t\t\"max-h-0 opacity-0 overflow-hidden gap-xxs mt-xxs\",\n\t\t\t\t\t\t\t\"data-[status=true]:max-h-full data-[status=true]:opacity-100\"\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlineHeight\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tkind === EInputKind.ERROR\n\t\t\t\t\t\t\t\t? EColors.ERROR\n\t\t\t\t\t\t\t\t: EColors.PRIMARY\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\t\tdata-status={ !!statusMessage }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\n\t\t</UiInputTitled>\n\t);\n};\n"],"names":["UiInputText","kind","title","infoComponent","subtitle","statusMessage","rest","jsxs","UiInputTitled","jsx","UiInputBase","UiTypography","cx","EInputKind","EColors","ETypographySizes"],"mappings":";;;;;;;;;AAgBO,MAAMA,IAA2C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEG,gBAAAC,EAAAC,GAAA,EAAc,OAAAN,GAAgB,UAAAE,GAAsB,eAAAD,GACpD,UAAA;AAAA,EAAC,gBAAAM,EAAAC,GAAA,EAAY,MAAAT,GAAgB,GAAGK,EAAM,CAAA;AAAA,EACpCD,IAEA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,WAAYC;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,MACD;AAAA,MACA,YAAU;AAAA,MACV,OACCX,MAASY,EAAW,QACjBC,EAAQ,QACRA,EAAQ;AAAA,MAEZ,MAAOC,EAAiB;AAAA,MACxB,eAAc,CAAC,CAACV;AAAA,MAEd,UAAAA;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GAEJ;"}

package/components/UiList/UiList.js

@@ -1,29 +1,31 @@
-import { jsx as c } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "react";
 import { EListItemDirection as s, EListItemSpacing as t, EListItemSize as i } from "./_types.js";
-import l from "classnames";
-const x = {
+import x from "classnames";
+const a = {
   [s.VERTICAL]: "flex-col",
   [s.HORIZONTAL]: "flex-row"
-}, a = {
+}, n = {
   [t.DEFAULT]: "gap-sm",
   [t.COMPACT]: "gap-xxs"
-}, n = {
+}, p = {
   [i.SM]: "text-sm",
   [i.MD]: "text-md"
-}, f = ({
+}, A = ({
   children: e,
   direction: o = s.VERTICAL,
   spacing: m = t.DEFAULT,
-  size: r = i.SM
-}) => /* @__PURE__ */ c("ul", { className: l(
+  size: r = i.SM,
+  className: c
+}) => /* @__PURE__ */ l("ul", { className: x(
   "ui-list",
   "flex",
-  x[o],
-  a[m],
-  n[r]
+  a[o],
+  n[m],
+  p[r],
+  c
 ), children: e });
 export {
-  f as UiList
+  A as UiList
 };
 //# sourceMappingURL=UiList.js.map

package/components/UiList/UiList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiList.js","sources":["../../../src/components/UiList/UiList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EListItemDirection, EListItemSize, EListItemSpacing } from \"./_types.ts\";\nimport cx from \"classnames\";\n\ninterface IUiListProps {\n\tchildren?: React.ReactNode\n\tdirection?: EListItemDirection\n\tsize?: EListItemSize\n\tspacing?: EListItemSpacing\n\tclassName?:string\n}\n\nconst directionClasses = {\n\t[EListItemDirection.VERTICAL]: \"flex-col\",\n\t[EListItemDirection.HORIZONTAL]: \"flex-row\"\n};\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-sm\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\nconst sizeClasses = {\n\t[EListItemSize.SM]: \"text-sm\",\n\t[EListItemSize.MD]: \"text-md\"\n};\n\nexport const UiList: React.FC<IUiListProps> = ({\n\tchildren,\n\tdirection = EListItemDirection.VERTICAL,\n\tspacing = EListItemSpacing.DEFAULT,\n\tsize = EListItemSize.SM\n}) => {\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-list\",\n\t\t\t\"flex\",\n\t\t\tdirectionClasses[direction],\n\t\t\tspacingClasses[spacing],\n\t\t\tsizeClasses[size],\n\t\t) }>\n\t\t\t{ children }\n\t\t</ul>\n\t);\n};\n"],"names":["directionClasses","EListItemDirection","spacingClasses","EListItemSpacing","sizeClasses","EListItemSize","UiList","children","direction","spacing","size","jsx","cx"],"mappings":";;;;AAYA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAmB,QAAQ,GAAG;AAAA,EAC/B,CAACA,EAAmB,UAAU,GAAG;AAClC,GAEMC,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaC,IAAiC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC,IAAYP,EAAmB;AAAA,EAC/B,SAAAQ,IAAUN,EAAiB;AAAA,EAC3B,MAAAO,IAAOL,EAAc;AACtB,MAEE,gBAAAM,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACAZ,EAAiBQ,CAAS;AAAA,EAC1BN,EAAeO,CAAO;AAAA,EACtBL,EAAYM,CAAI;GAEd,UAAAH,EACH,CAAA;"}
+{"version":3,"file":"UiList.js","sources":["../../../src/components/UiList/UiList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EListItemDirection, EListItemSize, EListItemSpacing } from \"./_types.ts\";\nimport cx from \"classnames\";\n\ninterface IUiListProps {\n\tchildren?: React.ReactNode\n\tdirection?: EListItemDirection\n\tsize?: EListItemSize\n\tspacing?: EListItemSpacing\n\tclassName?:string\n}\n\nconst directionClasses = {\n\t[EListItemDirection.VERTICAL]: \"flex-col\",\n\t[EListItemDirection.HORIZONTAL]: \"flex-row\"\n};\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-sm\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\nconst sizeClasses = {\n\t[EListItemSize.SM]: \"text-sm\",\n\t[EListItemSize.MD]: \"text-md\"\n};\n\nexport const UiList: React.FC<IUiListProps> = ({\n\tchildren,\n\tdirection = EListItemDirection.VERTICAL,\n\tspacing = EListItemSpacing.DEFAULT,\n\tsize = EListItemSize.SM,\n\tclassName\n}) => {\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-list\",\n\t\t\t\"flex\",\n\t\t\tdirectionClasses[direction],\n\t\t\tspacingClasses[spacing],\n\t\t\tsizeClasses[size],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ children }\n\t\t</ul>\n\t);\n};\n"],"names":["directionClasses","EListItemDirection","spacingClasses","EListItemSpacing","sizeClasses","EListItemSize","UiList","children","direction","spacing","size","className","jsx","cx"],"mappings":";;;;AAYA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAmB,QAAQ,GAAG;AAAA,EAC/B,CAACA,EAAmB,UAAU,GAAG;AAClC,GAEMC,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaC,IAAiC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC,IAAYP,EAAmB;AAAA,EAC/B,SAAAQ,IAAUN,EAAiB;AAAA,EAC3B,MAAAO,IAAOL,EAAc;AAAA,EACrB,WAAAM;AACD,MAEE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACAb,EAAiBQ,CAAS;AAAA,EAC1BN,EAAeO,CAAO;AAAA,EACtBL,EAAYM,CAAI;AAAA,EAChBC;GAEE,UAAAJ,EACH,CAAA;"}

package/components/UiList/UiListItem.d.ts

@@ -1,8 +1,10 @@
 import { default as React } from 'react';
+import { EListItemSpacing } from './_types';
 interface IUiListItemProps {
     children: React.ReactNode;
     className?: string;
     prefix?: React.ReactNode;
+    space?: EListItemSpacing;
 }
 export declare const UiListItem: React.FC<IUiListItemProps>;
 export {};

package/components/UiList/UiListItem.js

@@ -1,11 +1,20 @@
-import { jsxs as t, jsx as m } from "react/jsx-runtime";
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
 import "react";
-import a from "classnames";
-const x = ({ children: s, prefix: l, className: r }) => /* @__PURE__ */ t("li", { className: a("flex gap-xxxs", r), children: [
-  l ? /* @__PURE__ */ m("span", { className: "w-[1em]", children: l }) : null,
-  s ? /* @__PURE__ */ m("span", { children: s }) : null
+import o from "classnames";
+import { EListItemSpacing as s } from "./_types.js";
+const p = {
+  [s.DEFAULT]: "gap-xxxs",
+  [s.COMPACT]: "gap-xxs"
+}, g = ({
+  children: m,
+  prefix: t,
+  className: i,
+  space: l = s.DEFAULT
+}) => /* @__PURE__ */ n("li", { className: o("flex", p[l], i), children: [
+  t ? /* @__PURE__ */ a("span", { className: "w-[1em]", children: t }) : null,
+  m ? /* @__PURE__ */ a("span", { children: m }) : null
 ] });
 export {
-  x as UiListItem
+  g as UiListItem
 };
 //# sourceMappingURL=UiListItem.js.map

package/components/UiList/UiListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiListItem.js","sources":["../../../src/components/UiList/UiListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\n\ninterface IUiListItemProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tprefix?: React.ReactNode\n}\nexport const UiListItem: React.FC<IUiListItemProps> = ({ children, prefix, className }) => {\n\n\treturn (\n\t\t<li className={ cx(\"flex gap-xxxs\", className) }>\n\t\t\t{\n\t\t\t\tprefix\n\t\t\t\t\t? <span className=\"w-[1em]\">\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t\t{\n\t\t\t\tchildren\n\t\t\t\t\t? <span>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</li>\n\t);\n};\n"],"names":["UiListItem","children","prefix","className","cx","jsx"],"mappings":";;;AAQO,MAAMA,IAAyC,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,0BAGxE,MAAG,EAAA,WAAYC,EAAG,iBAAiBD,CAAS,GAE3C,UAAA;AAAA,EAAAD,IACI,gBAAAG,EAAA,QAAA,EAAK,WAAU,WACf,YACH,CAAA,IACE;AAAA,EAGHJ,IACG,gBAAAI,EAAC,QACA,EAAA,UAAAJ,EACH,CAAA,IACE;AAAA,GAEL;"}
+{"version":3,"file":"UiListItem.js","sources":["../../../src/components/UiList/UiListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EListItemSpacing } from \"./_types\";\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-xxxs\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\ninterface IUiListItemProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tprefix?: React.ReactNode\n\tspace?: EListItemSpacing\n}\nexport const UiListItem: React.FC<IUiListItemProps> = ({ children,\n\tprefix,\n\tclassName,\n\tspace = EListItemSpacing.DEFAULT }) => {\n\n\treturn (\n\t\t<li className={ cx(\"flex\", spacingClasses[space], className) }>\n\t\t\t{\n\t\t\t\tprefix\n\t\t\t\t\t? <span className=\"w-[1em]\">\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t\t{\n\t\t\t\tchildren\n\t\t\t\t\t? <span>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</li>\n\t);\n};\n"],"names":["spacingClasses","EListItemSpacing","UiListItem","children","prefix","className","space","jsxs","cx","jsx"],"mappings":";;;;AAIA,MAAMA,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAQaC,IAAyC,CAAC;AAAA,EAAE,UAAAC;AAAA,EACxD,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQL,EAAiB;AAAQ,MAGhC,gBAAAM,EAAC,QAAG,WAAYC,EAAG,QAAQR,EAAeM,CAAK,GAAGD,CAAS,GAEzD,UAAA;AAAA,EAAAD,IACI,gBAAAK,EAAA,QAAA,EAAK,WAAU,WACf,YACH,CAAA,IACE;AAAA,EAGHN,IACG,gBAAAM,EAAC,QACA,EAAA,UAAAN,EACH,CAAA,IACE;AAAA,GAEL;"}

package/components/UiPills/UiPills.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiPills.js","sources":["../../../src/components/UiPills/UiPills.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, EBadgeSize } from \"./_types.ts\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport cx from \"classnames\";\n\ninterface IUiPills {\n\tchildren: React.ReactNode\n\tkind?: EBadgeKind,\n\tsize?: EBadgeSize,\n\ticon?: React.ReactNode,\n\trounded?: boolean,\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[EBadgeKind.PRIMARY]: \"bg-primary-100 text-primary-700\",\n\t[EBadgeKind.ERROR]: \"bg-error-300 text-error-700\",\n\t[EBadgeKind.WARNING]: \"bg-warning-300 text-warning-700\",\n\t[EBadgeKind.ACCENT]: \"bg-accent-300 text-accent-700\",\n\t[EBadgeKind.PRIMARY_ALT]: \"bg-primary-300 text-primary-800\",\n\t[EBadgeKind.SECONDARY]: \"bg-white text-secondary-300 ring-1 ring-secondary-alt-300\",\n\t[EBadgeKind.ACCENT_ALT]: \"bg-accent-alt-500 text-secondary-700\",\n};\n\nconst sizeEnums = {\n\t[EBadgeSize.SMALL]: ETypographySizes.XXS,\n\t[EBadgeSize.MEDIUM]: ETypographySizes.XS,\n\t[EBadgeSize.LARGE]: ETypographySizes.SM,\n};\n\nexport const UiPills: React.FC<IUiPills> = ({\n\tchildren,\n\tkind = EBadgeKind.PRIMARY,\n\tsize = EBadgeSize.SMALL,\n\tclassName,\n\ticon,\n\trounded = false\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-pills\",\n\t\t\t\"grid grid-flow-col justify-start w-max\",\n\t\t\t\"items-center\",\n\t\t\t\"gap-xxxs\",\n\t\t\t\"px-xxs py-xxxs\",\n\t\t\t\"overflow-hidden\",\n\t\t\trounded ? \"rounded-full\": \"rounded-sm\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ icon }\n\t\t\t{ children\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography size={ sizeEnums[size] } weight={ ETextWeight.SEMI_BOLD } className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EBadgeKind","sizeEnums","EBadgeSize","ETypographySizes","UiPills","children","kind","size","className","icon","rounded","jsxs","cx","jsx","UiTypography","ETextWeight"],"mappings":";;;;;;AAcA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,MAAM,GAAG;AAAA,EACrB,CAACA,EAAW,WAAW,GAAG;AAAA,EAC1B,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,UAAU,GAAG;AAC1B,GAEMC,IAAY;AAAA,EACjB,CAACC,EAAW,KAAK,GAAGC,EAAiB;AAAA,EACrC,CAACD,EAAW,MAAM,GAAGC,EAAiB;AAAA,EACtC,CAACD,EAAW,KAAK,GAAGC,EAAiB;AACtC,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAON,EAAW;AAAA,EAClB,MAAAO,IAAOL,EAAW;AAAA,EAClB,WAAAM;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACX,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF,IAAU,iBAAgB;AAAA,EAC1BX,EAAYO,CAAI;AAAA,EAChBE;AAEE,GAAA,UAAA;AAAA,EAAAC;AAAA,EACAJ,IAEA,gBAAAQ,EAACC,GAAa,EAAA,MAAOb,EAAUM,CAAI,GAAI,QAASQ,EAAY,WAAY,WAAU,qBAC/E,UAAAV,EACH,CAAA,IAEC;AAAA,GACJ;"}
+{"version":3,"file":"UiPills.js","sources":["../../../src/components/UiPills/UiPills.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, EBadgeSize } from \"./_types.ts\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport cx from \"classnames\";\n\ninterface IUiPills {\n\tchildren: React.ReactNode\n\tkind?: EBadgeKind,\n\tsize?: EBadgeSize,\n\ticon?: React.ReactNode,\n\trounded?: boolean,\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[EBadgeKind.PRIMARY]: \"bg-primary-100 text-primary-700\",\n\t[EBadgeKind.ERROR]: \"bg-error-300 text-error-700\",\n\t[EBadgeKind.WARNING]: \"bg-warning-300 text-warning-700\",\n\t[EBadgeKind.ACCENT]: \"bg-accent-300 text-accent-700\",\n\t[EBadgeKind.PRIMARY_ALT]: \"bg-primary-300 text-primary-800\",\n\t[EBadgeKind.SECONDARY]: \"bg-white text-secondary-300 ring-1 ring-secondary-alt-300\",\n\t[EBadgeKind.ACCENT_ALT]: \"bg-accent-alt-500 text-secondary-700\",\n};\n\nconst sizeEnums = {\n\t[EBadgeSize.SMALL]: ETypographySizes.XXS,\n\t[EBadgeSize.MEDIUM]: ETypographySizes.XS,\n\t[EBadgeSize.LARGE]: ETypographySizes.SM,\n};\n\nexport const UiPills: React.FC<IUiPills> = ({\n\tchildren,\n\tkind = EBadgeKind.PRIMARY,\n\tsize = EBadgeSize.SMALL,\n\tclassName,\n\ticon,\n\trounded = false\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-pills\",\n\t\t\t\"grid grid-flow-col justify-start w-max\",\n\t\t\t\"items-center\",\n\t\t\t\"gap-xxxs\",\n\t\t\t\"px-xxs py-xxxs\",\n\t\t\t\"overflow-hidden\",\n\t\t\trounded\n\t\t\t\t? \"rounded-full\"\n\t\t\t\t: \"rounded-sm\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ icon }\n\t\t\t{ children\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography size={ sizeEnums[size] } weight={ ETextWeight.SEMI_BOLD } className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EBadgeKind","sizeEnums","EBadgeSize","ETypographySizes","UiPills","children","kind","size","className","icon","rounded","jsxs","cx","jsx","UiTypography","ETextWeight"],"mappings":";;;;;;AAcA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,MAAM,GAAG;AAAA,EACrB,CAACA,EAAW,WAAW,GAAG;AAAA,EAC1B,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,UAAU,GAAG;AAC1B,GAEMC,IAAY;AAAA,EACjB,CAACC,EAAW,KAAK,GAAGC,EAAiB;AAAA,EACrC,CAACD,EAAW,MAAM,GAAGC,EAAiB;AAAA,EACtC,CAACD,EAAW,KAAK,GAAGC,EAAiB;AACtC,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAON,EAAW;AAAA,EAClB,MAAAO,IAAOL,EAAW;AAAA,EAClB,WAAAM;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AACX,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAF,IACG,iBACA;AAAA,EACHX,EAAYO,CAAI;AAAA,EAChBE;AAEE,GAAA,UAAA;AAAA,EAAAC;AAAA,EACAJ,IAEA,gBAAAQ,EAACC,GAAa,EAAA,MAAOb,EAAUM,CAAI,GAAI,QAASQ,EAAY,WAAY,WAAU,qBAC/E,UAAAV,EACH,CAAA,IAEC;AAAA,GACJ;"}

package/components/UiPills/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiPills/_types.ts"],"sourcesContent":["export enum EBadgeSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n\tLARGE = \"large\",\n}\n\nexport enum EBadgeKind {\n\tPRIMARY = \"primary\",\n\tERROR = \"error\",\n\tWARNING =\"warning\",\n\tACCENT = \"accent\",\n\tPRIMARY_ALT = \"primary-alt\",\n\tSECONDARY = \"secondary\",\n\tACCENT_ALT = \"accent-alt\",\n}\n"],"names":["EBadgeSize","EBadgeKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHGA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAS,WACTA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,aAAa,cAPFA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiPills/_types.ts"],"sourcesContent":["export enum EBadgeSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n\tLARGE = \"large\",\n}\n\nexport enum EBadgeKind {\n\tPRIMARY = \"primary\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tACCENT = \"accent\",\n\tPRIMARY_ALT = \"primary-alt\",\n\tSECONDARY = \"secondary\",\n\tACCENT_ALT = \"accent-alt\",\n}\n"],"names":["EBadgeSize","EBadgeKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHGA,IAAAA,KAAA,CAAA,CAAA,GAMAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,aAAa,cAPFA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiPlainRadio/UiPlainRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiPlainRadio.js","sources":["../../../src/components/UiPlainRadio/UiPlainRadio.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiRadio } from \"../UiRadio\";\n\nexport type  TUiPlainRadio = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean;\n\tsubHeader?: string;\n\tvalue: string;\n\tname: string;\n\tclassName?: string\n\tchecked?: boolean\n\tonChange: (value: string) => void;\n\n}& Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nexport const UiPlainRadio: React.FC<TUiPlainRadio> = ({\n\tchildren,\n\tdisabled,\n\tsubHeader,\n\tvalue,\n\tname,\n\tchecked = false,\n\tclassName,\n\tonChange\n\n}) => {\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-radio-fancy\",\n\t\t\t\"relative\",\n\t\t\t{\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tclassName\n\t\t) }\n\t\thtmlFor={ name + value }\n\t\t>\n\t\t\t<input className={ cx(\n\t\t\t\t\" absolute\",\n\t\t\t\t\"appearance-none\",\n\t\t\t\t\"peer/plain-radio\",\n\t\t\t) }\n\t\t\tid={ name + value }\n\t\t\ttype=\"radio\"\n\t\t\tvalue={ value }\n\t\t\tchecked={ checked }\n\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t/>\n\n\t\t\t<div className={ cx(\n\t\t\t\t\"box-border\",\n\t\t\t\t\"size-full\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border border-secondary-alt-600\",\n\t\t\t\t\"peer-checked/plain-radio:border-primary-600\",\n\t\t\t\t\"peer-checked/plain-radio:outline\",\n\t\t\t\t\"peer-checked/plain-radio:outline\",\n\t\t\t\t\"peer-checked/plain-radio:outline-primary-600\",\n\t\t\t\t\"peer-hover/plain-radio:peer-checked/plain-radio:outline-primary-700\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"peer-active/plain-radio:bg-secondary-alt-200\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"peer-hover/plain-radio:border-primary-700\",\n\t\t\t\t\"peer-focus/plain-radio:shadow-border-primary\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"gap-sm\",\n\t\t\t\t\"text-sm\",\n\t\t\t\t{\n\t\t\t\t\t\"border-secondary-alt-400\": disabled && !checked,\n\t\t\t\t\t\"border-primary-300\": disabled && checked,\n\t\t\t\t\t\"border-secondary-alt-600\": !disabled && !checked,\n\t\t\t\t\t\"border-primary-600\": !disabled && checked\n\t\t\t\t}\n\n\t\t\t) }\n\t\t\t>\n\n\t\t\t\t<UiRadio\n\t\t\t\t\tclassName=\"pointer-events-none\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tname={ name }\n\t\t\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t\t\tchecked={ checked }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t/>\n\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t{ children }\n\t\t\t\t\t<div className=\"text-xs font-normal text-secondary-alt-400\">{ subHeader }</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiPlainRadio","children","disabled","subHeader","value","name","checked","className","onChange","jsxs","cx","jsx","UiRadio"],"mappings":";;;;AAgBO,MAAMA,IAAwC,CAAC;AAAA,EACrD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AAED,MAGE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAM,WAAYC;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,QACC,kCAAkCR;AAAA,MACnC;AAAA,MACAK;AAAA,IACD;AAAA,IACA,SAAUF,IAAOD;AAAA,IAEhB,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYD;AAAA,YAClB;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACA,IAAKL,IAAOD;AAAA,UACZ,MAAK;AAAA,UACL,OAAAA;AAAA,UACA,SAAAE;AAAA,UACA,UAAW,MAAKE,EAASJ,CAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAYC;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,cACC,4BAA4BR,KAAY,CAACI;AAAA,cACzC,sBAAsBJ,KAAYI;AAAA,cAClC,4BAA4B,CAACJ,KAAY,CAACI;AAAA,cAC1C,sBAAsB,CAACJ,KAAYI;AAAA,YAAA;AAAA,UAGrC;AAAA,UAGC,UAAA;AAAA,YAAA,gBAAAK;AAAA,cAACC;AAAA,cAAA;AAAA,gBACA,WAAU;AAAA,gBACV,UAAAV;AAAA,gBACA,OAAAE;AAAA,gBACA,MAAAC;AAAA,gBACA,UAAW,MAAKG,EAASJ,CAAK;AAAA,gBAC9B,SAAAE;AAAA,gBACA,UAAW;AAAA,cAAA;AAAA,YACZ;AAAA,YAEA,gBAAAG,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,cAAAR;AAAA,cACD,gBAAAU,EAAA,OAAA,EAAI,WAAU,8CAA+C,UAAWR,EAAA,CAAA;AAAA,YAAA,EAC1E,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAED;"}
+{"version":3,"file":"UiPlainRadio.js","sources":["../../../src/components/UiPlainRadio/UiPlainRadio.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiRadio } from \"../UiRadio\";\n\nexport type  TUiPlainRadio = {\n\tchildren?: React.ReactNode\n\tdisabled?: boolean;\n\tsubHeader?: string;\n\tvalue: string;\n\tname: string;\n\tclassName?: string\n\tchecked?: boolean\n\tonChange: (value: string) => void;\n\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"onChange\" | \"checked\" | \"value\" | \"name\">;\n\nexport const UiPlainRadio: React.FC<TUiPlainRadio> = ({\n\tchildren,\n\tdisabled,\n\tsubHeader,\n\tvalue,\n\tname,\n\tchecked = false,\n\tclassName,\n\tonChange\n\n}) => {\n\n\treturn (\n\t\t<label className={ cx(\n\t\t\t\"ui-radio-fancy\",\n\t\t\t\"relative\",\n\t\t\t{\n\t\t\t\t\"pointer-events-none opacity-50\": disabled\n\t\t\t},\n\t\t\tclassName\n\t\t) }\n\t\thtmlFor={ name + value }\n\t\t>\n\t\t\t<input className={ cx(\n\t\t\t\t\" absolute\",\n\t\t\t\t\"appearance-none\",\n\t\t\t\t\"peer/plain-radio\",\n\t\t\t) }\n\t\t\tid={ name + value }\n\t\t\ttype=\"radio\"\n\t\t\tvalue={ value }\n\t\t\tchecked={ checked }\n\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t/>\n\n\t\t\t<div className={ cx(\n\t\t\t\t\"box-border\",\n\t\t\t\t\"size-full\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border border-secondary-alt-600\",\n\t\t\t\t\"peer-checked/plain-radio:border-primary-600\",\n\t\t\t\t\"peer-checked/plain-radio:outline\",\n\t\t\t\t\"peer-checked/plain-radio:outline\",\n\t\t\t\t\"peer-checked/plain-radio:outline-primary-600\",\n\t\t\t\t\"peer-hover/plain-radio:peer-checked/plain-radio:outline-primary-700\",\n\t\t\t\t\"bg-white\",\n\t\t\t\t\"peer-active/plain-radio:bg-secondary-alt-200\",\n\t\t\t\t\"p-sm\",\n\t\t\t\t\"peer-hover/plain-radio:border-primary-700\",\n\t\t\t\t\"peer-focus/plain-radio:shadow-border-primary\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"gap-sm\",\n\t\t\t\t\"text-sm\",\n\t\t\t\t{\n\t\t\t\t\t\"border-secondary-alt-400\": disabled && !checked,\n\t\t\t\t\t\"border-primary-300\": disabled && checked,\n\t\t\t\t\t\"border-secondary-alt-600\": !disabled && !checked,\n\t\t\t\t\t\"border-primary-600\": !disabled && checked\n\t\t\t\t}\n\n\t\t\t) }\n\t\t\t>\n\n\t\t\t\t<UiRadio\n\t\t\t\t\tclassName=\"pointer-events-none\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tname={ name }\n\t\t\t\t\tonChange={ ()=> onChange(value) }\n\t\t\t\t\tchecked={ checked }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t/>\n\n\t\t\t\t<div className=\"flex flex-col\">\n\t\t\t\t\t{ children }\n\t\t\t\t\t<div className=\"text-xs font-normal text-secondary-alt-400\">{ subHeader }</div>\n\t\t\t\t</div>\n\n\t\t\t</div>\n\n\t\t</label>\n\n\t);\n};\n"],"names":["UiPlainRadio","children","disabled","subHeader","value","name","checked","className","onChange","jsxs","cx","jsx","UiRadio"],"mappings":";;;;AAgBO,MAAMA,IAAwC,CAAC;AAAA,EACrD,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AAED,MAGE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAM,WAAYC;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,QACC,kCAAkCR;AAAA,MACnC;AAAA,MACAK;AAAA,IACD;AAAA,IACA,SAAUF,IAAOD;AAAA,IAEhB,UAAA;AAAA,MAAA,gBAAAO;AAAA,QAAC;AAAA,QAAA;AAAA,UAAM,WAAYD;AAAA,YAClB;AAAA,YACA;AAAA,YACA;AAAA,UACD;AAAA,UACA,IAAKL,IAAOD;AAAA,UACZ,MAAK;AAAA,UACL,OAAAA;AAAA,UACA,SAAAE;AAAA,UACA,UAAW,MAAKE,EAASJ,CAAK;AAAA,QAAA;AAAA,MAC9B;AAAA,MAEA,gBAAAK;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAYC;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,cACC,4BAA4BR,KAAY,CAACI;AAAA,cACzC,sBAAsBJ,KAAYI;AAAA,cAClC,4BAA4B,CAACJ,KAAY,CAACI;AAAA,cAC1C,sBAAsB,CAACJ,KAAYI;AAAA,YAAA;AAAA,UAGrC;AAAA,UAGC,UAAA;AAAA,YAAA,gBAAAK;AAAA,cAACC;AAAA,cAAA;AAAA,gBACA,WAAU;AAAA,gBACV,UAAAV;AAAA,gBACA,OAAAE;AAAA,gBACA,MAAAC;AAAA,gBACA,UAAW,MAAKG,EAASJ,CAAK;AAAA,gBAC9B,SAAAE;AAAA,gBACA,UAAW;AAAA,cAAA;AAAA,YACZ;AAAA,YAEA,gBAAAG,EAAC,OAAI,EAAA,WAAU,iBACZ,UAAA;AAAA,cAAAR;AAAA,cACD,gBAAAU,EAAA,OAAA,EAAI,WAAU,8CAA+C,UAAWR,EAAA,CAAA;AAAA,YAAA,EAC1E,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED;AAAA,EAAA;AAED;"}