@profitliga/ui 1.2.89 → 2.0.0

package/dist/components/Switch/SwitchRoot.vue.d.ts

@@ -1,19 +1,22 @@
 import { SwitchRootProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-type __VLS_Props = SwitchRootProps;
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<SwitchRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (payload: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, PublicProps, Readonly<SwitchRootProps> & Readonly<{
     "onUpdate:modelValue"?: ((payload: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Switch/SwitchRoot.vue.js

@@ -0,0 +1,8 @@
+import './SwitchRoot.css';
+import o from "./SwitchRoot.vue2.js";
+/* empty css                */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b38d4058"]]);
+export {
+  _ as default
+};

package/dist/components/Switch/SwitchRoot.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as s, openBlock as l, createBlock as n, unref as e, mergeProps as p, withCtx as i, renderSlot as d } from "vue";
+import { useForwardPropsEmits as u, SwitchRoot as m } from "reka-ui";
+const _ = /* @__PURE__ */ s({
+  __name: "SwitchRoot",
+  props: {
+    defaultValue: { type: Boolean },
+    modelValue: { type: [Boolean, null] },
+    disabled: { type: Boolean },
+    id: {},
+    value: {},
+    asChild: { type: Boolean },
+    as: {},
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: t }) {
+    const a = u(o, t);
+    return (r, B) => (l(), n(e(m), p(e(a), { class: "switch" }), {
+      default: i(() => [
+        d(r.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

package/dist/components/Switch/SwitchThumb.css

@@ -0,0 +1 @@
+.switch-thumb[data-v-64983990]{background-color:var(--theme-neutral-0);width:20px;height:20px;transition:var(--animation-duration) transform ease-in-out;border-radius:100%}.switch-thumb[data-state=checked][data-v-64983990]{transform:translate(24px)}.switch-thumb[data-state=unchecked][data-v-64983990]{transform:translate(0)}.switch-thumb[data-disabled][data-v-64983990]{background-color:var(--theme-neutral-text-disabled)}

package/dist/components/Switch/SwitchThumb.vue.d.ts

@@ -1,5 +1,4 @@
 import { SwitchThumbProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const __VLS_export: DefineComponent<SwitchThumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
+declare const _default: DefineComponent<SwitchThumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<SwitchThumbProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Switch/SwitchThumb.vue.js

@@ -0,0 +1,8 @@
+import './SwitchThumb.css';
+import o from "./SwitchThumb.vue2.js";
+/* empty css                 */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-64983990"]]);
+export {
+  _ as default
+};

package/dist/components/Switch/SwitchThumb.vue2.js

@@ -0,0 +1,16 @@
+import { defineComponent as t, openBlock as s, createBlock as p, unref as o, mergeProps as c } from "vue";
+import { useForwardProps as n, SwitchThumb as a } from "reka-ui";
+const f = /* @__PURE__ */ t({
+  __name: "SwitchThumb",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(r) {
+    const e = n(r);
+    return (u, h) => (s(), p(o(a), c(o(e), { class: "switch-thumb" }), null, 16));
+  }
+});
+export {
+  f as default
+};

package/dist/components/Tabs/TabsList.css

@@ -0,0 +1 @@
+.tabs-list[data-v-648a4224]{justify-content:flex-start;align-items:center;gap:4px;width:max-content;height:auto;display:flex}.tabs-list.tabs-list--full[data-v-648a4224]{width:100%}

package/dist/components/Tabs/TabsList.vue.d.ts

@@ -1,14 +1,18 @@
 import { TabsListProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TabsListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Tabs/TabsList.vue.js

@@ -0,0 +1,8 @@
+import './TabsList.css';
+import o from "./TabsList.vue2.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-648a4224"]]);
+export {
+  m as default
+};

package/dist/components/Tabs/TabsList.vue2.js

@@ -0,0 +1,24 @@
+import { defineComponent as a, inject as l, openBlock as n, createBlock as p, unref as o, mergeProps as c, withCtx as i, renderSlot as u } from "vue";
+import { useForwardProps as f, TabsList as d } from "reka-ui";
+const h = /* @__PURE__ */ a({
+  __name: "TabsList",
+  props: {
+    loop: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(s) {
+    const t = f(s), e = l("TabsRootFull");
+    return (r, _) => (n(), p(o(d), c(o(t), {
+      class: ["tabs-list", [{ "tabs-list--full": o(e) }]]
+    }), {
+      default: i(() => [
+        u(r.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Tabs/TabsRoot.css

@@ -0,0 +1 @@
+.tabs-root[data-v-b1ab6898]{background-color:var(--color-secondary-150);box-sizing:content-box;scrollbar-width:thin;scrollbar-color:var(--theme-neutral-icon-primary) var(--theme-neutral-surface-icon);border-radius:12px;width:100%;max-width:max-content;padding:4px;overflow-x:auto}.tabs-root[data-v-b1ab6898]::-webkit-scrollbar{width:0;height:8px}.tabs-root[data-v-b1ab6898]::-webkit-scrollbar-thumb{background-color:var(--theme-neutral-icon-primary);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.tabs-root[data-v-b1ab6898]::-webkit-scrollbar-track{background:var(--theme-neutral-surface-icon);border-radius:4px}.tabs-root[data-v-b1ab6898]::-webkit-scrollbar-corner{background:0 0}.tabs-root[data-v-b1ab6898]{box-sizing:border-box}@media (min-width:768px){.tabs-root[data-v-b1ab6898]{width:fit-content}}.tabs-root.tabs-root--full[data-v-b1ab6898]{width:100%;max-width:100%}.tabs-root.tabs-root--secondary[data-v-b1ab6898]{background-color:var(--color-secondary-200)}

package/dist/components/Tabs/TabsRoot.vue.d.ts

@@ -1,26 +1,30 @@
-import { TabsRootProps, StringOrNumber } from 'reka-ui';
+import { TabsRootProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 interface ITabsRootProps extends TabsRootProps {
     variant?: 'primary' | 'secondary';
     full?: boolean;
     size?: 'default' | 'large';
 }
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<ITabsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (payload: StringOrNumber) => any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<ITabsRootProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (payload: string | number) => any;
 }, string, PublicProps, Readonly<ITabsRootProps> & Readonly<{
-    "onUpdate:modelValue"?: ((payload: StringOrNumber) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload: string | number) => any) | undefined;
 }>, {
     size: "default" | "large";
     variant: "primary" | "secondary";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Tabs/TabsRoot.vue.js

@@ -0,0 +1,8 @@
+import './TabsRoot.css';
+import o from "./TabsRoot.vue2.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b1ab6898"]]);
+export {
+  p as default
+};

package/dist/components/Tabs/TabsRoot.vue2.js

@@ -0,0 +1,33 @@
+import { defineComponent as f, toRef as t, provide as e, openBlock as p, createBlock as m, unref as r, mergeProps as c, withCtx as b, renderSlot as v } from "vue";
+import { useForwardPropsEmits as R, TabsRoot as _ } from "reka-ui";
+const V = /* @__PURE__ */ f({
+  __name: "TabsRoot",
+  props: {
+    variant: { default: "primary" },
+    full: { type: Boolean },
+    size: { default: "default" },
+    defaultValue: {},
+    orientation: {},
+    dir: {},
+    activationMode: {},
+    modelValue: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: n }) {
+    const o = l, i = R(o, n), a = t(o, "variant"), s = t(o, "full"), u = t(o, "size");
+    return e("TabsRootVariant", a), e("TabsRootFull", s), e("TabsRootSize", u), (d, T) => (p(), m(r(_), c(r(i), {
+      class: ["tabs-root", [`tabs-root--${a.value}`, { "tabs-root--full": s.value }]]
+    }), {
+      default: b(() => [
+        v(d.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  V as default
+};

package/dist/components/Tabs/TabsTrigger.css

@@ -0,0 +1 @@
+.tabs-trigger[data-v-21caa205]{color:var(--theme-neutral-text-subtitle);cursor:pointer;transition:background-color var(--animation-duration-fast) ease-in-out, color var(--animation-duration-fast) ease-in-out;border-radius:8px;justify-content:flex-start;align-items:center;gap:8px;padding:4px 8px;font-size:.9375rem;font-weight:600;line-height:1.5rem;display:flex}@media (min-width:640px){.tabs-trigger[data-v-21caa205]{padding:4px 16px}}.tabs-trigger[data-state=active][data-v-21caa205]{background-color:var(--theme-primary-400);color:var(--theme-neutral-0);transition:background-color var(--animation-duration-fast) ease-in-out, color var(--animation-duration-fast) ease-in-out;box-shadow:0 0 12px #437e924d}.tabs-trigger.tabs-trigger--secondary[data-state=active][data-v-21caa205]{background-color:var(--color-neutral-0);color:var(--theme-neutral-text-subtitle)}.tabs-trigger.tabs-trigger--large[data-v-21caa205]{padding:12px 16px;font-size:1rem;font-weight:600;line-height:1.25rem}.tabs-trigger.tabs-trigger--full[data-v-21caa205]{flex-grow:1;justify-content:center;align-items:center;min-width:max-content}

package/dist/components/Tabs/TabsTrigger.vue.d.ts

@@ -1,14 +1,18 @@
 import { TabsTriggerProps } from 'reka-ui';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
 };
-declare const __VLS_base: DefineComponent<TabsTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TabsTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TabsTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Tabs/TabsTrigger.vue.js

@@ -0,0 +1,8 @@
+import './TabsTrigger.css';
+import o from "./TabsTrigger.vue2.js";
+/* empty css                 */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-21caa205"]]);
+export {
+  p as default
+};

package/dist/components/Tabs/TabsTrigger.vue2.js

@@ -0,0 +1,29 @@
+import { defineComponent as i, inject as r, openBlock as p, createBlock as c, unref as e, mergeProps as g, withCtx as u, renderSlot as d } from "vue";
+import { useForwardProps as f, TabsTrigger as b } from "reka-ui";
+const h = /* @__PURE__ */ i({
+  __name: "TabsTrigger",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const o = f(t), s = r("TabsRootVariant"), a = r("TabsRootFull"), n = r("TabsRootSize");
+    return (l, T) => (p(), c(e(b), g(e(o), {
+      class: ["tabs-trigger", [
+        `tabs-trigger--${e(s)}`,
+        `tabs-trigger--${e(n)}`,
+        { "tabs-trigger--full": e(a) }
+      ]]
+    }), {
+      default: u(() => [
+        d(l.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  h as default
+};

package/dist/components/Tag/Tag.css

@@ -0,0 +1 @@
+.tag[data-v-09eb64e0]{background-color:var(--tag-background);width:max-content;height:auto;color:var(--tag-color);border-color:var(--tag-border-color);border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;padding:4px 8px;font-size:.8125rem;line-height:120%;display:flex}.tag[data-v-09eb64e0] svg{width:14px;height:14px}.tag.tag--outlined[data-v-09eb64e0]{border:1px solid var(--tag-border-color);border-radius:6px;padding:6px 10px;font-weight:500}.tag.tag--outlined[data-v-09eb64e0] svg{width:16px;height:16px}

package/dist/components/Tag/Tag.vue.d.ts

@@ -8,17 +8,21 @@ interface TagProps {
     outlined?: boolean;
     colors?: TagColors;
 }
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
 };
-declare const __VLS_base: DefineComponent<TagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TagProps> & Readonly<{}>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<TagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TagProps> & Readonly<{}>, {
     colors: TagColors;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Tag/Tag.vue.js

@@ -0,0 +1,8 @@
+import './Tag.css';
+import o from "./Tag.vue2.js";
+/* empty css         */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-09eb64e0"]]);
+export {
+  m as default
+};

package/dist/components/Tag/Tag.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, computed as l, openBlock as n, createElementBlock as c, normalizeStyle as s, normalizeClass as d, renderSlot as m } from "vue";
+const p = /* @__PURE__ */ a({
+  __name: "Tag",
+  props: {
+    outlined: { type: Boolean },
+    colors: { default: () => ({
+      text: "var(--theme-primary-700)",
+      background: "var(--theme-primary-100)",
+      border: "var(--theme-primary-700)"
+    }) }
+  },
+  setup(r) {
+    const t = r, e = l(() => Object.assign({
+      text: "var(--theme-primary-700)",
+      background: "var(--theme-primary-100)",
+      border: "var(--theme-primary-700)"
+    }, t.colors));
+    return (o, u) => (n(), c("div", {
+      class: d(["tag", { "tag--outlined": r.outlined }]),
+      style: s({
+        "--tag-background": e.value.background,
+        "--tag-color": e.value.text,
+        "--tag-border-color": e.value.border
+      })
+    }, [
+      m(o.$slots, "default", {}, void 0, !0)
+    ], 6));
+  }
+});
+export {
+  p as default
+};

package/dist/components/Textarea/Textarea.css

@@ -0,0 +1 @@
+.textarea[data-v-fd91ecb3]{flex-direction:column;gap:4px;max-width:100%;display:flex}.textarea.textarea--disabled .textarea__label[data-v-fd91ecb3]{color:var(--theme-neutral-icon-disabled)}.textarea.textarea--error .textarea__label[data-v-fd91ecb3]{color:var(--theme-error-500)}.textarea.textarea--error .textarea__field[data-v-fd91ecb3]{border-color:var(--theme-error-500)}.textarea.textarea--error .textarea__count-char[data-v-fd91ecb3]{color:var(--theme-error-500)}.textarea.textarea--small .textarea__field[data-v-fd91ecb3]{height:var(--input-height-small);font-size:1rem;line-height:150%}.textarea.textarea--small .textarea__field[data-v-fd91ecb3]::placeholder{font-size:1rem;line-height:150%}@media (min-width:1010px){.textarea.textarea--small .textarea__field[data-v-fd91ecb3],.textarea.textarea--small .textarea__field[data-v-fd91ecb3]::placeholder{font-size:.75rem}}.textarea.textarea--large .textarea__field[data-v-fd91ecb3]{height:var(--input-height-large);font-size:1rem;line-height:130%}.textarea.textarea--resizable .textarea__field[data-v-fd91ecb3]{resize:vertical}.textarea__label[data-v-fd91ecb3]{padding-left:8px;font-size:.75rem;line-height:150%;position:relative}.textarea__label sup[data-v-fd91ecb3]{color:var(--theme-error-500);position:absolute;top:-4px;left:0}.textarea__wrapper[data-v-fd91ecb3]{width:auto;height:auto;position:relative}.textarea__wrapper-clear[data-v-fd91ecb3]{width:14px;height:14px;color:var(--theme-neutral-icon-caption);justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:14px}.textarea__wrapper-clear[data-v-fd91ecb3]:hover{color:var(--theme-error-500)}.textarea__field[data-v-fd91ecb3]{width:100%;max-width:100%;height:var(--input-height);resize:none;background-color:var(--color-neutral-0);border:1px solid #e0e0e0;border-radius:8px;padding:5px 24px 5px 12px;font-size:1rem;line-height:130%}.textarea__field[data-v-fd91ecb3]::placeholder{color:var(--theme-neutral-icon-disabled);font-size:.9375rem;line-height:130%}.textarea__field[data-v-fd91ecb3]:hover{border-color:var(--theme-primary-300)}.textarea__field[data-v-fd91ecb3]:focus{border-color:var(--theme-primary-500);outline:none}.textarea__field[data-v-fd91ecb3]:disabled{border-color:var(--theme-neutral-border-disabled);background-color:var(--theme-neutral-bg-disabled);color:var(--theme-neutral-text-caption)}@media (min-width:1010px){.textarea__field[data-v-fd91ecb3],.textarea__field[data-v-fd91ecb3]::placeholder{font-size:.9375rem}}.textarea__footer[data-v-fd91ecb3]{justify-content:space-between;align-items:center;gap:10px;width:100%;height:auto;padding:4px 8px;display:flex;position:relative}.textarea__small[data-v-fd91ecb3]{font-size:.75rem;line-height:1;position:absolute;top:4px}.textarea__small.textarea__small--error[data-v-fd91ecb3]{color:var(--theme-error-500)}.textarea__count-char[data-v-fd91ecb3]{color:var(--theme-neutral-text-caption);margin-left:auto;font-size:.625rem;line-height:150%}

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

@@ -15,32 +15,38 @@ type __VLS_Props = {
     allowClear?: boolean;
     minHeight?: string;
 };
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefix?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {
+        textareaRef: HTMLTextAreaElement;
+    };
+    rootEl: HTMLDivElement;
 };
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_8: {};
-type __VLS_Slots = {} & {
-    prefix?: (props: typeof __VLS_1) => any;
-} & {
-    footer?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
 } & {
     blur: (value: FocusEvent) => any;
     focusIn: (value: FocusEvent) => any;
     focusOut: (value: FocusEvent) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocusIn?: ((value: FocusEvent) => any) | undefined;
     onFocusOut?: ((value: FocusEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    textareaRef: HTMLTextAreaElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
+type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/Textarea/Textarea.vue.js

@@ -0,0 +1,8 @@
+import './Textarea.css';
+import o from "./Textarea.vue2.js";
+/* empty css              */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd91ecb3"]]);
+export {
+  f as default
+};

package/dist/components/Textarea/Textarea.vue2.js

@@ -0,0 +1,114 @@
+import { defineComponent as B, useModel as C, ref as c, useId as I, onMounted as V, watch as k, computed as R, openBlock as d, createElementBlock as r, normalizeClass as N, createElementVNode as m, renderSlot as h, withDirectives as O, normalizeStyle as S, unref as x, vModelText as $, createVNode as D, createCommentVNode as g, toDisplayString as v, mergeModels as H } from "vue";
+import E from "../../icons/monochrome/CloseRoundedIcon.vue.js";
+const F = { class: "textarea__wrapper" }, T = ["id", "maxlength", "placeholder", "name", "disabled", "rows", "resizable", "cols"], U = { class: "textarea__footer" }, q = {
+  key: 0,
+  class: "textarea__count-char"
+}, G = /* @__PURE__ */ B({
+  __name: "Textarea",
+  props: /* @__PURE__ */ H({
+    placeholder: { default: () => {
+    } },
+    name: { default: () => {
+    } },
+    disabled: { type: Boolean, default: () => {
+    } },
+    rows: { default: 1 },
+    cols: { default: 30 },
+    maxHeight: { default: 200 },
+    error: { type: Boolean, default: !1 },
+    inputId: { default: () => {
+    } },
+    size: { default: "default" },
+    maxlength: { default: () => {
+    } },
+    resizable: { type: Boolean, default: !0 },
+    required: { type: Boolean },
+    allowClear: { type: Boolean, default: () => {
+    } },
+    minHeight: { default: () => {
+    } }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ H(["focusIn", "focusOut", "blur"], ["update:modelValue"]),
+  setup(e, { emit: b }) {
+    const u = b, o = C(e, "modelValue"), s = c(null), y = I(), i = c(null), w = () => {
+      const t = s.value;
+      t && (i.value = t.offsetHeight);
+    }, n = () => {
+      const t = s.value;
+      if (!t) return;
+      const a = {
+        small: 26,
+        default: 32,
+        large: 37
+      }[e.size] * e.rows;
+      t.style.minHeight = a + "px", t.style.height = "auto", e.maxHeight && (t.style.maxHeight = e.maxHeight + "px");
+      const f = Math.min(t.scrollHeight, e.maxHeight || t.scrollHeight), M = i.value ? Math.max(f, i.value) : f;
+      t.style.height = M + "px";
+    };
+    V(() => {
+      n();
+    }), k(
+      () => [e.rows, e.maxHeight],
+      () => {
+        n();
+      }
+    );
+    const z = R(() => [
+      "textarea",
+      `textarea--${e.size}`,
+      {
+        "textarea--disabled": e.disabled,
+        "textarea--error": e.error,
+        "textarea--resizable": e.resizable
+      }
+    ]);
+    return (t, l) => (d(), r("div", {
+      class: N(z.value)
+    }, [
+      m("div", F, [
+        h(t.$slots, "prefix", {}, void 0, !0),
+        O(m("textarea", {
+          id: e.inputId ?? x(y),
+          ref_key: "textareaRef",
+          ref: s,
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => o.value = a),
+          class: "textarea__field",
+          maxlength: e.maxlength,
+          placeholder: e.placeholder,
+          name: e.name,
+          disabled: e.disabled,
+          rows: e.rows,
+          resizable: e.resizable,
+          cols: e.cols,
+          style: S({ minHeight: e.minHeight }),
+          onMouseup: w,
+          onInput: n,
+          onFocusIn: l[1] || (l[1] = (a) => u("focusIn", a)),
+          onFocusOut: l[2] || (l[2] = (a) => u("focusOut", a)),
+          onBlur: l[3] || (l[3] = (a) => u("blur", a))
+        }, null, 44, T), [
+          [$, o.value]
+        ]),
+        e.allowClear && o.value && o.value.length > 0 ? (d(), r("button", {
+          key: 0,
+          class: "textarea__wrapper-clear",
+          onClick: l[4] || (l[4] = () => {
+            o.value = "", i.value = null, n();
+          })
+        }, [
+          D(x(E))
+        ])) : g("", !0)
+      ]),
+      m("div", U, [
+        h(t.$slots, "footer", {}, void 0, !0),
+        e.maxlength ? (d(), r("div", q, v(o.value ? o.value.length : 0) + " / " + v(e.maxlength), 1)) : g("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  G as default
+};

package/dist/components/TimeField/TimeField.css

@@ -0,0 +1 @@
+.time-field[data-v-fd8a3992]{border:1px solid var(--theme-neutral-border-default);border-radius:8px;justify-content:flex-start;align-items:center;gap:2px;width:86px;height:27px;padding:4px 8px;display:flex}.time-field__input[data-v-fd8a3992],.time-field__separator[data-v-fd8a3992]{font-size:1rem;line-height:120%}@media (min-width:768px){.time-field__input[data-v-fd8a3992],.time-field__separator[data-v-fd8a3992]{font-size:.75rem;line-height:120%}}.time-field[data-disabled][data-v-fd8a3992]{border:1px solid var(--theme-neutral-border-disabled);cursor:not-allowed}.time-field[data-disabled] .time-field__input[data-v-fd8a3992],.time-field[data-disabled] .time-field__separator[data-v-fd8a3992]{color:var(--theme-neutral-text-disabled);cursor:not-allowed}

package/dist/components/TimeField/TimeField.vue.d.ts

@@ -9,11 +9,10 @@ interface Props {
     locale?: string;
 }
 type __VLS_Props = Props;
-type __VLS_ModelProps = {
+type __VLS_PublicProps = {
     modelValue?: TTimeValue | null;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (value: TTimeValue | null) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: TTimeValue | null) => any) | undefined;
@@ -21,5 +20,4 @@ declare const __VLS_export: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, C
     locale: string;
     hourCycle: 12 | 24;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/TimeField/TimeField.vue.js

@@ -0,0 +1,8 @@
+import './TimeField.css';
+import o from "./TimeField.vue2.js";
+/* empty css               */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd8a3992"]]);
+export {
+  e as default
+};