bonkers-ui 1.0.61 → 1.0.62

package/components/ui-notification-badge/ui-notification-badge.vue.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { EBadgeOrigin } from "./_types";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    origin?: EBadgeOrigin | undefined;
+}>, {
+    origin: EBadgeOrigin;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    origin?: EBadgeOrigin | undefined;
+}>, {
+    origin: EBadgeOrigin;
+}>>>, {
+    origin: EBadgeOrigin;
+}, {}>, {
+    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-notification-badge/ui-notification-badge.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent as r, openBlock as n, createElementBlock as i, normalizeClass as a, unref as t, renderSlot as s } from "vue";
+import { EBadgeOrigin as o } from "./_types.js";
+const p = /* @__PURE__ */ r({
+  __name: "ui-notification-badge",
+  props: {
+    origin: { default: o.DEFAULT }
+  },
+  setup(l) {
+    return (e, d) => (n(), i("div", {
+      class: a(["notification-badge absolute h-sm min-w-sm rounded-full border border-white bg-error text-center text-xxs font-bold leading-none text-white", [
+        e.origin === t(o).DEFAULT && "right-0 top-0",
+        e.origin === t(o).OFFSET_TOP_RIGHT && "-right-xxs -top-xxs"
+      ]])
+    }, [
+      s(e.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=ui-notification-badge.vue.js.map

package/components/ui-notification-badge/ui-notification-badge.vue.js.map

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

package/components/ui-notification-badge/ui-notification-badge.vue3.js

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

package/components/ui-notification-badge/ui-notification-badge.vue3.js.map

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

package/components/ui-order-card/_types.d.ts

@@ -0,0 +1,4 @@
+export declare enum EOrderCardTypes {
+    DEFAULT = "DEFAULT",
+    WARNING = "WARNING"
+}

package/components/ui-order-card/_types.js

@@ -0,0 +1,5 @@
+var N = /* @__PURE__ */ ((A) => (A.DEFAULT = "DEFAULT", A.WARNING = "WARNING", A))(N || {});
+export {
+  N as EOrderCardTypes
+};
+//# sourceMappingURL=_types.js.map

package/components/ui-order-card/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/ui-order-card/_types.ts"],"sourcesContent":["export enum EOrderCardTypes {\n\tDEFAULT = \"DEFAULT\",\n\tWARNING = \"WARNING\"\n}\n"],"names":["EOrderCardTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -0,0 +1,103 @@
+import { TIconName } from '../ui-icon';
+import { EOrderCardTypes } from './_types';
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiOrderCard from "./ui-order-card.vue";
+export { UiOrderCard };
+/**
+ * @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: EOrderCardTypes;
+        }> & Omit<{
+            readonly kind: EOrderCardTypes;
+            readonly iconName: TIconName;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            kind: {
+                type: PropType<EOrderCardTypes>;
+                default: EOrderCardTypes;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+                required: true;
+            };
+        }>>, "kind">;
+        $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<{
+            kind: {
+                type: PropType<EOrderCardTypes>;
+                default: EOrderCardTypes;
+            };
+            iconName: {
+                type: PropType<TIconName>;
+                required: true;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            kind: EOrderCardTypes;
+        }, {}, 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<{
+        kind: {
+            type: PropType<EOrderCardTypes>;
+            default: EOrderCardTypes;
+        };
+        iconName: {
+            type: PropType<TIconName>;
+            required: true;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    kind: {
+        type: PropType<EOrderCardTypes>;
+        default: EOrderCardTypes;
+    };
+    iconName: {
+        type: PropType<TIconName>;
+        required: true;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    kind: EOrderCardTypes;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        title?(_: {}): any;
+        textBody?(_: {}): any;
+        footer?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

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

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

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

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

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

@@ -0,0 +1,43 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import type { TIconName } from "../ui-icon";
+import { EOrderCardTypes } from "./_types";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    iconName: TIconName;
+    kind?: EOrderCardTypes | undefined;
+}>, {
+    kind: EOrderCardTypes;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    iconName: TIconName;
+    kind?: EOrderCardTypes | undefined;
+}>, {
+    kind: EOrderCardTypes;
+}>>>, {
+    kind: EOrderCardTypes;
+}, {}>, {
+    title?(_: {}): any;
+    textBody?(_: {}): any;
+    footer?(_: {}): 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-order-card/ui-order-card.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent as c, computed as w, openBlock as s, createElementBlock as N, normalizeClass as i, unref as e, createVNode as A, createBlock as n, withCtx as o, renderSlot as a, createCommentVNode as d } from "vue";
+import { ESize as h } from "../../_types/sizing.js";
+import { EColors as u } from "../../_types/colors.js";
+import l from "../ui-typography/index.js";
+import y from "../ui-icon/index.js";
+import { EOrderCardTypes as r } from "./_types.js";
+import { ETypographySizes as m, ETextWeight as p } from "../ui-typography/_typings.js";
+const I = /* @__PURE__ */ c({
+  __name: "ui-order-card",
+  props: {
+    iconName: {},
+    kind: { default: r.DEFAULT }
+  },
+  setup(f) {
+    const g = f, k = w(() => {
+      switch (g.kind) {
+        case r.WARNING:
+          return u.WARNING_700;
+        default:
+          return u.PRIMARY_700;
+      }
+    });
+    return (t, E) => (s(), N("div", {
+      class: i(["ui-order-card relative mt-sm rounded-md pt-md text-center", [
+        t.kind === e(r).DEFAULT && "bg-primary-300 text-white",
+        t.kind === e(r).WARNING && "bg-warning-300 text-warning-700"
+      ]])
+    }, [
+      A(e(y), {
+        "icon-name": t.iconName,
+        size: e(h).LG,
+        class: i(["absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-300", [
+          t.kind === e(r).DEFAULT && "text-white",
+          t.kind === e(r).WARNING && "bg-warning-300 text-white"
+        ]])
+      }, null, 8, ["icon-name", "size", "class"]),
+      t.$slots.title ? (s(), n(e(l), {
+        key: 0,
+        class: i(["pt-sm", [
+          t.kind === e(r).DEFAULT && "text-primary-700",
+          t.kind === e(r).WARNING && "text-warning-700"
+        ]]),
+        kind: k.value,
+        size: e(m).XL,
+        weight: e(p).BOLD
+      }, {
+        default: o(() => [
+          a(t.$slots, "title")
+        ]),
+        _: 3
+      }, 8, ["class", "kind", "size", "weight"])) : d("", !0),
+      t.$slots.textBody ? (s(), n(e(l), {
+        key: 1,
+        class: i(["mb-sm p-sm", [
+          t.kind === e(r).DEFAULT && "text-primary-700",
+          t.kind === e(r).WARNING && "text-warning-700"
+        ]]),
+        size: e(m).MD,
+        weight: e(p).REGULAR
+      }, {
+        default: o(() => [
+          a(t.$slots, "textBody")
+        ]),
+        _: 3
+      }, 8, ["class", "size", "weight"])) : d("", !0),
+      t.$slots.footer ? (s(), n(e(l), {
+        key: 2,
+        class: i(["rounded-b-lg py-sm text-white", [
+          t.kind === e(r).DEFAULT && "bg-primary-700",
+          t.kind === e(r).WARNING && "bg-warning-700"
+        ]]),
+        size: e(m).XXS,
+        weight: e(p).REGULAR
+      }, {
+        default: o(() => [
+          a(t.$slots, "footer")
+        ]),
+        _: 3
+      }, 8, ["class", "size", "weight"])) : d("", !0)
+    ], 2));
+  }
+});
+export {
+  I as default
+};
+//# sourceMappingURL=ui-order-card.vue.js.map

package/components/ui-order-card/ui-order-card.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-order-card.vue.js","sources":["../../../src/components/ui-order-card/ui-order-card.vue"],"sourcesContent":["<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"],"names":["props","__props","pickKind","computed","EOrderCardTypes","EColors"],"mappings":";;;;;;;;;;;;;;AAoEC,UAAMA,IAAQC,GAORC,IAAWC,EAAS,MAAI;AAC7B,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAgB;AAAS,iBAAOC,EAAQ;AAAA,QAC7C;AAAS,iBAAOA,EAAQ;AAAA,MACzB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-order-card/ui-order-card.vue2.js

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

package/components/ui-order-card/ui-order-card.vue2.js.map

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

package/components/ui-plain-radio/index.d.ts

@@ -0,0 +1,163 @@
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiPlainRadio from "./ui-plain-radio.vue";
+export { UiPlainRadio };
+/**
+ * @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 modelValue: string | number | boolean;
+            readonly value: string | number | boolean;
+            readonly name: string;
+            readonly header?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly subHeader?: string | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            modelValue: {
+                type: PropType<string | number | boolean>;
+                required: true;
+            };
+            header: {
+                type: PropType<string>;
+            };
+            subHeader: {
+                type: PropType<string>;
+            };
+            name: {
+                type: PropType<string>;
+                required: true;
+            };
+            value: {
+                type: PropType<string | number | boolean>;
+                required: true;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, 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: "update:modelValue", ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            modelValue: {
+                type: PropType<string | number | boolean>;
+                required: true;
+            };
+            header: {
+                type: PropType<string>;
+            };
+            subHeader: {
+                type: PropType<string>;
+            };
+            name: {
+                type: PropType<string>;
+                required: true;
+            };
+            value: {
+                type: PropType<string | number | boolean>;
+                required: true;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+        }, 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<{
+        modelValue: {
+            type: PropType<string | number | boolean>;
+            required: true;
+        };
+        header: {
+            type: PropType<string>;
+        };
+        subHeader: {
+            type: PropType<string>;
+        };
+        name: {
+            type: PropType<string>;
+            required: true;
+        };
+        value: {
+            type: PropType<string | number | boolean>;
+            required: true;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string | number | boolean>;
+        required: true;
+    };
+    header: {
+        type: PropType<string>;
+    };
+    subHeader: {
+        type: PropType<string>;
+    };
+    name: {
+        type: PropType<string>;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number | boolean>;
+        required: true;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        subHeader?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-plain-radio/index.js

@@ -0,0 +1,7 @@
+import a from "./ui-plain-radio.vue.js";
+const t = a;
+export {
+  a as UiPlainRadio,
+  t as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-plain-radio/index.js.map

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

package/components/ui-plain-radio/ui-plain-radio.vue.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string | number | boolean;
+    header?: string | undefined;
+    subHeader?: string | undefined;
+    name: string;
+    value: string | number | boolean;
+    disabled?: boolean | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: string | number | boolean;
+    header?: string | undefined;
+    subHeader?: string | undefined;
+    name: string;
+    value: string | number | boolean;
+    disabled?: boolean | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>, {
+    header?(_: {}): any;
+    subHeader?(_: {}): 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-plain-radio/ui-plain-radio.vue.js

@@ -0,0 +1,85 @@
+import { defineComponent as g, computed as k, openBlock as y, createElementBlock as w, withDirectives as x, createElementVNode as t, vModelRadio as S, normalizeClass as V, createVNode as l, unref as r, renderSlot as i, withCtx as s, createTextVNode as n, toDisplayString as p } from "vue";
+import E from "../ui-radio/index.js";
+import u from "../ui-typography/index.js";
+import { ETypographySizes as b, ETextWeight as z } from "../ui-typography/_typings.js";
+import { EColors as m } from "../../_types/colors.js";
+const D = ["for"], N = ["id", "value", "disabled"], H = /* @__PURE__ */ g({
+  __name: "ui-plain-radio",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    header: {},
+    subHeader: {},
+    name: {},
+    value: { type: [String, Number, Boolean] },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(c, { emit: f }) {
+    const h = c, v = f, o = k({
+      get() {
+        return h.modelValue;
+      },
+      set(e) {
+        v("update:modelValue", e);
+      }
+    });
+    return (e, a) => (y(), w("label", {
+      class: "ui-plain-radio relative mb-sm",
+      for: e.name + e.value
+    }, [
+      x(t("input", {
+        id: e.name + e.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (d) => o.value = d),
+        value: e.value,
+        name: "ui-plain-radio",
+        type: "radio",
+        disabled: e.disabled,
+        class: "peer absolute appearance-none"
+      }, null, 8, N), [
+        [S, o.value]
+      ]),
+      t("div", {
+        class: V(["ui-plain-radio__content box-border grid h-full w-full cursor-pointer grid-flow-col items-center justify-start gap-sm rounded-xl border border-secondary-alt-500 bg-white p-sm before:absolute before:-z-10 before:box-border before:rounded-[16px] before:bg-primary-300 hover:border-secondary-alt-700 peer-checked:border-transparent peer-checked:shadow-selected-shadow peer-checked:hover:shadow-border-selected peer-checked:active:shadow-border-primary peer-checked:active:before:-bottom-xs peer-checked:active:before:-left-xs peer-checked:active:before:-right-xs peer-checked:active:before:-top-xs peer-focus:before:-bottom-xs peer-focus:before:-left-xs peer-focus:before:-right-xs peer-focus:before:-top-xs peer-active:before:-bottom-xxs peer-active:before:-left-xxs peer-active:before:-right-xxs peer-active:before:-top-xxs", e.disabled && "pointer-events-none border-secondary-alt-400 peer-checked:shadow-border-primary-disabled"])
+      }, [
+        l(r(E), {
+          modelValue: o.value,
+          "onUpdate:modelValue": a[1] || (a[1] = (d) => o.value = d),
+          value: e.value.toString(),
+          name: e.name,
+          disabled: e.disabled,
+          class: "pointer-events-none"
+        }, null, 8, ["modelValue", "value", "name", "disabled"]),
+        t("span", null, [
+          i(e.$slots, "header", {}, () => [
+            l(r(u), {
+              size: r(b).SM,
+              kind: r(m).SECONDARY,
+              weight: r(z).SEMI_BOLD,
+              "line-height": ""
+            }, {
+              default: s(() => [
+                n(p(e.header), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "kind", "weight"])
+          ]),
+          i(e.$slots, "subHeader", {}, () => [
+            l(r(u), {
+              size: r(b).XS,
+              kind: r(m).SECONDARY_ALT
+            }, {
+              default: s(() => [
+                n(p(e.subHeader), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "kind"])
+          ])
+        ])
+      ], 2)
+    ], 8, D));
+  }
+});
+export {
+  H as default
+};
+//# sourceMappingURL=ui-plain-radio.vue.js.map