bonkers-ui 2.0.11 → 2.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{UiNavigationSteps-N3juxg3H.js → UiNavigationSteps-D4QC-7s-.js} +33 -19
- package/{UiNavigationSteps-N3juxg3H.js.map → UiNavigationSteps-D4QC-7s-.js.map} +1 -1
- package/_types/align.js.map +1 -1
- package/_types/colors.d.ts +8 -1
- package/_types/colors.js +1 -1
- package/_types/colors.js.map +1 -1
- package/_types/sizing.js.map +1 -1
- package/assets/UiNavigationSteps.css +1 -1
- package/bonkers.css +20 -0
- package/components/UiAccordion/UiAccordion.InfoDropdown.js.map +1 -1
- package/components/UiAccordion/UiAccordion.base.js.map +1 -1
- package/components/UiAccordion/UiAccordion.context.js.map +1 -1
- package/components/UiAccordion/UiAccordionItem.base.js.map +1 -1
- package/components/UiAccordion/_types.js.map +1 -1
- package/components/UiAlert/UiAlert.js.map +1 -1
- package/components/UiAlert/_types.js.map +1 -1
- package/components/UiBerRank/UiBerRank.js.map +1 -1
- package/components/UiBerRank/_types.d.ts +15 -15
- package/components/UiBerRank/_types.js +22 -22
- package/components/UiBerRank/_types.js.map +1 -1
- package/components/UiButton/UiButton.js.map +1 -1
- package/components/UiButton/_types.js.map +1 -1
- package/components/UiCheckbox/UiCheckbox.js.map +1 -1
- package/components/UiCheckbox/_types.js.map +1 -1
- package/components/UiIcon/UiIcon.js.map +1 -1
- package/components/UiIconBadge/UiIconBadge.js.map +1 -1
- package/components/UiIconBadge/_types.js.map +1 -1
- package/components/UiInput/UiInput.base.js +12 -11
- package/components/UiInput/UiInput.base.js.map +1 -1
- package/components/UiInput/UiInputStatusMessage.d.ts +10 -0
- package/components/UiInput/UiInputStatusMessage.js +36 -0
- package/components/UiInput/UiInputStatusMessage.js.map +1 -0
- package/components/UiInput/UiInputText.js +15 -27
- package/components/UiInput/UiInputText.js.map +1 -1
- package/components/UiInput/UiInputTextArea.d.ts +12 -0
- package/components/UiInput/UiInputTextArea.js +74 -0
- package/components/UiInput/UiInputTextArea.js.map +1 -0
- package/components/UiInput/UiInputTitled.js.map +1 -1
- package/components/UiInput/_types.js.map +1 -1
- package/components/UiInput/index.d.ts +6 -4
- package/components/UiInput/index.js +12 -8
- package/components/UiInput/index.js.map +1 -1
- package/components/UiInputRange/UiInputRange.js.map +1 -1
- package/components/UiList/UiList.js.map +1 -1
- package/components/UiList/UiListItem.js.map +1 -1
- package/components/UiList/_types.js.map +1 -1
- package/components/UiNavigationSteps/UiNavigationStep.js +48 -47
- package/components/UiNavigationSteps/UiNavigationStep.js.map +1 -1
- package/components/UiNavigationSteps/UiNavigationSteps.js +1 -1
- package/components/UiNavigationSteps/_types.js.map +1 -1
- package/components/UiNavigationSteps/index.js +1 -1
- package/components/UiNotificationBadge/UiNotificationBadge.js.map +1 -1
- package/components/UiNotificationBadge/_types.js.map +1 -1
- package/components/UiPills/UiPills.js.map +1 -1
- package/components/UiPills/_types.js.map +1 -1
- package/components/UiPlainRadio/UiPlainRadio.js.map +1 -1
- package/components/UiProductCard/UiProductCard.js.map +1 -1
- package/components/UiProgress/UiProgress.js.map +1 -1
- package/components/UiRadio/UiRadio.js.map +1 -1
- package/components/UiRadioFancy/UiRadioFancy.js.map +1 -1
- package/components/UiRadioFancy/_types.js.map +1 -1
- package/components/UiSelect/UiSelect.js +67 -69
- package/components/UiSelect/UiSelect.js.map +1 -1
- package/components/UiSkeleton/UiSkeleton.js.map +1 -1
- package/components/UiSkeleton/_types.js.map +1 -1
- package/components/UiSnackbar/UiSnackbar.d.ts +10 -2
- package/components/UiSnackbar/UiSnackbar.js +117 -49
- package/components/UiSnackbar/UiSnackbar.js.map +1 -1
- package/components/UiSnackbar/_types.d.ts +5 -0
- package/components/UiSnackbar/_types.js +3 -2
- package/components/UiSnackbar/_types.js.map +1 -1
- package/components/UiStars/UiStars.js.map +1 -1
- package/components/UiStars/_types.js.map +1 -1
- package/components/UiTable/UiTable.js.map +1 -1
- package/components/UiTable/UiTableRow.js.map +1 -1
- package/components/UiTable/_types.js.map +1 -1
- package/components/UiTabs/UiTabs.js.map +1 -1
- package/components/UiToggle/UiToggle.js.map +1 -1
- package/components/UiTypography/UiTypography.js +38 -31
- package/components/UiTypography/UiTypography.js.map +1 -1
- package/components/UiTypography/_types.js.map +1 -1
- package/helper.d.ts +1 -0
- package/package.json +19 -19
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
1
|
+
import { jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import l, { createContext as y, useRef as g, useState as m, useEffect as U, useContext as j } from "react";
|
|
3
3
|
import A from "classnames";
|
|
4
|
-
import './assets/UiNavigationSteps.css';const D = "
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}, S =
|
|
8
|
-
const
|
|
4
|
+
import './assets/UiNavigationSteps.css';const D = "_active_1aioi_1", O = "_navbar_1aioi_5", R = {
|
|
5
|
+
active: D,
|
|
6
|
+
navbar: O
|
|
7
|
+
}, S = y(null), W = ({ initialStepId: o, children: h, className: w, complete: i = !1 }) => {
|
|
8
|
+
const d = g(0), [x, C] = m(0), [u, p] = m(/* @__PURE__ */ new Set()), n = g({
|
|
9
9
|
steps: /* @__PURE__ */ new Map(),
|
|
10
10
|
parentMap: /* @__PURE__ */ new Map()
|
|
11
11
|
}), E = (e, s) => {
|
|
12
|
-
n.current.steps.has(e) || (
|
|
13
|
-
order:
|
|
12
|
+
n.current.steps.has(e) || (d.current += 1, n.current.steps.set(e, {
|
|
13
|
+
order: d.current,
|
|
14
14
|
hasSubsteps: s,
|
|
15
15
|
progress: s ? {
|
|
16
16
|
current: 0,
|
|
17
17
|
total: 0
|
|
18
18
|
} : void 0
|
|
19
19
|
}));
|
|
20
|
-
},
|
|
20
|
+
}, v = (e) => {
|
|
21
21
|
const { steps: s, parentMap: r } = n.current;
|
|
22
22
|
let t = null;
|
|
23
23
|
if (s.has(e))
|
|
@@ -67,28 +67,42 @@ import './assets/UiNavigationSteps.css';const D = "_navbar_3w204_1", O = "_activ
|
|
|
67
67
|
const t = s.get(o);
|
|
68
68
|
t && e.has(t) && (r = t);
|
|
69
69
|
}
|
|
70
|
-
p(i ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(r) &&
|
|
70
|
+
p(i ? new Set(e.keys()) : /* @__PURE__ */ new Set()), e.has(r) && v(r);
|
|
71
71
|
}
|
|
72
72
|
}, [o, i]);
|
|
73
73
|
const _ = {
|
|
74
74
|
currentStepId: o,
|
|
75
75
|
registerStep: E,
|
|
76
|
-
navigateToStep:
|
|
76
|
+
navigateToStep: v,
|
|
77
77
|
updateSubstepProgress: M,
|
|
78
|
-
completedSteps:
|
|
79
|
-
}, b = (e) => e === o || n.current.parentMap.get(o) === e,
|
|
80
|
-
if (
|
|
78
|
+
completedSteps: u
|
|
79
|
+
}, b = (e) => e === o || n.current.parentMap.get(o) === e, z = (e) => u.has(e), k = l.Children.map(h, (e, s) => {
|
|
80
|
+
if (l.isValidElement(e)) {
|
|
81
81
|
const r = n.current.steps.get(e.props.id), t = n.current.steps.size;
|
|
82
|
-
return
|
|
82
|
+
return l.cloneElement(e, {
|
|
83
83
|
order: r?.order || s + 1,
|
|
84
84
|
totalSteps: t,
|
|
85
85
|
isActive: b(e.props.id),
|
|
86
|
-
isComplete:
|
|
86
|
+
isComplete: z(e.props.id)
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
return e;
|
|
90
90
|
});
|
|
91
|
-
return /* @__PURE__ */
|
|
91
|
+
return /* @__PURE__ */ f(S.Provider, { value: _, children: /* @__PURE__ */ f(
|
|
92
|
+
"nav",
|
|
93
|
+
{
|
|
94
|
+
"aria-label": "Progress",
|
|
95
|
+
className: A("relative grid grid-cols-1 grid-rows-1 items-center", R.navbar, w),
|
|
96
|
+
"data-status": u.size === n.current.steps.size ? "complete" : void 0,
|
|
97
|
+
children: /* @__PURE__ */ f(
|
|
98
|
+
"div",
|
|
99
|
+
{
|
|
100
|
+
className: "z-10 flex items-center justify-between",
|
|
101
|
+
children: k
|
|
102
|
+
}
|
|
103
|
+
)
|
|
104
|
+
}
|
|
105
|
+
) });
|
|
92
106
|
}, B = () => {
|
|
93
107
|
const o = j(S);
|
|
94
108
|
if (!o)
|
|
@@ -100,4 +114,4 @@ export {
|
|
|
100
114
|
R as s,
|
|
101
115
|
B as u
|
|
102
116
|
};
|
|
103
|
-
//# sourceMappingURL=UiNavigationSteps-
|
|
117
|
+
//# sourceMappingURL=UiNavigationSteps-D4QC-7s-.js.map
|
|
@@ -1 +1 @@
|
|
|
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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"}
|
|
1
|
+
{"version":3,"file":"UiNavigationSteps-D4QC-7s-.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\n\t\t\t\taria-label=\"Progress\"\n\t\t\t\tclassName={ cx(\"relative grid grid-cols-1 grid-rows-1 items-center\", styles.navbar, className) }\n\t\t\t\tdata-status={\n\t\t\t\t\tcompletedSteps.size === navigationState.current.steps.size\n\t\t\t\t\t\t? \"complete\"\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"z-10 flex items-center justify-between\"\n\t\t\t\t>\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/_types/align.js.map
CHANGED
|
@@ -1 +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}\n"],"names":["EJustify"],"mappings":"
|
|
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}\n"],"names":["EJustify"],"mappings":"AAAO,IAAKA,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/_types/colors.d.ts
CHANGED
|
@@ -57,5 +57,12 @@ export declare enum EColors {
|
|
|
57
57
|
SECONDARY_ALT_400 = "--color-secondary-alt-400",
|
|
58
58
|
SECONDARY_ALT_500 = "--color-secondary-alt-500",
|
|
59
59
|
SECONDARY_ALT_600 = "--color-secondary-alt-600",
|
|
60
|
-
SECONDARY_ALT_700 = "--color-secondary-alt-700"
|
|
60
|
+
SECONDARY_ALT_700 = "--color-secondary-alt-700",
|
|
61
|
+
BER_DARK_GREEN = "--color-ber-dark-green",
|
|
62
|
+
BER_MID_GREEN = "--color-ber-mid-green",
|
|
63
|
+
BER_BRIGHT_GREEN = "--color-ber-bright-green",
|
|
64
|
+
BER_YELLOW = "--color-ber-yellow",
|
|
65
|
+
BER_MID_ORANGE = "--color-ber-mid-orange",
|
|
66
|
+
BER_DARK_ORANGE = "--color-ber-dark-orange",
|
|
67
|
+
BER_RED = "--color-ber-red"
|
|
61
68
|
}
|
package/_types/colors.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_100 = "--color-error-100", c.ERROR_200 = "--color-error-200", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c))(r || {});
|
|
1
|
+
var r = /* @__PURE__ */ ((c) => (c.WHITE = "--color-white", c.BLACK = "--color-black", c.TRANSPARENT = "--color-transparent", c.CURRENT = "--color-current", c.PRIMARY = "--color-primary", c.PRIMARY_50 = "--color-primary-50", c.PRIMARY_100 = "--color-primary-100", c.PRIMARY_200 = "--color-primary-200", c.PRIMARY_300 = "--color-primary-300", c.PRIMARY_400 = "--color-primary-400", c.PRIMARY_500 = "--color-primary-500", c.PRIMARY_600 = "--color-primary-600", c.PRIMARY_700 = "--color-primary-700", c.PRIMARY_800 = "--color-primary-800", c.PRIMARY_900 = "--color-primary-900", c.PRIMARY_ALT = "--color-primary-alt", c.PRIMARY_ALT_300 = "--color-primary-alt-300", c.PRIMARY_ALT_400 = "--color-primary-alt-400", c.PRIMARY_ALT_500 = "--color-primary-alt-500", c.PRIMARY_ALT_600 = "--color-primary-alt-600", c.PRIMARY_ALT_700 = "--color-primary-alt-700", c.SECONDARY = "--color-secondary", c.SECONDARY_300 = "--color-secondary-300", c.SECONDARY_400 = "--color-secondary-400", c.SECONDARY_500 = "--color-secondary-500", c.SECONDARY_600 = "--color-secondary-600", c.SECONDARY_700 = "--color-secondary-700", c.WARNING = "--color-warning", c.WARNING_300 = "--color-warning-300", c.WARNING_400 = "--color-warning-400", c.WARNING_500 = "--color-warning-500", c.WARNING_600 = "--color-warning-600", c.WARNING_700 = "--color-warning-700", c.ERROR = "--color-error", c.ERROR_100 = "--color-error-100", c.ERROR_200 = "--color-error-200", c.ERROR_300 = "--color-error-300", c.ERROR_400 = "--color-error-400", c.ERROR_500 = "--color-error-500", c.ERROR_600 = "--color-error-600", c.ERROR_700 = "--color-error-700", c.ACCENT = "--color-accent", c.ACCENT_300 = "--color-accent-300", c.ACCENT_500 = "--color-accent-500", c.ACCENT_600 = "--color-accent-600", c.ACCENT_700 = "--color-accent-700", c.ACCENT_ALT = "--color-accent-alt", c.ACCENT_ALT_300 = "--color-accent-alt-300", c.ACCENT_ALT_400 = "--color-accent-alt-400", c.ACCENT_ALT_500 = "--color-accent-alt-500", c.ACCENT_ALT_600 = "--color-accent-alt-600", c.ACCENT_ALT_700 = "--color-accent-alt-700", c.SECONDARY_ALT = "--color-secondary-alt", c.SECONDARY_ALT_200 = "--color-secondary-alt-200", c.SECONDARY_ALT_300 = "--color-secondary-alt-300", c.SECONDARY_ALT_400 = "--color-secondary-alt-400", c.SECONDARY_ALT_500 = "--color-secondary-alt-500", c.SECONDARY_ALT_600 = "--color-secondary-alt-600", c.SECONDARY_ALT_700 = "--color-secondary-alt-700", c.BER_DARK_GREEN = "--color-ber-dark-green", c.BER_MID_GREEN = "--color-ber-mid-green", c.BER_BRIGHT_GREEN = "--color-ber-bright-green", c.BER_YELLOW = "--color-ber-yellow", c.BER_MID_ORANGE = "--color-ber-mid-orange", c.BER_DARK_ORANGE = "--color-ber-dark-orange", c.BER_RED = "--color-ber-red", c))(r || {});
|
|
2
2
|
export {
|
|
3
3
|
r as EColors
|
|
4
4
|
};
|
package/_types/colors.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_100 = \"--color-error-100\",\n\tERROR_200 = \"--color-error-200\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n}\n"],"names":["EColors"],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../src/_types/colors.ts"],"sourcesContent":["export enum EColors {\n\tWHITE = \"--color-white\",\n\tBLACK = \"--color-black\",\n\tTRANSPARENT = \"--color-transparent\",\n\tCURRENT = \"--color-current\",\n\n\tPRIMARY = \"--color-primary\",\n\tPRIMARY_50 = \"--color-primary-50\",\n\tPRIMARY_100 = \"--color-primary-100\",\n\tPRIMARY_200 = \"--color-primary-200\",\n\tPRIMARY_300 = \"--color-primary-300\",\n\tPRIMARY_400 = \"--color-primary-400\",\n\tPRIMARY_500 = \"--color-primary-500\",\n\tPRIMARY_600 = \"--color-primary-600\",\n\tPRIMARY_700 = \"--color-primary-700\",\n\tPRIMARY_800 = \"--color-primary-800\",\n\tPRIMARY_900 = \"--color-primary-900\",\n\n\tPRIMARY_ALT = \"--color-primary-alt\",\n\tPRIMARY_ALT_300 = \"--color-primary-alt-300\",\n\tPRIMARY_ALT_400 = \"--color-primary-alt-400\",\n\tPRIMARY_ALT_500 = \"--color-primary-alt-500\",\n\tPRIMARY_ALT_600 = \"--color-primary-alt-600\",\n\tPRIMARY_ALT_700 = \"--color-primary-alt-700\",\n\n\tSECONDARY = \"--color-secondary\",\n\tSECONDARY_300 = \"--color-secondary-300\",\n\tSECONDARY_400 = \"--color-secondary-400\",\n\tSECONDARY_500 = \"--color-secondary-500\",\n\tSECONDARY_600 = \"--color-secondary-600\",\n\tSECONDARY_700 = \"--color-secondary-700\",\n\n\tWARNING = \"--color-warning\",\n\tWARNING_300 = \"--color-warning-300\",\n\tWARNING_400 = \"--color-warning-400\",\n\tWARNING_500 = \"--color-warning-500\",\n\tWARNING_600 = \"--color-warning-600\",\n\tWARNING_700 = \"--color-warning-700\",\n\n\tERROR = \"--color-error\",\n\tERROR_100 = \"--color-error-100\",\n\tERROR_200 = \"--color-error-200\",\n\tERROR_300 = \"--color-error-300\",\n\tERROR_400 = \"--color-error-400\",\n\tERROR_500 = \"--color-error-500\",\n\tERROR_600 = \"--color-error-600\",\n\tERROR_700 = \"--color-error-700\",\n\n\tACCENT = \"--color-accent\",\n\tACCENT_300 = \"--color-accent-300\",\n\tACCENT_500 = \"--color-accent-500\",\n\tACCENT_600 = \"--color-accent-600\",\n\tACCENT_700 = \"--color-accent-700\",\n\n\tACCENT_ALT = \"--color-accent-alt\",\n\tACCENT_ALT_300 = \"--color-accent-alt-300\",\n\tACCENT_ALT_400 = \"--color-accent-alt-400\",\n\tACCENT_ALT_500 = \"--color-accent-alt-500\",\n\tACCENT_ALT_600 = \"--color-accent-alt-600\",\n\tACCENT_ALT_700 = \"--color-accent-alt-700\",\n\n\tSECONDARY_ALT = \"--color-secondary-alt\",\n\tSECONDARY_ALT_200 = \"--color-secondary-alt-200\",\n\tSECONDARY_ALT_300 = \"--color-secondary-alt-300\",\n\tSECONDARY_ALT_400 = \"--color-secondary-alt-400\",\n\tSECONDARY_ALT_500 = \"--color-secondary-alt-500\",\n\tSECONDARY_ALT_600 = \"--color-secondary-alt-600\",\n\tSECONDARY_ALT_700 = \"--color-secondary-alt-700\",\n\n\tBER_DARK_GREEN = \"--color-ber-dark-green\",\n\tBER_MID_GREEN = \"--color-ber-mid-green\",\n\tBER_BRIGHT_GREEN = \"--color-ber-bright-green\",\n\tBER_YELLOW = \"--color-ber-yellow\",\n\tBER_MID_ORANGE = \"--color-ber-mid-orange\",\n\tBER_DARK_ORANGE = \"--color-ber-dark-orange\",\n\tBER_RED = \"--color-ber-red\"\n\n}\n"],"names":["EColors"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,QAAQ,iBACRA,EAAA,QAAQ,iBACRA,EAAA,cAAc,uBACdA,EAAA,UAAU,mBAEVA,EAAA,UAAU,mBACVA,EAAA,aAAa,sBACbA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,cAAc,uBACdA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAClBA,EAAA,kBAAkB,2BAElBA,EAAA,YAAY,qBACZA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAChBA,EAAA,gBAAgB,yBAEhBA,EAAA,UAAU,mBACVA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBACdA,EAAA,cAAc,uBAEdA,EAAA,QAAQ,iBACRA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBACZA,EAAA,YAAY,qBAEZA,EAAA,SAAS,kBACTA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBACbA,EAAA,aAAa,sBAEbA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BACjBA,EAAA,iBAAiB,0BAEjBA,EAAA,gBAAgB,yBAChBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BACpBA,EAAA,oBAAoB,6BAEpBA,EAAA,iBAAiB,0BACjBA,EAAA,gBAAgB,yBAChBA,EAAA,mBAAmB,4BACnBA,EAAA,aAAa,sBACbA,EAAA,iBAAiB,0BACjBA,EAAA,kBAAkB,2BAClBA,EAAA,UAAU,mBA3ECA,IAAAA,KAAA,CAAA,CAAA;"}
|
package/_types/sizing.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["\nexport enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"
|
|
1
|
+
{"version":3,"file":"sizing.js","sources":["../../src/_types/sizing.ts"],"sourcesContent":["\nexport enum ESize {\n\t/**\n\t * auto\n\t */\n\tAUTO = \"auto\",\n\t/**\n\t * zero\n\t */\n\tZERO = \"zero\",\n\t/**\n\t * 4px\n\t */\n\tXXXS = \"xxxs\",\n\t/**\n\t * 8px\n\t */\n\tXXS = \"xxs\",\n\t/**\n\t * 12px\n\t */\n\tXS = \"xs\",\n\t/**\n\t * 16px\n\t */\n\tSM = \"sm\",\n\t/**\n\t * 24px\n\t */\n\tMD = \"md\",\n\t/**\n\t * 32px\n\t */\n\tLG = \"lg\",\n\t/**\n\t * 40px\n\t */\n\tXL = \"xl\",\n\t/**\n\t * 48px\n\t */\n\tXXL = \"xxl\",\n\t/**\n\t * 64px\n\t */\n\tXXXL = \"xxxl\",\n\t/**\n\t * 80px\n\t */\n\tXXXXL = \"xxxxl\",\n\t/**\n\t * 120px\n\t */\n\tXXXXXL = \"xxxxxl\",\n}\n"],"names":["ESize"],"mappings":"AACO,IAAKA,sBAAAA,OAIXA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,OAAO,QAIPA,EAAA,MAAM,OAINA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,KAAK,MAILA,EAAA,MAAM,OAINA,EAAA,OAAO,QAIPA,EAAA,QAAQ,SAIRA,EAAA,SAAS,UApDEA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._active_1aioi_1{--step-width: 0%}._navbar_1aioi_5:before{content:"";position:absolute;left:0;right:0;height:1px;top:16px;background-color:var(--color-secondary-alt-500);width:98%}nav[data-status=complete]:before{top:13px;background-color:var(--color-secondary-400)}@media (min-width: 768px){._navbar_1aioi_5:before,nav[data-status=complete]:before{top:20px}}._active_1aioi_1:before{content:"";position:absolute;left:0;right:0;height:1px;top:16px;background-color:var(--color-secondary-400);width:var(--step-width, 0%);z-index:-1}@media screen and (min-width: 768px){._active_1aioi_1:before{top:20px}}
|
package/bonkers.css
CHANGED
|
@@ -121,6 +121,15 @@
|
|
|
121
121
|
--color-secondary-alt-600: #767b92;
|
|
122
122
|
--color-secondary-alt-700: #595c6e;
|
|
123
123
|
|
|
124
|
+
--color-ber-dark-green: #00a651;
|
|
125
|
+
--color-ber-mid-green: #51b848;
|
|
126
|
+
--color-ber-bright-green: #bfd730;
|
|
127
|
+
--color-ber-yellow: #fff200;
|
|
128
|
+
--color-ber-mid-orange: #fdb913;
|
|
129
|
+
--color-ber-dark-orange: #f37021;
|
|
130
|
+
--color-ber-red:#ed1c24;
|
|
131
|
+
|
|
132
|
+
|
|
124
133
|
/* backdrop blur */
|
|
125
134
|
--backdrop-blur-min: 0.5px;
|
|
126
135
|
--backdrop-blur-xs: 2px;
|
|
@@ -255,6 +264,17 @@
|
|
|
255
264
|
--color-secondary-alt: var(--color-secondary-alt-500);
|
|
256
265
|
--color-warning: var(--color-warning-500);
|
|
257
266
|
|
|
267
|
+
--color-ber-dark-green: var(--color-ber-dark-green);
|
|
268
|
+
--color-ber-mid-green: var(--color-ber-mid-green);
|
|
269
|
+
--color-ber-bright-green: var(--color-ber-bright-green);
|
|
270
|
+
--color-ber-yellow: var(--color-ber-yellow);
|
|
271
|
+
--color-ber-mid-orange: var(--color-ber-mid-orange);
|
|
272
|
+
--color-ber-dark-orange: var(--color-ber-dark-orange);
|
|
273
|
+
--color-ber-red: var(--color-ber-red);
|
|
274
|
+
|
|
275
|
+
|
|
276
|
+
|
|
277
|
+
|
|
258
278
|
/* backdrop blur */
|
|
259
279
|
--backdrop-blur-*: initial;
|
|
260
280
|
--backdrop-blur-min: var(--backdrop-blur-min);
|
|
@@ -1 +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\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":";;;;;;;;;
|
|
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\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":";;;;;;;;;AAeO,MAAMA,IAA0B,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,OAAAC,GAAO,SAAAC,GAAS,QAAAC,QAEtE,gBAAAC,EAACC,GAAA,EAAY,WAAU,6BACtB,UAAA,gBAAAC,EAACC,GAAA,EAAgB,IAAKP,KAEnB,cAAc,KAAK,OAAA,CAAQ,IAC7B,UAAA;AAAA,EAAA,gBAAAI,EAACG,EAAgB,SAAhB,EAAwB,WAAU,0CAChC,UAAA,CAACC,MACF,gBAAAF,EAAAG,GAAA,EACG,UAAA;AAAA,IAAAN,IACCA,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,IAAA;AAAA,IAGFC,IACGA,EAAQM,CAAM,IACd,gBAAAJ,EAAC,SAAI,WAAYU,EAAG,cAAc,sBAAsBN,IACvD,eACA,UAAU,GACZ,UAAA,gBAAAJ,EAACW,GAAA,EAAO,MAAO,CAAC,OAAO,cAAc,GAAI,MAAOC,EAAM,GAAA,CAAI,EAAA,CAC3D;AAAA,EAAA,EAAA,CAEH,EAAA,CAEF;AAAA,EACA,gBAAAZ,EAACG,EAAgB,SAAhB,EACA,4BAACG,GAAA,EAAa,YAAU,IAAC,OAAQC,EAAQ,eAAgB,MAAOC,EAAiB,IAC9E,UAAAb,GACH,EAAA,CACD;AAAA,EAAA,CACD,EAAA,CACD;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiAccordion.base.js","sources":["../../../src/components/UiAccordion/UiAccordion.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiAccordionProvider } from \"./UiAccordion.context\";\nimport { EAccordionType } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionProps = {\n\tchildren: React.ReactNode;\n\ttype?: EAccordionType;\n\thandleTrigger?: (id: string) => void;\n\tdefaultValue?: string[];\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const UiAccordion: React.FC<TUiAccordionProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\n\treturn (\n\t\t<div className={ cx(\"ui-accordion w-full\", className) }>\n\t\t\t<UiAccordionProvider { ...props }>\n\t\t\t\t{ children }\n\t\t\t</UiAccordionProvider>\n\t\t</div>\n\t);\n};\n"],"names":["UiAccordion","children","className","props","jsx","cx","UiAccordionProvider"],"mappings":";;;;AAYO,MAAMA,IAA2C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,
|
|
1
|
+
{"version":3,"file":"UiAccordion.base.js","sources":["../../../src/components/UiAccordion/UiAccordion.base.tsx"],"sourcesContent":["import React from \"react\";\nimport { UiAccordionProvider } from \"./UiAccordion.context\";\nimport { EAccordionType } from \"./_types\";\nimport cx from \"classnames\";\n\nexport type TUiAccordionProps = {\n\tchildren: React.ReactNode;\n\ttype?: EAccordionType;\n\thandleTrigger?: (id: string) => void;\n\tdefaultValue?: string[];\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const UiAccordion: React.FC<TUiAccordionProps> = ({\n\tchildren,\n\tclassName,\n\t...props\n}) => {\n\n\treturn (\n\t\t<div className={ cx(\"ui-accordion w-full\", className) }>\n\t\t\t<UiAccordionProvider { ...props }>\n\t\t\t\t{ children }\n\t\t\t</UiAccordionProvider>\n\t\t</div>\n\t);\n};\n"],"names":["UiAccordion","children","className","props","jsx","cx","UiAccordionProvider"],"mappings":";;;;AAYO,MAAMA,IAA2C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACJ,MAGE,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAG,uBAAuBH,CAAS,GACnD,UAAA,gBAAAE,EAACE,GAAA,EAAsB,GAAGH,GACvB,UAAAF,EAAA,CACH,GACD;"}
|
|
@@ -1 +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":";;;
|
|
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":";;;AAIO,MAAMA,IAAqBC,EAAM,cAM9B,IAAI,GAEDC,IAAsB,CAAC;AAAA,EACnC,UAAAC;AAAA,EACA,MAAAC,IAAOC,EAAe;AAAA,EACtB,cAAAC;AAAA,EACA,eAAAC;AACD,MAA0B;AACzB,QAAM,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,SAC3BI,EAAkBD,GAAgB,SAASG,CAAE,IAC1C,CAAA,IACA,CAACA,CAAE,CAAC,IAEPF;AAAA,QAAkB,OACjBG,GAAgB,SAASD,CAAE,IACxBC,EAAe,OAAO,CAAAC,MAAQA,MAASF,CAAE,IACzC,CAAC,GAAIC,KAAkB,CAAA,GAAKD,CAAE;AAAA,MAAA,GAG/BJ,OAA6BI,CAAE;AAAA,IACpC;AAAA,EAKgB;AAGhB,2BACEX,EAAmB,UAAnB,EAA4B,OAAQU,GAClC,UAAAP,GACH;AAEF,GAEaW,IAA0B,CAAC,EAAE,UAAAX,GAAU,IAAAQ,QAAoD;AACvG,QAAM,EAAE,WAAAI,GAAW,eAAAR,EAAA,IAAkBS,EAAA,GAC/BC,IAASF,GAAW,SAASJ,CAAE;AAErC,SACC,gBAAAO,EAAClB,EAAmB,UAAnB,EAA4B,OAAQ;AAAA,IACpC,IAAAW;AAAA,IACA,QAAAM;AAAA,IACA,eAAe,MAAMV,EAAcI,CAAE;AAAA,EAAA,GAEnC,UAAAR,EAAA,CACH;AAEF,GAEaa,IAAsB,MAAM;AACxC,QAAMG,IAAUlB,EAAM,WAAWD,CAAkB;AACnD,MAAI,CAACmB;AACJ,UAAM,IAAI,MAAM,oEAAoE;AAErF,SAAOA;AACR;"}
|
|
@@ -1 +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\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,
|
|
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\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,MAEE,gBAAAC,EAACC,GAAA,EAAwB,IAAAJ,GACxB,UAAA,gBAAAG,EAAC,OAAA,EAAI,WAAYE,EAAG,qBAAqBJ,CAAS,GAAO,GAAGC,GACzD,UAAAH,GACH,GACD,GAIIO,IAAgD,CAAC,EAAG,UAAAP,GAAU,WAAAE,QAAiB;AACpF,QAAM,EAAE,eAAAM,GAAe,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IAAoB,MAExBC,EAAM,eAAeZ,CAAQ,IAC1BA,IACA,OAAOA,KAAa,aACnBA,EAASS,CAAM,IACfT;AAIN,SACC,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,MAAK;AAAA,MACL,WAAYE,EAAG,kBAAkBJ,CAAS;AAAA,MAC1C,SAAU,MAAMM,EAAA;AAAA,MAEd,UAAAG,EAAA;AAAA,IAAkB;AAAA,EAAA;AAGvB,GAEME,IAAgD,CAAC;AAAA,EACtD,UAAAb;AAAA,EACA,WAAAE;AACD,MAAM;AACL,QAAM,EAAE,QAAAO,EAAA,IAAWC,EAAA;AAEnB,SACC,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,WAAYE;AAAA,QACX;AAAA,QACAG,IACG,oBACA;AAAA,QACHP;AAAA,MAAA;AAAA,MAGD,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBACZ,UAAAJ,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGH;AAEAD,EAAgB,UAAUQ;AAC1BR,EAAgB,UAAUc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_types.js","sources":["../../../src/components/UiAccordion/_types.ts"],"sourcesContent":["export enum EAccordionType {\n\tSINGLE = \"SINGLE\",\n\tMULTI = \"MULTI\",\n}\n"],"names":["EAccordionType"],"mappings":"
|
|
1
|
+
{"version":3,"file":"_types.js","sources":["../../../src/components/UiAccordion/_types.ts"],"sourcesContent":["export enum EAccordionType {\n\tSINGLE = \"SINGLE\",\n\tMULTI = \"MULTI\",\n}\n"],"names":["EAccordionType"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAFGA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1 +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\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;
|
|
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\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;AAAA,GAGE,UAAA;AAAA,EAAAC,sBACEG,GAAA,EAAO,MAAOH,GAAO,MAAOI,EAAM,IAAK,IACxC;AAAA,EACDP;AAAA,GACH;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_types.js","sources":["../../../src/components/UiAlert/_types.ts"],"sourcesContent":["export enum EAlertTypes {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n\tWARNING = \"WARNING\",\n}\n"],"names":["EAlertTypes"],"mappings":"
|
|
1
|
+
{"version":3,"file":"_types.js","sources":["../../../src/components/UiAlert/_types.ts"],"sourcesContent":["export enum EAlertTypes {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n\tWARNING = \"WARNING\",\n}\n"],"names":["EAlertTypes"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,UAAU,WAJCA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -1 +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 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;
|
|
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 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;AAAA,GAEA,UAAA;AAAA,EAAA,gBAAAE,EAAC,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,IAAA;AAAA,IAED,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,OAAA,EAAI,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,IAAA;AAAA,IAED,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,EAAA,CACD;AAAA,GACD;"}
|
|
@@ -9,49 +9,49 @@ export declare const berRankDictionary: readonly [{
|
|
|
9
9
|
readonly color: EColors.SECONDARY_ALT;
|
|
10
10
|
}, {
|
|
11
11
|
readonly text: "G";
|
|
12
|
-
readonly color: EColors.
|
|
12
|
+
readonly color: EColors.BER_RED;
|
|
13
13
|
}, {
|
|
14
14
|
readonly text: "F";
|
|
15
|
-
readonly color: EColors.
|
|
15
|
+
readonly color: EColors.BER_DARK_ORANGE;
|
|
16
16
|
}, {
|
|
17
17
|
readonly text: "E2";
|
|
18
|
-
readonly color: EColors.
|
|
18
|
+
readonly color: EColors.BER_MID_ORANGE;
|
|
19
19
|
}, {
|
|
20
20
|
readonly text: "E1";
|
|
21
|
-
readonly color: EColors.
|
|
21
|
+
readonly color: EColors.BER_MID_ORANGE;
|
|
22
22
|
}, {
|
|
23
23
|
readonly text: "D2";
|
|
24
|
-
readonly color: EColors.
|
|
24
|
+
readonly color: EColors.BER_YELLOW;
|
|
25
25
|
}, {
|
|
26
26
|
readonly text: "D1";
|
|
27
|
-
readonly color: EColors.
|
|
27
|
+
readonly color: EColors.BER_YELLOW;
|
|
28
28
|
}, {
|
|
29
29
|
readonly text: "C3";
|
|
30
|
-
readonly color: EColors.
|
|
30
|
+
readonly color: EColors.BER_BRIGHT_GREEN;
|
|
31
31
|
}, {
|
|
32
32
|
readonly text: "C2";
|
|
33
|
-
readonly color: EColors.
|
|
33
|
+
readonly color: EColors.BER_BRIGHT_GREEN;
|
|
34
34
|
}, {
|
|
35
35
|
readonly text: "C1";
|
|
36
|
-
readonly color: EColors.
|
|
36
|
+
readonly color: EColors.BER_BRIGHT_GREEN;
|
|
37
37
|
}, {
|
|
38
38
|
readonly text: "B3";
|
|
39
|
-
readonly color: EColors.
|
|
39
|
+
readonly color: EColors.BER_MID_GREEN;
|
|
40
40
|
}, {
|
|
41
41
|
readonly text: "B2";
|
|
42
|
-
readonly color: EColors.
|
|
42
|
+
readonly color: EColors.BER_MID_GREEN;
|
|
43
43
|
}, {
|
|
44
44
|
readonly text: "B1";
|
|
45
|
-
readonly color: EColors.
|
|
45
|
+
readonly color: EColors.BER_MID_GREEN;
|
|
46
46
|
}, {
|
|
47
47
|
readonly text: "A3";
|
|
48
|
-
readonly color: EColors.
|
|
48
|
+
readonly color: EColors.BER_DARK_GREEN;
|
|
49
49
|
}, {
|
|
50
50
|
readonly text: "A2";
|
|
51
|
-
readonly color: EColors.
|
|
51
|
+
readonly color: EColors.BER_DARK_GREEN;
|
|
52
52
|
}, {
|
|
53
53
|
readonly text: "A1";
|
|
54
|
-
readonly color: EColors.
|
|
54
|
+
readonly color: EColors.BER_DARK_GREEN;
|
|
55
55
|
}];
|
|
56
56
|
export declare const berRanksList: ("N/A" | "G" | "F" | "E2" | "E1" | "D2" | "D1" | "C3" | "C2" | "C1" | "B3" | "B2" | "B1" | "A3" | "A2" | "A1")[];
|
|
57
57
|
export declare enum EBerSize {
|
|
@@ -1,74 +1,74 @@
|
|
|
1
|
-
import { EColors as
|
|
2
|
-
const
|
|
1
|
+
import { EColors as E } from "../../_types/colors.js";
|
|
2
|
+
const t = [
|
|
3
3
|
{
|
|
4
4
|
text: "N/A",
|
|
5
|
-
color:
|
|
5
|
+
color: E.SECONDARY_ALT
|
|
6
6
|
},
|
|
7
7
|
{
|
|
8
8
|
text: "G",
|
|
9
|
-
color:
|
|
9
|
+
color: E.BER_RED
|
|
10
10
|
},
|
|
11
11
|
{
|
|
12
12
|
text: "F",
|
|
13
|
-
color:
|
|
13
|
+
color: E.BER_DARK_ORANGE
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
text: "E2",
|
|
17
|
-
color:
|
|
17
|
+
color: E.BER_MID_ORANGE
|
|
18
18
|
},
|
|
19
19
|
{
|
|
20
20
|
text: "E1",
|
|
21
|
-
color:
|
|
21
|
+
color: E.BER_MID_ORANGE
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
text: "D2",
|
|
25
|
-
color:
|
|
25
|
+
color: E.BER_YELLOW
|
|
26
26
|
},
|
|
27
27
|
{
|
|
28
28
|
text: "D1",
|
|
29
|
-
color:
|
|
29
|
+
color: E.BER_YELLOW
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
text: "C3",
|
|
33
|
-
color:
|
|
33
|
+
color: E.BER_BRIGHT_GREEN
|
|
34
34
|
},
|
|
35
35
|
{
|
|
36
36
|
text: "C2",
|
|
37
|
-
color:
|
|
37
|
+
color: E.BER_BRIGHT_GREEN
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
text: "C1",
|
|
41
|
-
color:
|
|
41
|
+
color: E.BER_BRIGHT_GREEN
|
|
42
42
|
},
|
|
43
43
|
{
|
|
44
44
|
text: "B3",
|
|
45
|
-
color:
|
|
45
|
+
color: E.BER_MID_GREEN
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
text: "B2",
|
|
49
|
-
color:
|
|
49
|
+
color: E.BER_MID_GREEN
|
|
50
50
|
},
|
|
51
51
|
{
|
|
52
52
|
text: "B1",
|
|
53
|
-
color:
|
|
53
|
+
color: E.BER_MID_GREEN
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
56
|
text: "A3",
|
|
57
|
-
color:
|
|
57
|
+
color: E.BER_DARK_GREEN
|
|
58
58
|
},
|
|
59
59
|
{
|
|
60
60
|
text: "A2",
|
|
61
|
-
color:
|
|
61
|
+
color: E.BER_DARK_GREEN
|
|
62
62
|
},
|
|
63
63
|
{
|
|
64
64
|
text: "A1",
|
|
65
|
-
color:
|
|
65
|
+
color: E.BER_DARK_GREEN
|
|
66
66
|
}
|
|
67
|
-
],
|
|
68
|
-
var R = /* @__PURE__ */ ((
|
|
67
|
+
], r = t.map(({ text: o }) => o);
|
|
68
|
+
var R = /* @__PURE__ */ ((o) => (o.SMALL = "small", o.MEDIUM = "medium", o))(R || {});
|
|
69
69
|
export {
|
|
70
70
|
R as EBerSize,
|
|
71
|
-
|
|
72
|
-
|
|
71
|
+
t as berRankDictionary,
|
|
72
|
+
r as berRanksList
|
|
73
73
|
};
|
|
74
74
|
//# sourceMappingURL=_types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["import { EColors } from \"../../_types/colors.ts\";\n\ntype Ran<T extends number> = number extends T ? number : _Range<T, []>;\ntype _Range<T extends number, R extends unknown[]> = R[\"length\"] extends T ? R[number] : _Range<T, [R[\"length\"], ...R]>;\n\nexport type TBerPropNumber = Ran<typeof berRankDictionary.length>\nexport type TBerPropString = `${TBerPropNumber}`;\nexport type TBerRank = typeof berRankDictionary[TBerPropNumber][\"text\"];\n\nexport const berRankDictionary = [\n\t{\n\t\ttext: \"N/A\",\n\t\tcolor: EColors.SECONDARY_ALT,\n\t},\n\t{\n\t\ttext: \"G\",\n\t\tcolor: EColors.
|
|
1
|
+
{"version":3,"file":"_types.js","sources":["../../../src/components/UiBerRank/_types.ts"],"sourcesContent":["import { EColors } from \"../../_types/colors.ts\";\n\ntype Ran<T extends number> = number extends T ? number : _Range<T, []>;\ntype _Range<T extends number, R extends unknown[]> = R[\"length\"] extends T ? R[number] : _Range<T, [R[\"length\"], ...R]>;\n\nexport type TBerPropNumber = Ran<typeof berRankDictionary.length>\nexport type TBerPropString = `${TBerPropNumber}`;\nexport type TBerRank = typeof berRankDictionary[TBerPropNumber][\"text\"];\n\nexport const berRankDictionary = [\n\t{\n\t\ttext: \"N/A\",\n\t\tcolor: EColors.SECONDARY_ALT,\n\t},\n\t{\n\t\ttext: \"G\",\n\t\tcolor: EColors.BER_RED,\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: EColors.BER_DARK_ORANGE,\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: EColors.BER_MID_ORANGE,\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: EColors.BER_MID_ORANGE,\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: EColors.BER_YELLOW,\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: EColors.BER_YELLOW,\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: EColors.BER_BRIGHT_GREEN,\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: EColors.BER_BRIGHT_GREEN,\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: EColors.BER_BRIGHT_GREEN,\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: EColors.BER_MID_GREEN,\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: EColors.BER_MID_GREEN,\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: EColors.BER_MID_GREEN,\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: EColors.BER_DARK_GREEN,\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: EColors.BER_DARK_GREEN,\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: EColors.BER_DARK_GREEN,\n\t},\n] as const;\n\nexport const berRanksList = berRankDictionary.map(({ text }) => text);\n\nexport enum EBerSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n}\n"],"names":["berRankDictionary","EColors","berRanksList","text","EBerSize"],"mappings":";AASO,MAAMA,IAAoB;AAAA,EAChC;AAAA,IACC,MAAM;AAAA,IACN,OAAOC,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAAA,EAEhB;AAAA,IACC,MAAM;AAAA,IACN,OAAOA,EAAQ;AAAA,EAAA;AAEjB,GAEaC,IAAeF,EAAkB,IAAI,CAAC,EAAE,MAAAG,EAAA,MAAWA,CAAI;AAE7D,IAAKC,sBAAAA,OACXA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFEA,IAAAA,KAAA,CAAA,CAAA;"}
|