bonkers-ui 1.0.60 → 1.0.62

package/components/ui-checkbox/ui-checkbox.vue.d.ts

@@ -0,0 +1,36 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { EJustify } from "../../_types/align";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean | unknown[];
+    justify?: EJustify | undefined;
+    invertOrder?: boolean | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (state: boolean | unknown[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: boolean | unknown[];
+    justify?: EJustify | undefined;
+    invertOrder?: boolean | undefined;
+    disabled?: boolean | undefined;
+    value?: string | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
+}, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-checkbox/ui-checkbox.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".ui-checkbox[data-v-1bc5e146]{grid-template-columns:auto auto}.ui-checkbox_custom[data-v-1bc5e146]{transition:background-color ease-in-out .3s .3s,border-width ease-in-out .2s}.ui-checkbox__icon[data-v-1bc5e146]{stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .3s ease-in-out}input+.ui-checkbox_custom[data-v-1bc5e146]:active{transition:background-color ease-in-out .1s;background-color:var(--color-secondary-alt-200)}input+.ui-checkbox_custom[data-v-1bc5e146]:active,input:focus+.ui-checkbox_custom[data-v-1bc5e146]{box-shadow:var(--shadow-border-primary)}input:disabled+.ui-checkbox_custom[data-v-1bc5e146]{background-color:var(--color-secondary-alt-200);border-color:var(--color-secondary-alt-400)}input:checked+.ui-checkbox_custom .ui-checkbox__icon[data-v-1bc5e146]{stroke-dashoffset:0}input:checked+.ui-checkbox_custom>svg[data-v-1bc5e146]{opacity:1}input:checked+.ui-checkbox_custom[data-v-1bc5e146]{border-width:0;background-color:var(--color-primary);transition:background-color ease-in-out .1s,border-width ease-in-out .1s,box-shadow ease-in-out .2s;animation:cb-pop-1bc5e146 .5s ease-in-out}input:checked+.ui-checkbox_custom[data-v-1bc5e146]:hover{background-color:var(--color-primary-600)}input:checked+.ui-checkbox_custom[data-v-1bc5e146]:active{background-color:var(--color-primary-700)}input:checked:disabled+.ui-checkbox_custom[data-v-1bc5e146]{background-color:var(--color-primary-300);border:1px solid var(--color-primary-400)}.ui-checkbox_disabled[data-v-1bc5e146]{pointer-events:none;cursor:default}@keyframes cb-pop-1bc5e146{0%{transform:scale(1)}33%{transform:scale(.95)}66%{transform:scale(1.05)}to{transform:scale(1)}}")),document.head.appendChild(o)}}catch(c){console.error("vite-plugin-css-injected-by-js",c)}})();
+import o from "./ui-checkbox.vue2.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1bc5e146"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=ui-checkbox.vue.js.map

package/components/ui-checkbox/ui-checkbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-checkbox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-checkbox/ui-checkbox.vue2.js

