bonkers-ui 1.0.60 → 1.0.62

package/components/ui-ber-rank/ui-ber-rank.vue.d.ts

@@ -0,0 +1,33 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { type TBerPropNumber, type TBerPropString, EBerSize } from "./_types";
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    rank: TBerPropNumber | TBerPropString | number;
+    size?: EBerSize | undefined;
+}>, {
+    size: EBerSize;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    rank: TBerPropNumber | TBerPropString | number;
+    size?: EBerSize | undefined;
+}>, {
+    size: EBerSize;
+}>>>, {
+    size: EBerSize;
+}, {}>;
+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-ber-rank/ui-ber-rank.vue.js

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

package/components/ui-ber-rank/ui-ber-rank.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-ber-rank.vue.js","sources":["../../../src/components/ui-ber-rank/ui-ber-rank.vue"],"sourcesContent":["<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"],"names":["props","__props","textSize","computed","EBerSize","ETypographySizes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAoEC,UAAMA,IAAQC,GAORC,IAAWC,EAAS,MAAI;AAC7B,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAS;AACb,iBAAOC,EAAiB;AAAA,QACzB,KAAKD,EAAS;AACb,iBAAOC,EAAiB;AAAA,QACzB;AACC,iBAAOA,EAAiB;AAAA,MAC1B;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-ber-rank/ui-ber-rank.vue3.js

@@ -0,0 +1,6 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ber-rank__icon_medium{height:60px}.ui-ber-rank__icon_small{height:30px}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import o from "./ui-ber-rank.vue.js";
+export {
+  o as default
+};
+//# sourceMappingURL=ui-ber-rank.vue3.js.map

package/components/ui-ber-rank/ui-ber-rank.vue3.js.map

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

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

@@ -0,0 +1,17 @@
+export declare enum EButtonTypes {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    ERROR = "error",
+    WARNING = "warning",
+    PRIMARY_OVERLAY = "primary-overlay",
+    SECONDARY_OVERLAY = "secondary-overlay",
+    ERROR_OVERLAY = "error-overlay",
+    WARNING_OVERLAY = "warning-overlay",
+    LINK = "link"
+}
+export declare enum EButtonSizes {
+    DEFAULT = "default",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg"
+}

package/components/ui-button/_typings.js

