npm - bonkers-ui - Versions diffs - 1.0.64 → 1.0.65 - Mend

bonkers-ui 1.0.64 → 1.0.65

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.

Files changed (225) hide show

package/bonkers-ui.umd.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bonkers-ui.umd.js","sources":["../src/components/ui-typography/_typings.ts","../src/_types/colors.ts","../src/components/ui-typography/index.ts","../src/_types/sizing.ts","../src/components/ui-icon/_typings.ts","../src/components/ui-icon/index.ts","../src/components/ui-dropdown/_typings.ts","../src/components/ui-dropdown/ui-dropdown.vue","../src/components/ui-dropdown/index.ts","../src/components/ui-alert/_types.ts","../src/components/ui-alert/index.ts","../src/components/ui-badge/_typings.ts","../src/components/ui-badge/ui-badge.vue","../src/components/ui-badge/index.ts","../src/components/ui-ber-rank/_types.ts","../src/components/ui-ber-rank/ui-ber-rank.vue","../src/components/ui-ber-rank/index.ts","../src/components/ui-button/_typings.ts","../src/components/ui-button/ui-button.vue","../src/components/ui-button/index.ts","../src/components/ui-radio-fancy/_typings.ts","../src/components/ui-skeleton/_typings.ts","../src/components/ui-icon-wrapper/_typings.ts","../src/components/ui-icon-wrapper/index.ts","../src/components/ui-input/_typings.ts","../src/components/ui-input/ui-input.vue","../src/components/ui-input/index.ts","../src/components/ui-list-item/_types.ts","../src/components/ui-list-item/index.ts","../src/components/ui-modal/_typings.ts","../src/components/ui-modal/index.ts","../src/components/ui-notification-badge/_types.ts","../src/components/ui-notification-badge/index.ts","../src/components/ui-snackbar/_types.ts","../src/components/ui-snackbar/index.ts","../src/components/ui-table/_types.ts","../src/components/ui-table/ui-table-cell/index.ts","../src/components/ui-table/ui-table-row/_typings.ts","../src/components/ui-table/ui-table-row/index.ts","../src/components/ui-table/index.ts","../src/_types/align.ts","../src/components/ui-modal/ui-backdrop/ui-backdrop.vue","../src/components/ui-modal/ui-backdrop/index.ts","../src/components/ui-card-cta/index.ts","../src/components/ui-card-result/index.ts","../src/components/ui-card-simple/ui-card-simple.vue","../src/components/ui-card-simple/index.ts","../src/components/ui-checkbox/ui-checkbox.vue","../src/components/ui-checkbox/index.ts","../src/components/ui-input-range/ui-input-range.vue","../src/components/ui-input-range/index.ts","../src/components/ui-order-card/_types.ts","../src/components/ui-order-card/ui-order-card.vue","../src/components/ui-order-card/index.ts","../src/components/ui-radio/ui-radio.vue","../src/components/ui-radio/index.ts","../src/components/ui-plain-radio/ui-plain-radio.vue","../src/components/ui-plain-radio/index.ts","../src/components/ui-progress/ui-progress.vue","../src/components/ui-progress/index.ts","../src/components/ui-radio-compact/ui-radio-compact.vue","../src/components/ui-radio-compact/index.ts","../src/components/ui-radio-fancy/ui-radio-fancy.vue","../src/components/ui-radio-fancy/index.ts","../src/components/ui-result-card-range/index.ts","../src/components/ui-ripple/ui-ripple.vue","../src/components/ui-ripple/index.ts","../src/components/ui-select/ui-select.vue","../src/components/ui-select/index.ts","../src/components/ui-skeleton/ui-skeleton.vue","../src/components/ui-skeleton/index.ts","../src/components/ui-tabs/ui-tabs.vue","../src/components/ui-tabs/index.ts","../src/components/ui-toggle/ui-toggle.vue","../src/components/ui-toggle/index.ts","../src/components/ui-verification-input/ui-verification-input.vue","../src/index.ts","../src/components/ui-verification-input/index.ts"],"sourcesContent":["export enum ETypographySizes {\n\t/*\n\t 10px\n\t /\n\tXXS = \"xxs\",\n\t/\n\t 12px\n\t /\n\tXS = \"xs\",\n\t/\n\t 14px\n\t /\n\tSM = \"sm\",\n\t/\n\t 16px\n\t /\n\tMD = \"m\",\n\t/\n\t 18px\n\t /\n\tLG = \"lg\",\n\t/\n\t 20px\n\t /\n\tXL = \"xl\",\n\t/\n\t 24px\n\t /\n\tXXL = \"2xl\",\n\t/\n\t 28px\n\t /\n\tXXXL = \"3xl\",\n\t/\n\t 42px\n\t /\n\tXXXXL = \"4xl\",\n\t/\n\t 40px\n\t /\n\tXXXXXL = \"5xl\",\n}\n\nexport enum ETextWeight {\n\t/\n\t 300\n\t /\n\tLIGHT = \"light\",\n\t/\n\t 500\n\t /\n\tREGULAR = \"regular\",\n\t/\n\t 700\n\t /\n\tSEMI_BOLD = \"semi_bold\",\n\t/\n\t 900\n\t /\n\tBOLD = \"bold\",\n}\n\nexport enum ETextAlign {\n\tLEFT = \"left\",\n\tCENTER = \"center\",\n\tRIGHT = \"right\",\n}\n\nexport enum ETextTransform {\n\tLOWERCASE = \"lowercase\",\n\tUPPERCASE = \"uppercase\",\n}\n","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_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\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_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_500 = \"--color-accent-alt-500\",\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","import UiTypography from \"./ui-typography.vue\";\n\nexport { UiTypography };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTypography;\nexport default deprecatedDefault;\n\nexport { ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from \"./_typings\";\nexport { EColors } from \"../../_types/colors\";\n","export enum ESize {\n\t/\n\t * 4px\n\t /\n\tXXS = \"xxs\",\n\t/\n\t 8px\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 40px\n\t /\n\tLG = \"lg\",\n\t/\n\t 80px\n\t /\n\tXL = \"xl\",\n\t/\n\t 120px\n\t /\n\tXXL = \"xxl\",\n}\n","export enum EIconType {\n\tFAR = \"far\",\n\tFAS = \"fas\",\n\tFAB = \"fab\",\n\tFAL = \"fal\",\n\tFAD = \"fad\",\n\tFAT = \"fat\",\n\tBRANDS = \"fa-brands\",\n}\n\nexport type TIconName = [EIconType, string];\n","import UiIcon from \"./ui-icon.vue\";\n\nexport { UiIcon };\n\nexport { ESize } from \"../../_types/sizing\";\nexport { EIconType } from \"./_typings\";\nexport type { TIconName } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiIcon;\nexport default deprecatedDefault;\n","export enum EDropdownKinds {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\"\n\n}\n","<template>\n\t<div\n\t\tclass=\"bg-white\"\n\t\t:class=\"{\n\t\t\t'rounded-lg border border-secondary-alt-300': kind === EDropdownKinds.DEFAULT\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center justify-between px-md py-sm\"\n\t\t\t:class=\"{\n\t\t\t\t'rounded-lg border border-secondary': kind === EDropdownKinds.SECONDARY\n\t\t\t}\"\n\t\t\t@click=\"isOpen = !isOpen\"\n\t\t>\n\t\t\t<ui-typography\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.LG\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD \"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\n\t\t\t<ui-icon\n\t\t\t\tclass=\"item-icon duration-200\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'rotate-180': isOpen,\n\t\t\t\t\t'rotate-0': !isOpen\n\t\t\t\t}\"\n\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t:size=\"ESize.SM\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"overflow-hidden duration-300\"\n\t\t\t:style=\"{\n\t\t\t\theight: accordionHeight + 'px'\n\t\t\t}\"\n\t\t\t:class=\"{\n\t\t\t\t'border border-transparent border-t-secondary-alt-300':\n\t\t\t\t\tkind === EDropdownKinds.DEFAULT,\n\t\t\t\t'!h-0 opacity-0': !isOpen,\n\t\t\t\t'h-auto opacity-100': isOpen\n\n\t\t\t}\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"contentRef\"\n\t\t\t\tclass=\"box-border pt-sm\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'p-sm': kind === EDropdownKinds.DEFAULT\n\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<slot>\n\t\t\t\t\t{{ subText }}\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { onMounted, ref } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport UiIcon, { type TIconName, ESize } from \"../ui-icon\";\n\timport { EDropdownKinds } from \"./_typings\";\n\n\tconst contentRef = ref<null \| HTMLDivElement>(null);\n\tconst accordionHeight = ref<number>(0);\n\n\tconst props = withDefaults(defineProps<{\n\t\theader?: string;\n\t\ticonName: TIconName;\n\t\tsubText?: string;\n\t\tkind?: EDropdownKinds;\n\t\tactive?: boolean;\n\n\t}>(), {\n\t\tkind: EDropdownKinds.DEFAULT,\n\t});\n\n\tconst isOpen = ref(props.active);\n\n\tonMounted(()=>{\n\t\tif (contentRef.value) {\n\t\t\tconst { height } = contentRef.value.getBoundingClientRect();\n\t\t\taccordionHeight.value = height;\n\t\t}\n\t});\n\n</script>\n","import UiDropdown from \"./ui-dropdown.vue\";\n\nexport { UiDropdown };\nexport { EDropdownKinds } from \"./_typings.ts\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiDropdown;\nexport default deprecatedDefault;\n","export enum EAlertTypes {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n\tWARNING = \"WARNING\",\n}\n","import UiAlert from \"./ui-alert.vue\";\n\nexport { UiAlert };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiAlert;\nexport default deprecatedDefault;\n\nexport { EAlertTypes } from \"./_types\";\n","export enum EBadgeSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n\tLARGE = \"large\",\n}\n\nexport enum EBadgeKind {\n\tPRIMARY = \"primary\",\n\tERROR = \"error\",\n\tACCENT = \"accent\",\n}\n","<template>\n\t<div\n\t\tclass=\"ui-badge relative overflow-hidden text-white\"\n\t>\n\t\t<div class=\"relative z-[1] flex content-center items-center gap-xxs px-xs py-xxs\">\n\t\t\t<ui-icon\n\t\t\t\tv-if=\"icon\"\n\t\t\t\t:size=\"ESize.SM\"\n\t\t\t\t:icon-name=\"icon\"\n\t\t\t/>\n\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"slots.default\"\n\t\t\t\t:size=\"getBadgeSize\"\n\t\t\t\tclass=\"whitespace-nowrap\"\n\t\t\t\tline-height\n\t\t\t\t:class=\"[\n\t\t\t\t\telipsis && 'overflow-hidden text-ellipsis',\n\t\t\t\t]\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"absolute left-0 top-0 h-full w-full rounded-full\"\n\t\t\t:class=\"[\n\t\t\t\t(!kind \|\| kind === EBadgeKind.PRIMARY) && 'bg-primary-600',\n\n\t\t\t\tkind === EBadgeKind.ERROR && 'bg-error-600',\n\t\t\t\tkind === EBadgeKind.ACCENT && 'bg-accent-600',\n\t\t\t\telipsis && 'max-w-full',\n\t\t\t]\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, useSlots } from \"vue\";\n\timport { EBadgeKind, EBadgeSize } from \"./_typings\";\n\timport UiIcon, { type TIconName } from \"../ui-icon\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport UiTypography, { ETypographySizes } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tsize?: EBadgeSize;\n\t\tkind?: EBadgeKind;\n\t\ticon?: TIconName;\n\t\telipsis?: boolean;\n\t}>();\n\n\tconst slots = useSlots();\n\n\tconst getBadgeSize = computed(()=>{\n\t\tswitch (props.size) {\n\t\t\tcase EBadgeSize.MEDIUM:\n\t\t\t\treturn ETypographySizes.XS;\n\t\t\tcase EBadgeSize.LARGE:\n\t\t\t\treturn ETypographySizes.SM;\n\t\t\tcase EBadgeSize.SMALL:\n\t\t\tdefault:\n\t\t\t\treturn ETypographySizes.XXS;\n\t\t}\n\t});\n</script>\n","import UiBadge from \"./ui-badge.vue\";\n\nexport { UiBadge };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBadge;\nexport default deprecatedDefault;\n\nexport { EBadgeKind, EBadgeSize } from \"./_typings\";\n","import { EColors } from \"../../_types/colors\";\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.ERROR,\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: EColors.WARNING,\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\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","<template>\n\t<div class=\"ui-ber-rank flex\">\n\t\t<div class=\"ui-ber-rank__icon-wrapper relative\">\n\t\t\t<svg\n\t\t\t\tclass=\"text-secondary\"\n\t\t\t\t:class=\"[\n\t\t\t\t\tsize === EBerSize.SMALL && 'ui-ber-rank__icon_small',\n\t\t\t\t\tsize === EBerSize.MEDIUM && 'ui-ber-rank__icon_medium',\n\t\t\t\t]\"\n\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\tfill-rule=\"evenodd\"\n\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\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t<ui-typography\n\t\t\t\t:kind=\"EColors.WHITE\"\n\t\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t\t:size=\"textSize\"\n\t\t\t\t:text-transform=\"ETextTransform.UPPERCASE\"\n\t\t\t\tclass=\"absolute left-0 top-0 flex h-full w-full items-center justify-center\"\n\t\t\t>\n\t\t\t\tber\n\t\t\t</ui-typography>\n\t\t</div>\n\n\t\t<div class=\"ui-ber-rank__icon-wrapper relative\">\n\t\t\t<ui-typography :kind=\"berRankDictionary[+rank]?.color \|\| berRankDictionary[0].color\">\n\t\t\t\t<svg\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\tsize === EBerSize.SMALL && 'ui-ber-rank__icon_small',\n\t\t\t\t\t\tsize === EBerSize.MEDIUM && 'ui-ber-rank__icon_medium',\n\t\t\t\t\t]\"\n\t\t\t\t\tviewBox=\"0 0 106 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\tfill-rule=\"evenodd\"\n\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\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</ui-typography>\n\n\t\t\t<ui-typography\n\t\t\t\t:kind=\"EColors.WHITE\"\n\t\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t\t:size=\"textSize\"\n\t\t\t\t:text-transform=\"ETextTransform.UPPERCASE\"\n\t\t\t\tclass=\"absolute left-0 top-0 flex h-full w-full items-center justify-center\"\n\t\t\t>\n\t\t\t\t{{ berRankDictionary[+rank]?.text \|\| berRankDictionary[0].text }}\n\t\t\t</ui-typography>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETextWeight, ETypographySizes, ETextTransform } from \"../ui-typography\";\n\timport { EColors } from \"../../_types/colors\";\n\timport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\n\n\tconst props = withDefaults(defineProps<{\n\t\trank: TBerPropNumber \| TBerPropString \| number; // from 0 to 15\n\t\tsize?: EBerSize\n\t}>(), {\n\t\tsize: EBerSize.MEDIUM\n\t});\n\n\tconst textSize = computed(()=>{\n\t\tswitch (props.size) {\n\t\t\tcase EBerSize.SMALL:\n\t\t\t\treturn ETypographySizes.SM;\n\t\t\tcase EBerSize.MEDIUM:\n\t\t\t\treturn ETypographySizes.XXXL;\n\t\t\tdefault:\n\t\t\t\treturn ETypographySizes.XXXL;\n\t\t}\n\t});\n</script>\n\n<style>\n\t.ui-ber-rank__icon_medium {\n\t\theight: 60px;\n\t}\n\n\t.ui-ber-rank__icon_small {\n\t\theight: 30px;\n\t}\n</style>\n","import UiBerRank from \"./ui-ber-rank.vue\";\n\nexport { UiBerRank };\nexport { EBerSize } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBerRank;\nexport default deprecatedDefault;\n","export enum EButtonTypes {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tPRIMARY_OVERLAY = \"primary-overlay\",\n\tSECONDARY_OVERLAY = \"secondary-overlay\",\n\tERROR_OVERLAY = \"error-overlay\",\n\tWARNING_OVERLAY = \"warning-overlay\",\n\tLINK = \"link\",\n}\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","<template>\n\t<button\n\t\tclass=\"ui-button\n\t\t\ttext-base\n\t\t\tgrid\n\t\t\ttouch-manipulation\n\t\t\tgrid-flow-col\n\t\t\titems-center\n\t\t\tjustify-center\n\t\t\twhitespace-nowrap\n\t\t\trounded-lg\n\t\t\tfont-bold\n\t\t\tleading-none\n\t\t\t\"\n\t\t:disabled=\"disabled\"\n\t\t:class=\"[\n\t\t\t(!kind \|\| kind === EButtonTypes.PRIMARY) && [primaryColor, primaryColorHover, primaryColorActive].join(' '),\n\t\t\tkind === EButtonTypes.SECONDARY\n\t\t\t\t&& 'bg-secondary text-white hover:bg-secondary-600 active:bg-secondary-700 disabled:bg-secondary-300',\n\t\t\tkind === EButtonTypes.WARNING\n\t\t\t\t&& 'bg-warning text-white hover:bg-warning-600 active:bg-warning-700 disabled:bg-warning-300',\n\t\t\tkind === EButtonTypes.ERROR\n\t\t\t\t&& 'bg-error text-white hover:bg-error-600 active:bg-error-700 disabled:bg-error-300',\n\t\t\tkind === EButtonTypes.PRIMARY_OVERLAY\n\t\t\t\t&& `border border-primary text-primary hover:border-transparent hover:bg-primary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-primary-700\n\t\t\t\t\tactive:text-white disabled:border-primary-300 disabled:text-primary-300`,\n\t\t\tkind === EButtonTypes.SECONDARY_OVERLAY\n\t\t\t\t&& `border border-secondary text-secondary hover:border-transparent hover:bg-secondary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-secondary-700\n\t\t\t\t\tactive:text-white disabled:border-secondary-300 disabled:text-secondary-300`,\n\t\t\tkind === EButtonTypes.WARNING_OVERLAY\n\t\t\t\t&& `border border-warning text-warning hover:border-transparent hover:bg-warning-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-warning-700\n\t\t\t\t\tactive:text-white disabled:border-warning-300 disabled:text-warning-300`,\n\t\t\tkind === EButtonTypes.ERROR_OVERLAY\n\t\t\t\t&& `border border-error text-error hover:border-transparent hover:bg-error-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-error-700\n\t\t\t\t\tactive:text-white disabled:border-error-300 disabled:text-error-300`,\n\t\t\tkind === EButtonTypes.LINK && `hover:text-accent-alt-600 active:text-accent-alt-700\n\t\t\t\tdisabled:text-accent-alt-300 text-accent-alt`,\n\t\t\t(!size \|\| size === EButtonSizes.DEFAULT) && 'px-md py-sm',\n\t\t\tsize === EButtonSizes.SMALL && 'px-md py-xs',\n\t\t\tsize === EButtonSizes.MEDIUM && 'p-sm',\n\t\t\tsize === EButtonSizes.LARGE && 'p-md',\n\t\t\t($slots.default \|\| $slots.postfix) && 'gap-sm',\n\t\t\tfullWidth && 'w-full',\n\t\t\tdisabled && 'pointer-events-none',\n\t\t]\"\n\t>\n\t\t<slot name=\"prefix\" />\n\n\t\t<slot />\n\n\t\t<slot name=\"postfix\" />\n\t</button>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n\ttype TProps = {\n\t\tkind?: EButtonTypes;\n\t\tsize?: EButtonSizes;\n\t\tfullWidth?: boolean;\n\t\tdisabled?: boolean;\n\t}\n\n\tconst primaryColor = \"text-white bg-primary disabled:bg-primary-300\";\n\tconst primaryColorHover = \"hover:bg-primary-600 \";\n\tconst primaryColorActive = \"active:bg-primary-700 \";\n\n\twithDefaults( defineProps<TProps>(), {\n\t\tkind: EButtonTypes.PRIMARY,\n\t\tsize: EButtonSizes.DEFAULT,\n\t\tfullWidth: false,\n\t\tdisabled: false,\n\t});\n</script>\n","import UiButton from \"./ui-button.vue\";\n\nexport { UiButton };\nexport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiButton;\nexport default deprecatedDefault;\n","export enum ERadioSizes {\n\tDEFAULT = \"default\",\n\tMINIMAL = \"minimal\",\n\tCOMPACT = \"compact\"\n}\n","export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tFILTER_MENU = \"FILTER_MENU\"\n}\n","export enum EIconWrapperTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n}\nexport enum EIconWrapperSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","import UiIconWrapper from \"./ui-icon-wrapper.vue\";\n\nexport { UiIconWrapper };\n\nexport { EIconWrapperTypes, EIconWrapperSizes } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiIconWrapper;\nexport default deprecatedDefault;\n","export enum EInputKinds {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n}\n\nexport enum EInputType {\n\tTEXT = \"text\",\n\tNUMBER = \"number\",\n\tTEL = \"tel\",\n\tPASSWORD = \"password\",\n\tEMAIL = \"email\",\n\tDATE = \"date\",\n}\n\nexport enum EAutocomplete {\n\tOFF = \"off\",\n\tON = \"on\", // dont forget to add name attribute to input (custom one)\n\tNAME = \"name\", // full name\n\tGIVEN_NAME = \"given-name\",\n\tADDITIONAL_NAME = \"additional-name\",\n\tFAMILY_NAME = \"family-name\",\n\n\tHONORIFIC_PREFIX = \"honorific-prefix\",\n\tNICKNAME = \"nickname\",\n\n\tEMAIL = \"email\",\n\tUSERNAME = \"username\",\n\tNEW_PASSWORD = \"new-password\",\n\tCURRENT_PASSWORD = \"current-password\",\n\tORGANIZATION_TITLE = \"organization-title\",\n\tORGANIZATION = \"organization\",\n\tSTREET_ADDRESS = \"street-address\",\n\tSHIPPING = \"shipping\",\n\tBUILDING = \"building\",\n\tADDRESS_LINE1 = \"address-line1\",\n\tADDRESS_LINE2 = \"address-line2\",\n\tADDRESS_LINE3 = \"address-line3\",\n\tADDRESS_LEVEL4 = \"address-level4\",\n\tADDRESS_LEVEL3 = \"address-level3\",\n\tADDRESS_LEVEL2 = \"address-level2\",\n\tADDRESS_LEVEL1 = \"address-level1\",\n\tCOUNTRY = \"country\",\n\tCOUNTRY_NAME = \"country-name\",\n\tPOSTAL_CODE = \"postal-code\",\n\tCC_NAME = \"cc-name\",\n\tCC_GIVEN_NAME = \"cc-given-name\",\n\tCC_ADDITIONAL_NAME = \"cc-additional-name\",\n\tCC_FAMILY_NAME = \"cc-family-name\",\n\tCC_NUMBER = \"cc-number\",\n\tCC_EXP = \"cc-exp\",\n\tCC_EXP_MONTH = \"cc-exp-month\",\n\tCC_EXP_YEAR = \"cc-exp-year\",\n\tCC_CSC = \"cc-csc\",\n\tCC_TYPE = \"cc-type\",\n\tTRANSACTION_CURRENCY = \"transaction-currency\",\n\tTRANSACTION_AMOUNT = \"transaction-amount\",\n\tLANGUAGE = \"language\",\n\tBIRTHDAY = \"bday\",\n\tBIRTHDAY_DAY = \"bday-day\",\n\tBIRTHDAY_MONTH = \"bday-month\",\n\tBIRTHDAY_YEAR = \"bday-year\",\n\tSEX = \"sex\",\n\tTEL= \"tel\",\n\tTEL_COUNTRY_CODE = \"tel-country-code\",\n\tTEL_NATIONAL = \"tel-national\",\n\tTEL_AREA_CODE = \"tel-area-code\",\n\tTEL_LOCAL = \"tel-local\",\n\tTEL_EXTENSION = \"tel-extension\",\n\tIMPP = \"impp\",\n\tURL = \"url\",\n\tPHOTO = \"photo\",\n\tWEBAUTHN = \"webauthn\",\n}\n","<template>\n\t<div class=\"ui-input\">\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete \|\| getAutoComplete\"\n\t\t\t\t:name=\"name \|\| autocomplete \|\| getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler \|\| undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string \| number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n\n</script>\n","import UiInput from \"./ui-input.vue\";\n\nexport { EInputType, EInputKinds, EAutocomplete } from \"./_typings\";\nexport { UiInput };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiInput;\nexport default deprecatedDefault;\n","export enum EListItemTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPROGRESS = \"PROGRESS\"\n}\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n","import UiListItem from \"./ui-list-item.vue\";\nexport { EListItemTypes, EListItemSpacing, EListItemSize } from \"./_types\";\nexport { UiListItem };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiListItem;\nexport default deprecatedDefault;\n","export enum EModalSizes {\n\tSM = \"sm\",\n\tMD = \"md\",\n\tLG = \"lg\",\n\tRESPONSIVE = \"responsive\",\n}\n","import UiModal from \"./ui-modal.vue\";\n\nexport { UiModal };\nexport { EModalSizes } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiModal;\nexport default deprecatedDefault;\n","export enum EBadgeOrigin {\n\tDEFAULT = \"default\",\n\tOFFSET_TOP_RIGHT = \"offset-top-right\"\n}\n\nexport enum ENotificationBadgeSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","import UiNotificationBadge from \"./ui-notification-badge.vue\";\n\nexport { UiNotificationBadge };\nexport { EBadgeOrigin } from \"./_types\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiNotificationBadge;\nexport default deprecatedDefault;\n","export enum ESnackbarTypes {\n\tDEFAULT = \"default\",\n\tPRIMARY = \"primary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\",\n\tSECONDARY = \"secondary\",\n}\n","import UiSnackbar from \"./ui-snackbar.vue\";\n\nexport { UiSnackbar };\nexport { ESnackbarTypes } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSnackbar;\nexport default deprecatedDefault;\n","export enum ETableKind {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\",\n\tSECONDARY_INVERTED = \"secondary-inverted\",\n}\n","import UiTableCell from \"./ui-table-cell.vue\";\n\nexport { UiTableCell };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTableCell;\nexport default deprecatedDefault;\n","export enum ERowKind {\n\tSECONDARY = \"secondary\"\n}\n","import UiTableRow from \"./ui-table-row.vue\";\nexport { UiTableRow };\n\nexport { ERowKind } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTableRow;\nexport default deprecatedDefault;\n","import UiTable from \"./ui-table.vue\";\n\nexport { UiTable };\n\nexport { ETextAlign, ETextWeight } from \"../ui-typography\";\nexport { UiTableCell } from \"./ui-table-cell\";\n\nexport { UiTableRow, ERowKind } from \"./ui-table-row\";\nexport { ETableKind } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTable;\nexport default deprecatedDefault;\n","export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}\n","<template>\n\t<div>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tbackdrop-color\n\t\t\t\tfixed\n\t\t\t\tinset-0\n\t\t\t\tz-0\n\t\t\t\tbackdrop-blur-sm\n\t\t\t\ttransition-all\n\t\t\t\t\"\n\t\t/>\n\n\t\t<slot />\n\t</div>\n</template>\n\n<style lang=\"css\" scoped>\n\t.backdrop-color {\n\t\tbackground-color: rgb(0 0 0 / 50%);\n\t}\n</style>\n","import UiBackdrop from \"./ui-backdrop.vue\";\n\nexport { UiBackdrop };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBackdrop;\nexport default deprecatedDefault;\n","import UiCardCta from \"./ui-card-cta.vue\";\n\nexport { UiCardCta };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardCta;\nexport default deprecatedDefault;\n","import UiCardResult from \"./ui-card-result.vue\";\n\nexport { UiCardResult };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardResult;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-card-simple rounded-3xl bg-white px-sm py-md shadow-md\"\n\t>\n\t\t<ui-typography\n\t\t\tv-if=\"slots.title\"\n\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t\tclass=\"pb-md\"\n\t\t>\n\t\t\t<slot name=\"title\" />\n\t\t</ui-typography>\n\n\t\t<slot />\n\n\t\t<ui-typography\n\t\t\tv-if=\"slots.footerSubtitle\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t>\n\t\t\t<slot name=\"footerSubtitle\" />\n\t\t</ui-typography>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETextWeight, ETextAlign } from \"../ui-typography\";\n\timport { useSlots } from \"vue\";\n\n\tconst slots = useSlots();\n</script>\n","import UiCardSimple from \"./ui-card-simple.vue\";\nexport { UiCardSimple };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardSimple;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-checkbox grid cursor-pointer\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-sm',\n\t\t\t(!justify \|\| justify === EJustify.START) && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'ui-checkbox_disabled',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\tv-model=\"checkboxModel\"\n\t\t\tclass=\"absolute appearance-none\"\n\t\t\ttype=\"checkbox\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-checkbox_custom\n\t\t\t\trelative\n\t\t\t\tflex\n\t\t\t\th-md\n\t\t\t\tw-md\n\t\t\t\titems-center\n\t\t\t\tjustify-center\n\t\t\t\trounded\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\t\"\n\t\t\t:class=\"invertOrder && 'order-last'\"\n\t\t>\n\t\t\t<svg\n\t\t\t\tclass=\"ui-checkbox__icon text-white\"\n\t\t\t\twidth=\"16\"\n\t\t\t\theight=\"12\"\n\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"slots.default\"\n\t\t\tclass=\"ui-checkbox__slot-wrapper\"\n\t\t>\n\t\t\t<slot />\n\t\t</span>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { useSlots, computed } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\n\tconst slots = useSlots();\n\n\tconst props = defineProps<{\n\t\tmodelValue: boolean \| unknown[];\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: typeof props.modelValue): void\n\t}>();\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-checkbox {\n\t\tgrid-template-columns: auto auto;\n\t}\n\n\t.ui-checkbox_custom {\n\t\ttransition: background-color ease-in-out 0.3s 0.3s, border-width ease-in-out 0.2s;\n\t}\n\n\t.ui-checkbox__icon {\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.3s ease-in-out;\n\t}\n\n\tinput + .ui-checkbox_custom:active {\n\t\ttransition: background-color ease-in-out 0.1s;\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t}\n\n\tinput + .ui-checkbox_custom:active,\n\tinput:focus + .ui-checkbox_custom {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\tinput:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t\tborder-color: var(--color-secondary-alt-400);\n\t}\n\n\tinput:checked + .ui-checkbox_custom .ui-checkbox__icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\tinput:checked + .ui-checkbox_custom > svg {\n\t\topacity: 1;\n\t}\n\n\tinput:checked + .ui-checkbox_custom {\n\t\tborder-width: 0;\n\t\tbackground-color: var(--color-primary);\n\t\ttransition: background-color ease-in-out 0.1s, border-width ease-in-out 0.1s, box-shadow ease-in-out 0.2s;\n\t\tanimation: cb-pop 0.5s ease-in-out;\n\t}\n\n\tinput:checked + .ui-checkbox_custom:hover {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked + .ui-checkbox_custom:active {\n\t\tbackground-color: var(--color-primary-700);\n\t}\n\n\tinput:checked:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-primary-300);\n\t\tborder: 1px solid var(--color-primary-400);\n\t}\n\n\t.ui-checkbox_disabled {\n\t\tpointer-events: none;\n\t\tcursor: default;\n\t}\n\n\t@keyframes cb-pop {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\n\t\t33% {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t66% {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n","import UiCheckbox from \"./ui-checkbox.vue\";\n\nexport { UiCheckbox };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCheckbox;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 h-full w-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\th-xs\n\t\t\t\tw-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string \| number;\n\t\tmax: string \| number;\n\t\tstep: string \| number;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: number): void\n\t}>();\n\n\tconst rangeModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent \| TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) \|\| 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent \| TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n","import UiInputRange from \"./ui-input-range.vue\";\n\nexport { UiInputRange };\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiInputRange;\nexport default deprecatedDefault;\n","export enum EOrderCardTypes {\n\tDEFAULT = \"DEFAULT\",\n\tWARNING = \"WARNING\"\n}\n","<template>\n\t<div\n\t\tclass=\"ui-order-card relative mt-sm rounded-md pt-md text-center\"\n\t\t:class=\"[\n\t\t\tkind === EOrderCardTypes.DEFAULT && 'bg-primary-300 text-white',\n\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-300 text-warning-700'\n\t\t]\"\n\t>\n\t\t<ui-icon\n\t\t\t:icon-name=\"iconName\"\n\t\t\t:size=\"ESize.LG\"\n\t\t\tclass=\"absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-300\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-white',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-300 text-white'\n\t\t\t]\"\n\t\t/>\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.title\"\n\t\t\tclass=\"pt-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'text-warning-700'\n\t\t\t]\"\n\t\t\t:kind=\"pickKind\"\n\t\t\t:size=\"ETypographySizes.XL\"\n\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t>\n\t\t\t<slot name=\"title\" />\n\t\t</ui-typography>\n\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.textBody\"\n\t\t\tclass=\"mb-sm p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'text-warning-700'\n\t\t\t]\"\n\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t:weight=\"ETextWeight.REGULAR\"\n\t\t>\n\t\t\t<slot name=\"textBody\" />\n\t\t</ui-typography>\n\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.footer\"\n\t\t\tclass=\"rounded-b-lg py-sm text-white\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'bg-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-700'\n\t\t\t]\"\n\t\t\t:size=\"ETypographySizes.XXS\"\n\t\t\t:weight=\"ETextWeight.REGULAR\"\n\t\t>\n\t\t\t<slot name=\"footer\" />\n\t\t</ui-typography>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport { EColors } from \"../../_types/colors\";\n\timport UiTypography, { ETextWeight, ETypographySizes } from \"../ui-typography\";\n\timport type { TIconName } from \"../ui-icon\";\n\timport UiIcon from \"../ui-icon\";\n\timport { EOrderCardTypes } from \"./_types\";\n\n\tconst props = withDefaults(defineProps<{\n\t\ticonName: TIconName;\n\t\tkind?: EOrderCardTypes;\n\t}>(), {\n\t\tkind: EOrderCardTypes.DEFAULT\n\t});\n\n\tconst pickKind = computed(()=>{\n\t\tswitch (props.kind) {\n\t\t\tcase EOrderCardTypes.WARNING: return EColors.WARNING_700;\n\t\t\tdefault: return EColors.PRIMARY_700;\n\t\t}\n\t});\n\n</script>\n","import UiOrderCard from \"./ui-order-card.vue\";\n\nexport { UiOrderCard };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiOrderCard;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-radio group grid cursor-pointer grid-flow-col\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-xs',\n\t\t\t(!justify \|\| justify === EJustify.START) && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'pointer-events-none',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\t:id=\"value\"\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name.toString()\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tclass=\"peer absolute appearance-none\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-radio_custom\n\t\t\t\trelative\n\t\t\t\tblock\n\t\t\t\th-md\n\t\t\t\tw-md\n\t\t\t\trounded-full\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt\n\t\t\t\tbg-white\n\t\t\t\tgroup-hover:border-secondary-alt-700\n\t\t\t\tgroup-focus:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-2\n\t\t\t\tpeer-checked:border-primary\n\t\t\t\tpeer-checked:hover:border-primary-600\n\t\t\t\tpeer-focus:shadow-border-primary\n\t\t\t\tpeer-disabled:border-secondary-alt-400\n\t\t\t\tpeer-disabled:bg-secondary-alt-200\"\n\t\t\t:class=\"invertOrder && 'order-last'\"\n\t\t>\n\t\t\t<span\n\t\t\t\tclass=\"\n\t\t\t\t\t\tui-radio__dot\n\t\t\t\t\t\tabsolute\n\t\t\t\t\t\tleft-2/4\n\t\t\t\t\t\ttop-2/4\n\t\t\t\t\t\tblock\n\t\t\t\t\t\th-xs\n\t\t\t\t\t\tw-xs\n\t\t\t\t\t\trounded-full\n\t\t\t\t\t\tbg-primary\"\n\t\t\t/>\n\t\t</span>\n\t\t<slot />\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, useSlots } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\tconst slots = useSlots();\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string \| number \| boolean;\n\t\tvalue: string;\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n\n<style scoped>\n\t.ui-radio__dot {\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n\n\tinput:checked + .ui-radio_custom .ui-radio__dot {\n\t\ttransform: translate3d(-50%, -50%, 0) scale(1);\n\t}\n\n\tinput:checked + .ui-radio_custom:hover .ui-radio__dot {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked:disabled + .ui-radio_custom {\n\t\tborder: 2px solid var(--color-primary-300);\n\t}\n\n\tinput:checked:disabled + .ui-radio_custom .ui-radio__dot {\n\t\tbackground-color: var(--color-primary-300);\n\t}\n</style>\n","import UiRadio from \"./ui-radio.vue\";\n\nexport { UiRadio };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiRadio;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-plain-radio relative mb-sm\"\n\t\t:for=\"name + value\"\n\t>\n\n\t\t<input\n\t\t\t:id=\"name + value\"\n\t\t\tv-model=\"radioModel\"\n\t\t\t:value=\"value\"\n\t\t\tname=\"ui-plain-radio\"\n\t\t\ttype=\"radio\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tclass=\"peer absolute appearance-none\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"ui-plain-radio__content\n\t\t\t\tbox-border\n\t\t\t\tgrid\n\t\t\t\th-full\n\t\t\t\tw-full\n\t\t\t\tcursor-pointer\n\t\t\t\tgrid-flow-col\n\t\t\t\titems-center\n\t\t\t\tjustify-start\n\t\t\t\tgap-sm rounded-xl\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\n\t\t\t\tbefore:box-border\n\t\t\t\tbefore:rounded-[16px]\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\t\tpeer-checked:active:before:-left-xs\n\t\t\t\tpeer-checked:active:before:-right-xs\n\n\t\t\t\tpeer-checked:active:before:-top-xs\n\t\t\t\tpeer-focus:before:-bottom-xs\n\n\t\t\t\tpeer-focus:before:-left-xs\n\t\t\t\tpeer-focus:before:-right-xs\n\t\t\t\tpeer-focus:before:-top-xs\n\t\t\t\tpeer-active:before:-bottom-xxs\n\n\t\t\t\tpeer-active:before:-left-xxs\n\t\t\t\tpeer-active:before:-right-xxs\n\t\t\t\tpeer-active:before:-top-xxs\"\n\t\t\t:class=\"disabled\n\t\t\t\t&& 'pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled'\"\n\t\t>\n\t\t\t<ui-radio\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\t:value=\"value.toString()\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\tclass=\"pointer-events-none\"\n\t\t\t/>\n\n\t\t\t<span>\n\t\t\t\t<slot name=\"header\">\n\t\t\t\t\t<ui-typography\n\t\t\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t\t\t:kind=\"EColors.SECONDARY\"\n\t\t\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t\t\t\tline-height\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ header }}\n\t\t\t\t\t</ui-typography>\n\t\t\t\t</slot>\n\n\t\t\t\t<slot name=\"subHeader\">\n\t\t\t\t\t<ui-typography\n\t\t\t\t\t\t:size=\"ETypographySizes.XS\"\n\t\t\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ subHeader }}\n\t\t\t\t\t</ui-typography>\n\t\t\t\t</slot>\n\t\t\t</span>\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiRadio from \"../ui-radio\";\n\timport UiTypography, { ETypographySizes, EColors, ETextWeight } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\theader?: string;\n\t\tsubHeader?: string;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit (\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiPlainRadio from \"./ui-plain-radio.vue\";\n\nexport { UiPlainRadio };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiPlainRadio;\nexport default deprecatedDefault;\n","<template>\n\t<div class=\"ui-progress\">\n\t\t<div\n\t\t\tclass=\"relative h-xs w-full overflow-hidden rounded-lg bg-primary-200\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-progress__bar-fill\n\t\t\t\t\tabsolute\n\t\t\t\t\tleft-0\n\t\t\t\t\ttop-0\n\t\t\t\t\tz-10\n\t\t\t\t\th-full\n\t\t\t\t\trounded-lg\n\t\t\t\t\tbg-primary-alt-700\n\t\t\t\t\ttransition-all\n\t\t\t\t\tduration-300\n\t\t\t\t\"\n\t\t\t\t:style=\"{\n\t\t\t\t\twidth: filler + '%'\n\t\t\t\t}\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tmin: number\n\t\tmax: number\n\t\tcurrent: number\n\t}>(),{\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tcurrent: 0\n\t});\n\n\tconst filler = computed(() => {\n\t\treturn ((props.current - props.min) / (props.max - props.min)) 100;\n\t});\n</script>\n","import UiProgress from \"./ui-progress.vue\";\n\nexport { UiProgress };\n\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiProgress;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"\n\t\tui-radio-compact\n\t\trelative\n\t\t\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\tui-radio-compact_content\n\t\t\tbox-border\n\t\t\tgrid\n\t\t\tcursor-pointer\n\t\t\titems-center\n\t\t\tjustify-items-center\n\t\t\trounded-xl\n\t\t\tborder\n\t\t\tborder-secondary-alt-500\n\t\t\tbg-white\n\t\t\tbefore:absolute\n\t\t\tbefore:-z-10\n\t\t\tbefore:box-border\n\t\t\tbefore:rounded-[16px]\n\n\t\t\tbefore:bg-primary-300\n\t\t\thover:border-secondary-alt-700\n\t\t\tpeer-checked:border-transparent\n\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\tpeer-checked:hover:shadow-border-selected\n\n\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\tpeer-checked:active:before:-left-xs\n\t\t\tpeer-checked:active:before:-right-xs\n\t\t\tpeer-checked:active:before:-top-xs\n\t\t\tpeer-focus:before:-bottom-xs\n\n\t\t\tpeer-focus:before:-left-xs\n\t\t\tpeer-focus:before:-right-xs\n\n\t\t\tpeer-focus:before:-top-xs\n\t\t\tpeer-active:before:-bottom-xxs\n\t\t\tpeer-active:before:-left-xxs\n\t\t\tpeer-active:before:-right-xxs\n\n\t\t\tpeer-active:before:-top-xxs\n\t\t\t\"\n\t\t>\n\n\t\t\t<ui-typography\n\t\t\t\tclass=\"px-md py-sm\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextAlign } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiRadioCompact from \"./ui-radio-compact.vue\";\n\nexport { UiRadioCompact };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiRadioCompact;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"\n\t\t\tui-radio-fancy\n\t\t\trelative\n\n\t\t\"\n\t\t:class=\"disabled && 'pointer-events-none'\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-radio-fancy__content\n\t\t\t\tbox-border\n\t\t\t\th-full\n\t\t\t\tw-full\n\t\t\t\tcursor-pointer rounded-xl\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\n\t\t\t\tbefore:box-border\n\t\t\t\tbefore:rounded-[16px]\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\t\tpeer-checked:active:before:-left-xs\n\t\t\t\tpeer-checked:active:before:-right-xs\n\n\t\t\t\tpeer-checked:active:before:-top-xs\n\t\t\t\tpeer-focus:before:-bottom-xs\n\n\t\t\t\tpeer-focus:before:-left-xs\n\t\t\t\tpeer-focus:before:-right-xs\n\t\t\t\tpeer-focus:before:-top-xs\n\t\t\t\tpeer-active:before:-bottom-xxs\n\n\t\t\t\tpeer-active:before:-left-xxs\n\t\t\t\tpeer-active:before:-right-xxs\n\t\t\t\tpeer-active:before:-top-xxs\n\t\t\t\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled\n\t\t\t\t\t&& 'pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled',\n\t\t\t\tradioSize === ERadioSizes.MINIMAL && 'flex gap-sm align-middle',\n\t\t\t\tradioSize === ERadioSizes.COMPACT && 'grid cursor-pointer grid-flow-col px-md'\n\n\t\t\t]\"\n\t\t>\n\t\t\t<div\n\t\t\t\tv-if=\"radioSize === ERadioSizes.DEFAULT && iconName\"\n\t\t\t>\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\tclass=\" mb-md peer-checked:text-primary-500\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div v-else-if=\"radioSize === ERadioSizes.MINIMAL && iconName\">\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-else-if=\"radioSize === ERadioSizes.COMPACT\"\n\t\t\t/>\n\t\t\t<ui-typography\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY\"\n\t\t\t\tclass=\"pt-xxs\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes } from \"../ui-typography\";\n\timport type { TIconName } from \"../ui-icon\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport { EColors } from \"../../_types/colors\";\n\timport { ERadioSizes } from \"./_typings\";\n\timport uiIcon from \"../ui-icon\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\ticonName?: TIconName;\n\t\tdisabled?: boolean;\n\t\tradioSize?: ERadioSizes;\n\t}>(), {\n\t\tradioSize: ERadioSizes.DEFAULT,\n\t\ticonName: undefined\n\t});\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiRadioFancy from \"./ui-radio-fancy.vue\";\n\nexport { UiRadioFancy };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiRadioFancy;\nexport default deprecatedDefault;\n","import UiResultCardRange from \"./ui-result-card-range.vue\";\n\nexport { UiResultCardRange };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiResultCardRange;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tref=\"tiBtn\"\n\t\tclass=\"ui-ripple\"\n\t\t@click=\"animateRipple\"\n\t>\n\t\t<slot />\n\n\t\t<transition-group>\n\t\t\t<svg\n\t\t\t\tv-for=\"val in ripples\"\n\t\t\t\t:ref=\"inputsRefs\"\n\t\t\t\t:key=\"val.id\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclass=\"ripple\"\n\t\t\t\t:style=\"{'top': val.y + 'px', 'left': val.x + 'px'}\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\t@animationend=\"rippleEnd(val.id)\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tr=\"50\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, type VNodeRef } from \"vue\";\n\n\tconst ripples = ref<{x:number, y:number, id:string}[]>([]);\n\tconst tiBtn = ref<HTMLDivElement>();\n\tconst inputsRefs = ref<VNodeRef>();\n\n\tconst animateRipple = (e:MouseEvent)=> {\n\t\tif (tiBtn.value) {\n\t\t\tconst pos = tiBtn.value.getBoundingClientRect();\n\n\t\t\tripples.value.push({\n\t\t\t\tx: e.clientX - pos.left,\n\t\t\t\ty: e.clientY - pos.top,\n\t\t\t\tid: Math.random().toString(36).substr(2, 9)\n\t\t\t});\n\t\t}\n\t};\n\tconst rippleEnd = (i: string)=> {\n\t\tripples.value = ripples.value.filter(val=>val.id !== i);\n\t};\n</script>\n\n<style>\n\t.ui-ripple {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\twill-change: transform, opacity;\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\tmix-blend-mode: screen;\n\t\tanimation: ripple 1s ease-out forwards, fade 1s ease-out forwards;\n\t\tz-index: 1;\n\t}\n\n\t@keyframes ripple {\n\t\t0% { transform: translate3d(-50%, -50%, 0) scale(0); }\n\t\t80% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t\t100% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t}\n\n\t@keyframes fade {\n\t\t0% { opacity: 1; }\n\t\t100% { opacity: 0; }\n\t}\n</style>\n","import UiRipple from \"./ui-ripple.vue\";\n\nexport { UiRipple };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\n\nconst deprecatedDefault = UiRipple;\nexport default deprecatedDefault;\n","<template>\n\t<div class=\"ui-select\">\n\t\t<slot name=\"heading\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<div\n\t\t\tclass=\"relative rounded-lg border border-secondary-alt-500 bg-white hover:border-secondary-alt-700\"\n\t\t\t:class=\"[disabled && 'pointer-events-none border-secondary-alt-300 bg-secondary-alt-200']\"\n\t\t>\n\t\t\t<select\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\tclass=\"\n\t\t\t\t\tm-0\n\t\t\t\t\tw-full\n\t\t\t\t\tcursor-pointer\n\t\t\t\t\tappearance-none\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\tp-sm\n\t\t\t\t\titalic\n\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\toutline-0\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</select>\n\n\t\t\t<div class=\"absolute right-sm top-1/2 -translate-y-1/2\">\n\t\t\t\t<slot name=\"postfix-icon\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\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\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\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</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiSelect from \"./ui-select.vue\";\n\nexport { UiSelect };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSelect;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tv-if=\"props.kind === ESkeletonKind.RESULT_CARD\"\n\t\tclass=\"ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xs\"\n\t>\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__header flex items-center\n\t\t\tjustify-between rounded-lg bg-secondary-alt-200 p-xs\"\n\t\t>\n\t\t\t<div class=\"flex w-full flex-col items-start\">\n\t\t\t\t<div class=\"ui-skeleton-card__content__text my-xs h-md w-full rounded-md bg-secondary-alt-300\" />\n\t\t\t\t<div class=\"ui-skeleton-card__content__text h-md w-5/6 rounded-md bg-secondary-alt-300\" />\n\t\t\t</div>\n\t\t\t<div class=\"ui-skeleton-card__header__image my-xxs ml-sm h-xl w-xxl rounded-xl bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__content flex flex-col items-start justify-start rounded-lg pt-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in ['w-1/2', 'w-1/3', 'w-2/3', 'w-3/4']\"\n\t\t\t\t:key=\"i\"\n\t\t\t\t:class=\"`${i}`\"\n\t\t\t\tclass=\"ui-skeleton-card__content__text mb-xs h-md rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__footer flex flex-row justify-between\">\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-lg bg-secondary-alt-300\" />\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-lg w-1/4 rounded-lg bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__button mt-xs flex h-md w-full items-center\n\t\tjustify-center rounded-lg bg-secondary-alt-300 py-md\"\n\t\t/>\n\t</div>\n\t<div\n\t\tv-else\n\t\tclass=\"ui-skeleton-menu mb-sm flex animate-pulse flex-row items-center justify-between\"\n\t>\n\t\t<div class=\"ui-skeleton-menu__result-count h-sm w-full max-w-xxl rounded-md bg-secondary-alt-300\" />\n\t\t<div class=\"ui-skeleton-menu__filters relative flex h-lg w-xxl flex-row gap-x-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in 2\"\n\t\t\t\t:key=\"i\"\n\t\t\t\tclass=\"ui-skeleton-menu__filters__item relative w-xl rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ESkeletonKind } from \"./_typings\";\n\n\tconst props = withDefaults(\n\t\tdefineProps<{\n\t\t\tkind?: ESkeletonKind\n\t\t}>(),\n\t\t{\n\t\t\tkind: ESkeletonKind.RESULT_CARD,\n\t\t});\n</script>\n","import UiSkeleton from \"./ui-skeleton.vue\";\nexport { UiSkeleton };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSkeleton;\nexport default deprecatedDefault;\n","<template>\n\t<ul class=\"ui-tabs grid grid-flow-col rounded-full bg-secondary-alt-200\">\n\t\t<li\n\t\t\tv-for=\"tab in tabs\"\n\t\t\t:key=\"tab\"\n\t\t\tclass=\"rounded-full text-center\"\n\t\t\t:class=\"[tabsModel === tab && 'bg-white']\"\n\t\t>\n\t\t\t<label class=\"block cursor-pointer px-md py-xs\">\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"tabsModel\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tclass=\"absolute appearance-none\"\n\t\t\t\t\t:value=\"tab\"\n\t\t\t\t\t:name=\"name\"\n\t\t\t\t>\n\t\t\t\t<ui-typography\n\t\t\t\t\tis=\"span\"\n\t\t\t\t\t:size=\"ETypographySizes.XS\"\n\t\t\t\t\t:kind=\"tabsModel === tab ? EColors.SECONDARY_500 : EColors.SECONDARY_400\"\n\t\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t\t>\n\t\t\t\t\t{{ tab }}\n\t\t\t\t</ui-typography>\n\t\t\t</label>\n\t\t</li>\n\t</ul>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { EColors } from \"../../_types/colors\";\n\n\tconst props = withDefaults(defineProps<{\n\t\ttabs: string[];\n\t\tmodelValue: string;\n\t\tname?: string;\n\t}>(), {\n\t\tname: \"default\"\n\t});\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst tabsModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-tabs {\n\t\tpadding: 2px;\n\t}\n</style>\n","import UiTabs from \"./ui-tabs.vue\";\nexport { UiTabs };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTabs;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-toggle\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"header \|\| $slots.header\"\n\t\t\t\tline-height\n\t\t\t\tclass=\"mb-sm\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\n\t\t<label\n\t\t\tclass=\"flex cursor-pointer gap-sm rounded-full\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled && 'ui-toggle_disabled pointer-events-none',\n\t\t\t\tinvertOrder && 'flex-row-reverse',\n\t\t\t\talignCenter && 'items-center'\n\t\t\t]\"\n\t\t>\n\t\t\t<span\n\t\t\t\tclass=\"ui-input__input-wrapper relative block h-md\"\n\t\t\t>\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"checkboxModel\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"absolute h-0 w-0 appearance-none border-0\"\n\t\t\t\t\t:value=\"value\"\n\t\t\t\t>\n\n\t\t\t\t<span class=\"ui-toggle__bg-block block h-md w-lg rounded-full bg-secondary-alt\" />\n\n\t\t\t\t<span class=\"ui-toggle__dot absolute top-0 block rounded-full bg-white\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"ui-toggle__check-icon absolute\"\n\t\t\t\t\t\t:class=\"disabled ? 'text-primary-300' : 'text-primary'\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"12\"\n\t\t\t\t\t\tviewBox=\"0 0 16 12\"\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\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t<slot name=\"title\">\n\t\t\t\t<ui-typography\n\t\t\t\t\tv-if=\"title \|\| $slots.title\"\n\t\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\tline-height\n\t\t\t\t>\n\t\t\t\t\t{{ title }}\n\t\t\t\t</ui-typography>\n\t\t\t</slot>\n\t\t</label>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { computed } from \"vue\";\n\n\tconst props = defineProps<{\n\t\theader?: string;\n\t\ttitle?: string;\n\t\tmodelValue: boolean \| unknown[];\n\t\tdisabled?: boolean;\n\t\tinvertOrder?: boolean;\n\t\talignCenter?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: unknown): void\n\t}>();\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n\n<style scoped>\n\t.ui-toggle__dot {\n\t\ttop: 50%;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\ttransform: translate3d(1px, -50%, 0);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle__check-icon {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate3d(-50%, -50%, 0);\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle:hover .ui-toggle__dot,\n\t.ui-toggle:active .ui-toggle__dot,\n\t.ui-toggle:focus .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-secondary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot {\n\t\ttransform: translate3d(calc(var(--lg) - 100% - 1px), -50%, 0);\n\t}\n\n\t.ui-toggle:hover input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:active input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:focus input:checked ~ .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\t.ui-toggle__bg-block {\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle_disabled .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-secondary-alt-300);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot .ui-toggle__check-icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t.ui-toggle_disabled input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary-300);\n\t}\n</style>\n","import UiToggle from \"./ui-toggle.vue\";\n\nexport { UiToggle };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiToggle;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"inputs grid\"\n\t>\n\t\t<div\n\t\t\tv-for=\"(_, index) in inputsCount\"\n\t\t\t:key=\"index\"\n\t\t\tclass=\"input-wrapper\"\n\t\t>\n\t\t\t<input\n\t\t\t\tref=\"inputsRefs\"\n\t\t\t\t:type=\"type \|\| 'text'\"\n\t\t\t\tmaxlength=\"1\"\n\t\t\t\tplaceholder=\"•\"\n\t\t\t\t@input=\"(e)=>inputHandler(e, index)\"\n\t\t\t\t@focus=\"focusHandler\"\n\t\t\t\t@paste=\"handlePaste\"\n\t\t\t>\n\t\t\t<div class=\"bottom-wrapper\" />\n\t\t</div>\n\t</div>\n\t<slot name=\"button\" />\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref } from \"vue\";\n\n\ttype TProps = {\n\t\tinputsCount: number;\n\t\ttype?: \"text\";\n\t}\n\n\tconst props = defineProps<TProps>();\n\tconst emit = defineEmits([\"onFiled\"]);\n\n\tconst inputsRefs = ref<Array<HTMLInputElement \| null>>([]);\n\n\tconst doSubmit = ()=>{\n\t\tconst generateString = inputsRefs.value.map(input => input?.value).join(\"\");\n\t\temit(\"onFiled\", generateString);\n\t};\n\n\tconst inputHandler = (event:Event, index:number)=>{\n\t\tif (index < props.inputsCount) {\n\t\t\tinputsRefs.value[index + 1]?.focus();\n\t\t}\n\n\t\tif (index === props.inputsCount - 1) {\n\t\t\tdoSubmit();\n\t\t}\n\t};\n\n\tconst focusHandler = (e:FocusEvent) => {\n\t\tif (e.target) {\n\t\t\t(e.target as HTMLInputElement).select();\n\t\t}\n\t};\n\n\tconst handlePaste = (e:ClipboardEvent) => {\n\t\te.preventDefault();\n\t\tconst pasteText = e.clipboardData?.getData(\"text\");\n\t\tif (pasteText && pasteText.length === props.inputsCount) {\n\t\t\tinputsRefs.value[props.inputsCount - 1]?.focus();\n\n\t\t\tinputsRefs.value.forEach((input, index)=>{\n\t\t\t\tif (input) {\n\t\t\t\t\tinput.value = pasteText[index];\n\t\t\t\t}\n\t\t\t});\n\t\t\tdoSubmit();\n\t\t}\n\n\t};\n\n</script>\n\n<style scoped>\n\t.inputs {\n\t\tgrid-template-columns: repeat(auto-fill, 38px);\n\t\tgrid-gap: 24px;\n\t}\n\n\t.inputs .input-wrapper {\n\t\tposition: relative;\n\t\theight: 58px;\n\t}\n\n\t.inputs input {\n\t\twidth: 100%;\n\t\tborder: none;\n\t\ttext-align: center;\n\t\tfont-size: 36px;\n\t\tfont-weight: bold;\n\t\toutline: none;\n\n\t\t/ caret-color: var(--color-transparent); /\n\t}\n\n\t.inputs .input-wrapper .bottom-wrapper {\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t\theight: 5px;\n\t\tbackground-color: var(--color-secondary-300);\n\t\tborder-radius: 3px;\n\t\ttransition: background-color 0.3s ease-in-out;\n\t}\n\n\t.inputs input:focus ~ .bottom-wrapper {\n\t\tbackground-color: var(--color-primary);\n\t}\n\n\t.inputs input::placeholder {\n\t\tfont-size: 55px;\n\t\tcolor: var(--color-secondary-300);\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\n\t}\n\n\t.inputs input:focus::placeholder {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t}\n\n</style>\n","import { App, defineComponent } from \"vue\";\nimport as types from \"./types\";\nimport * as UiAlert from \"./components/ui-alert\";\nimport * as UiBackdrop from \"./components/ui-modal/ui-backdrop\";\nimport * as UiBadge from \"./components/ui-badge\";\nimport * as UiBerRank from \"./components/ui-ber-rank\";\nimport * as UiButton from \"./components/ui-button\";\nimport * as UiCardCta from \"./components/ui-card-cta\";\nimport * as UiCardResult from \"./components/ui-card-result\";\nimport * as UiCardSimple from \"./components/ui-card-simple\";\nimport * as UiCheckbox from \"./components/ui-checkbox\";\nimport * as UiDropdown from \"./components/ui-dropdown\";\nimport * as UiIcon from \"./components/ui-icon\";\nimport * as UiIconWrapper from \"./components/ui-icon-wrapper\";\nimport * as UiInput from \"./components/ui-input\";\nimport * as UiInputRange from \"./components/ui-input-range\";\nimport * as UiListItem from \"./components/ui-list-item\";\nimport * as UiModal from \"./components/ui-modal\";\nimport * as UiNotificationBadge from \"./components/ui-notification-badge\";\nimport * as UiOrderCard from \"./components/ui-order-card\";\nimport * as UiPlainRadio from \"./components/ui-plain-radio\";\nimport * as UiProgress from \"./components/ui-progress\";\nimport * as UiRadio from \"./components/ui-radio\";\nimport * as UiRadioCompact from \"./components/ui-radio-compact\";\nimport * as UiRadioFancy from \"./components/ui-radio-fancy\";\nimport * as UiResultCardRange from \"./components/ui-result-card-range\";\nimport * as UiRipple from \"./components/ui-ripple\";\nimport * as UiSelect from \"./components/ui-select\";\nimport * as UiSkeleton from \"./components/ui-skeleton\";\nimport * as UiSnackbar from \"./components/ui-snackbar\";\nimport * as UiTable from \"./components/ui-table\";\nimport * as UiTableCell from \"./components/ui-table/ui-table-cell\";\nimport * as UiTableRow from \"./components/ui-table/ui-table-row\";\nimport * as UiTabs from \"./components/ui-tabs\";\nimport * as UiToggle from \"./components/ui-toggle\";\nimport * as UiTypography from \"./components/ui-typography\";\nimport * as UiVerificationInput from \"./components/ui-verification-input\";\n\nconst Components: Record<string, ReturnType<typeof defineComponent>> = {\n\tUiAlert,\n\tUiBackdrop,\n\tUiBadge,\n\tUiBerRank,\n\tUiButton,\n\tUiCardCta,\n\tUiCardResult,\n\tUiCardSimple,\n\tUiCheckbox,\n\tUiDropdown,\n\tUiIcon,\n\tUiIconWrapper,\n\tUiInput,\n\tUiInputRange,\n\tUiListItem,\n\tUiModal,\n\tUiNotificationBadge,\n\tUiOrderCard,\n\tUiPlainRadio,\n\tUiProgress,\n\tUiRadio,\n\tUiRadioCompact,\n\tUiRadioFancy,\n\tUiResultCardRange,\n\tUiRipple,\n\tUiSelect,\n\tUiSkeleton,\n\t//UiSlider,\n\tUiSnackbar,\n\tUiTable,\n\tUiTableCell,\n\tUiTableRow,\n\tUiTabs,\n\tUiToggle,\n\tUiTypography,\n\tUiVerificationInput,\n\ttypes\n};\n\n// for use with global app.use() in consumer project\nconst BonkersUI = {\n\tinstall(app: App) {\n\t\tObject.keys(Components).forEach((component) => {\n\t\t\tapp.component(Components[component].name, Components[component]);\n\t\t});\n\t}\n};\n\nexport default BonkersUI;\n\nexport { UiAlert, EAlertTypes } from \"./components/ui-alert\";\nexport { UiBackdrop } from \"./components/ui-modal/ui-backdrop\";\nexport { UiBadge, EBadgeKind, EBadgeSize } from \"./components/ui-badge\";\nexport { UiBerRank, EBerSize } from \"./components/ui-ber-rank\";\nexport { UiButton, EButtonSizes, EButtonTypes } from \"./components/ui-button\";\nexport { UiCardCta } from \"./components/ui-card-cta\";\nexport { UiCardResult } from \"./components/ui-card-result\";\nexport { UiCardSimple } from \"./components/ui-card-simple\";\nexport { UiCheckbox } from \"./components/ui-checkbox\";\nexport { UiDropdown, EDropdownKinds } from \"./components/ui-dropdown\";\nexport { UiIcon, ESize } from \"./components/ui-icon\";\nexport { UiIconWrapper, EIconWrapperTypes, EIconWrapperSizes } from \"./components/ui-icon-wrapper\";\nexport { UiInput, EInputType, EInputKinds, EAutocomplete } from \"./components/ui-input\";\nexport { UiInputRange } from \"./components/ui-input-range\";\nexport { UiListItem, EListItemTypes, EListItemSpacing, EListItemSize } from \"./components/ui-list-item\";\nexport { UiModal, EModalSizes } from \"./components/ui-modal\";\nexport { UiNotificationBadge, EBadgeOrigin } from \"./components/ui-notification-badge\";\nexport { UiOrderCard } from \"./components/ui-order-card\";\nexport { UiPlainRadio } from \"./components/ui-plain-radio\";\nexport { UiProgress } from \"./components/ui-progress\";\nexport { UiRadio } from \"./components/ui-radio\";\nexport { UiRadioCompact } from \"./components/ui-radio-compact\";\nexport { UiRadioFancy } from \"./components/ui-radio-fancy\";\nexport { UiResultCardRange } from \"./components/ui-result-card-range\";\nexport { UiRipple } from \"./components/ui-ripple\";\nexport { UiSelect } from \"./components/ui-select\";\nexport { UiSkeleton } from \"./components/ui-skeleton\";\nexport { UiSnackbar, ESnackbarTypes } from \"./components/ui-snackbar\";\nexport { UiTable, ETableKind, ERowKind } from \"./components/ui-table\";\nexport { UiTableCell } from \"./components/ui-table/ui-table-cell\";\nexport { UiTableRow } from \"./components/ui-table/ui-table-row\";\nexport { UiTabs } from \"./components/ui-tabs\";\nexport { UiToggle } from \"./components/ui-toggle\";\nexport { UiTypography, EColors, ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from \"./components/ui-typography\";\nexport { UiVerificationInput } from \"./components/ui-verification-input\";\n","import UiVerificationInput from \"./ui-verification-input.vue\";\n\nexport { UiVerificationInput };\n\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiVerificationInput;\nexport default deprecatedDefault;\n"],"names":["ETypographySizes","ETextWeight","ETextAlign","ETextTransform","EColors","deprecatedDefault","UiTypography","ESize","EIconType","UiIcon","EDropdownKinds","contentRef","ref","accordionHeight","props","__props","isOpen","onMounted","height","UiDropdown","EAlertTypes","UiAlert","EBadgeSize","EBadgeKind","slots","useSlots","getBadgeSize","computed","UiBadge","berRankDictionary","text","EBerSize","textSize","UiBerRank","EButtonTypes","EButtonSizes","primaryColor","primaryColorHover","primaryColorActive","UiButton","ERadioSizes","ESkeletonKind","EIconWrapperTypes","EIconWrapperSizes","UiIconWrapper","EInputKinds","EInputType","EAutocomplete","getAutoComplete","UiInput","EListItemTypes","EListItemSpacing","EListItemSize","UiListItem","EModalSizes","UiModal","EBadgeOrigin","UiNotificationBadge","ESnackbarTypes","UiSnackbar","ETableKind","UiTableCell","ERowKind","UiTableRow","UiTable","EJustify","_popScopeId","n","_cache","_openBlock","_createElementBlock","_hoisted_1","UiBackdrop","UiCardCta","UiCardResult","UiCardSimple","emit","__emit","checkboxModel","value","UiCheckbox","rangeModel","watch","track","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler","UiInputRange","EOrderCardTypes","pickKind","UiOrderCard","radioModel","UiRadio","UiPlainRadio","filler","UiProgress","UiRadioCompact","UiRadioFancy","UiResultCardRange","ripples","tiBtn","inputsRefs","animateRipple","pos","rippleEnd","i","val","UiRipple","UiSelect","UiSkeleton","tabsModel","UiTabs","UiToggle","doSubmit","generateString","input","inputHandler","event","index","_a","focusHandler","handlePaste","pasteText","_b","Components","UiVerificationInput","types","BonkersUI","app","component"],"mappings":";gCAAY,IAAAA,GAAAA,IAIXA,EAAA,IAAM,MAINA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,GAAK,IAILA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,IAAM,MAINA,EAAA,KAAO,MAIPA,EAAA,MAAQ,MAIRA,EAAA,OAAS,MAxCEA,IAAAA,GAAA,CAAA,CAAA,EA2CAC,GAAAA,IAIXA,EAAA,MAAQ,QAIRA,EAAA,QAAU,UAIVA,EAAA,UAAY,YAIZA,EAAA,KAAO,OAhBIA,IAAAA,GAAA,CAAA,CAAA,EAmBAC,GAAAA,IACXA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAHGA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACXA,EAAA,UAAY,YACZA,EAAA,UAAY,YAFDA,IAAAA,GAAA,CAAA,CAAA,ECpEAC,GAAAA,IACXA,EAAA,MAAQ,gBACRA,EAAA,MAAQ,gBACRA,EAAA,YAAc,sBACdA,EAAA,QAAU,kBAEVA,EAAA,QAAU,kBACVA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBAEdA,EAAA,YAAc,sBACdA,EAAA,gBAAkB,0BAClBA,EAAA,gBAAkB,0BAClBA,EAAA,gBAAkB,0BAClBA,EAAA,gBAAkB,0BAClBA,EAAA,gBAAkB,0BAElBA,EAAA,UAAY,oBACZA,EAAA,cAAgB,wBAChBA,EAAA,cAAgB,wBAChBA,EAAA,cAAgB,wBAChBA,EAAA,cAAgB,wBAChBA,EAAA,cAAgB,wBAEhBA,EAAA,QAAU,kBACVA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBACdA,EAAA,YAAc,sBAEdA,EAAA,MAAQ,gBACRA,EAAA,UAAY,oBACZA,EAAA,UAAY,oBACZA,EAAA,UAAY,oBACZA,EAAA,UAAY,oBACZA,EAAA,UAAY,oBAEZA,EAAA,OAAS,iBACTA,EAAA,WAAa,qBACbA,EAAA,WAAa,qBACbA,EAAA,WAAa,qBACbA,EAAA,WAAa,qBAEbA,EAAA,WAAa,qBACbA,EAAA,eAAiB,yBAEjBA,EAAA,cAAgB,wBAChBA,EAAA,kBAAoB,4BACpBA,EAAA,kBAAoB,4BACpBA,EAAA,kBAAoB,4BACpBA,EAAA,kBAAoB,4BACpBA,EAAA,kBAAoB,4BACpBA,EAAA,kBAAoB,4BAxDTA,IAAAA,GAAA,CAAA,CAAA,4qHCMNC,EAAoBC,kMCNd,IAAAC,GAAAA,IAIXA,EAAA,IAAM,MAINA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,GAAK,KAILA,EAAA,IAAM,MA5BKA,IAAAA,GAAA,CAAA,CAAA,yhBCAA,IAAAC,IAAAA,IACXA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,IAAM,MACNA,EAAA,OAAS,YAPEA,IAAAA,IAAA,CAAA,CAAA,ECUZ,MAAMH,EAAoBI,wICVd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,UAAY,YAFDA,IAAAA,GAAA,CAAA,CAAA,oJCoEL,MAAAC,EAAaC,MAA2B,IAAI,EAC5CC,EAAkBD,MAAY,CAAC,EAE/BE,EAAQC,EAWRC,EAASJ,EAAAA,IAAIE,EAAM,MAAM,EAE/BG,OAAAA,EAAAA,UAAU,IAAI,CACb,GAAIN,EAAW,MAAO,CACrB,KAAM,CAAE,OAAAO,CAAW,EAAAP,EAAW,MAAM,sBAAsB,EAC1DE,EAAgB,MAAQK,CACzB,CAAA,CACA,82CClFwBC,0CCPd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,MAAQ,QACRA,EAAA,QAAU,UAJCA,IAAAA,GAAA,CAAA,CAAA,u8BCMcC,0CCNd,IAAAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,MAAQ,QAHGA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SAHEA,IAAAA,GAAA,CAAA,CAAA,4PCsCX,MAAMT,EAAQC,EAORS,EAAQC,EAAAA,WAERC,EAAeC,EAAAA,SAAS,IAAI,CACjC,OAAQb,EAAM,KAAM,CACnB,KAAKQ,EAAW,OACf,OAAOtB,EAAiB,GACzB,KAAKsB,EAAW,MACf,OAAOtB,EAAiB,GACzB,KAAKsB,EAAW,MAChB,QACC,OAAOtB,EAAiB,GAC1B,CAAA,CACA,u6BCxDwB4B,0CCEbC,EAAoB,CAChC,CACC,KAAM,MACN,MAAOzB,EAAQ,aAChB,EACA,CACC,KAAM,IACN,MAAOA,EAAQ,KAChB,EACA,CACC,KAAM,IACN,MAAOA,EAAQ,OAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,WAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,EACA,CACC,KAAM,KACN,MAAOA,EAAQ,eAChB,CACD,EAE4ByB,EAAkB,IAAI,CAAC,CAAE,KAAAC,CAAA,IAAWA,CAAI,EAExD,IAAAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,OAAS,SAFEA,IAAAA,GAAA,CAAA,CAAA,80DCVX,MAAMjB,EAAQC,EAORiB,EAAWL,EAAAA,SAAS,IAAI,CAC7B,OAAQb,EAAM,KAAM,CACnB,KAAKiB,EAAS,MACb,OAAO/B,EAAiB,GACzB,KAAK+B,EAAS,OACb,OAAO/B,EAAiB,KACzB,QACC,OAAOA,EAAiB,IAC1B,CAAA,CACA,gkDC5EwBiC,0CCRd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,gBAAkB,kBAClBA,EAAA,kBAAoB,oBACpBA,EAAA,cAAgB,gBAChBA,EAAA,gBAAkB,kBAClBA,EAAA,KAAO,OATIA,IAAAA,GAAA,CAAA,CAAA,EAWAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAJGA,IAAAA,GAAA,CAAA,CAAA,wBCyDLC,GAAe,gDACfC,GAAoB,wBACpBC,GAAqB;;;;;;;;;6iBC9DFC,0CCRd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UAHCA,IAAAA,GAAA,CAAA,CAAA,ECAAC,GAAAA,IACXA,EAAA,YAAc,cACdA,EAAA,YAAc,cAFHA,IAAAA,GAAA,CAAA,CAAA,ECAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,UAAY,YAHDA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,MAAQ,KACRA,EAAA,OAAS,KACTA,EAAA,MAAQ,KAJGA,IAAAA,GAAA,CAAA,CAAA,2zBCGNtC,GAAoBuC,qKCRd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,MAAQ,QAHGA,IAAAA,GAAA,CAAA,CAAA,EAMAC,GAAAA,IACXA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,IAAM,MACNA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,KAAO,OANIA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACXA,EAAA,IAAM,MACNA,EAAA,GAAK,KACLA,EAAA,KAAO,OACPA,EAAA,WAAa,aACbA,EAAA,gBAAkB,kBAClBA,EAAA,YAAc,cAEdA,EAAA,iBAAmB,mBACnBA,EAAA,SAAW,WAEXA,EAAA,MAAQ,QACRA,EAAA,SAAW,WACXA,EAAA,aAAe,eACfA,EAAA,iBAAmB,mBACnBA,EAAA,mBAAqB,qBACrBA,EAAA,aAAe,eACfA,EAAA,eAAiB,iBACjBA,EAAA,SAAW,WACXA,EAAA,SAAW,WACXA,EAAA,cAAgB,gBAChBA,EAAA,cAAgB,gBAChBA,EAAA,cAAgB,gBAChBA,EAAA,eAAiB,iBACjBA,EAAA,eAAiB,iBACjBA,EAAA,eAAiB,iBACjBA,EAAA,eAAiB,iBACjBA,EAAA,QAAU,UACVA,EAAA,aAAe,eACfA,EAAA,YAAc,cACdA,EAAA,QAAU,UACVA,EAAA,cAAgB,gBAChBA,EAAA,mBAAqB,qBACrBA,EAAA,eAAiB,iBACjBA,EAAA,UAAY,YACZA,EAAA,OAAS,SACTA,EAAA,aAAe,eACfA,EAAA,YAAc,cACdA,EAAA,OAAS,SACTA,EAAA,QAAU,UACVA,EAAA,qBAAuB,uBACvBA,EAAA,mBAAqB,qBACrBA,EAAA,SAAW,WACXA,EAAA,SAAW,OACXA,EAAA,aAAe,WACfA,EAAA,eAAiB,aACjBA,EAAA,cAAgB,YAChBA,EAAA,IAAM,MACNA,EAAA,IAAK,MACLA,EAAA,iBAAmB,mBACnBA,EAAA,aAAe,eACfA,EAAA,cAAgB,gBAChBA,EAAA,UAAY,YACZA,EAAA,cAAgB,gBAChBA,EAAA,KAAO,OACPA,EAAA,IAAM,MACNA,EAAA,MAAQ,QACRA,EAAA,SAAW,WAzDAA,IAAAA,GAAA,CAAA,CAAA,yiBC6CX,MAAMjC,EAAQC,EA+BRiC,EAAkBrB,EAAAA,SAAS,IAAK,CACrC,OAAQb,EAAM,KAAM,CACnB,KAAKgC,EAAW,SAAU,OAAOC,EAAc,iBAC/C,KAAKD,EAAW,MAAO,OAAOC,EAAc,MAC5C,QAAgB,MACjB,CAAA,CACA,krDCzFwBE,0CCRd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,SAAW,WAFAA,IAAAA,GAAA,CAAA,CAAA,EAIAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,QAAU,UAFCA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACXA,EAAA,GAAK,KACLA,EAAA,GAAK,KAFMA,IAAAA,GAAA,CAAA,CAAA,0lDCHcC,0CCNd,IAAAC,GAAAA,IACXA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,GAAK,KACLA,EAAA,WAAa,aAJFA,IAAAA,GAAA,CAAA,CAAA,4mDCOcC,0CCPd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,iBAAmB,mBAFRA,IAAAA,GAAA,CAAA,CAAA,ukBCOcC,0CCPd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,MAAQ,QACRA,EAAA,UAAY,YALDA,IAAAA,GAAA,CAAA,CAAA,i+BCQcC,0CCRd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,UAAY,YACZA,EAAA,mBAAqB,qBAHVA,IAAAA,GAAA,CAAA,CAAA,uoCCOcC,yCCPd,IAAAC,GAAAA,IACXA,EAAA,UAAY,YADDA,IAAAA,GAAA,CAAA,CAAA,oaCOcC,iMCMAC,0CCbd,IAAAC,GAAAA,IACXA,EAAA,MAAQ,QACRA,EAAA,IAAM,MACNA,EAAA,OAAS,SACTA,EAAA,QAAU,UACVA,EAAA,OAAS,SACTA,EAAA,OAAS,SANEA,IAAAA,GAAA,CAAA,CAAA,ilBCEVC,aASE,EAAAC,sIAGGC,EAAA,QAHHC,YAAA,EAAAC,qBAAA,MAAA,KAAA,CAEFC,+LCNwBC,+pDCDAC,otECAAC,wKCsBzB,MAAMlD,EAAQC,EAAAA,8nBCtBWkD,4rBC6DzB,MAAMnD,EAAQC,EAAAA,WAERX,EAAQC,EAQR6D,EAAOC,EAIPC,EAAgBnD,EAAAA,SAAS,CAC9B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,8rCClFwBC,meC0CzB,MAAMlE,EAAQC,EAOR6D,EAAOC,EAIPI,EAAatD,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,EAEDG,EAAA,MAAM,IAAI,CAACpE,EAAM,IAAKA,EAAM,GAAG,EAAG,IAAM,CACnCmE,EAAW,MAAQ,CAACnE,EAAM,IAClBmE,EAAA,MAAQ,CAACnE,EAAM,IAChBmE,EAAW,MAAQ,CAACnE,EAAM,MACzBmE,EAAA,MAAQ,CAACnE,EAAM,IAC3B,CACA,EAED,MAAMqE,EAAQvE,EAAAA,MAERwE,EAAgBzD,EAAAA,SAAS,IACvB,KAAK,OAAQ,CAACb,EAAM,WAAa,CAACA,EAAM,MAAQ,CAACA,EAAM,IAAM,CAACA,EAAM,KAAQ,GAAG,CACtF,EAEKuE,EAAkBC,GAA+B,CACtD,GAAIH,EAAM,MAAO,CAChB,MAAMI,EAAQ,UAER,CACL,KAAMC,EACN,MAAOC,CAAA,EACJN,EAAM,MAAM,wBAEVO,EAAc,YAAaJ,EAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,EAAID,EAAEC,CAAK,EAG5DI,GAAW,KAAK,IAAI,KAAK,KAAKD,EAAcF,GAAeC,EAAa,CAAC,EAAG,CAAC,GAAK,EAElFG,GAAyB,WAAW,OAAO9E,EAAM,GAAG,CAAC,EAAI6E,IAAY,CAAC7E,EAAM,IAAM,CAACA,EAAM,KAEzF+E,GAAW,KAAK,MAAOD,GAA0B,CAAC9E,EAAM,IAAI,EAAI,CAACA,EAAM,KAEtE,OAAA,WAAW,KAAK,IAAI+E,GAAU,CAAC/E,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC,CAC5D,CAAA,EAGKgF,EAAeR,GAA+B,CAC7C,MAAAO,EAAWR,EAAeC,CAAC,EAE7BO,IACHZ,EAAW,MAAQY,EACpB,k5BCvGwBE,0CCNd,IAAAC,GAAAA,IACXA,EAAA,QAAU,UACVA,EAAA,QAAU,UAFCA,IAAAA,GAAA,CAAA,CAAA,2GCoEX,MAAMlF,EAAQC,EAORkF,EAAWtE,EAAAA,SAAS,IAAI,CAC7B,OAAQb,EAAM,KAAM,CACnB,KAAKkF,EAAgB,QAAS,OAAO5F,EAAQ,YAC7C,QAAS,OAAOA,EAAQ,WACzB,CAAA,CACA,8wDC1EwB8F,+gBC0DzB,MAAM1E,EAAQC,EAAAA,WACRX,EAAQC,EASR6D,EAAOC,EAEPsB,EAAaxE,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,2xCC7EI1E,GAAoB+F,yYC6FzB,MAAMtF,EAAQC,EASR6D,EAAOC,EAEPsB,EAAaxE,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAM,oBAAqBG,CAAK,CACjC,CAAA,CACA,gqEC/GwBsB,iQCuBzB,MAAMvF,EAAQC,EAURuF,EAAS3E,EAAAA,SAAS,KACdb,EAAM,QAAUA,EAAM,MAAQA,EAAM,IAAMA,EAAM,KAAQ,GACjE,4XClCwByF,wmCCmEzB,MAAMzF,EAAQC,EAOR6D,EAAOC,EAEPsB,EAAaxE,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,mmBCpFwByB,qXCyGzB,MAAM1F,EAAQC,EAWR6D,EAAOC,EACPsB,EAAaxE,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,ihFC3HwB0B,m7BCDAC,uLC2BnB,MAAAC,EAAU/F,MAAuC,CAAA,CAAE,EACnDgG,EAAQhG,EAAAA,MACRiG,EAAajG,EAAAA,MAEbkG,EAAiBxB,GAAgB,CACtC,GAAIsB,EAAM,MAAO,CACV,MAAAG,EAAMH,EAAM,MAAM,sBAAsB,EAE9CD,EAAQ,MAAM,KAAK,CAClB,EAAGrB,EAAE,QAAUyB,EAAI,KACnB,EAAGzB,EAAE,QAAUyB,EAAI,IACnB,GAAI,KAAK,SAAS,SAAS,EAAE,EAAE,OAAO,EAAG,CAAC,CAAA,CAC1C,CACF,CAAA,EAEKC,EAAaC,GAAa,CAC/BN,EAAQ,MAAQA,EAAQ,MAAM,OAAYO,GAAAA,EAAI,KAAOD,CAAC,CAAA,goBCzC9BE,qwBC2DzB,MAAMrG,EAAQC,EAOR6D,EAAOC,EAEPsB,EAAaxE,EAAAA,SAAS,CAC3B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,2wCC5EwBqC,smDC8CzB,MAAMtG,EAAQC,0vBC/CWsG,oUC4BzB,MAAMvG,EAAQC,EAQR6D,EAAOC,EAEPyC,EAAY3F,EAAAA,SAAS,CAC1B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,k3BC7CwBwC,8xBCmEzB,MAAMzG,EAAQC,EAUR6D,EAAOC,EAIPC,EAAgBnD,EAAAA,SAAS,CAC9B,KAAM,CACL,OAAOb,EAAM,UACd,EACA,IAAIiE,EAAO,CACVH,EAAK,oBAAqBG,CAAK,CAChC,CAAA,CACA,++CCvFwByC,2VCyBzB,MAAM1G,EAAQC,EACR6D,EAAOC,EAEPgC,EAAajG,MAAoC,CAAA,CAAE,EAEnD6G,EAAW,IAAI,CACd,MAAAC,EAAiBb,EAAW,MAAM,OAAac,GAAA,YAAAA,EAAO,KAAK,EAAE,KAAK,EAAE,EAC1E/C,EAAK,UAAW8C,CAAc,CAAA,EAGzBE,EAAe,CAACC,EAAaC,IAAe,OAC7CA,EAAQhH,EAAM,eACjBiH,EAAAlB,EAAW,MAAMiB,EAAQ,CAAC,IAA1B,MAAAC,EAA6B,SAG1BD,IAAUhH,EAAM,YAAc,GACxB2G,GACV,EAGKO,EAAgB1C,GAAiB,CAClCA,EAAE,QACJA,EAAE,OAA4B,QAChC,EAGK2C,EAAe3C,GAAqB,SACzCA,EAAE,eAAe,EACjB,MAAM4C,GAAYH,EAAAzC,EAAE,gBAAF,YAAAyC,EAAiB,QAAQ,QACvCG,GAAaA,EAAU,SAAWpH,EAAM,eAC3CqH,EAAAtB,EAAW,MAAM/F,EAAM,YAAc,CAAC,IAAtC,MAAAqH,EAAyC,QAEzCtB,EAAW,MAAM,QAAQ,CAACc,EAAOG,KAAQ,CACpCH,IACGA,EAAA,MAAQO,EAAUJ,EAAK,EAC9B,CACA,EACQL,IACV,qhBChCIW,GAAiE,CACtE,QAAA/G,GACA,WAAAmD,GACA,QAAA5C,GACA,UAAAK,GACA,SAAAM,GACA,UAAAkC,GACA,aAAAC,GACA,aAAAC,GACA,WAAAK,GACA,WAAA7D,GACA,OAAAV,GACA,cAAAmC,GACA,QAAAK,GACA,aAAA8C,GACA,WAAA1C,GACA,QAAAE,GACA,oBAAAE,GACA,YAAAyC,GACA,aAAAG,GACA,WAAAE,GACA,QAAAH,GACA,eAAAI,GACA,aAAAC,GACA,kBAAAC,GACA,SAAAS,GACA,SAAAC,GACA,WAAAC,GAEA,WAAA1D,GACA,QAAAK,GACA,YAAAH,GACA,WAAAE,GACA,OAAAwD,GACA,SAAAC,GACA,aAAAlH,GACA,uGCnEyB+H,0CDoEzB,MAAAC,EACD,EAGMC,GAAY,CACjB,QAAQC,EAAU,CACjB,OAAO,KAAKJ,EAAU,EAAE,QAASK,GAAc,CAC9CD,EAAI,UAAUJ,GAAWK,CAAS,EAAE,KAAML,GAAWK,CAAS,CAAC,CAAA,CAC/D,CACF,CACD"}
1	+ {"version":3,"file":"bonkers-ui.umd.js","sources":["../src/components/ui-typography/_typings.ts","../src/_types/colors.ts","../src/components/ui-typography/index.ts","../src/_types/sizing.ts","../src/components/ui-icon/_typings.ts","../src/components/ui-icon/index.ts","../src/components/ui-dropdown/_typings.ts","../src/components/ui-dropdown/ui-dropdown.vue","../src/components/ui-dropdown/index.ts","../src/components/ui-alert/_types.ts","../src/components/ui-alert/index.ts","../src/components/ui-badge/_typings.ts","../src/components/ui-badge/ui-badge.vue","../src/components/ui-badge/index.ts","../src/components/ui-ber-rank/_types.ts","../src/components/ui-ber-rank/ui-ber-rank.vue","../src/components/ui-ber-rank/index.ts","../src/components/ui-button/_typings.ts","../src/components/ui-button/ui-button.vue","../src/components/ui-button/index.ts","../src/components/ui-radio-fancy/_typings.ts","../src/components/ui-skeleton/_typings.ts","../src/components/ui-icon-wrapper/_typings.ts","../src/components/ui-icon-wrapper/index.ts","../src/components/ui-input/_typings.ts","../src/components/ui-input/ui-input.vue","../src/components/ui-input/index.ts","../src/components/ui-list-item/_types.ts","../src/components/ui-list-item/index.ts","../src/components/ui-modal/_typings.ts","../src/components/ui-modal/index.ts","../src/components/ui-notification-badge/_types.ts","../src/components/ui-notification-badge/index.ts","../src/components/ui-snackbar/_types.ts","../src/components/ui-snackbar/index.ts","../src/components/ui-table/_types.ts","../src/components/ui-table/ui-table-cell/index.ts","../src/components/ui-table/ui-table-row/_typings.ts","../src/components/ui-table/ui-table-row/index.ts","../src/components/ui-table/index.ts","../src/_types/align.ts","../src/components/ui-modal/ui-backdrop/ui-backdrop.vue","../src/components/ui-modal/ui-backdrop/index.ts","../src/components/ui-card-cta/index.ts","../src/components/ui-card-result/index.ts","../src/components/ui-card-simple/ui-card-simple.vue","../src/components/ui-card-simple/index.ts","../src/components/ui-checkbox/ui-checkbox.vue","../src/components/ui-checkbox/index.ts","../src/components/ui-input-range/ui-input-range.vue","../src/components/ui-input-range/index.ts","../src/components/ui-order-card/_types.ts","../src/components/ui-order-card/ui-order-card.vue","../src/components/ui-order-card/index.ts","../src/components/ui-radio/ui-radio.vue","../src/components/ui-radio/index.ts","../src/components/ui-plain-radio/ui-plain-radio.vue","../src/components/ui-plain-radio/index.ts","../src/components/ui-progress/ui-progress.vue","../src/components/ui-progress/index.ts","../src/components/ui-radio-compact/ui-radio-compact.vue","../src/components/ui-radio-compact/index.ts","../src/components/ui-radio-fancy/ui-radio-fancy.vue","../src/components/ui-radio-fancy/index.ts","../src/components/ui-result-card-range/index.ts","../src/components/ui-ripple/ui-ripple.vue","../src/components/ui-ripple/index.ts","../src/components/ui-select/ui-select.vue","../src/components/ui-select/index.ts","../src/components/ui-skeleton/ui-skeleton.vue","../src/components/ui-skeleton/index.ts","../src/components/ui-tabs/ui-tabs.vue","../src/components/ui-tabs/index.ts","../src/components/ui-toggle/ui-toggle.vue","../src/components/ui-toggle/index.ts","../src/components/ui-verification-input/ui-verification-input.vue","../src/index.ts","../src/components/ui-verification-input/index.ts"],"sourcesContent":["export enum ETypographySizes {\n\t/*\n\t 10px\n\t /\n\tXXS = \"xxs\",\n\t/\n\t 12px\n\t /\n\tXS = \"xs\",\n\t/\n\t 14px\n\t /\n\tSM = \"sm\",\n\t/\n\t 16px\n\t /\n\tMD = \"m\",\n\t/\n\t 18px\n\t /\n\tLG = \"lg\",\n\t/\n\t 20px\n\t /\n\tXL = \"xl\",\n\t/\n\t 24px\n\t /\n\tXXL = \"2xl\",\n\t/\n\t 28px\n\t /\n\tXXXL = \"3xl\",\n\t/\n\t 42px\n\t /\n\tXXXXL = \"4xl\",\n\t/\n\t 40px\n\t /\n\tXXXXXL = \"5xl\",\n}\n\nexport enum ETextWeight {\n\t/\n\t 300\n\t /\n\tLIGHT = \"light\",\n\t/\n\t 500\n\t /\n\tREGULAR = \"regular\",\n\t/\n\t 700\n\t /\n\tSEMI_BOLD = \"semi_bold\",\n\t/\n\t 900\n\t /\n\tBOLD = \"bold\",\n}\n\nexport enum ETextAlign {\n\tLEFT = \"left\",\n\tCENTER = \"center\",\n\tRIGHT = \"right\",\n}\n\nexport enum ETextTransform {\n\tLOWERCASE = \"lowercase\",\n\tUPPERCASE = \"uppercase\",\n}\n","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_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\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_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_500 = \"--color-accent-alt-500\",\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","import UiTypography from \"./ui-typography.vue\";\n\nexport { UiTypography };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTypography;\nexport default deprecatedDefault;\n\nexport { ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from \"./_typings\";\nexport { EColors } from \"../../_types/colors\";\n","export enum ESize {\n\t/\n\t * 4px\n\t /\n\tXXS = \"xxs\",\n\t/\n\t 8px\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 40px\n\t /\n\tLG = \"lg\",\n\t/\n\t 80px\n\t /\n\tXL = \"xl\",\n\t/\n\t 120px\n\t /\n\tXXL = \"xxl\",\n}\n","export enum EIconType {\n\tFAR = \"far\",\n\tFAS = \"fas\",\n\tFAB = \"fab\",\n\tFAL = \"fal\",\n\tFAD = \"fad\",\n\tFAT = \"fat\",\n\tBRANDS = \"fa-brands\",\n}\n\nexport type TIconName = [EIconType, string];\n","import UiIcon from \"./ui-icon.vue\";\n\nexport { UiIcon };\n\nexport { ESize } from \"../../_types/sizing\";\nexport { EIconType } from \"./_typings\";\nexport type { TIconName } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiIcon;\nexport default deprecatedDefault;\n","export enum EDropdownKinds {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\"\n\n}\n","<template>\n\t<div\n\t\tclass=\"bg-white\"\n\t\t:class=\"{\n\t\t\t'rounded-lg border border-secondary-alt-300': kind === EDropdownKinds.DEFAULT\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center justify-between px-md py-sm\"\n\t\t\t:class=\"{\n\t\t\t\t'rounded-lg border border-secondary': kind === EDropdownKinds.SECONDARY\n\t\t\t}\"\n\t\t\t@click=\"isOpen = !isOpen\"\n\t\t>\n\t\t\t<ui-typography\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.LG\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD \"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\n\t\t\t<ui-icon\n\t\t\t\tclass=\"item-icon duration-200\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'rotate-180': isOpen,\n\t\t\t\t\t'rotate-0': !isOpen\n\t\t\t\t}\"\n\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t:size=\"ESize.SM\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"overflow-hidden duration-300\"\n\t\t\t:style=\"{\n\t\t\t\theight: accordionHeight + 'px'\n\t\t\t}\"\n\t\t\t:class=\"{\n\t\t\t\t'border border-transparent border-t-secondary-alt-300':\n\t\t\t\t\tkind === EDropdownKinds.DEFAULT,\n\t\t\t\t'!h-0 opacity-0': !isOpen,\n\t\t\t\t'h-auto opacity-100': isOpen\n\n\t\t\t}\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"contentRef\"\n\t\t\t\tclass=\"box-border pt-sm\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'p-sm': kind === EDropdownKinds.DEFAULT\n\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<slot>\n\t\t\t\t\t{{ subText }}\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { onMounted, ref } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport UiIcon, { type TIconName, ESize } from \"../ui-icon\";\n\timport { EDropdownKinds } from \"./_typings\";\n\n\tconst contentRef = ref<null \| HTMLDivElement>(null);\n\tconst accordionHeight = ref(0);\n\n\tconst props = withDefaults(defineProps<{\n\t\theader?: string;\n\t\ticonName: TIconName;\n\t\tsubText?: string;\n\t\tkind?: EDropdownKinds;\n\t\tactive?: boolean;\n\n\t}>(), {\n\t\tkind: EDropdownKinds.DEFAULT,\n\t});\n\n\tconst isOpen = ref(props.active);\n\n\tonMounted(()=>{\n\t\tif (contentRef.value) {\n\t\t\tconst { height } = contentRef.value.getBoundingClientRect();\n\t\t\taccordionHeight.value = height;\n\t\t}\n\t});\n\n</script>\n","import UiDropdown from \"./ui-dropdown.vue\";\n\nexport { UiDropdown };\nexport { EDropdownKinds } from \"./_typings.ts\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiDropdown;\nexport default deprecatedDefault;\n","export enum EAlertTypes {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n\tWARNING = \"WARNING\",\n}\n","import UiAlert from \"./ui-alert.vue\";\n\nexport { UiAlert };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiAlert;\nexport default deprecatedDefault;\n\nexport { EAlertTypes } from \"./_types\";\n","export enum EBadgeSize {\n\tSMALL = \"small\",\n\tMEDIUM = \"medium\",\n\tLARGE = \"large\",\n}\n\nexport enum EBadgeKind {\n\tPRIMARY = \"primary\",\n\tERROR = \"error\",\n\tACCENT = \"accent\",\n}\n","<template>\n\t<div\n\t\tclass=\"ui-badge relative overflow-hidden text-white\"\n\t>\n\t\t<div class=\"relative z-[1] flex content-center items-center gap-xxs px-xs py-xxs\">\n\t\t\t<ui-icon\n\t\t\t\tv-if=\"icon\"\n\t\t\t\t:size=\"ESize.SM\"\n\t\t\t\t:icon-name=\"icon\"\n\t\t\t/>\n\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"slots.default\"\n\t\t\t\t:size=\"getBadgeSize\"\n\t\t\t\tclass=\"whitespace-nowrap\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t<slot name=\"default\" />\n\t\t\t</ui-typography>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"absolute left-0 top-0 size-full rounded-full\"\n\t\t\t:class=\"[\n\t\t\t\t(!kind \|\| kind === EBadgeKind.PRIMARY) && 'bg-primary-600',\n\n\t\t\t\tkind === EBadgeKind.ERROR && 'bg-error-600',\n\t\t\t\tkind === EBadgeKind.ACCENT && 'bg-accent-600',\n\t\t\t]\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, useSlots } from \"vue\";\n\timport { EBadgeKind, EBadgeSize } from \"./_typings\";\n\timport UiIcon, { type TIconName } from \"../ui-icon\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport UiTypography, { ETypographySizes } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tsize?: EBadgeSize;\n\t\tkind?: EBadgeKind;\n\t\ticon?: TIconName;\n\t}>();\n\n\tconst slots = useSlots();\n\n\tconst getBadgeSize = computed(()=>{\n\t\tswitch (props.size) {\n\t\t\tcase EBadgeSize.MEDIUM:\n\t\t\t\treturn ETypographySizes.XS;\n\t\t\tcase EBadgeSize.LARGE:\n\t\t\t\treturn ETypographySizes.SM;\n\t\t\tcase EBadgeSize.SMALL:\n\t\t\tdefault:\n\t\t\t\treturn ETypographySizes.XXS;\n\t\t}\n\t});\n</script>\n","import UiBadge from \"./ui-badge.vue\";\n\nexport { UiBadge };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBadge;\nexport default deprecatedDefault;\n\nexport { EBadgeKind, EBadgeSize } from \"./_typings\";\n","import { EColors } from \"../../_types/colors\";\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.ERROR,\n\t},\n\t{\n\t\ttext: \"F\",\n\t\tcolor: EColors.WARNING,\n\t},\n\t{\n\t\ttext: \"E2\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"E1\",\n\t\tcolor: EColors.WARNING_600,\n\t},\n\t{\n\t\ttext: \"D2\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"D1\",\n\t\tcolor: EColors.WARNING_400,\n\t},\n\t{\n\t\ttext: \"C3\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C2\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"C1\",\n\t\tcolor: EColors.PRIMARY_ALT,\n\t},\n\t{\n\t\ttext: \"B3\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B2\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"B1\",\n\t\tcolor: EColors.PRIMARY_ALT_600,\n\t},\n\t{\n\t\ttext: \"A3\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A2\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\n\t},\n\t{\n\t\ttext: \"A1\",\n\t\tcolor: EColors.PRIMARY_ALT_700,\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","<template>\n\t<div class=\"ui-ber-rank flex\">\n\t\t<div class=\"ui-ber-rank__icon-wrapper relative\">\n\t\t\t<svg\n\t\t\t\tclass=\"text-secondary\"\n\t\t\t\t:class=\"[\n\t\t\t\t\tsize === EBerSize.SMALL && 'ui-ber-rank__icon_small',\n\t\t\t\t\tsize === EBerSize.MEDIUM && 'ui-ber-rank__icon_medium',\n\t\t\t\t]\"\n\t\t\t\tviewBox=\"0 0 160 60\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\tfill-rule=\"evenodd\"\n\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\tfill=\"currentColor\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t\t<ui-typography\n\t\t\t\t:kind=\"EColors.WHITE\"\n\t\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t\t:size=\"textSize\"\n\t\t\t\t:text-transform=\"ETextTransform.UPPERCASE\"\n\t\t\t\tclass=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t>\n\t\t\t\tber\n\t\t\t</ui-typography>\n\t\t</div>\n\n\t\t<div class=\"ui-ber-rank__icon-wrapper relative\">\n\t\t\t<ui-typography :kind=\"berRankDictionary[+rank]?.color \|\| berRankDictionary[0].color\">\n\t\t\t\t<svg\n\t\t\t\t\t:class=\"[\n\t\t\t\t\t\tsize === EBerSize.SMALL && 'ui-ber-rank__icon_small',\n\t\t\t\t\t\tsize === EBerSize.MEDIUM && 'ui-ber-rank__icon_medium',\n\t\t\t\t\t]\"\n\t\t\t\t\tviewBox=\"0 0 106 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\tfill-rule=\"evenodd\"\n\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\tfill=\"currentColor\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t</ui-typography>\n\n\t\t\t<ui-typography\n\t\t\t\t:kind=\"EColors.WHITE\"\n\t\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t\t:size=\"textSize\"\n\t\t\t\t:text-transform=\"ETextTransform.UPPERCASE\"\n\t\t\t\tclass=\"absolute left-0 top-0 flex size-full items-center justify-center\"\n\t\t\t>\n\t\t\t\t{{ berRankDictionary[+rank]?.text \|\| berRankDictionary[0].text }}\n\t\t\t</ui-typography>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETextWeight, ETypographySizes, ETextTransform } from \"../ui-typography\";\n\timport { EColors } from \"../../_types/colors\";\n\timport { berRankDictionary, type TBerPropNumber, type TBerPropString, EBerSize } from \"./_types\";\n\n\tconst props = withDefaults(defineProps<{\n\t\trank: TBerPropNumber \| TBerPropString \| number; // from 0 to 15\n\t\tsize?: EBerSize\n\t}>(), {\n\t\tsize: EBerSize.MEDIUM\n\t});\n\n\tconst textSize = computed(()=>{\n\t\tswitch (props.size) {\n\t\t\tcase EBerSize.SMALL:\n\t\t\t\treturn ETypographySizes.SM;\n\t\t\tcase EBerSize.MEDIUM:\n\t\t\t\treturn ETypographySizes.XXXL;\n\t\t\tdefault:\n\t\t\t\treturn ETypographySizes.XXXL;\n\t\t}\n\t});\n</script>\n\n<style>\n\t.ui-ber-rank__icon_medium {\n\t\theight: 60px;\n\t}\n\n\t.ui-ber-rank__icon_small {\n\t\theight: 30px;\n\t}\n</style>\n","import UiBerRank from \"./ui-ber-rank.vue\";\n\nexport { UiBerRank };\nexport { EBerSize } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBerRank;\nexport default deprecatedDefault;\n","export enum EButtonTypes {\n\tPRIMARY = \"primary\",\n\tSECONDARY = \"secondary\",\n\tERROR = \"error\",\n\tWARNING = \"warning\",\n\tPRIMARY_OVERLAY = \"primary-overlay\",\n\tSECONDARY_OVERLAY = \"secondary-overlay\",\n\tERROR_OVERLAY = \"error-overlay\",\n\tWARNING_OVERLAY = \"warning-overlay\",\n\tLINK = \"link\",\n}\nexport enum EButtonSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","<template>\n\t<button\n\t\tclass=\"ui-button\n\t\t\ttext-base\n\t\t\tgrid\n\t\t\ttouch-manipulation\n\t\t\tgrid-flow-col\n\t\t\titems-center\n\t\t\tjustify-center\n\t\t\twhitespace-nowrap\n\t\t\trounded-lg\n\t\t\tfont-bold\n\t\t\tleading-none\n\t\t\t\"\n\t\t:disabled=\"disabled\"\n\t\t:class=\"[\n\t\t\t(!kind \|\| kind === EButtonTypes.PRIMARY) && [primaryColor, primaryColorHover, primaryColorActive].join(' '),\n\t\t\tkind === EButtonTypes.SECONDARY\n\t\t\t\t&& 'bg-secondary text-white hover:bg-secondary-600 active:bg-secondary-700 disabled:bg-secondary-300',\n\t\t\tkind === EButtonTypes.WARNING\n\t\t\t\t&& 'bg-warning text-white hover:bg-warning-600 active:bg-warning-700 disabled:bg-warning-300',\n\t\t\tkind === EButtonTypes.ERROR\n\t\t\t\t&& 'bg-error text-white hover:bg-error-600 active:bg-error-700 disabled:bg-error-300',\n\t\t\tkind === EButtonTypes.PRIMARY_OVERLAY\n\t\t\t\t&& `border border-primary text-primary hover:border-transparent hover:bg-primary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-primary-700\n\t\t\t\t\tactive:text-white disabled:border-primary-300 disabled:text-primary-300`,\n\t\t\tkind === EButtonTypes.SECONDARY_OVERLAY\n\t\t\t\t&& `border border-secondary text-secondary hover:border-transparent hover:bg-secondary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-secondary-700\n\t\t\t\t\tactive:text-white disabled:border-secondary-300 disabled:text-secondary-300`,\n\t\t\tkind === EButtonTypes.WARNING_OVERLAY\n\t\t\t\t&& `border border-warning text-warning hover:border-transparent hover:bg-warning-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-warning-700\n\t\t\t\t\tactive:text-white disabled:border-warning-300 disabled:text-warning-300`,\n\t\t\tkind === EButtonTypes.ERROR_OVERLAY\n\t\t\t\t&& `border border-error text-error hover:border-transparent hover:bg-error-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-error-700\n\t\t\t\t\tactive:text-white disabled:border-error-300 disabled:text-error-300`,\n\t\t\tkind === EButtonTypes.LINK && `hover:text-accent-alt-600 active:text-accent-alt-700\n\t\t\t\tdisabled:text-accent-alt-300 text-accent-alt`,\n\t\t\t(!size \|\| size === EButtonSizes.DEFAULT) && 'px-md py-sm',\n\t\t\tsize === EButtonSizes.SMALL && 'px-md py-xs',\n\t\t\tsize === EButtonSizes.MEDIUM && 'p-sm',\n\t\t\tsize === EButtonSizes.LARGE && 'p-md',\n\t\t\t($slots.default \|\| $slots.postfix) && 'gap-sm',\n\t\t\tfullWidth && 'w-full',\n\t\t\tdisabled && 'pointer-events-none',\n\t\t]\"\n\t>\n\t\t<slot name=\"prefix\" />\n\n\t\t<slot />\n\n\t\t<slot name=\"postfix\" />\n\t</button>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n\ttype TProps = {\n\t\tkind?: EButtonTypes;\n\t\tsize?: EButtonSizes;\n\t\tfullWidth?: boolean;\n\t\tdisabled?: boolean;\n\t}\n\n\tconst primaryColor = \"text-white bg-primary disabled:bg-primary-300\";\n\tconst primaryColorHover = \"hover:bg-primary-600 \";\n\tconst primaryColorActive = \"active:bg-primary-700 \";\n\n\twithDefaults( defineProps<TProps>(), {\n\t\tkind: EButtonTypes.PRIMARY,\n\t\tsize: EButtonSizes.DEFAULT,\n\t\tfullWidth: false,\n\t\tdisabled: false,\n\t});\n</script>\n","import UiButton from \"./ui-button.vue\";\n\nexport { UiButton };\nexport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiButton;\nexport default deprecatedDefault;\n","export enum ERadioSizes {\n\tDEFAULT = \"default\",\n\tMINIMAL = \"minimal\",\n\tCOMPACT = \"compact\"\n}\n","export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tFILTER_MENU = \"FILTER_MENU\"\n}\n","export enum EIconWrapperTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n}\nexport enum EIconWrapperSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","import UiIconWrapper from \"./ui-icon-wrapper.vue\";\n\nexport { UiIconWrapper };\n\nexport { EIconWrapperTypes, EIconWrapperSizes } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiIconWrapper;\nexport default deprecatedDefault;\n","export enum EInputKinds {\n\tPRIMARY = \"PRIMARY\",\n\tSECONDARY = \"SECONDARY\",\n\tERROR = \"ERROR\",\n}\n\nexport enum EInputType {\n\tTEXT = \"text\",\n\tNUMBER = \"number\",\n\tTEL = \"tel\",\n\tPASSWORD = \"password\",\n\tEMAIL = \"email\",\n\tDATE = \"date\",\n}\n\nexport enum EAutocomplete {\n\tOFF = \"off\",\n\tON = \"on\", // dont forget to add name attribute to input (custom one)\n\tNAME = \"name\", // full name\n\tGIVEN_NAME = \"given-name\",\n\tADDITIONAL_NAME = \"additional-name\",\n\tFAMILY_NAME = \"family-name\",\n\n\tHONORIFIC_PREFIX = \"honorific-prefix\",\n\tNICKNAME = \"nickname\",\n\n\tEMAIL = \"email\",\n\tUSERNAME = \"username\",\n\tNEW_PASSWORD = \"new-password\",\n\tCURRENT_PASSWORD = \"current-password\",\n\tORGANIZATION_TITLE = \"organization-title\",\n\tORGANIZATION = \"organization\",\n\tSTREET_ADDRESS = \"street-address\",\n\tSHIPPING = \"shipping\",\n\tBUILDING = \"building\",\n\tADDRESS_LINE1 = \"address-line1\",\n\tADDRESS_LINE2 = \"address-line2\",\n\tADDRESS_LINE3 = \"address-line3\",\n\tADDRESS_LEVEL4 = \"address-level4\",\n\tADDRESS_LEVEL3 = \"address-level3\",\n\tADDRESS_LEVEL2 = \"address-level2\",\n\tADDRESS_LEVEL1 = \"address-level1\",\n\tCOUNTRY = \"country\",\n\tCOUNTRY_NAME = \"country-name\",\n\tPOSTAL_CODE = \"postal-code\",\n\tCC_NAME = \"cc-name\",\n\tCC_GIVEN_NAME = \"cc-given-name\",\n\tCC_ADDITIONAL_NAME = \"cc-additional-name\",\n\tCC_FAMILY_NAME = \"cc-family-name\",\n\tCC_NUMBER = \"cc-number\",\n\tCC_EXP = \"cc-exp\",\n\tCC_EXP_MONTH = \"cc-exp-month\",\n\tCC_EXP_YEAR = \"cc-exp-year\",\n\tCC_CSC = \"cc-csc\",\n\tCC_TYPE = \"cc-type\",\n\tTRANSACTION_CURRENCY = \"transaction-currency\",\n\tTRANSACTION_AMOUNT = \"transaction-amount\",\n\tLANGUAGE = \"language\",\n\tBIRTHDAY = \"bday\",\n\tBIRTHDAY_DAY = \"bday-day\",\n\tBIRTHDAY_MONTH = \"bday-month\",\n\tBIRTHDAY_YEAR = \"bday-year\",\n\tSEX = \"sex\",\n\tTEL= \"tel\",\n\tTEL_COUNTRY_CODE = \"tel-country-code\",\n\tTEL_NATIONAL = \"tel-national\",\n\tTEL_AREA_CODE = \"tel-area-code\",\n\tTEL_LOCAL = \"tel-local\",\n\tTEL_EXTENSION = \"tel-extension\",\n\tIMPP = \"impp\",\n\tURL = \"url\",\n\tPHOTO = \"photo\",\n\tWEBAUTHN = \"webauthn\",\n}\n","<template>\n\t<div\n\t\tclass=\"ui-input\"\n\t\t:class=\"[\n\t\t\tdisabled && 'pointer-events-none'\n\t\t]\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete \|\| getAutoComplete\"\n\t\t\t\t:name=\"name \|\| autocomplete \|\| getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler \|\| undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string \| number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tdisabled: false,\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n</script>\n","import UiInput from \"./ui-input.vue\";\n\nexport { EInputType, EInputKinds, EAutocomplete } from \"./_typings\";\nexport { UiInput };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiInput;\nexport default deprecatedDefault;\n","export enum EListItemTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPROGRESS = \"PROGRESS\"\n}\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n","import UiListItem from \"./ui-list-item.vue\";\nexport { EListItemTypes, EListItemSpacing, EListItemSize } from \"./_types\";\nexport { UiListItem };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiListItem;\nexport default deprecatedDefault;\n","export enum EModalSizes {\n\tSM = \"sm\",\n\tMD = \"md\",\n\tLG = \"lg\",\n\tRESPONSIVE = \"responsive\",\n}\n","import UiModal from \"./ui-modal.vue\";\n\nexport { UiModal };\nexport { EModalSizes } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiModal;\nexport default deprecatedDefault;\n","export enum EBadgeOrigin {\n\tDEFAULT = \"default\",\n\tOFFSET_TOP_RIGHT = \"offset-top-right\"\n}\n\nexport enum ENotificationBadgeSizes {\n\tDEFAULT = \"default\",\n\tSMALL = \"sm\",\n\tMEDIUM = \"md\",\n\tLARGE = \"lg\"\n}\n","import UiNotificationBadge from \"./ui-notification-badge.vue\";\n\nexport { UiNotificationBadge };\nexport { EBadgeOrigin } from \"./_types\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiNotificationBadge;\nexport default deprecatedDefault;\n","export enum ESnackbarTypes {\n\tDEFAULT = \"default\",\n\tPRIMARY = \"primary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\",\n\tSECONDARY = \"secondary\",\n}\n","import UiSnackbar from \"./ui-snackbar.vue\";\n\nexport { UiSnackbar };\nexport { ESnackbarTypes } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSnackbar;\nexport default deprecatedDefault;\n","export enum ETableKind {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\",\n\tSECONDARY_INVERTED = \"secondary-inverted\",\n}\n","import UiTableCell from \"./ui-table-cell.vue\";\n\nexport { UiTableCell };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTableCell;\nexport default deprecatedDefault;\n","export enum ERowKind {\n\tSECONDARY = \"secondary\"\n}\n","import UiTableRow from \"./ui-table-row.vue\";\nexport { UiTableRow };\n\nexport { ERowKind } from \"./_typings\";\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTableRow;\nexport default deprecatedDefault;\n","import UiTable from \"./ui-table.vue\";\n\nexport { UiTable };\n\nexport { ETextAlign, ETextWeight } from \"../ui-typography\";\nexport { UiTableCell } from \"./ui-table-cell\";\n\nexport { UiTableRow, ERowKind } from \"./ui-table-row\";\nexport { ETableKind } from \"./_types\";\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTable;\nexport default deprecatedDefault;\n","export enum EJustify {\n\tSTART = \"start\",\n\tEND = \"end\",\n\tCENTER = \"center\",\n\tBETWEEN = \"between\",\n\tAROUND = \"around\",\n\tEVENLY = \"evenly\",\n}\n","<template>\n\t<div>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tbackdrop-color\n\t\t\t\tfixed\n\t\t\t\tinset-0\n\t\t\t\tz-0\n\t\t\t\tbackdrop-blur-sm\n\t\t\t\ttransition-all\n\t\t\t\t\"\n\t\t/>\n\n\t\t<slot />\n\t</div>\n</template>\n\n<style lang=\"css\" scoped>\n\t.backdrop-color {\n\t\tbackground-color: rgb(0 0 0 / 50%);\n\t}\n</style>\n","import UiBackdrop from \"./ui-backdrop.vue\";\n\nexport { UiBackdrop };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiBackdrop;\nexport default deprecatedDefault;\n","import UiCardCta from \"./ui-card-cta.vue\";\n\nexport { UiCardCta };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardCta;\nexport default deprecatedDefault;\n","import UiCardResult from \"./ui-card-result.vue\";\n\nexport { UiCardResult };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardResult;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-card-simple rounded-3xl bg-white px-sm py-md shadow-md\"\n\t>\n\t\t<ui-typography\n\t\t\tv-if=\"slots.title\"\n\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t\tclass=\"pb-md\"\n\t\t>\n\t\t\t<slot name=\"title\" />\n\t\t</ui-typography>\n\n\t\t<slot />\n\n\t\t<ui-typography\n\t\t\tv-if=\"slots.footerSubtitle\"\n\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t>\n\t\t\t<slot name=\"footerSubtitle\" />\n\t\t</ui-typography>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETextWeight, ETextAlign } from \"../ui-typography\";\n\timport { useSlots } from \"vue\";\n\n\tconst slots = useSlots();\n</script>\n","import UiCardSimple from \"./ui-card-simple.vue\";\nexport { UiCardSimple };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCardSimple;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-checkbox grid cursor-pointer\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-sm',\n\t\t\t(!justify \|\| justify === EJustify.START) && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'ui-checkbox_disabled',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\tv-model=\"checkboxModel\"\n\t\t\tclass=\"absolute appearance-none\"\n\t\t\ttype=\"checkbox\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-checkbox_custom\n\t\t\t\trelative\n\t\t\t\tflex\n\t\t\t\tsize-md\n\t\t\t\titems-center\n\t\t\t\tjustify-center\n\t\t\t\trounded\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\t\"\n\t\t\t:class=\"invertOrder && 'order-last'\"\n\t\t>\n\t\t\t<svg\n\t\t\t\tclass=\"ui-checkbox__icon text-white\"\n\t\t\t\twidth=\"16\"\n\t\t\t\theight=\"12\"\n\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\tfill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t>\n\t\t\t\t<path\n\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t/>\n\t\t\t</svg>\n\n\t\t</span>\n\t\t<span\n\t\t\tv-if=\"slots.default\"\n\t\t\tclass=\"ui-checkbox__slot-wrapper\"\n\t\t>\n\t\t\t<slot />\n\t\t</span>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { useSlots, computed } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\n\tconst slots = useSlots();\n\n\tconst props = defineProps<{\n\t\tmodelValue: boolean \| unknown[];\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-checkbox {\n\t\tgrid-template-columns: auto auto;\n\t}\n\n\t.ui-checkbox_custom {\n\t\ttransition: background-color ease-in-out 0.3s 0.3s, border-width ease-in-out 0.2s;\n\t}\n\n\t.ui-checkbox__icon {\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.3s ease-in-out;\n\t}\n\n\tinput + .ui-checkbox_custom:active {\n\t\ttransition: background-color ease-in-out 0.1s;\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t}\n\n\tinput + .ui-checkbox_custom:active,\n\tinput:focus + .ui-checkbox_custom {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\tinput:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-secondary-alt-200);\n\t\tborder-color: var(--color-secondary-alt-400);\n\t}\n\n\tinput:checked + .ui-checkbox_custom .ui-checkbox__icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\tinput:checked + .ui-checkbox_custom > svg {\n\t\topacity: 1;\n\t}\n\n\tinput:checked + .ui-checkbox_custom {\n\t\tborder-width: 0;\n\t\tbackground-color: var(--color-primary);\n\t\ttransition: background-color ease-in-out 0.1s, border-width ease-in-out 0.1s, box-shadow ease-in-out 0.2s;\n\t\tanimation: cb-pop 0.5s ease-in-out;\n\t}\n\n\tinput:checked + .ui-checkbox_custom:hover {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked + .ui-checkbox_custom:active {\n\t\tbackground-color: var(--color-primary-700);\n\t}\n\n\tinput:checked:disabled + .ui-checkbox_custom {\n\t\tbackground-color: var(--color-primary-300);\n\t\tborder: 1px solid var(--color-primary-400);\n\t}\n\n\t.ui-checkbox_disabled {\n\t\tpointer-events: none;\n\t\tcursor: default;\n\t}\n\n\t@keyframes cb-pop {\n\t\t0% {\n\t\t\ttransform: scale(1);\n\t\t}\n\n\t\t33% {\n\t\t\ttransform: scale(0.95);\n\t\t}\n\n\t\t66% {\n\t\t\ttransform: scale(1.05);\n\t\t}\n\n\t\t100% {\n\t\t\ttransform: scale(1);\n\t\t}\n\t}\n</style>\n","import UiCheckbox from \"./ui-checkbox.vue\";\n\nexport { UiCheckbox };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiCheckbox;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\tsize-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string \| number;\n\t\tmax: string \| number;\n\t\tstep: string \| number;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst rangeModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent \| TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) \|\| 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent \| TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n","import UiInputRange from \"./ui-input-range.vue\";\n\nexport { UiInputRange };\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiInputRange;\nexport default deprecatedDefault;\n","export enum EOrderCardTypes {\n\tDEFAULT = \"DEFAULT\",\n\tWARNING = \"WARNING\"\n}\n","<template>\n\t<div\n\t\tclass=\"ui-order-card relative mt-sm rounded-md pt-md text-center\"\n\t\t:class=\"[\n\t\t\tkind === EOrderCardTypes.DEFAULT && 'bg-primary-300 text-white',\n\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-300 text-warning-700'\n\t\t]\"\n\t>\n\t\t<ui-icon\n\t\t\t:icon-name=\"iconName\"\n\t\t\t:size=\"ESize.LG\"\n\t\t\tclass=\"absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-300\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-white',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-300 text-white'\n\t\t\t]\"\n\t\t/>\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.title\"\n\t\t\tclass=\"pt-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'text-warning-700'\n\t\t\t]\"\n\t\t\t:kind=\"pickKind\"\n\t\t\t:size=\"ETypographySizes.XL\"\n\t\t\t:weight=\"ETextWeight.BOLD\"\n\t\t>\n\t\t\t<slot name=\"title\" />\n\t\t</ui-typography>\n\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.textBody\"\n\t\t\tclass=\"mb-sm p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'text-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'text-warning-700'\n\t\t\t]\"\n\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t:weight=\"ETextWeight.REGULAR\"\n\t\t>\n\t\t\t<slot name=\"textBody\" />\n\t\t</ui-typography>\n\n\t\t<ui-typography\n\t\t\tv-if=\"$slots.footer\"\n\t\t\tclass=\"rounded-b-lg py-sm text-white\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EOrderCardTypes.DEFAULT && 'bg-primary-700',\n\t\t\t\tkind === EOrderCardTypes.WARNING && 'bg-warning-700'\n\t\t\t]\"\n\t\t\t:size=\"ETypographySizes.XXS\"\n\t\t\t:weight=\"ETextWeight.REGULAR\"\n\t\t>\n\t\t\t<slot name=\"footer\" />\n\t\t</ui-typography>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport { EColors } from \"../../_types/colors\";\n\timport UiTypography, { ETextWeight, ETypographySizes } from \"../ui-typography\";\n\timport type { TIconName } from \"../ui-icon\";\n\timport UiIcon from \"../ui-icon\";\n\timport { EOrderCardTypes } from \"./_types\";\n\n\tconst props = withDefaults(defineProps<{\n\t\ticonName: TIconName;\n\t\tkind?: EOrderCardTypes;\n\t}>(), {\n\t\tkind: EOrderCardTypes.DEFAULT\n\t});\n\n\tconst pickKind = computed(()=>{\n\t\tswitch (props.kind) {\n\t\t\tcase EOrderCardTypes.WARNING: return EColors.WARNING_700;\n\t\t\tdefault: return EColors.PRIMARY_700;\n\t\t}\n\t});\n\n</script>\n","import UiOrderCard from \"./ui-order-card.vue\";\n\nexport { UiOrderCard };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiOrderCard;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-radio group grid cursor-pointer grid-flow-col\"\n\t\t:class=\"[\n\t\t\tslots.default && 'items-center gap-xs',\n\t\t\t(!justify \|\| justify === EJustify.START) && 'justify-start',\n\t\t\tjustify === EJustify.END && 'justify-end',\n\t\t\tjustify === EJustify.AROUND && 'justify-around',\n\t\t\tjustify === EJustify.BETWEEN && 'justify-between',\n\t\t\tjustify === EJustify.EVENLY && 'justify-evenly',\n\t\t\tjustify === EJustify.CENTER && 'justify-center',\n\t\t\tdisabled && 'pointer-events-none',\n\t\t]\"\n\t>\n\t\t<input\n\t\t\t:id=\"value\"\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name.toString()\"\n\t\t\t:value=\"value\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tclass=\"peer absolute appearance-none\"\n\t\t>\n\t\t<span\n\t\t\tclass=\"\n\t\t\t\tui-radio_custom\n\t\t\t\trelative\n\t\t\t\tblock\n\t\t\t\tsize-md\n\t\t\t\trounded-full\n\t\t\t\tborder\n\t\t\t\tborder-secondary-alt\n\t\t\t\tbg-white\n\t\t\t\tgroup-hover:border-secondary-alt-700\n\t\t\t\tgroup-focus:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-2\n\t\t\t\tpeer-checked:border-primary\n\t\t\t\tpeer-checked:hover:border-primary-600\n\t\t\t\tpeer-focus:shadow-border-primary\n\t\t\t\tpeer-disabled:border-secondary-alt-400\n\t\t\t\tpeer-disabled:bg-secondary-alt-200\"\n\t\t\t:class=\"invertOrder && 'order-last'\"\n\t\t>\n\t\t\t<span\n\t\t\t\tclass=\"\n\t\t\t\t\t\tui-radio__dot\n\t\t\t\t\t\tabsolute\n\t\t\t\t\t\tleft-2/4\n\t\t\t\t\t\ttop-2/4\n\t\t\t\t\t\tblock\n\t\t\t\t\t\tsize-xs\n\t\t\t\t\t\trounded-full\n\t\t\t\t\t\tbg-primary\"\n\t\t\t/>\n\t\t</span>\n\t\t<slot />\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, useSlots } from \"vue\";\n\timport { EJustify } from \"../../_types/align\";\n\tconst slots = useSlots();\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string \| number \| boolean;\n\t\tvalue: string;\n\t\tjustify?: EJustify;\n\t\tinvertOrder?: boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n\n<style scoped>\n\t.ui-radio__dot {\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n\n\tinput:checked + .ui-radio_custom .ui-radio__dot {\n\t\ttransform: translate3d(-50%, -50%, 0) scale(1);\n\t}\n\n\tinput:checked + .ui-radio_custom:hover .ui-radio__dot {\n\t\tbackground-color: var(--color-primary-600);\n\t}\n\n\tinput:checked:disabled + .ui-radio_custom {\n\t\tborder: 2px solid var(--color-primary-300);\n\t}\n\n\tinput:checked:disabled + .ui-radio_custom .ui-radio__dot {\n\t\tbackground-color: var(--color-primary-300);\n\t}\n</style>\n","import UiRadio from \"./ui-radio.vue\";\n\nexport { UiRadio };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiRadio;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"ui-plain-radio relative mb-sm\"\n\t\t:for=\"name + value\"\n\t>\n\n\t\t<input\n\t\t\t:id=\"name + value\"\n\t\t\tv-model=\"radioModel\"\n\t\t\t:value=\"value\"\n\t\t\tname=\"ui-plain-radio\"\n\t\t\ttype=\"radio\"\n\t\t\t:disabled=\"disabled\"\n\t\t\tclass=\"peer absolute appearance-none\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"ui-plain-radio__content\n\t\t\t\tbox-border\n\t\t\t\tgrid\n\t\t\t\tsize-full\n\t\t\t\tcursor-pointer\n\t\t\t\tgrid-flow-col\n\t\t\t\titems-center\n\t\t\t\tjustify-start\n\t\t\t\tgap-sm\n\t\t\t\trounded-xl border\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\t\t\t\tbefore:box-border\n\n\t\t\t\tbefore:rounded-[16px]\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\t\tpeer-checked:active:before:-left-xs\n\t\t\t\tpeer-checked:active:before:-right-xs\n\t\t\t\tpeer-checked:active:before:-top-xs\n\n\t\t\t\tpeer-focus:before:-bottom-xs\n\t\t\t\tpeer-focus:before:-left-xs\n\n\t\t\t\tpeer-focus:before:-right-xs\n\t\t\t\tpeer-focus:before:-top-xs\n\t\t\t\tpeer-active:before:-bottom-xxs\n\t\t\t\tpeer-active:before:-left-xxs\n\n\t\t\t\tpeer-active:before:-right-xxs\n\t\t\t\tpeer-active:before:-top-xxs\"\n\t\t\t:class=\"disabled\n\t\t\t\t&& 'pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled'\"\n\t\t>\n\t\t\t<ui-radio\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\t:value=\"value.toString()\"\n\t\t\t\t:name=\"name\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\tclass=\"pointer-events-none\"\n\t\t\t/>\n\n\t\t\t<span>\n\t\t\t\t<slot name=\"header\">\n\t\t\t\t\t<ui-typography\n\t\t\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t\t\t:kind=\"EColors.SECONDARY\"\n\t\t\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t\t\t\tline-height\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ header }}\n\t\t\t\t\t</ui-typography>\n\t\t\t\t</slot>\n\n\t\t\t\t<slot name=\"subHeader\">\n\t\t\t\t\t<ui-typography\n\t\t\t\t\t\t:size=\"ETypographySizes.XS\"\n\t\t\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ subHeader }}\n\t\t\t\t\t</ui-typography>\n\t\t\t\t</slot>\n\t\t\t</span>\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiRadio from \"../ui-radio\";\n\timport UiTypography, { ETypographySizes, EColors, ETextWeight } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\theader?: string;\n\t\tsubHeader?: string;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit (\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiPlainRadio from \"./ui-plain-radio.vue\";\n\nexport { UiPlainRadio };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiPlainRadio;\nexport default deprecatedDefault;\n","<template>\n\t<div class=\"ui-progress\">\n\t\t<div\n\t\t\tclass=\"relative h-xs w-full overflow-hidden rounded-lg bg-primary-200\"\n\t\t>\n\t\t\t<div\n\t\t\t\tclass=\"\n\t\t\t\t\tui-progress__bar-fill\n\t\t\t\t\tabsolute\n\t\t\t\t\tleft-0\n\t\t\t\t\ttop-0\n\t\t\t\t\tz-10\n\t\t\t\t\th-full\n\t\t\t\t\trounded-lg\n\t\t\t\t\tbg-primary-alt-700\n\t\t\t\t\ttransition-all\n\t\t\t\t\tduration-300\n\t\t\t\t\"\n\t\t\t\t:style=\"{\n\t\t\t\t\twidth: filler + '%'\n\t\t\t\t}\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tmin: number\n\t\tmax: number\n\t\tcurrent: number\n\t}>(),{\n\t\tmin: 0,\n\t\tmax: 100,\n\t\tcurrent: 0\n\t});\n\n\tconst filler = computed(() => {\n\t\treturn ((props.current - props.min) / (props.max - props.min)) 100;\n\t});\n</script>\n","import UiProgress from \"./ui-progress.vue\";\n\nexport { UiProgress };\n\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiProgress;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"\n\t\tui-radio-compact\n\t\trelative\n\t\t\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\tui-radio-compact_content\n\t\t\tbox-border\n\t\t\tgrid\n\t\t\tcursor-pointer\n\t\t\titems-center\n\t\t\tjustify-items-center\n\t\t\trounded-xl\n\t\t\tborder\n\t\t\tborder-secondary-alt-500\n\t\t\tbg-white\n\t\t\tbefore:absolute\n\t\t\tbefore:-z-10\n\t\t\tbefore:box-border\n\t\t\tbefore:rounded-[16px]\n\n\t\t\tbefore:bg-primary-300\n\t\t\thover:border-secondary-alt-700\n\t\t\tpeer-checked:border-transparent\n\t\t\tpeer-checked:shadow-selected-shadow\n\t\t\tpeer-checked:hover:shadow-border-selected\n\n\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\tpeer-checked:active:before:-left-xs\n\t\t\tpeer-checked:active:before:-right-xs\n\t\t\tpeer-checked:active:before:-top-xs\n\t\t\tpeer-focus:before:-bottom-xs\n\n\t\t\tpeer-focus:before:-left-xs\n\t\t\tpeer-focus:before:-right-xs\n\n\t\t\tpeer-focus:before:-top-xs\n\t\t\tpeer-active:before:-bottom-xxs\n\t\t\tpeer-active:before:-left-xxs\n\t\t\tpeer-active:before:-right-xxs\n\n\t\t\tpeer-active:before:-top-xxs\n\t\t\t\"\n\t\t>\n\n\t\t\t<ui-typography\n\t\t\t\tclass=\"px-md py-sm\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t\t:align=\"ETextAlign.CENTER\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextAlign } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiRadioCompact from \"./ui-radio-compact.vue\";\n/\n @deprecated The default should not be used at all (look at ui-radio-fancy compact)\n /\nexport { UiRadioCompact };\n/\n @deprecated The default should not be used at all\n /\nconst deprecatedDefault = UiRadioCompact;\nexport default deprecatedDefault;\n","<template>\n\t<label\n\t\tclass=\"\n\t\t\tui-radio-fancy\n\t\t\trelative\n\n\t\t\"\n\t\t:class=\"disabled && 'pointer-events-none'\"\n\t>\n\t\t<input\n\t\t\tv-model=\"radioModel\"\n\t\t\ttype=\"radio\"\n\t\t\t:name=\"name\"\n\t\t\t:value=\"value\"\n\t\t\tclass=\"group peer absolute appearance-none\"\n\t\t\t:disabled=\"disabled\"\n\t\t>\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-radio-fancy__content\n\t\t\t\tbox-border\n\t\t\t\tsize-full\n\t\t\t\tcursor-pointer\n\t\t\t\trounded-xl border\n\t\t\t\tborder-secondary-alt-500\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\tbefore:absolute\n\t\t\t\tbefore:-z-10\n\t\t\t\tbefore:box-border\n\n\t\t\t\tbefore:rounded-[16px]\n\t\t\t\tbefore:bg-primary-300\n\t\t\t\thover:border-secondary-alt-700\n\t\t\t\tpeer-checked:border-transparent\n\t\t\t\tpeer-checked:shadow-selected-shadow\n\n\t\t\t\tpeer-checked:hover:shadow-border-selected\n\t\t\t\tpeer-checked:active:shadow-border-primary\n\t\t\t\tpeer-checked:active:before:-bottom-xs\n\t\t\t\tpeer-checked:active:before:-left-xs\n\t\t\t\tpeer-checked:active:before:-right-xs\n\t\t\t\tpeer-checked:active:before:-top-xs\n\n\t\t\t\tpeer-focus:before:-bottom-xs\n\t\t\t\tpeer-focus:before:-left-xs\n\n\t\t\t\tpeer-focus:before:-right-xs\n\t\t\t\tpeer-focus:before:-top-xs\n\t\t\t\tpeer-active:before:-bottom-xxs\n\t\t\t\tpeer-active:before:-left-xxs\n\n\t\t\t\tpeer-active:before:-right-xxs\n\t\t\t\tpeer-active:before:-top-xxs\n\t\t\t\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled\n\t\t\t\t\t&& 'pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled',\n\t\t\t\tradioSize === ERadioSizes.MINIMAL && 'flex gap-sm align-middle',\n\t\t\t\tradioSize === ERadioSizes.COMPACT && 'grid cursor-pointer grid-flow-col px-md'\n\n\t\t\t]\"\n\t\t>\n\t\t\t<div\n\t\t\t\tv-if=\"radioSize === ERadioSizes.DEFAULT && iconName\"\n\t\t\t>\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\tclass=\" mb-md peer-checked:text-primary-500\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div v-else-if=\"radioSize === ERadioSizes.MINIMAL && iconName\">\n\t\t\t\t<ui-icon\n\t\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t\t:size=\"ESize.MD\"\n\t\t\t\t\t:class=\"[value === modelValue && 'text-primary',\n\t\t\t\t\t\tdisabled && 'text-secondary-alt-400',\n\t\t\t\t\t\tdisabled && value === modelValue && 'text-primary-300'\n\t\t\t\t\t]\"\n\t\t\t\t/>\n\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tv-else-if=\"radioSize === ERadioSizes.COMPACT\"\n\t\t\t/>\n\t\t\t<ui-typography\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY\"\n\t\t\t\tclass=\"pt-xxs\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</ui-typography>\n\t\t</div>\n\t</label>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes } from \"../ui-typography\";\n\timport type { TIconName } from \"../ui-icon\";\n\timport { ESize } from \"../../_types/sizing\";\n\timport { EColors } from \"../../_types/colors\";\n\timport { ERadioSizes } from \"./_typings\";\n\timport uiIcon from \"../ui-icon\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tmodelValue: string \| number \| boolean;\n\t\tname: string;\n\t\tvalue: string \| number \| boolean;\n\t\ticonName?: TIconName;\n\t\tdisabled?: boolean;\n\t\tradioSize?: ERadioSizes;\n\t}>(), {\n\t\tradioSize: ERadioSizes.DEFAULT,\n\t\ticonName: undefined\n\t});\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiRadioFancy from \"./ui-radio-fancy.vue\";\n\nexport { UiRadioFancy };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiRadioFancy;\nexport default deprecatedDefault;\n","import UiResultCardRange from \"./ui-result-card-range.vue\";\n\nexport { UiResultCardRange };\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiResultCardRange;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tref=\"tiBtn\"\n\t\tclass=\"ui-ripple\"\n\t\t@click=\"animateRipple\"\n\t>\n\t\t<slot />\n\n\t\t<transition-group>\n\t\t\t<svg\n\t\t\t\tv-for=\"val in ripples\"\n\t\t\t\t:ref=\"inputsRefs\"\n\t\t\t\t:key=\"val.id\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclass=\"ripple\"\n\t\t\t\t:style=\"{'top': val.y + 'px', 'left': val.x + 'px'}\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\t@animationend=\"rippleEnd(val.id)\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tr=\"50\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, type VNodeRef } from \"vue\";\n\n\tconst ripples = ref<{x:number, y:number, id:string}[]>([]);\n\tconst tiBtn = ref<HTMLDivElement>();\n\tconst inputsRefs = ref<VNodeRef>();\n\n\tconst animateRipple = (e:MouseEvent)=> {\n\t\tif (tiBtn.value) {\n\t\t\tconst pos = tiBtn.value.getBoundingClientRect();\n\n\t\t\tripples.value.push({\n\t\t\t\tx: e.clientX - pos.left,\n\t\t\t\ty: e.clientY - pos.top,\n\t\t\t\tid: Math.random().toString(36).substr(2, 9)\n\t\t\t});\n\t\t}\n\t};\n\tconst rippleEnd = (i: string)=> {\n\t\tripples.value = ripples.value.filter(val=>val.id !== i);\n\t};\n</script>\n\n<style>\n\t.ui-ripple {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\twill-change: transform, opacity;\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\tmix-blend-mode: screen;\n\t\tanimation: ripple 1s ease-out forwards, fade 1s ease-out forwards;\n\t\tz-index: 1;\n\t}\n\n\t@keyframes ripple {\n\t\t0% { transform: translate3d(-50%, -50%, 0) scale(0); }\n\t\t80% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t\t100% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t}\n\n\t@keyframes fade {\n\t\t0% { opacity: 1; }\n\t\t100% { opacity: 0; }\n\t}\n</style>\n","import UiRipple from \"./ui-ripple.vue\";\n\nexport { UiRipple };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\n\nconst deprecatedDefault = UiRipple;\nexport default deprecatedDefault;\n","<template>\n\t<div class=\"ui-select\">\n\t\t<slot name=\"heading\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<div\n\t\t\tclass=\"relative rounded-lg border border-secondary-alt-500 bg-white hover:border-secondary-alt-700\"\n\t\t\t:class=\"[disabled && 'pointer-events-none border-secondary-alt-300 bg-secondary-alt-200']\"\n\t\t>\n\t\t\t<select\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\tclass=\"\n\t\t\t\t\tm-0\n\t\t\t\t\tw-full\n\t\t\t\t\tcursor-pointer\n\t\t\t\t\tappearance-none\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\tp-sm\n\t\t\t\t\titalic\n\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\toutline-0\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</select>\n\n\t\t\t<div class=\"absolute right-sm top-1/2 -translate-y-1/2\">\n\t\t\t\t<slot name=\"postfix-icon\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\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\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\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</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string \| number;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n","import UiSelect from \"./ui-select.vue\";\n\nexport { UiSelect };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSelect;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tv-if=\"props.kind === ESkeletonKind.RESULT_CARD\"\n\t\tclass=\"ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xs\"\n\t>\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__header flex items-center\n\t\t\tjustify-between rounded-lg bg-secondary-alt-200 p-xs\"\n\t\t>\n\t\t\t<div class=\"flex w-full flex-col items-start\">\n\t\t\t\t<div class=\"ui-skeleton-card__content__text my-xs h-md w-full rounded-md bg-secondary-alt-300\" />\n\t\t\t\t<div class=\"ui-skeleton-card__content__text h-md w-5/6 rounded-md bg-secondary-alt-300\" />\n\t\t\t</div>\n\t\t\t<div class=\"ui-skeleton-card__header__image my-xxs ml-sm h-xl w-xxl rounded-xl bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__content flex flex-col items-start justify-start rounded-lg pt-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in ['w-1/2', 'w-1/3', 'w-2/3', 'w-3/4']\"\n\t\t\t\t:key=\"i\"\n\t\t\t\t:class=\"`${i}`\"\n\t\t\t\tclass=\"ui-skeleton-card__content__text mb-xs h-md rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__footer flex flex-row justify-between\">\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-lg bg-secondary-alt-300\" />\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-lg w-1/4 rounded-lg bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__button mt-xs flex h-md w-full items-center\n\t\tjustify-center rounded-lg bg-secondary-alt-300 py-md\"\n\t\t/>\n\t</div>\n\t<div\n\t\tv-else\n\t\tclass=\"ui-skeleton-menu mb-sm flex animate-pulse flex-row items-center justify-between\"\n\t>\n\t\t<div class=\"ui-skeleton-menu__result-count h-sm w-full max-w-xxl rounded-md bg-secondary-alt-300\" />\n\t\t<div class=\"ui-skeleton-menu__filters relative flex h-lg w-xxl flex-row gap-x-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in 2\"\n\t\t\t\t:key=\"i\"\n\t\t\t\tclass=\"ui-skeleton-menu__filters__item relative w-xl rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ESkeletonKind } from \"./_typings\";\n\n\tconst props = withDefaults(\n\t\tdefineProps<{\n\t\t\tkind?: ESkeletonKind\n\t\t}>(),\n\t\t{\n\t\t\tkind: ESkeletonKind.RESULT_CARD,\n\t\t});\n</script>\n","import UiSkeleton from \"./ui-skeleton.vue\";\nexport { UiSkeleton };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiSkeleton;\nexport default deprecatedDefault;\n","<template>\n\t<ul class=\"ui-tabs grid grid-flow-col rounded-full bg-secondary-alt-200\">\n\t\t<li\n\t\t\tv-for=\"tab in tabs\"\n\t\t\t:key=\"tab\"\n\t\t\tclass=\"rounded-full text-center\"\n\t\t\t:class=\"[tabsModel === tab && 'bg-white']\"\n\t\t>\n\t\t\t<label class=\"block cursor-pointer px-md py-xs\">\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"tabsModel\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tclass=\"absolute appearance-none\"\n\t\t\t\t\t:value=\"tab\"\n\t\t\t\t\t:name=\"name\"\n\t\t\t\t>\n\t\t\t\t<ui-typography\n\t\t\t\t\tis=\"span\"\n\t\t\t\t\t:size=\"ETypographySizes.XS\"\n\t\t\t\t\t:kind=\"tabsModel === tab ? EColors.SECONDARY_500 : EColors.SECONDARY_400\"\n\t\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t\t>\n\t\t\t\t\t{{ tab }}\n\t\t\t\t</ui-typography>\n\t\t\t</label>\n\t\t</li>\n\t</ul>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { EColors } from \"../../_types/colors\";\n\n\tconst props = withDefaults(defineProps<{\n\t\ttabs: string[];\n\t\tmodelValue: string;\n\t\tname?: string;\n\t}>(), {\n\t\tname: \"default\"\n\t});\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst tabsModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-tabs {\n\t\tpadding: 2px;\n\t}\n</style>\n","import UiTabs from \"./ui-tabs.vue\";\nexport { UiTabs };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiTabs;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"ui-toggle\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"header \|\| $slots.header\"\n\t\t\t\tline-height\n\t\t\t\tclass=\"mb-sm\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\n\t\t<label\n\t\t\tclass=\"flex cursor-pointer gap-sm rounded-full\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled && 'ui-toggle_disabled pointer-events-none',\n\t\t\t\tinvertOrder && 'flex-row-reverse',\n\t\t\t\talignCenter && 'items-center'\n\t\t\t]\"\n\t\t>\n\t\t\t<span\n\t\t\t\tclass=\"ui-input__input-wrapper relative block h-md\"\n\t\t\t>\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"checkboxModel\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"absolute size-0 appearance-none border-0\"\n\t\t\t\t\t:value=\"value\"\n\t\t\t\t>\n\n\t\t\t\t<span class=\"ui-toggle__bg-block block h-md w-lg rounded-full bg-secondary-alt\" />\n\n\t\t\t\t<span class=\"ui-toggle__dot absolute top-0 block rounded-full bg-white\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"ui-toggle__check-icon absolute\"\n\t\t\t\t\t\t:class=\"disabled ? 'text-primary-300' : 'text-primary'\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"12\"\n\t\t\t\t\t\tviewBox=\"0 0 16 12\"\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\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t<slot name=\"title\">\n\t\t\t\t<ui-typography\n\t\t\t\t\tv-if=\"title \|\| $slots.title\"\n\t\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\tline-height\n\t\t\t\t>\n\t\t\t\t\t{{ title }}\n\t\t\t\t</ui-typography>\n\t\t\t</slot>\n\t\t</label>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { computed } from \"vue\";\n\n\tconst props = defineProps<{\n\t\theader?: string;\n\t\ttitle?: string;\n\t\tmodelValue: boolean \| unknown[];\n\t\tdisabled?: boolean;\n\t\tinvertOrder?: boolean;\n\t\talignCenter?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n\n<style scoped>\n\t.ui-toggle__dot {\n\t\ttop: 50%;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\ttransform: translate3d(1px, -50%, 0);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle__check-icon {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate3d(-50%, -50%, 0);\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle:hover .ui-toggle__dot,\n\t.ui-toggle:active .ui-toggle__dot,\n\t.ui-toggle:focus .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-secondary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot {\n\t\ttransform: translate3d(calc(var(--lg) - 100% - 1px), -50%, 0);\n\t}\n\n\t.ui-toggle:hover input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:active input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:focus input:checked ~ .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\t.ui-toggle__bg-block {\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle_disabled .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-secondary-alt-300);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot .ui-toggle__check-icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t.ui-toggle_disabled input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary-300);\n\t}\n</style>\n","import UiToggle from \"./ui-toggle.vue\";\n\nexport { UiToggle };\n\n/\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n /\nconst deprecatedDefault = UiToggle;\nexport default deprecatedDefault;\n","<template>\n\t<div\n\t\tclass=\"inputs grid\"\n\t>\n\t\t<div\n\t\t\tv-for=\"(_, index) in inputsCount\"\n\t\t\t:key=\"index\"\n\t\t\tclass=\"input-wrapper\"\n\t\t>\n\t\t\t<input\n\t\t\t\tref=\"inputsRefs\"\n\t\t\t\t:type=\"type \|\| 'text'\"\n\t\t\t\tmaxlength=\"1\"\n\t\t\t\tplaceholder=\"•\"\n\t\t\t\t@input=\"(e)=>inputHandler(e, index)\"\n\t\t\t\t@focus=\"focusHandler\"\n\t\t\t\t@paste=\"handlePaste\"\n\t\t\t>\n\t\t\t<div class=\"bottom-wrapper\" />\n\t\t</div>\n\t</div>\n\t<slot name=\"button\" />\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref } from \"vue\";\n\n\ttype TProps = {\n\t\tinputsCount: number;\n\t\ttype?: \"text\";\n\t}\n\n\tconst props = defineProps<TProps>();\n\tconst emit = defineEmits([\"onFiled\"]);\n\n\tconst inputsRefs = ref<Array<HTMLInputElement \| null>>([]);\n\n\tconst doSubmit = ()=>{\n\t\tconst generateString = inputsRefs.value.map(input => input?.value).join(\"\");\n\t\temit(\"onFiled\", generateString);\n\t};\n\n\tconst inputHandler = (event:Event, index:number)=>{\n\t\tif (index < props.inputsCount) {\n\t\t\tinputsRefs.value[index + 1]?.focus();\n\t\t}\n\n\t\tif (index === props.inputsCount - 1) {\n\t\t\tdoSubmit();\n\t\t}\n\t};\n\n\tconst focusHandler = (e:FocusEvent) => {\n\t\tif (e.target) {\n\t\t\t(e.target as HTMLInputElement).select();\n\t\t}\n\t};\n\n\tconst handlePaste = (e:ClipboardEvent) => {\n\t\te.preventDefault();\n\t\tconst pasteText = e.clipboardData?.getData(\"text\");\n\t\tif (pasteText && pasteText.length === props.inputsCount) {\n\t\t\tinputsRefs.value[props.inputsCount - 1]?.focus();\n\n\t\t\tinputsRefs.value.forEach((input, index)=>{\n\t\t\t\tif (input) {\n\t\t\t\t\tinput.value = pasteText[index];\n\t\t\t\t}\n\t\t\t});\n\t\t\tdoSubmit();\n\t\t}\n\n\t};\n\n</script>\n\n<style scoped>\n\t.inputs {\n\t\tgrid-template-columns: repeat(auto-fill, 38px);\n\t\tgrid-gap: 24px;\n\t}\n\n\t.inputs .input-wrapper {\n\t\tposition: relative;\n\t\theight: 58px;\n\t}\n\n\t.inputs input {\n\t\twidth: 100%;\n\t\tborder: none;\n\t\ttext-align: center;\n\t\tfont-size: 36px;\n\t\tfont-weight: bold;\n\t\toutline: none;\n\n\t\t/ caret-color: var(--color-transparent); /\n\t}\n\n\t.inputs .input-wrapper .bottom-wrapper {\n\t\tposition: absolute;\n\t\tbottom: 0;\n\t\twidth: 100%;\n\t\theight: 5px;\n\t\tbackground-color: var(--color-secondary-300);\n\t\tborder-radius: 3px;\n\t\ttransition: background-color 0.3s ease-in-out;\n\t}\n\n\t.inputs input:focus ~ .bottom-wrapper {\n\t\tbackground-color: var(--color-primary);\n\t}\n\n\t.inputs input::placeholder {\n\t\tfont-size: 55px;\n\t\tcolor: var(--color-secondary-300);\n\t\topacity: 1;\n\t\ttransform: scale(1);\n\t\ttransition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;\n\t}\n\n\t.inputs input:focus::placeholder {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t}\n\n</style>\n","import { type App, defineComponent } from \"vue\";\nimport as types from \"./types\";\nimport * as UiAlert from \"./components/ui-alert\";\nimport * as UiBackdrop from \"./components/ui-modal/ui-backdrop\";\nimport * as UiBadge from \"./components/ui-badge\";\nimport * as UiBerRank from \"./components/ui-ber-rank\";\nimport * as UiButton from \"./components/ui-button\";\nimport * as UiCardCta from \"./components/ui-card-cta\";\nimport * as UiCardResult from \"./components/ui-card-result\";\nimport * as UiCardSimple from \"./components/ui-card-simple\";\nimport * as UiCheckbox from \"./components/ui-checkbox\";\nimport * as UiDropdown from \"./components/ui-dropdown\";\nimport * as UiIcon from \"./components/ui-icon\";\nimport * as UiIconWrapper from \"./components/ui-icon-wrapper\";\nimport * as UiInput from \"./components/ui-input\";\nimport * as UiInputRange from \"./components/ui-input-range\";\nimport * as UiListItem from \"./components/ui-list-item\";\nimport * as UiModal from \"./components/ui-modal\";\nimport * as UiNotificationBadge from \"./components/ui-notification-badge\";\nimport * as UiOrderCard from \"./components/ui-order-card\";\nimport * as UiPlainRadio from \"./components/ui-plain-radio\";\nimport * as UiProgress from \"./components/ui-progress\";\nimport * as UiRadio from \"./components/ui-radio\";\nimport * as UiRadioCompact from \"./components/ui-radio-compact\";\nimport * as UiRadioFancy from \"./components/ui-radio-fancy\";\nimport * as UiResultCardRange from \"./components/ui-result-card-range\";\nimport * as UiRipple from \"./components/ui-ripple\";\nimport * as UiSelect from \"./components/ui-select\";\nimport * as UiSkeleton from \"./components/ui-skeleton\";\nimport * as UiSnackbar from \"./components/ui-snackbar\";\nimport * as UiTable from \"./components/ui-table\";\nimport * as UiTableCell from \"./components/ui-table/ui-table-cell\";\nimport * as UiTableRow from \"./components/ui-table/ui-table-row\";\nimport * as UiTabs from \"./components/ui-tabs\";\nimport * as UiToggle from \"./components/ui-toggle\";\nimport * as UiTypography from \"./components/ui-typography\";\nimport * as UiVerificationInput from \"./components/ui-verification-input\";\n\nconst Components: Record<string, ReturnType<typeof defineComponent>> = {\n\tUiAlert,\n\tUiBackdrop,\n\tUiBadge,\n\tUiBerRank,\n\tUiButton,\n\tUiCardCta,\n\tUiCardResult,\n\tUiCardSimple,\n\tUiCheckbox,\n\tUiDropdown,\n\tUiIcon,\n\tUiIconWrapper,\n\tUiInput,\n\tUiInputRange,\n\tUiListItem,\n\tUiModal,\n\tUiNotificationBadge,\n\tUiOrderCard,\n\tUiPlainRadio,\n\tUiProgress,\n\tUiRadio,\n\tUiRadioCompact,\n\tUiRadioFancy,\n\tUiResultCardRange,\n\tUiRipple,\n\tUiSelect,\n\tUiSkeleton,\n\t//UiSlider,\n\tUiSnackbar,\n\tUiTable,\n\tUiTableCell,\n\tUiTableRow,\n\tUiTabs,\n\tUiToggle,\n\tUiTypography,\n\tUiVerificationInput,\n\ttypes\n};\n\n// for use with global app.use() in consumer project\nconst BonkersUI = {\n\tinstall(app: App) {\n\t\tObject.keys(Components).forEach((component) => {\n\t\t\tapp.component(Components[component].name, Components[component]);\n\t\t});\n\t}\n};\n\nexport default BonkersUI;\n\nexport { UiAlert, EAlertTypes } from \"./components/ui-alert\";\nexport { UiBackdrop } from \"./components/ui-modal/ui-backdrop\";\nexport { UiBadge, EBadgeKind, EBadgeSize } from \"./components/ui-badge\";\nexport { UiBerRank, EBerSize } from \"./components/ui-ber-rank\";\nexport { UiButton, EButtonSizes, EButtonTypes } from \"./components/ui-button\";\nexport { UiCardCta } from \"./components/ui-card-cta\";\nexport { UiCardResult } from \"./components/ui-card-result\";\nexport { UiCardSimple } from \"./components/ui-card-simple\";\nexport { UiCheckbox } from \"./components/ui-checkbox\";\nexport { UiDropdown, EDropdownKinds } from \"./components/ui-dropdown\";\nexport { UiIcon, ESize } from \"./components/ui-icon\";\nexport { UiIconWrapper, EIconWrapperTypes, EIconWrapperSizes } from \"./components/ui-icon-wrapper\";\nexport { UiInput, EInputType, EInputKinds, EAutocomplete } from \"./components/ui-input\";\nexport { UiInputRange } from \"./components/ui-input-range\";\nexport { UiListItem, EListItemTypes, EListItemSpacing, EListItemSize } from \"./components/ui-list-item\";\nexport { UiModal, EModalSizes } from \"./components/ui-modal\";\nexport { UiNotificationBadge, EBadgeOrigin } from \"./components/ui-notification-badge\";\nexport { UiOrderCard } from \"./components/ui-order-card\";\nexport { UiPlainRadio } from \"./components/ui-plain-radio\";\nexport { UiProgress } from \"./components/ui-progress\";\nexport { UiRadio } from \"./components/ui-radio\";\nexport { UiRadioCompact } from \"./components/ui-radio-compact\";\nexport { UiRadioFancy } from \"./components/ui-radio-fancy\";\nexport { UiResultCardRange } from \"./components/ui-result-card-range\";\nexport { UiRipple } from \"./components/ui-ripple\";\nexport { UiSelect } from \"./components/ui-select\";\nexport { UiSkeleton } from \"./components/ui-skeleton\";\nexport { UiSnackbar, ESnackbarTypes } from \"./components/ui-snackbar\";\nexport { UiTable, ETableKind, ERowKind } from \"./components/ui-table\";\nexport { UiTableCell } from \"./components/ui-table/ui-table-cell\";\nexport { UiTableRow } from \"./components/ui-table/ui-table-row\";\nexport { UiTabs } from \"./components/ui-tabs\";\nexport { UiToggle } from \"./components/ui-toggle\";\nexport { UiTypography, EColors, ETypographySizes, ETextWeight, ETextAlign, ETextTransform } from \"./components/ui-typography\";\nexport { UiVerificationInput } from \"./components/ui-verification-input\";\n","import UiVerificationInput from \"./ui-verification-input.vue\";\n\nexport { UiVerificationInput };\n\n/*\n @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiVerificationInput;\nexport default deprecatedDefault;\n"],"names":["ETypographySizes","ETextWeight","ETextAlign","ETextTransform","EColors","deprecatedDefault","UiTypography","ESize","EIconType","UiIcon","EDropdownKinds","contentRef","ref","accordionHeight","props","__props","isOpen","onMounted","height","UiDropdown","EAlertTypes","UiAlert","EBadgeSize","EBadgeKind","slots","useSlots","getBadgeSize","computed","UiBadge","berRankDictionary","text","EBerSize","textSize","UiBerRank","EButtonTypes","EButtonSizes","primaryColor","primaryColorHover","primaryColorActive","UiButton","ERadioSizes","ESkeletonKind","EIconWrapperTypes","EIconWrapperSizes","UiIconWrapper","EInputKinds","EInputType","EAutocomplete","getAutoComplete","UiInput","EListItemTypes","EListItemSpacing","EListItemSize","UiListItem","EModalSizes","UiModal","EBadgeOrigin","UiNotificationBadge","ESnackbarTypes","UiSnackbar","ETableKind","UiTableCell","ERowKind","UiTableRow","UiTable","EJustify","_popScopeId","n","_cache","_openBlock","_createElementBlock","_hoisted_1","UiBackdrop","UiCardCta","UiCardResult","UiCardSimple","emit","__emit","checkboxModel","value","UiCheckbox","rangeModel","watch","track","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler","UiInputRange","EOrderCardTypes","pickKind","UiOrderCard","radioModel","UiRadio","UiPlainRadio","filler","UiProgress","UiRadioCompact","UiRadioFancy","UiResultCardRange","ripples","tiBtn","inputsRefs","animateRipple","pos","rippleEnd","val","UiRipple","UiSelect","UiSkeleton","tabsModel","UiTabs","UiToggle","doSubmit","generateString","input","inputHandler","event","index","_a","focusHandler","handlePaste","pasteText","_b","Components","UiVerificationInput","types","BonkersUI","app","component"],"mappings":"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"}

package/components/ui-alert/_types.d.ts CHANGED Viewed

@@ -4,3 +4,4 @@ export declare enum EAlertTypes {
     ERROR = "ERROR",
     WARNING = "WARNING"
 }
+//# sourceMappingURL=_types.d.ts.map

package/components/ui-alert/_types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../src/components/ui-alert/_types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,OAAO,YAAY;CACnB"}

package/components/ui-alert/index.d.ts CHANGED Viewed

@@ -57,3 +57,4 @@ declare const deprecatedDefault: {
 });
 export default deprecatedDefault;
 export { EAlertTypes } from "./_types";
+//# sourceMappingURL=index.d.ts.map

package/components/ui-alert/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAU,CAAC;AAClC,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/components/ui-alert/ui-alert.vue.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { type TIconName } from "../ui-icon";
 import { EAlertTypes } from "./_types";
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
     icon: TIconName;
     kind?: EAlertTypes | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     icon: TIconName;
     kind?: EAlertTypes | undefined;
 }>>>, {}, {}>, {
@@ -25,3 +25,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+//# sourceMappingURL=ui-alert.vue.d.ts.map

package/components/ui-alert/ui-alert.vue.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ui-alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-alert/ui-alert.vue"],"names":[],"mappings":"AA4BA;AAGC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;AAgIxC,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/components/ui-badge/_typings.d.ts CHANGED Viewed

@@ -8,3 +8,4 @@ export declare enum EBadgeKind {
     ERROR = "error",
     ACCENT = "accent"
 }
+//# sourceMappingURL=_typings.d.ts.map

package/components/ui-badge/_typings.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"_typings.d.ts","sourceRoot":"","sources":["../../../src/components/ui-badge/_typings.ts"],"names":[],"mappings":"AAAA,oBAAY,UAAU;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AAED,oBAAY,UAAU;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}