@@ -0,0 +1,74 @@
+import { defineComponent as y, useSlots as h, computed as b, openBlock as d, createElementBlock as u, normalizeClass as n, unref as t, withDirectives as v, createElementVNode as r, vModelCheckbox as j, renderSlot as k, createCommentVNode as w, pushScopeId as E, popScopeId as V } from "vue";
+import { EJustify as o } from "../../_types/align.js";
+const g = (s) => (E("data-v-1bc5e146"), s = s(), V(), s), B = ["value", "disabled"], N = /* @__PURE__ */ g(() => /* @__PURE__ */ r("svg", {
+  class: "ui-checkbox__icon text-white",
+  width: "16",
+  height: "12",
+  viewBox: "0 0 16 12",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ r("path", {
+    d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
+    stroke: "currentColor",
+    "stroke-width": "1.6",
+    "stroke-linecap": "round"
+  })
+], -1)), _ = [
+  N
+], C = {
+  key: 0,
+  class: "ui-checkbox__slot-wrapper"
+}, x = /* @__PURE__ */ y({
+  __name: "ui-checkbox",
+  props: {
+    modelValue: { type: [Boolean, Array] },
+    justify: {},
+    invertOrder: { type: Boolean },
+    disabled: { type: Boolean },
+    value: {}
+  },
+  emits: ["update:modelValue"],
+  setup(s, { emit: c }) {
+    const l = h(), p = s, m = c, a = b({
+      get() {
+        return p.modelValue;
+      },
+      set(e) {
+        m("update:modelValue", e);
+      }
+    });
+    return (e, i) => (d(), u("label", {
+      class: n(["ui-checkbox grid cursor-pointer", [
+        t(l).default && "items-center gap-sm",
+        (!e.justify || e.justify === t(o).START) && "justify-start",
+        e.justify === t(o).END && "justify-end",
+        e.justify === t(o).AROUND && "justify-around",
+        e.justify === t(o).BETWEEN && "justify-between",
+        e.justify === t(o).EVENLY && "justify-evenly",
+        e.justify === t(o).CENTER && "justify-center",
+        e.disabled && "ui-checkbox_disabled"
+      ]])
+    }, [
+      v(r("input", {
+        "onUpdate:modelValue": i[0] || (i[0] = (f) => a.value = f),
+        class: "absolute appearance-none",
+        type: "checkbox",
+        value: e.value,
+        disabled: e.disabled
+      }, null, 8, B), [
+        [j, a.value]
+      ]),
+      r("span", {
+        class: n(["ui-checkbox_custom relative flex h-md w-md items-center justify-center rounded border border-secondary-alt-500 hover:border-secondary-alt-700", e.invertOrder && "order-last"])
+      }, _, 2),
+      t(l).default ? (d(), u("span", C, [
+        k(e.$slots, "default", {}, void 0, !0)
+      ])) : w("", !0)
+    ], 2));
+  }
+});
+export {
+  x as default
+};
+//# sourceMappingURL=ui-checkbox.vue2.js.map

package/components/ui-checkbox/ui-checkbox.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-checkbox.vue2.js","sources":["../../../src/components/ui-checkbox/ui-checkbox.vue"],"sourcesContent":["<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"],"names":["slots","useSlots","props","__props","emit","__emit","checkboxModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEC,UAAMA,IAAQC,KAERC,IAAQC,GAQRC,IAAOC,GAIPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-dropdown/_typings.d.ts

@@ -0,0 +1,4 @@
+export declare enum EDropdownKinds {
+    DEFAULT = "default",
+    SECONDARY = "secondary"
+}

package/components/ui-dropdown/_typings.js

@@ -0,0 +1,5 @@
+var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.SECONDARY = "secondary", e))(r || {});
+export {
+  r as EDropdownKinds
+};
+//# sourceMappingURL=_typings.js.map