@@ -0,0 +1,6 @@
+var R = /* @__PURE__ */ ((r) => (r.PRIMARY = "primary", r.SECONDARY = "secondary", r.ERROR = "error", r.WARNING = "warning", r.PRIMARY_OVERLAY = "primary-overlay", r.SECONDARY_OVERLAY = "secondary-overlay", r.ERROR_OVERLAY = "error-overlay", r.WARNING_OVERLAY = "warning-overlay", r.LINK = "link", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.DEFAULT = "default", r.SMALL = "sm", r.MEDIUM = "md", r.LARGE = "lg", r))(a || {});
+export {
+  a as EButtonSizes,
+  R as EButtonTypes
+};
+//# sourceMappingURL=_typings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"_typings.js","sources":["../../../src/components/ui-button/_typings.ts"],"sourcesContent":["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"],"names":["EButtonTypes","EButtonSizes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,kBAAkB,mBAClBA,EAAA,oBAAoB,qBACpBA,EAAA,gBAAgB,iBAChBA,EAAA,kBAAkB,mBAClBA,EAAA,OAAO,QATIA,IAAAA,KAAA,CAAA,CAAA,GAWAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,QAAQ,MACRA,EAAA,SAAS,MACTA,EAAA,QAAQ,MAJGA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,146 @@
+import { EButtonSizes, EButtonTypes } from './_typings';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiButton from "./ui-button.vue";
+export { UiButton };
+export { EButtonSizes, EButtonTypes } from "./_typings";
+/**
+ * @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<{
+            size: EButtonSizes;
+            kind: EButtonTypes;
+            fullWidth: boolean;
+            disabled: boolean;
+        }> & Omit<{
+            readonly size: EButtonSizes;
+            readonly kind: EButtonTypes;
+            readonly fullWidth: boolean;
+            readonly disabled: boolean;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            size: {
+                type: PropType<EButtonSizes>;
+                default: EButtonSizes;
+            };
+            kind: {
+                type: PropType<EButtonTypes>;
+                default: EButtonTypes;
+            };
+            fullWidth: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>, "size" | "kind" | "fullWidth" | "disabled">;
+        $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<{
+            size: {
+                type: PropType<EButtonSizes>;
+                default: EButtonSizes;
+            };
+            kind: {
+                type: PropType<EButtonTypes>;
+                default: EButtonTypes;
+            };
+            fullWidth: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+            disabled: {
+                type: PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            size: EButtonSizes;
+            kind: EButtonTypes;
+            fullWidth: boolean;
+            disabled: 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<{
+        size: {
+            type: PropType<EButtonSizes>;
+            default: EButtonSizes;
+        };
+        kind: {
+            type: PropType<EButtonTypes>;
+            default: EButtonTypes;
+        };
+        fullWidth: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    size: {
+        type: PropType<EButtonSizes>;
+        default: EButtonSizes;
+    };
+    kind: {
+        type: PropType<EButtonTypes>;
+        default: EButtonTypes;
+    };
+    fullWidth: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    size: EButtonSizes;
+    kind: EButtonTypes;
+    fullWidth: boolean;
+    disabled: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        default?(_: {}): any;
+        postfix?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-button/index.js

@@ -0,0 +1,10 @@
+import t from "./ui-button.vue.js";
+import { EButtonSizes as s, EButtonTypes as f } from "./_typings.js";
+const o = t;
+export {
+  s as EButtonSizes,
+  f as EButtonTypes,
+  t as UiButton,
+  o as default
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,51 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { EButtonSizes, EButtonTypes } from "./_typings";
+type TProps = {
+    kind?: EButtonTypes;
+    size?: EButtonSizes;
+    fullWidth?: boolean;
+    disabled?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
+    kind: EButtonTypes;
+    size: EButtonSizes;
+    fullWidth: boolean;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
+    kind: EButtonTypes;
+    size: EButtonSizes;
+    fullWidth: boolean;
+    disabled: boolean;
+}>>>, {
+    size: EButtonSizes;
+    kind: EButtonTypes;
+    fullWidth: boolean;
+    disabled: boolean;
+}, {}>, {
+    prefix?(_: {}): any;
+    default?(_: {}): any;
+    postfix?(_: {}): 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-button/ui-button.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as o, openBlock as n, createElementBlock as d, normalizeClass as s, unref as r, renderSlot as i } from "vue";
+import { EButtonTypes as t, EButtonSizes as a } from "./_typings.js";
+const b = ["disabled"], l = "text-white bg-primary disabled:bg-primary-300", p = "hover:bg-primary-600 ", g = "active:bg-primary-700 ", y = /* @__PURE__ */ o({
+  __name: "ui-button",
+  props: {
+    kind: { default: t.PRIMARY },
+    size: { default: a.DEFAULT },
+    fullWidth: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(v) {
+    return (e, h) => (n(), d("button", {
+      class: s(["ui-button text-base grid touch-manipulation grid-flow-col items-center justify-center whitespace-nowrap rounded-lg font-bold leading-none", [
+        (!e.kind || e.kind === r(t).PRIMARY) && [l, p, g].join(" "),
+        e.kind === r(t).SECONDARY && "bg-secondary text-white hover:bg-secondary-600 active:bg-secondary-700 disabled:bg-secondary-300",
+        e.kind === r(t).WARNING && "bg-warning text-white hover:bg-warning-600 active:bg-warning-700 disabled:bg-warning-300",
+        e.kind === r(t).ERROR && "bg-error text-white hover:bg-error-600 active:bg-error-700 disabled:bg-error-300",
+        e.kind === r(t).PRIMARY_OVERLAY && `border border-primary text-primary hover:border-transparent hover:bg-primary-600
+					hover:text-white active:border-transparent active:bg-primary-700
+					active:text-white disabled:border-primary-300 disabled:text-primary-300`,
+        e.kind === r(t).SECONDARY_OVERLAY && `border border-secondary text-secondary hover:border-transparent hover:bg-secondary-600
+					hover:text-white active:border-transparent active:bg-secondary-700
+					active:text-white disabled:border-secondary-300 disabled:text-secondary-300`,
+        e.kind === r(t).WARNING_OVERLAY && `border border-warning text-warning hover:border-transparent hover:bg-warning-600
+					hover:text-white active:border-transparent active:bg-warning-700
+					active:text-white disabled:border-warning-300 disabled:text-warning-300`,
+        e.kind === r(t).ERROR_OVERLAY && `border border-error text-error hover:border-transparent hover:bg-error-600
+					hover:text-white active:border-transparent active:bg-error-700
+					active:text-white disabled:border-error-300 disabled:text-error-300`,
+        e.kind === r(t).LINK && `hover:text-accent-alt-600 active:text-accent-alt-700
+				disabled:text-accent-alt-300 text-accent-alt`,
+        (!e.size || e.size === r(a).DEFAULT) && "px-md py-sm",
+        e.size === r(a).SMALL && "px-md py-xs",
+        e.size === r(a).MEDIUM && "p-sm",
+        e.size === r(a).LARGE && "p-md",
+        (e.$slots.default || e.$slots.postfix) && "gap-sm",
+        e.fullWidth && "w-full",
+        e.disabled && "pointer-events-none"
+      ]]),
+      disabled: e.disabled
+    }, [
+      i(e.$slots, "prefix"),
+      i(e.$slots, "default"),
+      i(e.$slots, "postfix")
+    ], 10, b));
+  }
+});
+export {
+  y as default
+};
+//# sourceMappingURL=ui-button.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-button.vue.js","sources":["../../../src/components/ui-button/ui-button.vue"],"sourcesContent":["<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"],"names":["primaryColor","primaryColorHover","primaryColorActive"],"mappings":";;wBAoEOA,IAAe,iDACfC,IAAoB,yBACpBC,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/components/ui-card-cta/index.d.ts

@@ -0,0 +1,127 @@
+import { TIconName } from '../ui-icon';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiCardCta from "./ui-card-cta.vue";
+export { UiCardCta };
+/**
+ * @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<{}> & Omit<{
+            readonly title?: string | undefined;
+            readonly iconName?: TIconName | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly invertOrder?: boolean | undefined;
+            readonly description?: string | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            invertOrder: {
+                type: PropType<boolean>;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+            };
+            title: {
+                type: PropType<string>;
+            };
+            description: {
+                type: PropType<string>;
+            };
+        }>>, never>;
+        $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<{
+            invertOrder: {
+                type: PropType<boolean>;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+            };
+            title: {
+                type: PropType<string>;
+            };
+            description: {
+                type: PropType<string>;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, 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<{
+        invertOrder: {
+            type: PropType<boolean>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        iconName: {
+            type: PropType<TIconName>;
+        };
+        title: {
+            type: PropType<string>;
+        };
+        description: {
+            type: PropType<string>;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    invertOrder: {
+        type: PropType<boolean>;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    iconName: {
+        type: PropType<TIconName>;
+    };
+    title: {
+        type: PropType<string>;
+    };
+    description: {
+        type: PropType<string>;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        iconSlot?(_: {}): any;
+        titleSlot?(_: {}): any;
+        descriptionSlot?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-card-cta/index.js

@@ -0,0 +1,7 @@
+import a from "./ui-card-cta.vue.js";
+const e = a;
+export {
+  a as UiCardCta,
+  e as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-card-cta/index.js.map

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

package/components/ui-card-cta/ui-card-cta.vue.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import type { TIconName } from "../ui-icon";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    invertOrder?: boolean | undefined;
+    disabled?: boolean | undefined;
+    iconName?: TIconName | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    invertOrder?: boolean | undefined;
+    disabled?: boolean | undefined;
+    iconName?: TIconName | undefined;
+    title?: string | undefined;
+    description?: string | undefined;
+}>>>, {}, {}>, {
+    iconSlot?(_: {}): any;
+    titleSlot?(_: {}): any;
+    descriptionSlot?(_: {}): 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;
+    };
+};