@equal-experts/kuat-vue 0.4.1 → 0.5.0

package/dist/components/ui/select/SelectValue.vue.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes } from 'vue';
+import { SelectValueProps } from 'reka-ui';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SelectValueProps & {
+    class?: HTMLAttributes["class"];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<SelectValueProps & {
+    class?: HTMLAttributes["class"];
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/ui/select/constants.d.ts

@@ -0,0 +1,18 @@
+export declare const SELECT_SIZES: readonly ["regular", "large", "small", "mini"];
+export type SelectSize = (typeof SELECT_SIZES)[number];
+export declare const SELECT_LINES: readonly ["single", "double"];
+export type SelectLines = (typeof SELECT_LINES)[number];
+export interface SelectItemOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    prepend?: string;
+    decoration?: string;
+}
+export interface SelectItemGroup {
+    label: string;
+    items: SelectItemOption[];
+}
+export type SelectItems = Array<SelectItemOption | SelectItemGroup>;
+export declare function isSelectItemGroup(item: SelectItemOption | SelectItemGroup): item is SelectItemGroup;

package/dist/components/ui/select/index.d.ts

@@ -0,0 +1,13 @@
+export { default as KuatSelect } from './KuatSelect.vue';
+export { default as Select } from './Select.vue';
+export { default as SelectContent } from './SelectContent.vue';
+export { default as SelectGroup } from './SelectGroup.vue';
+export { default as SelectItem } from './SelectItem.vue';
+export { default as SelectLabel } from './SelectLabel.vue';
+export { default as SelectScrollDownButton } from './SelectScrollDownButton.vue';
+export { default as SelectScrollUpButton } from './SelectScrollUpButton.vue';
+export { default as SelectSeparator } from './SelectSeparator.vue';
+export { default as SelectTrigger } from './SelectTrigger.vue';
+export { default as SelectValue } from './SelectValue.vue';
+export { SELECT_LINES, SELECT_SIZES } from './constants';
+export type { SelectItemGroup, SelectItemOption, SelectItems, SelectLines, SelectSize, } from './constants';

package/dist/components/ui/switch/Switch.vue.d.ts

@@ -0,0 +1,13 @@
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    class: {
+        type: import('vue').PropType<any>;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    class: {
+        type: import('vue').PropType<any>;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/switch/SwitchField.vue.d.ts

@@ -0,0 +1,68 @@
+import { SwitchFieldAppearance, SwitchFieldLayout } from './constants';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    secondaryText: {
+        type: import('vue').PropType<string>;
+    };
+    appearance: {
+        type: import('vue').PropType<"plain" | "card">;
+        default: string;
+    };
+    layout: {
+        type: import('vue').PropType<"inline" | "block">;
+        default: string;
+    };
+    flipped: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    label: {
+        type: import('vue').PropType<string>;
+        required: true;
+    };
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    id: {
+        type: import('vue').PropType<string>;
+    };
+    secondaryText: {
+        type: import('vue').PropType<string>;
+    };
+    appearance: {
+        type: import('vue').PropType<"plain" | "card">;
+        default: string;
+    };
+    layout: {
+        type: import('vue').PropType<"inline" | "block">;
+        default: string;
+    };
+    flipped: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    appearance: SwitchFieldAppearance;
+    layout: SwitchFieldLayout;
+    flipped: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/switch/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const SWITCH_FIELD_APPEARANCES: readonly ["plain", "card"];
+export type SwitchFieldAppearance = (typeof SWITCH_FIELD_APPEARANCES)[number];
+export declare const SWITCH_FIELD_LAYOUTS: readonly ["inline", "block"];
+export type SwitchFieldLayout = (typeof SWITCH_FIELD_LAYOUTS)[number];

package/dist/components/ui/switch/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Switch } from './Switch.vue';
+export { default as SwitchField } from './SwitchField.vue';
+export { SWITCH_FIELD_APPEARANCES, SWITCH_FIELD_LAYOUTS } from './constants';
+export type { SwitchFieldAppearance, SwitchFieldLayout } from './constants';

package/dist/components/ui/textarea/Textarea.vue.d.ts

@@ -0,0 +1,24 @@
+import { TextareaResize } from './constants';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    resize: {
+        type: import('vue').PropType<"vertical" | "horizontal" | "none" | "both">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<string>;
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    resize: {
+        type: import('vue').PropType<"vertical" | "horizontal" | "none" | "both">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    resize: TextareaResize;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/textarea/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TEXTAREA_RESIZE: readonly ["none", "vertical", "horizontal", "both"];
+export type TextareaResize = (typeof TEXTAREA_RESIZE)[number];

package/dist/components/ui/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Textarea } from './Textarea.vue';
+export { TEXTAREA_RESIZE } from './constants';
+export type { TextareaResize } from './constants';

package/dist/components/ui/toggle/Toggle.vue.d.ts

@@ -0,0 +1,42 @@
+import { ToggleSize, ToggleSkin } from './constants';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    size: {
+        type: import('vue').PropType<"small" | "mini" | "large" | "regular">;
+        default: string;
+    };
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    skin: {
+        type: import('vue').PropType<"ghost" | "outlined">;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<boolean>;
+    size: {
+        type: import('vue').PropType<"small" | "mini" | "large" | "regular">;
+        default: string;
+    };
+    class: {
+        type: import('vue').PropType<any>;
+    };
+    skin: {
+        type: import('vue').PropType<"ghost" | "outlined">;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: ToggleSize;
+    skin: ToggleSkin;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/toggle/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const TOGGLE_SIZES: readonly ["mini", "small", "regular", "large"];
+export type ToggleSize = (typeof TOGGLE_SIZES)[number];
+export declare const TOGGLE_SKINS: readonly ["outlined", "ghost"];
+export type ToggleSkin = (typeof TOGGLE_SKINS)[number];

package/dist/components/ui/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Toggle } from './Toggle.vue';
+export { TOGGLE_SIZES, TOGGLE_SKINS } from './constants';
+export type { ToggleSize, ToggleSkin } from './constants';

package/dist/components/ui/toggle-group/ToggleGroup.vue.d.ts

@@ -0,0 +1,45 @@
+import { HTMLAttributes } from 'vue';
+import { ToggleGroupRootProps } from 'reka-ui';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupRootProps<import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]> & {
+    class?: HTMLAttributes["class"];
+}>, {
+    orientation: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupRootProps<import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]> & {
+    class?: HTMLAttributes["class"];
+}>, {
+    orientation: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((payload: import('reka-ui').AcceptableValue | import('reka-ui').AcceptableValue[]) => any) | undefined;
+}>, {
+    orientation: "vertical" | "horizontal";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').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/dist/components/ui/toggle-group/ToggleGroupItem.vue.d.ts

@@ -0,0 +1,49 @@
+import { HTMLAttributes } from 'vue';
+import { ToggleGroupItemProps } from 'reka-ui';
+import { ToggleSize, ToggleSkin } from '../toggle/constants';
+
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupItemProps & {
+    class?: HTMLAttributes["class"];
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}>, {
+    size: string;
+    skin: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToggleGroupItemProps & {
+    class?: HTMLAttributes["class"];
+    size?: ToggleSize;
+    skin?: ToggleSkin;
+}>, {
+    size: string;
+    skin: string;
+}>>> & Readonly<{}>, {
+    size: ToggleSize;
+    skin: ToggleSkin;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').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/dist/components/ui/toggle-group/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TOGGLE_GROUP_ORIENTATIONS: readonly ["horizontal", "vertical"];
+export type ToggleGroupOrientation = (typeof TOGGLE_GROUP_ORIENTATIONS)[number];

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ToggleGroup } from './ToggleGroup.vue';
+export { default as ToggleGroupItem } from './ToggleGroupItem.vue';
+export { TOGGLE_GROUP_ORIENTATIONS } from './constants';
+export type { ToggleGroupOrientation } from './constants';

package/dist/constants-4SN0MW4f.js

@@ -0,0 +1,61 @@
+import { defineComponent as _, mergeModels as v, useModel as g, useAttrs as y, computed as u, createElementBlock as t, openBlock as s, normalizeClass as h, unref as k, createCommentVNode as d, withDirectives as D, renderSlot as c, mergeProps as p, vModelDynamic as I } from "vue";
+import { c as V } from "./utils-DLUjLwnh.js";
+const $ = {
+  key: 0,
+  class: "input__decoration input__decoration--left"
+}, z = {
+  key: 3,
+  class: "input__decoration input__decoration--right"
+}, C = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: /* @__PURE__ */ v({
+    class: {},
+    size: { default: "regular" }
+  }, {
+    modelValue: { required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const i = n, a = g(n, "modelValue"), m = y(), o = u(() => {
+      const { class: e, ...l } = m;
+      return l;
+    }), r = u(() => o.value.type === "file");
+    return (e, l) => (s(), t("div", {
+      "data-slot": "input",
+      class: h(
+        k(V)(
+          "input",
+          `input--size-${i.size}`,
+          r.value && "input--type-file",
+          i.class
+        )
+      )
+    }, [
+      e.$slots.leftDecoration ? (s(), t("span", $, [
+        c(e.$slots, "leftDecoration")
+      ])) : d("", !0),
+      r.value ? (s(), t("input", p({
+        key: 2,
+        "data-slot": "input-field",
+        class: "input__field"
+      }, o.value), null, 16)) : D((s(), t("input", p({
+        key: 1,
+        "data-slot": "input-field",
+        class: "input__field"
+      }, o.value, {
+        "onUpdate:modelValue": l[0] || (l[0] = (f) => a.value = f)
+      }), null, 16)), [
+        [I, a.value]
+      ]),
+      e.$slots.rightDecoration ? (s(), t("span", z, [
+        c(e.$slots, "rightDecoration")
+      ])) : d("", !0)
+    ], 2));
+  }
+}), S = ["regular", "large", "small", "mini"];
+export {
+  S as I,
+  C as _
+};

package/dist/constants-BpzIL1jq.js

@@ -0,0 +1,141 @@
+import { defineComponent as k, mergeModels as y, useModel as v, useAttrs as V, computed as d, createBlock as b, openBlock as x, unref as a, mergeProps as C, withCtx as c, createVNode as o, useId as g, normalizeClass as E, createElementVNode as I, createCommentVNode as S, createTextVNode as h, toDisplayString as p } from "vue";
+import { c as A } from "./utils-DLUjLwnh.js";
+import { _ as T, c as M, a as N, d as O, b as P } from "./FieldTitle.vue_vue_type_script_setup_true_lang-Bu8UIwRT.js";
+import { CheckboxRoot as D, CheckboxIndicator as F } from "reka-ui";
+import { Check as L, Minus as U } from "lucide-vue-next";
+import { r as q } from "./index-A7umpmtg.js";
+const w = /* @__PURE__ */ k({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ y({
+    class: {}
+  }, {
+    modelValue: { type: [Boolean, String], required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, t = v(e, "modelValue"), u = V(), f = d(() => {
+      const { class: i, ...l } = u;
+      return l;
+    });
+    return (i, l) => (x(), b(a(D), C({
+      modelValue: t.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (m) => t.value = m),
+      "data-slot": "checkbox",
+      class: a(A)("checkbox", s.class)
+    }, f.value), {
+      default: c(() => [
+        o(a(F), { class: "checkbox__indicator" }, {
+          default: c(() => [
+            o(a(L), {
+              class: "checkbox__icon checkbox__icon--check",
+              "aria-hidden": "true"
+            }),
+            o(a(U), {
+              class: "checkbox__icon checkbox__icon--indeterminate",
+              "aria-hidden": "true"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 16, ["modelValue", "class"]));
+  }
+}), H = { class: "checkbox-field__checkbox-wrap" }, G = /* @__PURE__ */ k({
+  inheritAttrs: !1,
+  __name: "CheckboxField",
+  props: /* @__PURE__ */ y({
+    class: {},
+    label: {},
+    secondaryText: {},
+    appearance: { default: "plain" },
+    layout: { default: "inline" },
+    flipped: { type: Boolean, default: !1 },
+    id: {},
+    disabled: { type: Boolean }
+  }, {
+    modelValue: { type: [Boolean, String], required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, t = v(e, "modelValue"), u = V(), f = g(), i = d(() => s.id ?? f), l = d(() => s.secondaryText != null), m = q(s, [
+      "label",
+      "secondaryText",
+      "appearance",
+      "layout",
+      "flipped",
+      "id",
+      "class",
+      "disabled"
+    ]), _ = d(() => {
+      const { class: n, ...r } = u;
+      return { ...m, ...r };
+    }), B = d(() => {
+      const n = _.value["aria-invalid"];
+      return n === !0 || n === "true";
+    });
+    return (n, r) => (x(), b(a(T), {
+      "data-slot": "checkbox-field",
+      class: E(
+        a(A)(
+          "checkbox-field",
+          `checkbox-field--appearance-${e.appearance}`,
+          `checkbox-field--layout-${e.layout}`,
+          l.value && "checkbox-field--has-secondary",
+          e.flipped && "checkbox-field--flipped",
+          e.disabled && "checkbox-field--disabled",
+          B.value && "checkbox-field--invalid",
+          s.class
+        )
+      )
+    }, {
+      default: c(() => [
+        o(a(M), {
+          class: "checkbox-field__label",
+          for: i.value
+        }, {
+          default: c(() => [
+            I("span", H, [
+              o(w, C({
+                id: i.value,
+                modelValue: t.value,
+                "onUpdate:modelValue": r[0] || (r[0] = ($) => t.value = $)
+              }, _.value, { disabled: e.disabled }), null, 16, ["id", "modelValue", "disabled"])
+            ]),
+            o(a(N), { class: "checkbox-field__text" }, {
+              default: c(() => [
+                o(a(O), { class: "checkbox-field__primary" }, {
+                  default: c(() => [
+                    h(p(e.label), 1)
+                  ]),
+                  _: 1
+                }),
+                l.value ? (x(), b(a(P), {
+                  key: 0,
+                  class: "checkbox-field__secondary"
+                }, {
+                  default: c(() => [
+                    h(p(e.secondaryText), 1)
+                  ]),
+                  _: 1
+                })) : S("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["for"])
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), J = ["plain", "card"], Q = ["inline", "block"];
+export {
+  J as C,
+  w as _,
+  G as a,
+  Q as b
+};

package/dist/constants-CXAkjttx.js

@@ -0,0 +1,5 @@
+const a = ["mini", "small", "regular", "large"], s = ["outlined", "ghost"];
+export {
+  a as T,
+  s as a
+};

package/dist/constants-CpIWAssv.js

@@ -0,0 +1,32 @@
+import { defineComponent as c, mergeModels as d, useModel as i, useAttrs as u, computed as m, withDirectives as p, createElementBlock as f, openBlock as x, mergeProps as v, unref as A, vModelText as E } from "vue";
+import { c as T } from "./utils-DLUjLwnh.js";
+const M = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "Textarea",
+  props: /* @__PURE__ */ d({
+    class: {},
+    resize: { default: "vertical" }
+  }, {
+    modelValue: { required: !1 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const s = t, a = i(t, "modelValue"), r = u(), o = m(() => {
+      const { class: l, ...e } = r;
+      return e;
+    });
+    return (l, e) => p((x(), f("textarea", v({
+      "data-slot": "textarea",
+      class: A(T)("textarea", `textarea--resize-${s.resize}`, s.class)
+    }, o.value, {
+      "onUpdate:modelValue": e[0] || (e[0] = (n) => a.value = n)
+    }), null, 16)), [
+      [E, a.value]
+    ]);
+  }
+}), V = ["none", "vertical", "horizontal", "both"];
+export {
+  V as T,
+  M as _
+};