package/components/ui-dropdown/_typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typings.js","sources":["../../../src/components/ui-dropdown/_typings.ts"],"sourcesContent":["export enum EDropdownKinds {\n\tDEFAULT = \"default\",\n\tSECONDARY = \"secondary\"\n\n}\n"],"names":["EDropdownKinds"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aAFDA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/ui-dropdown/index.d.ts

@@ -0,0 +1,148 @@
+import { TIconName } from '../ui-icon/_typings.ts';
+import { EDropdownKinds } from './_typings.ts';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiDropdown from "./ui-dropdown.vue";
+export { UiDropdown };
+export { EDropdownKinds } from "./_typings.ts";
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            kind: EDropdownKinds;
+            active: boolean;
+        }> & Omit<{
+            readonly kind: EDropdownKinds;
+            readonly iconName: TIconName;
+            readonly active: boolean;
+            readonly header?: string | undefined;
+            readonly subText?: string | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            header: {
+                type: PropType<string>;
+            };
+            kind: {
+                type: PropType<EDropdownKinds>;
+                default: EDropdownKinds;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+                required: true;
+            };
+            subText: {
+                type: PropType<string>;
+            };
+            active: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>, "kind" | "active">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            header: {
+                type: PropType<string>;
+            };
+            kind: {
+                type: PropType<EDropdownKinds>;
+                default: EDropdownKinds;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+                required: true;
+            };
+            subText: {
+                type: PropType<string>;
+            };
+            active: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            kind: EDropdownKinds;
+            active: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        kind: {
+            type: PropType<EDropdownKinds>;
+            default: EDropdownKinds;
+        };
+        iconName: {
+            type: PropType<TIconName>;
+            required: true;
+        };
+        subText: {
+            type: PropType<string>;
+        };
+        active: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    header: {
+        type: PropType<string>;
+    };
+    kind: {
+        type: PropType<EDropdownKinds>;
+        default: EDropdownKinds;
+    };
+    iconName: {
+        type: PropType<TIconName>;
+        required: true;
+    };
+    subText: {
+        type: PropType<string>;
+    };
+    active: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    kind: EDropdownKinds;
+    active: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-dropdown/index.js

@@ -0,0 +1,9 @@
+import o from "./ui-dropdown.vue.js";
+import { EDropdownKinds as d } from "./_typings.js";
+const e = o;
+export {
+  d as EDropdownKinds,
+  o as UiDropdown,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-dropdown/index.ts"],"sourcesContent":["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"],"names":["deprecatedDefault","UiDropdown"],"mappings":";;AAOA,MAAMA,IAAoBC;"}

package/components/ui-dropdown/ui-dropdown.vue.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { type TIconName } from "../ui-icon";
+import { EDropdownKinds } from "./_typings";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    header?: string | undefined;
+    iconName: TIconName;
+    subText?: string | undefined;
+    kind?: EDropdownKinds | undefined;
+    active?: boolean | undefined;
+}>, {
+    kind: EDropdownKinds;
+    active: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    header?: string | undefined;
+    iconName: TIconName;
+    subText?: string | undefined;
+    kind?: EDropdownKinds | undefined;
+    active?: boolean | undefined;
+}>, {
+    kind: EDropdownKinds;
+    active: boolean;
+}>>>, {
+    kind: EDropdownKinds;
+    active: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-dropdown/ui-dropdown.vue.js

@@ -0,0 +1,82 @@
+import { defineComponent as f, ref as i, onMounted as v, openBlock as h, createElementBlock as g, normalizeClass as r, unref as o, createElementVNode as d, createVNode as u, withCtx as y, createTextVNode as c, toDisplayString as p, normalizeStyle as b, renderSlot as D } from "vue";
+import E from "../ui-typography/index.js";
+import k from "../ui-icon/index.js";
+import { EDropdownKinds as n } from "./_typings.js";
+import { ETypographySizes as T, ETextWeight as w } from "../ui-typography/_typings.js";
+import { ESize as z } from "../../_types/sizing.js";
+const S = ["active"], U = /* @__PURE__ */ f({
+  __name: "ui-dropdown",
+  props: {
+    header: {},
+    iconName: {},
+    subText: {},
+    kind: { default: n.DEFAULT },
+    active: { type: Boolean, default: !0 }
+  },
+  setup(m) {
+    const a = i(null), l = i(0), t = i(m.active);
+    return v(() => {
+      if (a.value) {
+        const { height: e } = a.value.getBoundingClientRect();
+        l.value = e;
+      }
+    }), (e, s) => (h(), g("div", {
+      class: r(["bg-white", {
+        "rounded-lg border border-secondary-alt-300": e.kind === o(n).DEFAULT
+      }])
+    }, [
+      d("div", {
+        class: r(["flex justify-between px-md py-sm", {
+          "rounded-lg border border-secondary": e.kind === o(n).SECONDARY
+        }]),
+        onClick: s[0] || (s[0] = (N) => t.value = !t.value)
+      }, [
+        u(o(E), {
+          "line-height": "",
+          size: o(T).MD,
+          weight: o(w).SEMI_BOLD
+        }, {
+          default: y(() => [
+            c(p(e.header), 1)
+          ]),
+          _: 1
+        }, 8, ["size", "weight"]),
+        u(o(k), {
+          class: r(["item-icon duration-200", {
+            "rotate-180": t.value,
+            "rotate-0": !t.value
+          }]),
+          "icon-name": e.iconName,
+          size: o(z).MD
+        }, null, 8, ["class", "icon-name", "size"])
+      ], 2),
+      d("div", {
+        class: r(["overflow-hidden duration-300", {
+          "border border-transparent border-t-secondary-alt-300": e.kind === o(n).DEFAULT,
+          "!h-0 opacity-0": !t.value,
+          "h-auto opacity-100": t.value
+        }]),
+        style: b({
+          height: l.value + "px"
+        }),
+        active: e.active
+      }, [
+        d("div", {
+          ref_key: "contentRef",
+          ref: a,
+          class: r(["box-border pt-sm", {
+            "p-sm": e.kind === o(n).DEFAULT
+          }])
+        }, [
+          D(e.$slots, "default", {}, () => [
+            c(p(e.subText), 1)
+          ])
+        ], 2)
+      ], 14, S)
+    ], 2));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=ui-dropdown.vue.js.map

package/components/ui-dropdown/ui-dropdown.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dropdown.vue.js","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"sourcesContent":["<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 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.MD\"\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.MD\"\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\t:active=\"active\"\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\tactive: true\n\t});\n\n\t// eslint-disable-next-line vue/no-setup-props-destructure\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"],"names":["contentRef","ref","accordionHeight","isOpen","__props","onMounted","height"],"mappings":";;;;;;;;;;;;;;;;AAqEO,UAAAA,IAAaC,EAA2B,IAAI,GAC5CC,IAAkBD,EAAY,CAAC,GAe/BE,IAASF,EAbDG,EAaW,MAAM;AAE/B,WAAAC,EAAU,MAAI;AACb,UAAIL,EAAW,OAAO;AACrB,cAAM,EAAE,QAAAM,EAAW,IAAAN,EAAW,MAAM,sBAAsB;AAC1D,QAAAE,EAAgB,QAAQI;AAAA,MACzB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-dropdown/ui-dropdown.vue2.js

@@ -0,0 +1,5 @@
+import f from "./ui-dropdown.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ui-dropdown.vue2.js.map

package/components/ui-dropdown/ui-dropdown.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dropdown.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ui-icon/_typings.d.ts

@@ -0,0 +1,10 @@
+export declare enum EIconType {
+    FAR = "far",
+    FAS = "fas",
+    FAB = "fab",
+    FAL = "fal",
+    FAD = "fad",
+    FAT = "fat",
+    BRANDS = "fa-brands"
+}
+export type TIconName = [EIconType, string];

package/components/ui-icon/_typings.js

@@ -0,0 +1,5 @@
+var f = /* @__PURE__ */ ((a) => (a.FAR = "far", a.FAS = "fas", a.FAB = "fab", a.FAL = "fal", a.FAD = "fad", a.FAT = "fat", a.BRANDS = "fa-brands", a))(f || {});
+export {
+  f as EIconType
+};
+//# sourceMappingURL=_typings.js.map

package/components/ui-icon/_typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typings.js","sources":["../../../src/components/ui-icon/_typings.ts"],"sourcesContent":["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"],"names":["EIconType"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,SAAS,aAPEA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/ui-icon/index.d.ts

@@ -0,0 +1,33 @@
+import { TIconName } from './_typings';
+import { ESize } from '../../_types/sizing';
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import UiIcon from "./ui-icon.vue";
+export { UiIcon };
+export { ESize } from "../../_types/sizing";
+export { EIconType } from "./_typings";
+export type { TIconName } from "./_typings";
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: DefineComponent<{
+    size: {
+        type: PropType<ESize>;
+        default: ESize;
+    };
+    iconName: {
+        type: PropType<TIconName>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<ESize>;
+        default: ESize;
+    };
+    iconName: {
+        type: PropType<TIconName>;
+        required: true;
+    };
+}>>, {
+    size: ESize;
+}, {}>;
+export default deprecatedDefault;

package/components/ui-icon/index.js

@@ -0,0 +1,11 @@
+import e from "./ui-icon.vue.js";
+import { ESize as f } from "../../_types/sizing.js";
+import { EIconType as c } from "./_typings.js";
+const r = e;
+export {
+  c as EIconType,
+  f as ESize,
+  e as UiIcon,
+  r as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-icon/index.ts"],"sourcesContent":["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"],"names":["deprecatedDefault","UiIcon"],"mappings":";;;AAUA,MAAMA,IAAoBC;"}

package/components/ui-icon/ui-icon.vue.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { ESize } from "../../_types/sizing";
+import type { TIconName } from "./_typings";
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: ESize | undefined;
+    iconName: TIconName;
+}>, {
+    size: ESize;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    size?: ESize | undefined;
+    iconName: TIconName;
+}>, {
+    size: ESize;
+}>>>, {
+    size: ESize;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/ui-icon/ui-icon.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as i, resolveComponent as m, openBlock as l, createBlock as a, normalizeClass as r, unref as s } from "vue";
+import { ESize as o } from "../../_types/sizing.js";
+const t = /* @__PURE__ */ i({
+  __name: "ui-icon",
+  props: {
+    size: { default: o.SM },
+    iconName: {}
+  },
+  setup(c) {
+    return (e, p) => {
+      const n = m("font-awesome-icon");
+      return l(), a(n, {
+        class: r(["ui-icon", [
+          e.size === s(o).XXS && "h-xxs w-xxs",
+          e.size === s(o).XS && "h-xs w-xs",
+          e.size === s(o).SM && "h-sm w-sm",
+          e.size === s(o).MD && "h-md w-md",
+          e.size === s(o).LG && "h-lg w-lg",
+          e.size === s(o).XL && "h-xl w-xl",
+          e.size === s(o).XXL && "h-xxl w-xxl"
+        ]]),
+        icon: e.iconName
+      }, null, 8, ["icon", "class"]);
+    };
+  }
+});
+export {
+  t as default
+};
+//# sourceMappingURL=ui-icon.vue.js.map

package/components/ui-icon/ui-icon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-icon.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-icon/ui-icon.vue2.js

@@ -0,0 +1,5 @@
+import f from "./ui-icon.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ui-icon.vue2.js.map

package/components/ui-icon/ui-icon.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-icon.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ui-icon-wrapper/_typings.d.ts

@@ -0,0 +1,11 @@
+export declare enum EIconWrapperTypes {
+    DEFAULT = "DEFAULT",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY"
+}
+export declare enum EIconWrapperSizes {
+    DEFAULT = "default",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}

package/components/ui-icon-wrapper/_typings.js

@@ -0,0 +1,6 @@
+var R = /* @__PURE__ */ ((A) => (A.DEFAULT = "DEFAULT", A.PRIMARY = "PRIMARY", A.SECONDARY = "SECONDARY", A))(R || {}), D = /* @__PURE__ */ ((A) => (A.DEFAULT = "default", A.SMALL = "sm", A.MEDIUM = "md", A.LARGE = "lg", A))(D || {});
+export {
+  D as EIconWrapperSizes,
+  R as EIconWrapperTypes
+};
+//# sourceMappingURL=_typings.js.map

package/components/ui-icon-wrapper/_typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typings.js","sources":["../../../src/components/ui-icon-wrapper/_typings.ts"],"sourcesContent":["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"],"names":["EIconWrapperTypes","EIconWrapperSizes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aAHDA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA;"}