bonkers-ui 2.0.8 → 2.0.10

package/README.md

@@ -3,7 +3,7 @@
 <br/>
 
 <div align="center" style="display:flex; flex-direction: column;">
-	<a href="https://bonkers-ie.github.io/bonkers-ui" target="_blank">
+	<a href="https://bonkers-ie.github.io/bonkers-ui/?path=/docs/colors--docs" target="_blank">
 		<img width="300" src="https://web-assets.bonkers.ie/packs/static/logo/bonkers_logo-279f0cff5a9b71e3059a.svg">
 	</a>
 
@@ -13,7 +13,7 @@
 <br/>
 
 <div align="center">
-	<a href="https://bonkers-ie.github.io/bonkers-ui/"  target="_blank">  
+	<a href="https://bonkers-ie.github.io/bonkers-ui/?path=/docs/colors--docs"  target="_blank">  
 		<img alt="Bonkers storybook" src="https://img.shields.io/badge/Bonkers-UI-green.svg?logo=storybook" />  
 	</a>
 	<img src="https://img.shields.io/npm/v/bonkers-ui?color=green">
@@ -156,6 +156,6 @@ export const NewComponent: React.FC<TNewComponent> = ({
 - When you are ready to push just `merge` (do not `rebase`) develop into the current branch
 - Fix any merge conflicts that this creates
 - Next create pull request to develop (you can squash multiple commits when merging)
-- After the pull request is merged to develop you can see it in staging [https://bonkers-ie.github.io/bonkers-ui](https://bonkers-ie.github.io/bonkers-ui/?path=/docs/example-introduction--docs)
+- After the pull request is merged to develop you can see it in staging [https://bonkers-ie.github.io/bonkers-ui](https://bonkers-ie.github.io/bonkers-ui/?path=/docs/colors--docs)
 - Only after reviewing and testing the changes in staging, then create a merge request from `develop` to `master`
 - After you merge to master, the patch version will upgrade x.x.^x and you can use this version in the package

package/UiNavigationSteps-N3juxg3H.js

@@ -0,0 +1,103 @@
+import { jsx as u } from "react/jsx-runtime";
+import f, { createContext as z, useRef as g, useState as m, useEffect as U, useContext as j } from "react";
+import A from "classnames";
+import './assets/UiNavigationSteps.css';const D = "_navbar_3w204_1", O = "_active_3w204_18", R = {
+  navbar: D,
+  active: O
+}, S = z(null), W = ({ initialStepId: o, children: w, className: h, complete: i = !1 }) => {
+  const l = g(0), [x, C] = m(0), [v, p] = m(/* @__PURE__ */ new Set()), n = g({
+    steps: /* @__PURE__ */ new Map(),
+    parentMap: /* @__PURE__ */ new Map()
+  }), E = (e, s) => {
+    n.current.steps.has(e) || (l.current += 1, n.current.steps.set(e, {
+      order: l.current,
+      hasSubsteps: s,
+      progress: s ? {
+        current: 0,
+        total: 0
+      } : void 0
+    }));
+  }, d = (e) => {
+    const { steps: s, parentMap: r } = n.current;
+    let t = null;
+    if (s.has(e))
+      t = s.get(e).order;
+    else if (r.has(e)) {
+      const a = r.get(e);
+      s.has(a) && (t = s.get(a).order);
+    }
+    t !== null && (t < x && N(t), P(t), C(t));
+  }, M = (e, s, r = []) => {
+    if (r.length > 0) {
+      r.forEach((c) => {
+        n.current.parentMap.set(c.id, e);
+      });
+      const t = r.findIndex((c) => c.id === s) + 1, a = r.length;
+      if (t > 0) {
+        const c = n.current.steps.get(e);
+        c && n.current.steps.set(e, {
+          ...c,
+          progress: {
+            current: t,
+            total: a
+          }
+        });
+      }
+    }
+  }, N = (e) => {
+    p((s) => {
+      const r = new Set(s);
+      return n.current.steps.forEach((t, a) => {
+        t.order > e && r.delete(a);
+      }), r;
+    });
+  }, P = (e) => {
+    p(i ? new Set(n.current.steps.keys()) : (s) => {
+      const r = new Set(s);
+      return n.current.steps.forEach((t, a) => {
+        t.order < e ? r.add(a) : t.order === e && r.delete(a);
+      }), r;
+    });
+  };
+  U(() => {
+    const { steps: e, parentMap: s } = n.current;
+    if (e.size > 0) {
+      let r = o;
+      if (s.has(o)) {
+        const t = s.get(o);
+        t && e.has(t) && (r = t);
+      }
+      p(i ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(r) && d(r);
+    }
+  }, [o, i]);
+  const _ = {
+    currentStepId: o,
+    registerStep: E,
+    navigateToStep: d,
+    updateSubstepProgress: M,
+    completedSteps: v
+  }, b = (e) => e === o || n.current.parentMap.get(o) === e, k = (e) => v.has(e), y = f.Children.map(w, (e, s) => {
+    if (f.isValidElement(e)) {
+      const r = n.current.steps.get(e.props.id), t = n.current.steps.size;
+      return f.cloneElement(e, {
+        order: r?.order || s + 1,
+        totalSteps: t,
+        isActive: b(e.props.id),
+        isComplete: k(e.props.id)
+      });
+    }
+    return e;
+  });
+  return /* @__PURE__ */ u(S.Provider, { value: _, children: /* @__PURE__ */ u("nav", { "aria-label": "Progress", className: A("relative grid grid-cols-1 grid-rows-1 items-center", R.navbar, h), children: /* @__PURE__ */ u("div", { className: "z-10 flex items-center justify-between", children: y }) }) });
+}, B = () => {
+  const o = j(S);
+  if (!o)
+    throw new Error("useStepNav must be used within a UiNavigationStepsProvider");
+  return o;
+};
+export {
+  W as U,
+  R as s,
+  B as u
+};
+//# sourceMappingURL=UiNavigationSteps-N3juxg3H.js.map

package/UiNavigationSteps-N3juxg3H.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiNavigationSteps-N3juxg3H.js","sources":["../src/components/UiNavigationSteps/UiNavigationSteps.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n} from \"react\";\nimport { type INavStepProps, type INavigationStepContext, type INavSubStep } from \"./_types\";\nimport cx from \"classnames\";\nimport styles from \"./UiNavigationSteps.module.css\";\n\nconst NavigationStepContext = createContext<INavigationStepContext | null>(null);\n\ninterface INavigationStepData {\n\torder: number;\n\thasSubsteps: boolean;\n\tprogress?: {\n\t\tcurrent: number;\n\t\ttotal: number;\n\t};\n}\n\ninterface INavigationProviderState {\n\tsteps: Map<string, INavigationStepData>;\n\tparentMap: Map<string, string>;\n}\n\nexport const UiNavigationSteps: React.FC<{\n\tinitialStepId: string;\n\tchildren: React.ReactNode;\n\tclassName?: string;\n\tcomplete?: boolean\n}> = ({ initialStepId, children, className, complete = false }) => {\n\tconst orderCounter = useRef(0);\n\tconst [currentStepOrder, setCurrentStepOrder] = useState<number>(0);\n\tconst [completedSteps, setCompletedSteps] = useState<Set<string>>(new Set());\n\n\tconst navigationState = useRef<INavigationProviderState>({\n\t\tsteps: new Map(),\n\t\tparentMap: new Map(),\n\t});\n\n\tconst registerStep = (id: string, hasSubsteps: boolean) => {\n\t\tif (!navigationState.current.steps.has(id)) {\n\t\t\torderCounter.current += 1;\n\t\t\tnavigationState.current.steps.set(id, {\n\t\t\t\torder: orderCounter.current,\n\t\t\t\thasSubsteps,\n\t\t\t\tprogress: hasSubsteps\n\t\t\t\t\t? {\n\t\t\t\t\t\tcurrent: 0,\n\t\t\t\t\t\ttotal: 0\n\t\t\t\t\t}\n\t\t\t\t\t: undefined\n\t\t\t});\n\t\t}\n\t};\n\n\tconst navigateToStep = (id: string) => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\t\tlet targetOrder: number | null = null;\n\n\t\tif (steps.has(id)) {\n\t\t\ttargetOrder = steps.get(id)!.order;\n\t\t} else if (parentMap.has(id)) {\n\t\t\tconst parentId = parentMap.get(id)!;\n\t\t\tif (steps.has(parentId)) {\n\t\t\t\ttargetOrder = steps.get(parentId)!.order;\n\t\t\t}\n\t\t}\n\n\t\tif (targetOrder !== null) {\n\t\t\tif (targetOrder < currentStepOrder) {\n\t\t\t\tmarkSubsequentStepsIncomplete(targetOrder);\n\t\t\t}\n\t\t\tmarkPreviousStepsComplete(targetOrder);\n\t\t\tsetCurrentStepOrder(targetOrder);\n\t\t}\n\t};\n\n\tconst updateSubstepProgress = (stepId: string, substepId: string, subSteps: INavSubStep[] = []) => {\n\t\tif (subSteps.length > 0) {\n\t\t\tsubSteps.forEach(sub => {\n\t\t\t\tnavigationState.current.parentMap.set(sub.id, stepId);\n\t\t\t});\n\n\t\t\tconst current = subSteps.findIndex(sub => sub.id === substepId) + 1;\n\t\t\tconst total = subSteps.length;\n\n\t\t\tif (current > 0) {\n\t\t\t\tconst stepData = navigationState.current.steps.get(stepId);\n\t\t\t\tif (stepData) {\n\t\t\t\t\tnavigationState.current.steps.set(stepId, {\n\t\t\t\t\t\t...stepData,\n\t\t\t\t\t\tprogress: {\n\t\t\t\t\t\t\tcurrent,\n\t\t\t\t\t\t\ttotal\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst markSubsequentStepsIncomplete = (targetOrder: number) => {\n\t\tsetCompletedSteps(prev => {\n\t\t\tconst newSet = new Set(prev);\n\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\tif (data.order > targetOrder) {\n\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn newSet;\n\t\t});\n\t};\n\n\tconst markPreviousStepsComplete = (targetOrder: number) => {\n\t\tif (!complete) {\n\t\t\tsetCompletedSteps(prev => {\n\t\t\t\tconst newSet = new Set(prev);\n\t\t\t\tnavigationState.current.steps.forEach((data, id) => {\n\t\t\t\t\tif (data.order < targetOrder) {\n\t\t\t\t\t\tnewSet.add(id);\n\t\t\t\t\t} else if (data.order === targetOrder) {\n\t\t\t\t\t\tnewSet.delete(id);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn newSet;\n\t\t\t});\n\t\t} else {\n\t\t\tsetCompletedSteps(new Set(navigationState.current.steps.keys()));\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tconst { steps, parentMap } = navigationState.current;\n\n\t\tif (steps.size > 0) {\n\t\t\tlet targetStepId = initialStepId;\n\n\t\t\tif (parentMap.has(initialStepId)) {\n\t\t\t\tconst parentId = parentMap.get(initialStepId);\n\t\t\t\tif (parentId && steps.has(parentId)) {\n\t\t\t\t\ttargetStepId = parentId;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (complete) {\n\t\t\t\tsetCompletedSteps(new Set(steps.keys()));\n\t\t\t} else {\n\t\t\t\tsetCompletedSteps(new Set());\n\t\t\t}\n\n\t\t\tif (steps.has(targetStepId)) {\n\t\t\t\tnavigateToStep(targetStepId);\n\t\t\t}\n\t\t}\n\t}, [initialStepId, complete]);\n\n\tconst contextValue: INavigationStepContext = {\n\t\tcurrentStepId: initialStepId,\n\t\tregisterStep,\n\t\tnavigateToStep,\n\t\tupdateSubstepProgress,\n\t\tcompletedSteps,\n\t};\n\n\tconst isStepActive = (id: string) => {\n\t\treturn id === initialStepId\n\t\t\t|| navigationState.current.parentMap.get(initialStepId) === id;\n\t};\n\n\tconst isStepComplete = (id: string) => {\n\t\treturn completedSteps.has(id);\n\t};\n\n\tconst childWithProps = React.Children.map(children, (child, index) => {\n\t\tif (React.isValidElement<INavStepProps>(child)) {\n\t\t\tconst stepData = navigationState.current.steps.get(child.props.id);\n\t\t\tconst totalSteps = navigationState.current.steps.size;\n\n\t\t\treturn React.cloneElement(child, {\n\t\t\t\torder: stepData?.order || index + 1,\n\t\t\t\ttotalSteps,\n\t\t\t\tisActive: isStepActive(child.props.id),\n\t\t\t\tisComplete: isStepComplete(child.props.id),\n\t\t\t});\n\t\t}\n\t\treturn child;\n\t});\n\n\treturn (\n\t\t<NavigationStepContext.Provider value={ contextValue }>\n\t\t\t<nav aria-label=\"Progress\" className={ cx(\"relative grid grid-cols-1 grid-rows-1 items-center\", styles.navbar, className) }>\n\t\t\t\t<div className=\"z-10 flex items-center justify-between\">\n\t\t\t\t\t{ childWithProps }\n\t\t\t\t</div>\n\t\t\t</nav>\n\t\t</NavigationStepContext.Provider>\n\t);\n};\n\nexport const useStepNav = () => {\n\tconst context = useContext(NavigationStepContext);\n\tif (!context) {\n\t\tthrow new Error(\"useStepNav must be used within a UiNavigationStepsProvider\");\n\t}\n\treturn context;\n};\n"],"names":["NavigationStepContext","createContext","UiNavigationSteps","initialStepId","children","className","complete","orderCounter","useRef","currentStepOrder","setCurrentStepOrder","useState","completedSteps","setCompletedSteps","navigationState","registerStep","id","hasSubsteps","navigateToStep","steps","parentMap","targetOrder","parentId","markSubsequentStepsIncomplete","markPreviousStepsComplete","updateSubstepProgress","stepId","substepId","subSteps","sub","current","total","stepData","prev","newSet","data","useEffect","targetStepId","contextValue","isStepActive","isStepComplete","childWithProps","React","child","index","totalSteps","jsx","cx","styles","useStepNav","context","useContext"],"mappings":"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"}

package/assets/UiInputRange.css

@@ -1 +1 @@
-input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}._thumb_hkko1_18{top:50%;border-width:4px}
+input[type=range]::-webkit-slider-thumb{appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range]::-moz-range-thumb{appearance:none;background-color:transparent;border:0;box-shadow:none}._thumb_hkko1_18{top:50%;border-width:4px}

package/assets/UiNavigationSteps.css

@@ -0,0 +1 @@
+._navbar_3w204_1:before{content:"";position:absolute;left:0;right:0;height:1px;top:15px;background-color:var(--color-secondary-alt-500);width:98%}@media (min-width: 768px){._navbar_3w204_1:before{top:20px}}._active_3w204_18:before{content:"";position:absolute;left:0;right:0;height:1px;top:15px;background-color:var(--color-secondary-400);width:var(--step-width, 0%);z-index:-1}@media screen and (min-width: 768px){._active_3w204_18:before{top:20px}}

package/components/UiAccordion/UiAccordion.context.js

@@ -1,39 +1,39 @@
-import { jsx as m } from "react/jsx-runtime";
-import c from "react";
-import { EAccordionType as u } from "./_types.js";
-const l = c.createContext(null), g = ({
-  children: t,
-  type: n = u.SINGLE,
-  defaultValue: r,
-  handleTrigger: s
+import { jsx as d } from "react/jsx-runtime";
+import i from "react";
+import { EAccordionType as a } from "./_types.js";
+const l = i.createContext(null), v = ({
+  children: o,
+  type: n = a.SINGLE,
+  defaultValue: c,
+  handleTrigger: t
 }) => {
-  const [o, a] = c.useState(r || []), x = {
-    openItems: o,
+  const [r, u] = i.useState(c || []), m = {
+    openItems: r,
     type: n,
     handleTrigger: (e) => {
-      e && (n === u.SINGLE ? a(o != null && o.includes(e) ? [] : [e]) : a(
-        (i) => i != null && i.includes(e) ? i.filter((f) => f !== e) : [...i || [], e]
-      ), s && s(e));
+      e && (n === a.SINGLE ? u(r?.includes(e) ? [] : [e]) : u(
+        (s) => s?.includes(e) ? s.filter((p) => p !== e) : [...s || [], e]
+      ), t && t(e));
     }
   };
-  return /* @__PURE__ */ m(l.Provider, { value: x, children: t });
-}, E = ({ children: t, id: n }) => {
-  const { openItems: r, handleTrigger: s } = C(), o = r == null ? void 0 : r.includes(n);
-  return /* @__PURE__ */ m(l.Provider, { value: {
+  return /* @__PURE__ */ d(l.Provider, { value: m, children: o });
+}, I = ({ children: o, id: n }) => {
+  const { openItems: c, handleTrigger: t } = x(), r = c?.includes(n);
+  return /* @__PURE__ */ d(l.Provider, { value: {
     id: n,
-    isOpen: o,
-    handleTrigger: () => s(n)
-  }, children: t });
-}, C = () => {
-  const t = c.useContext(l);
-  if (!t)
+    isOpen: r,
+    handleTrigger: () => t(n)
+  }, children: o });
+}, x = () => {
+  const o = i.useContext(l);
+  if (!o)
     throw new Error("useAccordionContext must be used within an <Accordion /> component");
-  return t;
+  return o;
 };
 export {
   l as UiAccordionContext,
-  E as UiAccordionItemProvider,
-  g as UiAccordionProvider,
-  C as useAccordionContext
+  I as UiAccordionItemProvider,
+  v as UiAccordionProvider,
+  x as useAccordionContext
 };
 //# sourceMappingURL=UiAccordion.context.js.map

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)\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;"}
+{"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,GAAgB,SAASG,CAAE,IAC1C,CACA,IAAA,CAACA,CAAE,CAAC,IAEPF;AAAA,QAAkB,OACjBG,GAAgB,SAASD,CAAE,IACxBC,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,GAAW,SAASJ,CAAE;AAErC,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/UiBerRank/UiBerRank.js

@@ -1,99 +1,96 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "react";
-import m from "classnames";
-import { EColors as C } from "../../_types/colors.js";
+import c from "classnames";
+import { EColors as n } from "../../_types/colors.js";
 import { EBerSize as l, berRankDictionary as i } from "./_types.js";
 import { UiTypography as t } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as a, ETextTransform as f, ETextWeight as d } from "../UiTypography/_types.js";
-import '../../assets/UiBerRank.css';const _ = "_icon_medium_18il7_1", v = "_icon_small_18il7_5", x = {
-  icon_medium: _,
-  icon_small: v
-}, p = {
-  [l.SMALL]: x.icon_small,
-  [l.MEDIUM]: x.icon_medium
-}, h = {
-  [l.SMALL]: a.SM,
-  [l.MEDIUM]: a.XXXL
-}, y = ({
+import { ETypographySizes as m, ETextTransform as C, ETextWeight as a } from "../UiTypography/_types.js";
+import '../../assets/UiBerRank.css';const h = "_icon_medium_18il7_1", u = "_icon_small_18il7_5", f = {
+  icon_medium: h,
+  icon_small: u
+}, d = {
+  [l.SMALL]: f.icon_small,
+  [l.MEDIUM]: f.icon_medium
+}, x = {
+  [l.SMALL]: m.SM,
+  [l.MEDIUM]: m.XXXL
+}, S = ({
   rank: s,
-  className: u,
+  className: p,
   size: o = l.SMALL
-}) => {
-  var c, n;
-  return /* @__PURE__ */ r("div", { className: m(
-    "ui-ber-rank",
-    "flex",
-    u
-  ), children: [
-    /* @__PURE__ */ r("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
-        "svg",
-        {
-          className: m("text-secondary", p[o]),
-          viewBox: "0 0 160 60",
-          fill: "none",
-          xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ e(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z",
-              fill: "currentColor"
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        t,
-        {
-          className: "absolute left-0 top-0 flex size-full items-center justify-center",
-          color: C.WHITE,
-          size: h[o],
-          weight: d.BOLD,
-          textTransform: f.UPPERCASE,
-          children: "ber"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ r("div", { className: "relative", children: [
-      /* @__PURE__ */ e(
-        t,
-        {
-          color: ((c = i[+s]) == null ? void 0 : c.color) || i[0].color,
-          children: /* @__PURE__ */ e(
-            "svg",
-            {
-              className: p[o],
-              viewBox: "0 0 106 60",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              children: /* @__PURE__ */ e(
-                "path",
-                {
-                  fillRule: "evenodd",
-                  d: "M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",
-                  fill: "currentColor"
-                }
-              )
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ e(
-        t,
-        {
-          className: "absolute left-0 top-0 flex size-full items-center justify-center",
-          color: C.WHITE,
-          size: h[o],
-          weight: d.BOLD,
-          textTransform: f.UPPERCASE,
-          children: ((n = i[+s]) == null ? void 0 : n.text) || i[0].text
-        }
-      )
-    ] })
-  ] });
-};
+}) => /* @__PURE__ */ r("div", { className: c(
+  "ui-ber-rank",
+  "flex",
+  p
+), children: [
+  /* @__PURE__ */ r("div", { className: "relative", children: [
+    /* @__PURE__ */ e(
+      "svg",
+      {
+        className: c("text-secondary", d[o]),
+        viewBox: "0 0 160 60",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      t,
+      {
+        className: "absolute top-0 left-0 flex size-full items-center justify-center",
+        color: n.WHITE,
+        size: x[o],
+        weight: a.BOLD,
+        textTransform: C.UPPERCASE,
+        children: "ber"
+      }
+    )
+  ] }),
+  /* @__PURE__ */ r("div", { className: "relative", children: [
+    /* @__PURE__ */ e(
+      t,
+      {
+        color: i[+s]?.color || i[0].color,
+        children: /* @__PURE__ */ e(
+          "svg",
+          {
+            className: d[o],
+            viewBox: "0 0 106 60",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                d: "M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z",
+                fill: "currentColor"
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      t,
+      {
+        className: "absolute top-0 left-0 flex size-full items-center justify-center",
+        color: n.WHITE,
+        size: x[o],
+        weight: a.BOLD,
+        textTransform: C.UPPERCASE,
+        children: i[+s]?.text || i[0].text
+      }
+    )
+  ] })
+] });
 export {
-  y as UiBerRank
+  S as UiBerRank
 };
 //# sourceMappingURL=UiBerRank.js.map

package/components/UiBerRank/UiBerRank.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport css from \"./UiBerRank.module.css\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\nimport { UiTypography, ETextWeight, ETypographySizes, ETextTransform } from \"../UiTypography\";\n\ninterface IUiBerRankProps {\n\trank: TBerPropNumber | TBerPropString | number;\n\tsize?: EBerSize;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[EBerSize.SMALL]: css.icon_small,\n\t[EBerSize.MEDIUM]: css.icon_medium\n};\n\nconst textSize = {\n\t[EBerSize.SMALL]: ETypographySizes.SM,\n\t[EBerSize.MEDIUM]: ETypographySizes.XXXL\n};\n\nexport const UiBerRank: React.FC<IUiBerRankProps> = ({\n\trank,\n\tclassName,\n\tsize = EBerSize.SMALL\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-ber-rank\",\n\t\t\t\"flex\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<svg className={ cx(\"text-secondary\", sizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\tber\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ berRankDictionary[+rank]?.color || berRankDictionary[0].color }\n\t\t\t\t>\n\t\t\t\t\t<svg className={ sizeClasses[size] }\n\t\t\t\t\t\tviewBox=\"0 0 106 60\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\t\td=\"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</UiTypography>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\t{ berRankDictionary[+rank]?.text || berRankDictionary[0].text }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["sizeClasses","EBerSize","css","textSize","ETypographySizes","UiBerRank","rank","className","size","jsxs","cx","jsx","UiTypography","EColors","ETextWeight","ETextTransform","_a","berRankDictionary"],"mappings":";;;;;;;;;;GAaMA,IAAc;AAAA,EACnB,CAACC,EAAS,KAAK,GAAGC,EAAI;AAAA,EACtB,CAACD,EAAS,MAAM,GAAGC,EAAI;AACxB,GAEMC,IAAW;AAAA,EAChB,CAACF,EAAS,KAAK,GAAGG,EAAiB;AAAA,EACnC,CAACH,EAAS,MAAM,GAAGG,EAAiB;AACrC,GAEaC,IAAuC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAOP,EAAS;AACjB,MAAM;;AAEJ,SAAA,gBAAAQ,EAAC,SAAI,WAAYC;AAAA,IAChB;AAAA,IACA;AAAA,IACAH;AAAA,EAEA,GAAA,UAAA;AAAA,IAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,WAAYD,EAAG,kBAAkBV,EAAYQ,CAAI,CAAC;AAAA,UACtD,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,UAAS;AAAA,cACT,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOV,EAASK,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAC/B,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,GACD;AAAA,IACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,YACd,UAAA;AAAA,MAAA,gBAAAE;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAAQI,IAAAC,EAAkB,CAACX,CAAI,MAAvB,gBAAAU,EAA0B,UAASC,EAAkB,CAAC,EAAE;AAAA,UAEhE,UAAA,gBAAAN;AAAA,YAAC;AAAA,YAAA;AAAA,cAAI,WAAYX,EAAYQ,CAAI;AAAA,cAChC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cAEN,UAAA,gBAAAG;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACA,UAAS;AAAA,kBACT,GAAE;AAAA,kBACF,MAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YACN;AAAA,UAAA;AAAA,QACD;AAAA,MACD;AAAA,MACA,gBAAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQC,EAAQ;AAAA,UAChB,MAAOV,EAASK,CAAI;AAAA,UACpB,QAASM,EAAY;AAAA,UACrB,eAAgBC,EAAe;AAAA,UAE7B,kBAAkB,CAACT,CAAI,wBAAG,SAAQW,EAAkB,CAAC,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1D,EACD,CAAA;AAAA,EAAA,GACD;AAEF;"}
+{"version":3,"file":"UiBerRank.js","sources":["../../../src/components/UiBerRank/UiBerRank.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport css from \"./UiBerRank.module.css\";\nimport { EColors } from \"../../_types/colors.ts\";\nimport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\nimport { UiTypography, ETextWeight, ETypographySizes, ETextTransform } from \"../UiTypography\";\n\ninterface IUiBerRankProps {\n\trank: TBerPropNumber | TBerPropString | number;\n\tsize?: EBerSize;\n\tclassName?: string;\n}\n\nconst sizeClasses = {\n\t[EBerSize.SMALL]: css.icon_small,\n\t[EBerSize.MEDIUM]: css.icon_medium\n};\n\nconst textSize = {\n\t[EBerSize.SMALL]: ETypographySizes.SM,\n\t[EBerSize.MEDIUM]: ETypographySizes.XXXL\n};\n\nexport const UiBerRank: React.FC<IUiBerRankProps> = ({\n\trank,\n\tclassName,\n\tsize = EBerSize.SMALL\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-ber-rank\",\n\t\t\t\"flex\",\n\t\t\tclassName\n\t\t) }>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<svg className={ cx(\"text-secondary\", sizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\td=\"M0.279251 15.36C0.279251 9.9835 0.279251 7.29524 1.32559 5.24169C2.24597 3.43534 3.71459 1.96672 5.52094 1.04634C7.5745 0 10.2627 0 15.6393 0H139.208C143.189 0 145.18 0 146.874 0.666121C148.369 1.25435 149.693 2.20864 150.724 3.44151C151.892 4.83764 152.521 6.72601 153.78 10.5027L158.93 25.9523C159.431 27.4541 159.681 28.205 159.78 28.9732C159.869 29.6549 159.869 30.3451 159.78 31.0268C159.681 31.795 159.431 32.5459 158.93 34.0477L153.78 49.4973C152.521 53.274 151.892 55.1624 150.724 56.5585C149.693 57.7914 148.369 58.7457 146.874 59.3339C145.18 60 143.189 60 139.208 60H15.6393C10.2627 60 7.5745 60 5.52094 58.9537C3.71459 58.0333 2.24597 56.5647 1.32559 54.7583C0.279251 52.7048 0.279251 50.0165 0.279251 44.64V15.36Z\"\n\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute top-0 left-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\tber\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<UiTypography\n\t\t\t\t\tcolor={ berRankDictionary[+rank]?.color || berRankDictionary[0].color }\n\t\t\t\t>\n\t\t\t\t\t<svg className={ sizeClasses[size] }\n\t\t\t\t\t\tviewBox=\"0 0 106 60\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\t\td=\"M3.01833 20.2172C0.74308 13.3915 -0.394547 9.9786 0.287586 7.26202C0.884697 4.88404 2.36903 2.82464 4.43616 1.50619C6.79762 0 10.3951 0 17.5901 0H90.3607C95.7373 0 98.4255 0 100.479 1.04634C102.285 1.96672 103.754 3.43534 104.674 5.24169C105.721 7.29524 105.721 9.9835 105.721 15.36V44.64C105.721 50.0165 105.721 52.7048 104.674 54.7583C103.754 56.5647 102.285 58.0333 100.479 58.9537C98.4255 60 95.7373 60 90.3607 60H17.5901C10.3951 60 6.79762 60 4.43616 58.4938C2.36903 57.1754 0.884697 55.116 0.287586 52.738C-0.394547 50.0214 0.743081 46.6085 3.01834 39.7827L4.93001 34.0477C5.43062 32.5459 5.68093 31.795 5.78035 31.0268C5.86857 30.3451 5.86857 29.6549 5.78035 28.9732C5.68093 28.205 5.43062 27.4541 4.93001 25.9523L3.01833 20.2172Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</UiTypography>\n\t\t\t\t<UiTypography\n\t\t\t\t\tclassName=\"absolute top-0 left-0 flex size-full items-center justify-center\"\n\t\t\t\t\tcolor={ EColors.WHITE }\n\t\t\t\t\tsize={ textSize[size] }\n\t\t\t\t\tweight={ ETextWeight.BOLD }\n\t\t\t\t\ttextTransform={ ETextTransform.UPPERCASE }\n\t\t\t\t>\n\t\t\t\t\t{ berRankDictionary[+rank]?.text || berRankDictionary[0].text }\n\t\t\t\t</UiTypography>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["sizeClasses","EBerSize","css","textSize","ETypographySizes","UiBerRank","rank","className","size","jsxs","cx","jsx","UiTypography","EColors","ETextWeight","ETextTransform","berRankDictionary"],"mappings":";;;;;;;;;;GAaMA,IAAc;AAAA,EACnB,CAACC,EAAS,KAAK,GAAGC,EAAI;AAAA,EACtB,CAACD,EAAS,MAAM,GAAGC,EAAI;AACxB,GAEMC,IAAW;AAAA,EAChB,CAACF,EAAS,KAAK,GAAGG,EAAiB;AAAA,EACnC,CAACH,EAAS,MAAM,GAAGG,EAAiB;AACrC,GAEaC,IAAuC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAOP,EAAS;AACjB,MAEE,gBAAAQ,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACAH;AAEA,GAAA,UAAA;AAAA,EAAC,gBAAAE,EAAA,OAAA,EAAI,WAAU,YACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QAAI,WAAYD,EAAG,kBAAkBV,EAAYQ,CAAI,CAAC;AAAA,QACtD,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QAEN,UAAA,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,UAAS;AAAA,YACT,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACN;AAAA,IACD;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOV,EAASK,CAAI;AAAA,QACpB,QAASM,EAAY;AAAA,QACrB,eAAgBC,EAAe;AAAA,QAC/B,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACD;AAAA,EACA,gBAAAN,EAAC,OAAI,EAAA,WAAU,YACd,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,OAAQI,EAAkB,CAACV,CAAI,GAAG,SAASU,EAAkB,CAAC,EAAE;AAAA,QAEhE,UAAA,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAAI,WAAYX,EAAYQ,CAAI;AAAA,YAChC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YAEN,UAAA,gBAAAG;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,UAAS;AAAA,gBACT,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,MACD;AAAA,IACD;AAAA,IACA,gBAAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQC,EAAQ;AAAA,QAChB,MAAOV,EAASK,CAAI;AAAA,QACpB,QAASM,EAAY;AAAA,QACrB,eAAgBC,EAAe;AAAA,QAE7B,YAAkB,CAACT,CAAI,GAAG,QAAQU,EAAkB,CAAC,EAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1D,EACD,CAAA;AAAA,GACD;"}

package/components/UiCheckbox/UiCheckbox.js

@@ -1,9 +1,9 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
+import { jsxs as k, jsx as o } from "react/jsx-runtime";
 import "react";
-import r from "classnames";
+import c from "classnames";
 import { EJustify as e } from "../../_types/align.js";
 import { ECheckboxSize as s } from "./_types.js";
-import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCheckbox__custom_6diu5_5", p = "_UiCheckbox__icon_6diu5_11", y = "_UiCheckbox__disabled_6diu5_63", t = {
+import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCheckbox__custom_6diu5_5", p = "_UiCheckbox__icon_6diu5_11", y = "_UiCheckbox__disabled_6diu5_63", i = {
   UiCheckbox: f,
   UiCheckbox__custom: U,
   UiCheckbox__icon: p,
@@ -21,46 +21,46 @@ import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCh
 }, N = {
   [s.SM]: "size-xs",
   [s.MD]: "size-sm"
-}, T = ({
-  checked: a,
-  value: d,
-  size: n = s.MD,
-  disabled: c = !1,
-  justify: l = e.START,
-  invertOrder: x = !1,
-  children: _,
-  onChange: o,
-  className: b,
-  name: h,
+}, M = ({
+  checked: _,
+  value: h,
+  size: r = s.MD,
+  disabled: t = !1,
+  justify: d = e.START,
+  invertOrder: l = !1,
+  children: n,
+  onChange: a,
+  className: x,
+  name: b,
   ...u
 }) => {
-  const m = (k) => {
-    !c && o && (o == null || o(k.target.checked));
+  const m = (C) => {
+    !t && a && a?.(C.target.checked);
   };
-  return /* @__PURE__ */ C("label", { className: r(
-    t.UiCheckbox,
+  return /* @__PURE__ */ k("label", { className: c(
+    i.UiCheckbox,
     "grid",
     "cursor-pointer",
-    _ && "items-center gap-sm",
-    j[l],
-    c && t.UiCheckbox__disabled,
-    b
+    n && "items-center gap-sm",
+    j[d],
+    t && i.UiCheckbox__disabled,
+    x
   ), children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ o(
       "input",
       {
         ...u,
         className: "absolute appearance-none",
         type: "checkbox",
-        checked: a,
-        disabled: c,
-        value: d,
-        name: h,
+        checked: _,
+        disabled: t,
+        value: h,
+        name: b,
         onChange: m
       }
     ),
-    /* @__PURE__ */ i("span", { className: r(
-      t.UiCheckbox__custom,
+    /* @__PURE__ */ o("span", { className: c(
+      i.UiCheckbox__custom,
       "relative",
       "flex",
       "items-center",
@@ -69,17 +69,17 @@ import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCh
       "border",
       "border-secondary-alt-600",
       "hover:border-secondary-alt-700",
-      x && "order-last",
-      E[n]
-    ), children: /* @__PURE__ */ i(
+      l && "order-last",
+      E[r]
+    ), children: /* @__PURE__ */ o(
       "svg",
       {
-        className: r(t.UiCheckbox__icon, "text-white", N[n]),
+        className: c(i.UiCheckbox__icon, "text-white", N[r]),
         viewBox: "0 0 16 12",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
         "aria-hidden": "true",
-        children: /* @__PURE__ */ i(
+        children: /* @__PURE__ */ o(
           "path",
           {
             d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
@@ -90,10 +90,10 @@ import '../../assets/UiCheckbox.css';const f = "_UiCheckbox_6diu5_1", U = "_UiCh
         )
       }
     ) }),
-    _
+    n
   ] });
 };
 export {
-  T as UiCheckbox
+  M as UiCheckbox
 };
 //# sourceMappingURL=UiCheckbox.js.map

package/components/UiCheckbox/UiCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiCheckbox.js","sources":["../../../src/components/UiCheckbox/UiCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./UiCheckbox.module.css\";\nimport cx from \"classnames\";\nimport { EJustify } from \"../../_types/align\";\nimport { ECheckboxSize } from \"./_types.ts\";\n\nexport type TUiCheckboxProps = {\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tvalue?: string;\n\tsize?: ECheckboxSize;\n\tonChange?: (checked: boolean) => void;\n\tclassName?: string;\n\tname?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nconst spanSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-sm\",\n\t[ECheckboxSize.MD]: \"size-md\"\n};\n\nconst svgSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-xs\",\n\t[ECheckboxSize.MD]: \"size-sm\"\n};\n\nexport const UiCheckbox: React.FC<TUiCheckboxProps> = ({\n\tchecked,\n\tvalue,\n\tsize = ECheckboxSize.MD,\n\tdisabled = false,\n\tjustify = EJustify.START,\n\tinvertOrder = false,\n\tchildren,\n\tonChange,\n\tclassName,\n\tname,\n\t...rest\n}) => {\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange?.(event.target.checked);\n\t\t}\n\t};\n\treturn (\n\t\t<label className={\n\t\t\tcx(\n\t\t\t\tstyles.UiCheckbox,\n\t\t\t\t\"grid\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tchildren && \"items-center gap-sm\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\tdisabled && styles.UiCheckbox__disabled,\n\t\t\t\tclassName\n\t\t\t)\n\t\t}>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tclassName=\"absolute appearance-none\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ checked }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\tname={ name }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t\t<span className={ cx(styles.UiCheckbox__custom,\n\t\t\t\t\"relative\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"rounded-sm\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt-600\",\n\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\tspanSizeClasses[size]\n\t\t\t) }>\n\t\t\t\t<svg\n\t\t\t\t\tclassName={ cx(styles.UiCheckbox__icon, \"text-white\", svgSizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstrokeWidth=\"1.6\"\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","spanSizeClasses","ECheckboxSize","svgSizeClasses","UiCheckbox","checked","value","size","disabled","justify","invertOrder","children","onChange","className","name","rest","handleChange","event","jsxs","cx","styles","jsx"],"mappings":";;;;;;;;;;GAiBMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEMC,IAAkB;AAAA,EACvB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEMC,IAAiB;AAAA,EACtB,CAACD,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaE,IAAyC,CAAC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOL,EAAc;AAAA,EACrB,UAAAM,IAAW;AAAA,EACX,SAAAC,IAAUT,EAAS;AAAA,EACnB,aAAAU,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACT,KAAYI,MACLA,KAAA,QAAAA,EAAAK,EAAM,OAAO;AAAA,EAE1B;AAEC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IACCC,EAAO;AAAA,IACP;AAAA,IACA;AAAA,IACAT,KAAY;AAAA,IACZZ,EAAqBU,CAAO;AAAA,IAC5BD,KAAYY,EAAO;AAAA,IACnBP;AAAA,EAGD,GAAA,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAV;AAAA,QACA,UAAAG;AAAA,QACA,OAAAF;AAAA,QACA,MAAAQ;AAAA,QACA,UAAWE;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK,EAAC,UAAK,WAAYF;AAAA,MAAGC,EAAO;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAV,KAAe;AAAA,MACfT,EAAgBM,CAAI;AAAA,IAEpB,GAAA,UAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYF,EAAGC,EAAO,kBAAkB,cAAcjB,EAAeI,CAAI,CAAC;AAAA,QAC1E,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,GAEF;AAAA,IACEV;AAAA,EAAA,GACH;AAEF;"}
+{"version":3,"file":"UiCheckbox.js","sources":["../../../src/components/UiCheckbox/UiCheckbox.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./UiCheckbox.module.css\";\nimport cx from \"classnames\";\nimport { EJustify } from \"../../_types/align\";\nimport { ECheckboxSize } from \"./_types.ts\";\n\nexport type TUiCheckboxProps = {\n\tinvertOrder?: boolean;\n\tjustify?: EJustify;\n\tdisabled?: boolean;\n\tvalue?: string;\n\tsize?: ECheckboxSize;\n\tonChange?: (checked: boolean) => void;\n\tclassName?: string;\n\tname?: string;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\">;\n\nconst justificationClasses = {\n\t[EJustify.START]: \"justify-start\",\n\t[EJustify.END]: \"justify-end\",\n\t[EJustify.CENTER]: \"justify-center\",\n\t[EJustify.BETWEEN]: \"justify-between\",\n\t[EJustify.AROUND]: \"justify-around\",\n\t[EJustify.EVENLY]: \"justify-evenly\"\n};\n\nconst spanSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-sm\",\n\t[ECheckboxSize.MD]: \"size-md\"\n};\n\nconst svgSizeClasses = {\n\t[ECheckboxSize.SM]: \"size-xs\",\n\t[ECheckboxSize.MD]: \"size-sm\"\n};\n\nexport const UiCheckbox: React.FC<TUiCheckboxProps> = ({\n\tchecked,\n\tvalue,\n\tsize = ECheckboxSize.MD,\n\tdisabled = false,\n\tjustify = EJustify.START,\n\tinvertOrder = false,\n\tchildren,\n\tonChange,\n\tclassName,\n\tname,\n\t...rest\n}) => {\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (!disabled && onChange) {\n\t\t\tonChange?.(event.target.checked);\n\t\t}\n\t};\n\treturn (\n\t\t<label className={\n\t\t\tcx(\n\t\t\t\tstyles.UiCheckbox,\n\t\t\t\t\"grid\",\n\t\t\t\t\"cursor-pointer\",\n\t\t\t\tchildren && \"items-center gap-sm\",\n\t\t\t\tjustificationClasses[justify],\n\t\t\t\tdisabled && styles.UiCheckbox__disabled,\n\t\t\t\tclassName\n\t\t\t)\n\t\t}>\n\t\t\t<input\n\t\t\t\t{ ...rest }\n\t\t\t\tclassName=\"absolute appearance-none\"\n\t\t\t\ttype=\"checkbox\"\n\t\t\t\tchecked={ checked }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tvalue={ value }\n\t\t\t\tname={ name }\n\t\t\t\tonChange={ handleChange }\n\t\t\t/>\n\t\t\t<span className={ cx(styles.UiCheckbox__custom,\n\t\t\t\t\"relative\",\n\t\t\t\t\"flex\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\t\"rounded-sm\",\n\t\t\t\t\"border\",\n\t\t\t\t\"border-secondary-alt-600\",\n\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\tinvertOrder && \"order-last\",\n\t\t\t\tspanSizeClasses[size]\n\t\t\t) }>\n\t\t\t\t<svg\n\t\t\t\t\tclassName={ cx(styles.UiCheckbox__icon, \"text-white\", svgSizeClasses[size]) }\n\t\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\tstrokeWidth=\"1.6\"\n\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</span>\n\t\t\t{ children }\n\t\t</label>\n\t);\n};\n"],"names":["justificationClasses","EJustify","spanSizeClasses","ECheckboxSize","svgSizeClasses","UiCheckbox","checked","value","size","disabled","justify","invertOrder","children","onChange","className","name","rest","handleChange","event","jsxs","cx","styles","jsx"],"mappings":";;;;;;;;;;GAiBMA,IAAuB;AAAA,EAC5B,CAACC,EAAS,KAAK,GAAG;AAAA,EAClB,CAACA,EAAS,GAAG,GAAG;AAAA,EAChB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,OAAO,GAAG;AAAA,EACpB,CAACA,EAAS,MAAM,GAAG;AAAA,EACnB,CAACA,EAAS,MAAM,GAAG;AACpB,GAEMC,IAAkB;AAAA,EACvB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEMC,IAAiB;AAAA,EACtB,CAACD,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaE,IAAyC,CAAC;AAAA,EACtD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAOL,EAAc;AAAA,EACrB,UAAAM,IAAW;AAAA,EACX,SAAAC,IAAUT,EAAS;AAAA,EACnB,aAAAU,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACC,QAAAC,IAAe,CAACC,MAA+C;AAChE,IAAA,CAACT,KAAYI,KACLA,IAAAK,EAAM,OAAO,OAAO;AAAA,EAEjC;AAEC,SAAA,gBAAAC,EAAC,WAAM,WACNC;AAAA,IACCC,EAAO;AAAA,IACP;AAAA,IACA;AAAA,IACAT,KAAY;AAAA,IACZZ,EAAqBU,CAAO;AAAA,IAC5BD,KAAYY,EAAO;AAAA,IACnBP;AAAA,EAGD,GAAA,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGN;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,SAAAV;AAAA,QACA,UAAAG;AAAA,QACA,OAAAF;AAAA,QACA,MAAAQ;AAAA,QACA,UAAWE;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK,EAAC,UAAK,WAAYF;AAAA,MAAGC,EAAO;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAV,KAAe;AAAA,MACfT,EAAgBM,CAAI;AAAA,IAEpB,GAAA,UAAA,gBAAAc;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,WAAYF,EAAGC,EAAO,kBAAkB,cAAcjB,EAAeI,CAAI,CAAC;AAAA,QAC1E,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,OAAM;AAAA,QACN,eAAY;AAAA,QAEZ,UAAA,gBAAAc;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACf;AAAA,IAAA,GAEF;AAAA,IACEV;AAAA,EAAA,GACH;AAEF;"}