@onereach/ui-components 25.3.2 → 25.3.3-beta.5799.0

package/dist/esm/{OrInlineTextarea-CZVqac2G.mjs → OrInlineTextarea-DVi6ZAsn.mjs}

@@ -1,11 +1,11 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("textarea[data-v-2eeba4e1]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as M, reactive as D, ref as u, computed as s, toRef as K, watch as P, nextTick as S, resolveComponent as m, openBlock as g, createElementBlock as V, normalizeClass as O, createElementVNode as b, createVNode as f, withCtx as d, withDirectives as h, mergeProps as R, vModelText as U, withModifiers as w, createCommentVNode as C, createBlock as j, createSlots as $, renderSlot as q, createTextVNode as v, toDisplayString as a, vShow as T } from "vue";
-import { useIdAttribute as G, useControlAttributes as J, useValidationAttributes as Q, useProxyModelValue as W } from "@onereach/ui-components-common/hooks";
-import { O as X } from "./OrError-B5ihH6-3.mjs";
-import { O as Y } from "./OrHint-NvbZyURY.mjs";
-import { O as Z } from "./OrIconButton-BajZRp1k.mjs";
-import { O as x } from "./OrInlineInputBox-M_zTO43m.mjs";
-import { useTextareaAutosize as _ } from "@vueuse/core";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("textarea[data-v-e9428130]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { useIdAttribute as M, useControlAttributes as D, useValidationAttributes as K, useProxyModelValue as P } from "@onereach/ui-components-common/hooks";
+import { O as R } from "./OrError-B5ihH6-3.mjs";
+import { O as U } from "./OrHint-NvbZyURY.mjs";
+import { O as j } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as q } from "./OrInlineInputBox-M_zTO43m.mjs";
+import { useTextareaAutosize as G } from "@vueuse/core";
+import { defineComponent as J, reactive as Q, ref as u, computed as s, toRef as W, watch as X, nextTick as S, resolveComponent as m, openBlock as g, createElementBlock as V, normalizeClass as O, createElementVNode as w, createVNode as f, withCtx as d, withDirectives as h, mergeProps as Y, vModelText as Z, withModifiers as C, createCommentVNode as $, createBlock as x, createSlots as b, renderSlot as _, createTextVNode as v, toDisplayString as a, vShow as T } from "vue";
 import { _ as ee } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const oe = [
   // Layout
@@ -32,13 +32,13 @@ const oe = [
   // Theme
   "theme-foreground-outline",
   "dark:theme-foreground-outline-dark"
-], re = M({
+], re = J({
   name: "OrInlineTextarea",
   components: {
-    OrError: X,
-    OrHint: Y,
-    OrIconButton: Z,
-    OrInlineInputBox: x
+    OrError: R,
+    OrHint: U,
+    OrIconButton: j,
+    OrInlineInputBox: q
   },
   model: {
     prop: "modelValue",
@@ -84,10 +84,10 @@ const oe = [
     "blur"
   ],
   setup(e, o) {
-    const c = D({
-      id: G(),
-      ...J(),
-      ...Q()
+    const c = Q({
+      id: M(),
+      ...D(),
+      ...K()
     }), k = u(), B = s(() => [
       "or-inline-textarea-v3",
       ...oe
@@ -95,8 +95,8 @@ const oe = [
       ...te
     ]), p = s(() => [
       ...ne
-    ]), n = W(K(e, "modelValue"), o.emit, { defaultValue: u("") }), r = u(n.value);
-    P(n, (l) => {
+    ]), n = P(W(e, "modelValue"), o.emit, { defaultValue: u("") }), r = u(n.value);
+    X(n, (l) => {
       r.value = l;
     });
     const t = u(!1), L = s(() => {
@@ -123,7 +123,7 @@ const oe = [
       var l;
       (l = i.value) == null || l.blur();
     }
-    return _({
+    return G({
       element: i,
       input: r
     }), {
@@ -155,13 +155,13 @@ function ie(e, o, c, k, B, i) {
     ref: "root",
     class: O(e.rootStyles)
   }, [
-    b("div", le, [
+    w("div", le, [
       f(y, {
         invalid: !!e.error,
         activated: e.activated
       }, {
         default: d(() => [
-          h(b("textarea", R({ ref: "control" }, e.attributes, {
+          h(w("textarea", Y({ ref: "control" }, e.attributes, {
             "onUpdate:modelValue": o[0] || (o[0] = (t) => e.draft = t),
             class: e.controlStyles,
             placeholder: e.placeholder,
@@ -176,7 +176,7 @@ function ie(e, o, c, k, B, i) {
               e.$emit("blur", t), e.onBlur();
             })
           }), null, 16, ae), [
-            [U, e.draft]
+            [Z, e.draft]
           ])
         ]),
         _: 1
@@ -188,18 +188,18 @@ function ie(e, o, c, k, B, i) {
         f(p, {
           icon: "done",
           color: "inherit",
-          onClick: w(e.apply, ["stop"])
+          onClick: C(e.apply, ["stop"])
         }, null, 8, ["onClick"]),
         f(p, {
           icon: "close",
           color: "inherit",
-          onClick: w(e.reset, ["stop"])
+          onClick: C(e.reset, ["stop"])
         }, null, 8, ["onClick"])
-      ], 2)) : C("", !0)
+      ], 2)) : $("", !0)
     ]),
-    e.$slots.hint || e.hint || e.maxLength ? h((g(), j(n, { key: 0 }, $({
+    e.$slots.hint || e.hint || e.maxLength ? h((g(), x(n, { key: 0 }, b({
       default: d(() => [
-        q(e.$slots, "hint", {}, () => [
+        _(e.$slots, "hint", {}, () => [
           v(a(e.hint), 1)
         ], !0)
       ]),
@@ -214,8 +214,8 @@ function ie(e, o, c, k, B, i) {
       } : void 0
     ]), 1536)), [
       [T, !e.error]
-    ]) : C("", !0),
-    h(f(r, null, $({
+    ]) : $("", !0),
+    h(f(r, null, b({
       default: d(() => [
         v(a(e.error) + " ", 1)
       ]),
@@ -233,8 +233,8 @@ function ie(e, o, c, k, B, i) {
     ])
   ], 2);
 }
-const ye = /* @__PURE__ */ ee(re, [["render", ie], ["__scopeId", "data-v-2eeba4e1"]]);
+const ye = /* @__PURE__ */ ee(re, [["render", ie], ["__scopeId", "data-v-e9428130"]]);
 export {
   ye as O
 };
-//# sourceMappingURL=OrInlineTextarea-CZVqac2G.mjs.map
+//# sourceMappingURL=OrInlineTextarea-DVi6ZAsn.mjs.map

package/dist/esm/OrInlineTextarea-DVi6ZAsn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrInlineTextarea-DVi6ZAsn.mjs","sources":["../../../components/or-inline-textarea-v3/src/styles.ts","../../../components/or-inline-textarea-v3/src/OrInlineTextarea.vue"],"sourcesContent":["export const InlineTextarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineTextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Behavior\n  'resize-none',\n];\n\nexport const InlineTextareaAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'px-0',\n  'py-sm*',\n\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <textarea\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model=\"draft\"\n          :class=\"controlStyles\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError v-show=\"typeof error === 'string' && error.length > 0\">\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport { InlineTextarea, InlineTextareaAction, InlineTextareaControl } from './styles';\nimport { InlineTextareaModelValue } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineTextareaModelValue>,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-inline-textarea-v3',\n      ...InlineTextarea,\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...InlineTextareaControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...InlineTextareaAction,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activated.value = true;\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    useTextareaAutosize({\n      element: control,\n      input: draft,\n    });\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["InlineTextarea","InlineTextareaControl","InlineTextareaAction","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","control","controlStyles","actionStyles","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","onBlur","apply","nextTick","reset","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_hoisted_1","_createVNode","_component_OrInlineInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_2","_component_OrIconButton","_withModifiers","_createCommentVNode","_withDirectives","_createBlock","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrInput-BrJzxNyE.mjs → OrInput-nExtCSw8.mjs}

@@ -1,14 +1,14 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-e04a3c23]{min-width:0;background:none;outline:none}input[type=search][data-v-e04a3c23]::-webkit-search-cancel-button{display:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as H, reactive as P, ref as S, computed as y, toRef as T, resolveComponent as a, openBlock as n, createElementBlock as c, normalizeClass as F, createBlock as s, withCtx as t, renderSlot as i, createTextVNode as p, toDisplayString as d, createCommentVNode as v, createElementVNode as L, createVNode as C, createSlots as w, withDirectives as B, mergeProps as K, vModelDynamic as R, Fragment as z, withModifiers as q, vShow as E } from "vue";
-import { useIdAttribute as U, useControlAttributes as j, useValidationAttributes as G, useProxyModelValue as J, useResponsive as Q } from "@onereach/ui-components-common/hooks";
-import { O as W } from "./OrError-B5ihH6-3.mjs";
-import { O as X } from "./OrHint-NvbZyURY.mjs";
-import { O as Y } from "./OrIconButton-BajZRp1k.mjs";
-import { O as Z } from "./OrIcon-k8cyvh-D.mjs";
-import { O as M } from "./OrInputBox-6ciokFdU.mjs";
-import { a as x } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as _ } from "./OrLabel-K7_HgvcK.mjs";
-import { O as ee } from "./OrLoader-2SaTMxmZ.mjs";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-29afd138]{min-width:0;background:none;outline:none}input[type=search][data-v-29afd138]::-webkit-search-cancel-button{display:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { useIdAttribute as H, useControlAttributes as P, useValidationAttributes as T, useProxyModelValue as F, useResponsive as K } from "@onereach/ui-components-common/hooks";
+import { O as R } from "./OrError-B5ihH6-3.mjs";
+import { O as U } from "./OrHint-NvbZyURY.mjs";
+import { O as j } from "./OrIconButton-Ds8k8FmS.mjs";
+import { O as G } from "./OrIcon-k8cyvh-D.mjs";
+import { O as J } from "./OrInputBox-6ciokFdU.mjs";
+import { a as Q } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
+import { O as W } from "./OrLabel-K7_HgvcK.mjs";
+import { O as X } from "./OrLoader-2SaTMxmZ.mjs";
+import { defineComponent as Y, reactive as Z, ref as S, computed as y, toRef as M, resolveComponent as a, openBlock as n, createElementBlock as c, normalizeClass as x, createBlock as s, withCtx as t, renderSlot as i, createTextVNode as p, toDisplayString as d, createCommentVNode as v, createElementVNode as L, createVNode as C, createSlots as w, withDirectives as B, mergeProps as _, vModelDynamic as ee, Fragment as z, withModifiers as q, vShow as E } from "vue";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const re = [
   // Layout
@@ -31,16 +31,16 @@ const re = [
   "dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]"
 ];
 var N = /* @__PURE__ */ ((e) => (e.Text = "text", e.Number = "number", e.Password = "password", e.Search = "search", e))(N || {}), D = /* @__PURE__ */ ((e) => (e.None = "none", e.Text = "text", e.Tel = "tel", e.Url = "url", e.Email = "email", e.Numeric = "numeric", e.Decimal = "decimal", e.Search = "search", e))(D || {});
-const te = H({
+const te = Y({
   name: "OrInput",
   components: {
-    OrError: W,
-    OrHint: X,
-    OrIcon: Z,
-    OrIconButton: Y,
-    OrInputBox: M,
-    OrLabel: _,
-    OrLoader: ee
+    OrError: R,
+    OrHint: U,
+    OrIcon: G,
+    OrIconButton: j,
+    OrInputBox: J,
+    OrLabel: W,
+    OrLoader: X
   },
   model: {
     prop: "modelValue",
@@ -123,17 +123,17 @@ const te = H({
     "blur"
   ],
   setup(e, o) {
-    const b = P({
-      id: U(),
-      ...j(),
-      ...G()
+    const b = Z({
+      id: H(),
+      ...P(),
+      ...T()
     }), V = S(), I = y(() => [
       "or-input-v3",
       ...re,
-      ...e.variant === x.Embedded ? ["grow"] : []
+      ...e.variant === Q.Embedded ? ["grow"] : []
     ]), m = S(), g = y(() => [
       ...ne
-    ]), u = J(T(e, "modelValue"), o.emit), f = S(!1), h = y(() => {
+    ]), u = F(M(e, "modelValue"), o.emit), f = S(!1), h = y(() => {
       var l;
       return ((l = u.value) == null ? void 0 : l.toString().length) ?? 0;
     }), O = y(() => b.maxlength);
@@ -148,7 +148,7 @@ const te = H({
       var l;
       (l = m.value) == null || l.blur();
     }
-    const { isMobile: A } = Q();
+    const { isMobile: A } = K();
     return {
       attributes: b,
       root: V,
@@ -170,7 +170,7 @@ function ie(e, o, b, V, I, m) {
   const g = a("OrLabel"), u = a("OrLoader"), f = a("OrIconButton"), h = a("OrIcon"), O = a("OrInputBox"), k = a("OrHint"), $ = a("OrError");
   return n(), c("div", {
     ref: "root",
-    class: F(e.rootStyles)
+    class: x(e.rootStyles)
   }, [
     e.$slots.label || e.$slots.addon || e.label ? (n(), s(g, {
       key: 0,
@@ -199,7 +199,7 @@ function ie(e, o, b, V, I, m) {
         disabled: e.disabled
       }, w({
         default: t(() => [
-          B(L("input", K({ ref: "control" }, e.attributes, {
+          B(L("input", _({ ref: "control" }, e.attributes, {
             "onUpdate:modelValue": o[0] || (o[0] = (r) => e.model = r),
             class: e.controlStyles,
             name: e.name,
@@ -217,7 +217,7 @@ function ie(e, o, b, V, I, m) {
             onBlur: o[5] || (o[5] = (r) => e.$emit("blur", r))
           }), null, 16, ae), [
             [
-              R,
+              ee,
               e.model,
               void 0,
               { trim: !0 }
@@ -313,10 +313,10 @@ function ie(e, o, b, V, I, m) {
     ])
   ], 2);
 }
-const Oe = /* @__PURE__ */ oe(te, [["render", ie], ["__scopeId", "data-v-e04a3c23"]]);
+const Oe = /* @__PURE__ */ oe(te, [["render", ie], ["__scopeId", "data-v-29afd138"]]);
 export {
   N as I,
   Oe as O,
   D as a
 };
-//# sourceMappingURL=OrInput-BrJzxNyE.mjs.map
+//# sourceMappingURL=OrInput-nExtCSw8.mjs.map

package/dist/esm/OrInput-nExtCSw8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrInput-nExtCSw8.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InputControl: string[] = [\n  // Box\n  'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Autofill hack,\n  // disable (delay color change)\n  'autofill:transition-colors autofill:duration-[5000s]',\n  // override background color using box-shadow\n  'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]',\n  'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n  Search = 'search',\n}\n\nexport enum InputMode {\n  None = 'none',\n  Text = 'text',\n  Tel = 'tel',\n  Url = 'url',\n  Email = 'email',\n  Numeric = 'numeric',\n  Decimal = 'decimal',\n  Search = 'search',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <div class=\"layout-row gap-md md:gap-md\">\n      <slot name=\"prepend\" />\n      <OrInputBox\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly || loading\"\n        :disabled=\"disabled\"\n      >\n        <template\n          v-if=\"$slots.prependInner\"\n          v-slot:prepend\n        >\n          <slot name=\"prependInner\" />\n        </template>\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"model\"\n          :class=\"controlStyles\"\n          :name=\"name\"\n          :type=\"type === 'password' && disclosed ? 'text' : type\"\n          :inputmode=\"inputmode\"\n          :autocomplete=\"autocomplete\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly || loading\"\n          :disabled=\"disabled\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event)\"\n          @blur=\"$emit('blur', $event)\"\n        >\n\n        <template\n          v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n          v-slot:addon\n        >\n          <slot name=\"appendInner\">\n            <template v-if=\"loading\">\n              <OrLoader\n                :variant=\"'circular'\"\n                :color=\"error ? 'danger' : 'primary'\"\n                :size=\"isMobile ? 'm' : 's'\"\n              />\n            </template>\n\n            <template v-else>\n              <template v-if=\"type === 'password'\">\n                <OrIconButton\n                  :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n                  :size=\"'l'\"\n                  :color=\"'inherit'\"\n                  :disabled=\"disabled\"\n                  @click.stop=\"disclosed = !disclosed\"\n                />\n              </template>\n\n              <template v-if=\"type === 'search'\">\n                <template v-if=\"modelValue && !readonly\">\n                  <OrIconButton\n                    :icon=\"'close'\"\n                    :color=\"'inherit'\"\n                    :size=\"'l'\"\n                    :disabled=\"disabled\"\n                    @click.stop=\"clear()\"\n                  />\n                </template>\n\n                <template v-else>\n                  <OrIcon\n                    :icon=\"'search'\"\n                    :size=\"'l'\"\n                    :variant=\"'outlined'\"\n                  />\n                </template>\n              </template>\n            </template>\n          </slot>\n        </template>\n      </OrInputBox>\n      <slot name=\"append\" />\n    </div>\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InputModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InputType}`>,\n      default: () => InputType.Text,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    inputmode: {\n      type: String as PropType<`${InputMode}`>,\n      default: InputMode.Text,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'clear',\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-input-v3',\n      ...Styles.Input,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InputControl,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const disclosed = ref(false);\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function clear(): void {\n      model.value = undefined;\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      model,\n      disclosed,\n\n      length,\n      maxLength,\n\n      clear,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_1","_createVNode","_component_OrInputBox","_mergeProps","_cache","$event","_withCtx","_component_OrLoader","_Fragment","_component_OrIconButton","_withModifiers","_component_OrIcon","_component_OrHint","_createSlots","_withDirectives","_component_OrError"],"mappings":"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"}

package/dist/esm/OrInputBox-6ciokFdU.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInputBox-6ciokFdU.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrInputBoxAddon","_createCommentVNode","_renderSlot"],"mappings":";;;;;YACEA,EA6BM,iBAAA;SA3BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IACV,UAAKA,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEU,SAAAC,EAAO,CAAO,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,6BAETG,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;IAMf,GAAA,GAAA,CAAA,WAAQ,4BAEQK,EAAY,IAAA,EAAA;AAAA,IAAAC,EAAAN,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EAAA,OAAA,SAAAH,EAAA,GALCM,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"OrInputBox-6ciokFdU.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrInputBoxAddon","_createCommentVNode","_renderSlot"],"mappings":";;;;;YACEA,EA6BM,iBAAA;SA3BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IACV,UAAKA,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEU,SAAAC,EAAO,CAAO,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,6BAETG,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;IAMf,GAAA,GAAA,CAAA,WAAQ,4BAEQK,EAAY,IAAA,EAAA;AAAA,IAAAC,EAAAN,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EAAA,OAAA,SAAAH,EAAA,GALCM,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;;;;;"}

package/dist/esm/OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs","sources":["../../../components/or-input-box-v3/src/partials/or-input-box-addon/styles.ts","../../../components/or-input-box-v3/src/partials/or-input-box-addon/OrInputBoxAddon.vue","../../../components/or-input-box-v3/src/types.ts","../../../components/or-input-box-v3/src/styles.ts","../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["export const InputBoxAddon: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { InputBoxAddon } from './styles';\n\nexport default defineComponent({\n  name: 'OrInputBoxAddon',\n\n  props: {\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-addon-v3',\n      ...InputBoxAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export enum InputBoxDirection {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport enum InputBoxVariant {\n  Styled = 'styled',\n  Unstyled = 'unstyled',\n  Embedded = 'embedded',\n}\n\nexport enum InputBoxSize {\n  M = 'm',\n  S = 's',\n}\n","import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport const InputBox: string[] = [\n  // Overflow\n  'overflow-hidden',\n\n  // Box\n  'w-full',\n\n  // Shape\n  'rounded-md',\n\n  // Theme (children)\n  'children:outline-none',\n];\n\nexport const InputBoxDirections: Record<InputBoxDirection, string[]> = {\n  [InputBoxDirection.Row]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [InputBoxDirection.Column]: [\n    // Layout\n    'layout-column',\n  ],\n};\n\nexport const InputBoxVariants: Record<InputBoxVariant, string[]> = {\n  [InputBoxVariant.Styled]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    'theme-outline-transparent outline-2',\n    'dark:theme-outline-transparent',\n\n    // Theme (focus)\n    'focus-within:theme-background-primary-translucent-1',\n    'dark:focus-within:theme-background-primary-translucent-1-dark',\n\n    'focus-within:theme-border-primary focus-within:border-1',\n    'dark:focus-within:theme-border-primary-dark',\n\n    'focus-within:theme-outline-primary focus-within:outline-2',\n    'dark:focus-within:theme-outline-primary-dark',\n\n    // Theme (invalid)\n    'invalid:theme-preset-3-error',\n    'dark:invalid:theme-preset-3-error-dark',\n\n    'invalid:theme-background-error-translucent-1',\n    'dark:invalid:theme-background-error-translucent-1-dark',\n\n    'invalid:theme-foreground-default',\n    'dark:invalid:theme-foreground-default-dark',\n\n    'invalid:theme-border-error invalid:border-1',\n    'dark:invalid:theme-border-error-dark',\n\n    'invalid:theme-outline-transparent invalid:outline-2',\n    'dark:invalid:theme-outline-transparent',\n\n    // Theme (invalid + focus)\n    'invalid:focus-within:theme-background-error-translucent-1',\n    'dark:invalid:focus-within:theme-background-error-translucent-1-dark',\n\n    'invalid:focus-within:theme-border-error invalid:focus-within:border-1',\n    'dark:invalid:focus-within:theme-border-error-dark',\n\n    'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2',\n    'dark:invalid:focus-within:theme-outline-error-dark',\n\n    // Theme (read-only)\n    'read-only:theme-background-primary-translucent-1',\n    'dark:read-only:theme-background-primary-translucent-1-dark',\n\n    'read-only:!border-transparent',\n    'dark:read-only:!border-transparent',\n\n    // Theme (invalid + read-only)\n    'invalid:read-only:bg-error-opacity-0-08',\n    'dark:invalid:read-only:bg-error-opacity-0-08-dark',\n\n    'invalid:read-only:!border-transparent',\n    'dark:invalid:read-only:!border-transparent',\n  ],\n\n  [InputBoxVariant.Unstyled]: [\n    // Theme (disabled)\n    'disabled:theme-foreground-disabled',\n    'dark:disabled:theme-foreground-disabled-dark',\n  ],\n\n  [InputBoxVariant.Embedded]: [\n    // Spacing (children)\n    'first:children:!ms-0',\n    'last:children:!me-0',\n  ],\n};\n\nexport const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]> = {\n  'm-row': [\n    // Box (children)\n    'children:min-h-[46px] md:children:min-h-[34px]',\n\n    // Spacing\n    'gap-sm+ md:gap-sm',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  'm-column': [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's-row': [\n    // Box (children)\n    'children:min-h-[30px]',\n\n    // Spacing\n    'gap-[6px]',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  's-column': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InputBoxAddon","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","InputBoxDirection","InputBoxVariant","InputBoxSize","InputBox","InputBoxDirections","InputBoxVariants","InputBoxSizes","_sfc_main","OrInputBoxAddon","props","Styles.InputBox","Styles.InputBoxDirections","Styles.InputBoxVariants","Styles.InputBoxSizes"],"mappings":"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"}
+{"version":3,"file":"OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs","sources":["../../../components/or-input-box-v3/src/partials/or-input-box-addon/styles.ts","../../../components/or-input-box-v3/src/partials/or-input-box-addon/OrInputBoxAddon.vue","../../../components/or-input-box-v3/src/types.ts","../../../components/or-input-box-v3/src/styles.ts","../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["export const InputBoxAddon: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { InputBoxAddon } from './styles';\n\nexport default defineComponent({\n  name: 'OrInputBoxAddon',\n\n  props: {\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-addon-v3',\n      ...InputBoxAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export enum InputBoxDirection {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport enum InputBoxVariant {\n  Styled = 'styled',\n  Unstyled = 'unstyled',\n  Embedded = 'embedded',\n}\n\nexport enum InputBoxSize {\n  M = 'm',\n  S = 's',\n}\n","import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport const InputBox: string[] = [\n  // Overflow\n  'overflow-hidden',\n\n  // Box\n  'w-full',\n\n  // Shape\n  'rounded-md',\n\n  // Theme (children)\n  'children:outline-none',\n];\n\nexport const InputBoxDirections: Record<InputBoxDirection, string[]> = {\n  [InputBoxDirection.Row]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [InputBoxDirection.Column]: [\n    // Layout\n    'layout-column',\n  ],\n};\n\nexport const InputBoxVariants: Record<InputBoxVariant, string[]> = {\n  [InputBoxVariant.Styled]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    'theme-outline-transparent outline-2',\n    'dark:theme-outline-transparent',\n\n    // Theme (focus)\n    'focus-within:theme-background-primary-translucent-1',\n    'dark:focus-within:theme-background-primary-translucent-1-dark',\n\n    'focus-within:theme-border-primary focus-within:border-1',\n    'dark:focus-within:theme-border-primary-dark',\n\n    'focus-within:theme-outline-primary focus-within:outline-2',\n    'dark:focus-within:theme-outline-primary-dark',\n\n    // Theme (invalid)\n    'invalid:theme-preset-3-error',\n    'dark:invalid:theme-preset-3-error-dark',\n\n    'invalid:theme-background-error-translucent-1',\n    'dark:invalid:theme-background-error-translucent-1-dark',\n\n    'invalid:theme-foreground-default',\n    'dark:invalid:theme-foreground-default-dark',\n\n    'invalid:theme-border-error invalid:border-1',\n    'dark:invalid:theme-border-error-dark',\n\n    'invalid:theme-outline-transparent invalid:outline-2',\n    'dark:invalid:theme-outline-transparent',\n\n    // Theme (invalid + focus)\n    'invalid:focus-within:theme-background-error-translucent-1',\n    'dark:invalid:focus-within:theme-background-error-translucent-1-dark',\n\n    'invalid:focus-within:theme-border-error invalid:focus-within:border-1',\n    'dark:invalid:focus-within:theme-border-error-dark',\n\n    'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2',\n    'dark:invalid:focus-within:theme-outline-error-dark',\n\n    // Theme (read-only)\n    'read-only:theme-background-primary-translucent-1',\n    'dark:read-only:theme-background-primary-translucent-1-dark',\n\n    'read-only:!border-transparent',\n    'dark:read-only:!border-transparent',\n\n    // Theme (invalid + read-only)\n    'invalid:read-only:bg-error-opacity-0-08',\n    'dark:invalid:read-only:bg-error-opacity-0-08-dark',\n\n    'invalid:read-only:!border-transparent',\n    'dark:invalid:read-only:!border-transparent',\n  ],\n\n  [InputBoxVariant.Unstyled]: [\n    // Theme (disabled)\n    'disabled:theme-foreground-disabled',\n    'dark:disabled:theme-foreground-disabled-dark',\n  ],\n\n  [InputBoxVariant.Embedded]: [\n    // Spacing (children)\n    'first:children:!ms-0',\n    'last:children:!me-0',\n  ],\n};\n\nexport const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]> = {\n  'm-row': [\n    // Box (children)\n    'children:min-h-[46px] md:children:min-h-[34px]',\n\n    // Spacing\n    'gap-sm+ md:gap-sm',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  'm-column': [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's-row': [\n    // Box (children)\n    'children:min-h-[30px]',\n\n    // Spacing\n    'gap-[6px]',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  's-column': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InputBoxAddon","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","InputBoxDirection","InputBoxVariant","InputBoxSize","InputBox","InputBoxDirections","InputBoxVariants","InputBoxSizes","_sfc_main","OrInputBoxAddon","props","Styles.InputBox","Styles.InputBoxDirections","Styles.InputBoxVariants","Styles.InputBoxSizes"],"mappings":"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"}

package/dist/esm/OrLink-Vl_H8MMg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrLink-Vl_H8MMg.mjs","sources":["../../../components/or-link-v3/src/props.ts","../../../components/or-link-v3/src/styles.ts","../../../components/or-link-v3/src/OrLink.vue"],"sourcesContent":["export enum LinkColor {\n  Primary = 'primary',\n  Success = 'success',\n  Warning = 'warning',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { LinkColor } from './props';\n\nexport const LinkRoot: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'gap-xs',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-inherit',\n];\n\nexport const LinkRootColors: Record<LinkColor, string[]> = {\n  'primary': [\n    // Theme\n    'theme-preset-4-primary',\n    'dark:theme-preset-4-primary-dark',\n  ],\n\n  'success': [\n    // Theme\n    'theme-preset-4-success',\n    'dark:theme-preset-4-success-dark',\n  ],\n\n  'warning': [\n    // Theme\n    'theme-preset-4-warning',\n    'dark:theme-preset-4-warning-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'theme-preset-4-error',\n    'dark:theme-preset-4-error-dark',\n  ],\n\n  'inherit': [\n    // Theme\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:theme-foreground-primary-hover',\n    'dark:hover:md:theme-foreground-primary-hover-dark',\n\n    // Theme (active)\n    'active:theme-foreground-primary-hover',\n    'dark:active:theme-foreground-primary-hover-dark',\n  ],\n};\n","<template>\n  <a\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :href=\"href\"\n    :disabled=\"disabled\"\n  >\n    <template v-if=\"loading\">\n      {{ loadingText + '&hellip;' }}\n    </template>\n\n    <template v-else>\n      <slot />\n    </template>\n  </a>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { LinkColor } from './props';\nimport { LinkRoot, LinkRootColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrLink',\n\n  props: {\n    href: {\n      type: String,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${LinkColor}`>,\n      default: () => LinkColor.Inherit,\n    },\n\n    underlined: {\n      type: Boolean,\n      default: true,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-link-v3',\n      ...LinkRoot,\n      ...LinkRootColors[`${props.color}`],\n      props.loading && 'interactivity-none',\n      props.underlined && 'underline hover:md:no-underline active:no-underline',\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["LinkColor","LinkRoot","LinkRootColors","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WALAA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAA8C;AAAA,EACzD,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GChCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMJ,EAAU;AAAA,IAC3B;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMK,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,MACH,GAAGC,EAAe,GAAGG,EAAM,KAAK,EAAE;AAAA,MAClCA,EAAM,WAAW;AAAA,MACjBA,EAAM,cAAc;AAAA,IAAA,CACrB;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA7ESE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,KAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAkBC,EAAAR,EAAA,UAAA;AAAA,IAAA,MAAAA,EAAA;AAAA,cAEHA,EAAO;AAAA,EAAA,GAAA;AAAA;MAKrBS,EAAQC,EAAAV,EAAA,cAAA,GAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,KAAAW,EAAAX,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA;AAAA;;;"}
+{"version":3,"file":"OrLink-Vl_H8MMg.mjs","sources":["../../../components/or-link-v3/src/props.ts","../../../components/or-link-v3/src/styles.ts","../../../components/or-link-v3/src/OrLink.vue"],"sourcesContent":["export enum LinkColor {\n  Primary = 'primary',\n  Success = 'success',\n  Warning = 'warning',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { LinkColor } from './props';\n\nexport const LinkRoot: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Spacing\n  'gap-xs',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-inherit',\n];\n\nexport const LinkRootColors: Record<LinkColor, string[]> = {\n  'primary': [\n    // Theme\n    'theme-preset-4-primary',\n    'dark:theme-preset-4-primary-dark',\n  ],\n\n  'success': [\n    // Theme\n    'theme-preset-4-success',\n    'dark:theme-preset-4-success-dark',\n  ],\n\n  'warning': [\n    // Theme\n    'theme-preset-4-warning',\n    'dark:theme-preset-4-warning-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'theme-preset-4-error',\n    'dark:theme-preset-4-error-dark',\n  ],\n\n  'inherit': [\n    // Theme\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:theme-foreground-primary-hover',\n    'dark:hover:md:theme-foreground-primary-hover-dark',\n\n    // Theme (active)\n    'active:theme-foreground-primary-hover',\n    'dark:active:theme-foreground-primary-hover-dark',\n  ],\n};\n","<template>\n  <a\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :href=\"href\"\n    :disabled=\"disabled\"\n  >\n    <template v-if=\"loading\">\n      {{ loadingText + '&hellip;' }}\n    </template>\n\n    <template v-else>\n      <slot />\n    </template>\n  </a>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { LinkColor } from './props';\nimport { LinkRoot, LinkRootColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrLink',\n\n  props: {\n    href: {\n      type: String,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${LinkColor}`>,\n      default: () => LinkColor.Inherit,\n    },\n\n    underlined: {\n      type: Boolean,\n      default: true,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    loadingText: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-link-v3',\n      ...LinkRoot,\n      ...LinkRootColors[`${props.color}`],\n      props.loading && 'interactivity-none',\n      props.underlined && 'underline hover:md:no-underline active:no-underline',\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["LinkColor","LinkRoot","LinkRootColors","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_createTextVNode","_toDisplayString","_renderSlot"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WALAA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAA8C;AAAA,EACzD,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA,EACF;AAAA,EAEA,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GC/BAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMJ,EAAU;AAAA,IAC3B;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMK,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,MACH,GAAGC,EAAe,GAAGG,EAAM,KAAK,EAAE;AAAA,MAClCA,EAAM,WAAW;AAAA,MACjBA,EAAM,cAAc;AAAA,IAAA,CACrB;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9ESE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,KAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAkBC,EAAAR,EAAA,UAAA;AAAA,IAAA,MAAAA,EAAA;AAAA,cAEHA,EAAO;AAAA,EAAA,GAAA;AAAA;MAKrBS,EAAQC,EAAAV,EAAA,cAAA,GAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,KAAAW,EAAAX,EAAA,QAAA,WAAA,EAAA,KAAA,GAAA;AAAA;;;"}

package/dist/esm/{OrList-Ded7wJKj.mjs → OrList-CX3cwJvm.mjs}

@@ -1,6 +1,6 @@
 import { useProxyModelValue as N } from "@onereach/ui-components-common/hooks";
-import { O as D } from "./OrButton-C_hXddAf.mjs";
-import { O as P } from "./OrIconButton-BajZRp1k.mjs";
+import { O as D } from "./OrButton-_RCmYvxT.mjs";
+import { O as P } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as z } from "./OrIcon-k8cyvh-D.mjs";
 import { O as E } from "./OrLabel-K7_HgvcK.mjs";
 import H from "sortablejs";
@@ -286,4 +286,4 @@ export {
   ye as O,
   _ as a
 };
-//# sourceMappingURL=OrList-Ded7wJKj.mjs.map
+//# sourceMappingURL=OrList-CX3cwJvm.mjs.map

package/dist/esm/OrList-CX3cwJvm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrList-CX3cwJvm.mjs","sources":["../../../components/or-list-v3/src/partials/or-list-item/styles.ts","../../../components/or-list-v3/src/partials/or-list-item/OrListItem.vue","../../../components/or-list-v3/src/styles.ts","../../../components/or-list-v3/src/OrList.vue"],"sourcesContent":["export const ListItem: string[] = [\n  // Interactivity (draggable)\n  'draggable:interactivity-drag',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md md:px-sm',\n  'py-md md:py-sm',\n\n  // Theme (hover)\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (focus)\n  'focus-within:theme-outline-primary focus-within:outline-2',\n  'dark:focus-within:theme-outline-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-background-primary-translucent-3',\n  'dark:selected:theme-background-primary-translucent-3-dark',\n];\n\nexport const ListItemContent: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-sm',\n  'py-md md:py-sm',\n\n  'gap-sm',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    :draggable=\"draggable\"\n  >\n    <div\n      :class=\"contentStyles\"\n      :disabled=\"disabled\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { ListItem, ListItemContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrListItem',\n\n  props: {\n    draggable: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  setup() {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-list-item-v3',\n      ...ListItem,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...ListItemContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n    };\n  },\n});\n</script>\n","export const List: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-md',\n];\n\nexport const ListHeader: string[] = [];\n\nexport const ListContent: string[] = [];\n\nexport const ListFooter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <template v-if=\"$slots['header'] || $slots['label'] || $slots['label-addon'] || label\">\n      <div :class=\"headerStyles\">\n        <slot\n          name=\"header\"\n          :add-item=\"addItem\"\n          :delete-item=\"deleteItem\"\n        >\n          <OrLabel :disabled=\"disabled\">\n            <slot name=\"label\">\n              {{ label }}\n            </slot>\n\n            <template v-slot:addon>\n              <slot name=\"label-addon\" />\n            </template>\n          </OrLabel>\n        </slot>\n      </div>\n    </template>\n\n    <div\n      :ref=\"'content'\"\n      :class=\"contentStyles\"\n    >\n      <OrListItem\n        v-for=\"(item, index) in model\"\n        :key=\"item.key || uuid()\"\n        :draggable=\"canReorder\"\n        :selected=\"selection.includes(item)\"\n        :disabled=\"disabled\"\n      >\n        <div :class=\"['grow']\">\n          <slot\n            v-bind=\"{\n              item,\n              index,\n              items: model,\n              addItem,\n              deleteItem\n            }\"\n          >\n            {{ item }}\n          </slot>\n        </div>\n\n        <template v-if=\"canDelete\">\n          <OrIconButton\n            :icon=\"'delete'\"\n            :disabled=\"disabled\"\n            @click=\"deleteItem(index)\"\n          />\n        </template>\n      </OrListItem>\n    </div>\n\n    <template v-if=\"$slots['footer'] || canAdd\">\n      <div :class=\"footerStyles\">\n        <slot\n          name=\"footer\"\n          :add-item=\"addItem\"\n          :delete-item=\"deleteItem\"\n        >\n          <template v-if=\"canAdd\">\n            <OrButton\n              :variant=\"'link'\"\n              :disabled=\"disabled\"\n              @click=\"addItem()\"\n            >\n              <slot name=\"add-button\">\n                <OrIcon :icon=\"'add'\" /> {{ addButtonLabel }}\n              </slot>\n            </OrButton>\n          </template>\n        </slot>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport Sortable from 'sortablejs';\nimport { v4 as uuid } from 'uuid';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { OrListItem } from './partials';\nimport * as Styles from './styles';\nimport { ListItem } from './types';\n\nexport default defineComponent({\n  name: 'OrList',\n\n  components: {\n    OrButton,\n    OrIcon,\n    OrIconButton,\n    OrLabel,\n    OrListItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: Array as PropType<ListItem[]>,\n      default: () => [],\n    },\n\n    selection: {\n      type: Array as PropType<ListItem[]>,\n      default: () => [],\n    },\n\n    itemFactory: {\n      type: Function as PropType<() => ListItem>,\n      default: () => ({}),\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    addButtonLabel: {\n      type: String,\n      default: 'Add Item',\n    },\n\n    canAdd: {\n      type: Boolean,\n      default: true,\n    },\n\n    canDelete: {\n      type: Boolean,\n      default: true,\n    },\n\n    canReorder: {\n      type: Boolean,\n      default: true,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'before:add',\n    'before:delete',\n    'before:reorder',\n\n    'add',\n    'delete',\n    'reorder',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-list-v3',\n      ...Styles.List,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ListHeader,\n    ]);\n\n    const content = ref<HTMLElement>();\n\n    const contentStyles = computed(() => [\n      ...Styles.ListContent,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...Styles.ListFooter,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    // Effects\n    // #region Sortable\n    let sortable: Sortable | undefined;\n\n    watch([content, () => props.canReorder], ([content, canReorder]) => {\n      sortable?.destroy();\n      sortable = undefined;\n\n      if (content && canReorder) {\n        sortable = Sortable.create(content, {\n          disabled: props.disabled,\n\n          onUpdate: (event) => {\n            context.emit('before:reorder', model.value);\n\n            const nextModelValue = [...model.value];\n            const reorderedItem = nextModelValue.splice(event.oldIndex!, 1)[0];\n\n            nextModelValue.splice(event.newIndex!, 0, reorderedItem);\n\n            context.emit('reorder', reorderedItem, event.newIndex, event.oldIndex, model.value = nextModelValue);\n          },\n        });\n      }\n    });\n\n    watch(() => props.disabled, (value) => {\n      sortable?.option('disabled', value);\n    });\n    // #endregion\n\n    // Methods\n    function addItem(): void {\n      context.emit('before:add', model.value);\n\n      const addedItem = props.itemFactory();\n      const nextModelValue = [...model.value, addedItem];\n\n      context.emit('add', addedItem, nextModelValue.indexOf(addedItem), model.value = nextModelValue);\n    }\n\n    function deleteItem(index: number): void {\n      context.emit('before:delete', model.value);\n\n      const deletedItem = model.value[index];\n      const nextModelValue = model.value.filter((item: ListItem) => item !== deletedItem);\n\n      context.emit('delete', deletedItem, index, model.value = nextModelValue);\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      headerStyles,\n\n      content,\n      contentStyles,\n\n      footerStyles,\n\n      model,\n\n      addItem,\n      deleteItem,\n\n      uuid,\n    };\n  },\n});\n</script>\n"],"names":["ListItem","ListItemContent","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","contentStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","List","ListHeader","ListContent","ListFooter","_sfc_main","OrButton","OrIcon","OrIconButton","OrLabel","OrListItem","props","context","Styles.List","headerStyles","Styles.ListHeader","content","Styles.ListContent","footerStyles","Styles.ListFooter","model","useProxyModelValue","toRef","sortable","watch","canReorder","Sortable","event","nextModelValue","reorderedItem","value","addItem","addedItem","deleteItem","index","deletedItem","item","uuid","_hoisted_1","_resolveComponent","_renderSlot","_createVNode","_component_OrLabel","_withCtx","_createCommentVNode","_createElementVNode","_Fragment","_renderList","_createBlock","_component_OrListItem","_hoisted_2","_normalizeProps","_guardReactiveProps","_component_OrIconButton","_component_OrButton","$event","_component_OrIcon"],"mappings":"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"}

package/dist/esm/OrLoader-2SaTMxmZ.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrLoader-2SaTMxmZ.mjs","sources":["../../../components/or-loader-v3/src/props.ts","../../../components/or-loader-v3/src/styles.ts","../../../components/or-loader-v3/src/OrLoader.vue"],"sourcesContent":["export enum LoaderVariant {\n  Circular = 'circular',\n  Linear = 'linear',\n  Text = 'text',\n}\n\nexport enum LoaderColor {\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n\nexport enum LoaderSize {\n  M = 'm',\n  S = 's',\n}\n","import { LoaderColor } from './props';\n\nexport const LoaderRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n  'gap-md',\n];\n\nexport const LoaderRootColors: Record<LoaderColor, string[]> = {\n  'primary': [\n    // Theme\n    'stroke-primary',\n    'dark:stroke-primary-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'stroke-error',\n    'dark:stroke-error-dark',\n  ],\n\n  'inherit': [],\n};\n\nexport const LoaderContainer: string[] = [\n  'flex',\n  'justify-center',\n];\n\nexport const LoaderTitle: string[] = [\n  'typography-headline-2',\n  'text-center',\n  'text-on-background',\n  'dark:text-on-background-dark',\n];\n\nexport const LoaderDescription: string[] = [\n  'typography-body-2-regular',\n  'text-center',\n  'text-outline',\n  'dark:text-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"title\">\n      <div :class=\"titleStyles\">\n        {{ title }}\n      </div>\n    </template>\n    <div\n      :class=\"containerStyles\"\n      :style=\"wrapperStyle\"\n    >\n      <template v-if=\"variant === 'circular'\">\n        <svg\n          viewBox=\"0 0 16 16\"\n          :width=\"computedSize\"\n          :height=\"computedSize\"\n        >\n          <g\n            fill=\"none\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          >\n            <circle\n              :class=\"[\n                'animate-circular-loader',\n                'origin-center',\n              ]\"\n              cx=\"50%\"\n              cy=\"50%\"\n              r=\"7\"\n              :stroke=\"color === 'inherit' ? 'currentColor' : 'inherit'\"\n            />\n          </g>\n        </svg>\n      </template>\n\n      <template v-if=\"variant === 'linear'\">\n        <svg\n          width=\"100%\"\n          height=\"4\"\n        >\n          <g\n            fill=\"none\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n          >\n            <line\n              :class=\"[\n                'stroke-surface-variant',\n                'dark:stroke-surface-variant-dark',\n              ]\"\n              x1=\"2\"\n              y1=\"50%\"\n              :x2=\"strokeWidth\"\n              y2=\"50%\"\n            />\n\n            <line\n              :class=\"[\n                'animate-linear-loader',\n                'origin-center',\n              ]\"\n              x1=\"2\"\n              y1=\"50%\"\n              :x2=\"strokeWidth\"\n              y2=\"50%\"\n              :stroke=\"color === 'inherit' ? 'currentColor' : 'inherit'\"\n            />\n          </g>\n        </svg>\n      </template>\n      <template v-if=\"variant === 'text'\">\n        {{ text }}&nbsp;<span class=\"animate-pulse\">.</span><span class=\"animate-pulse animation-delay-200\">.</span><span class=\"animate-pulse animation-delay-400\">.</span>\n      </template>\n    </div>\n    <template v-if=\"description\">\n      <div :class=\"descriptionStyles\">\n        {{ description }}\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementSize } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { LoaderColor, LoaderSize, LoaderVariant } from './props';\nimport { LoaderContainer, LoaderDescription, LoaderRoot, LoaderRootColors, LoaderTitle } from './styles';\n\nexport default defineComponent({\n  name: 'OrLoader',\n\n  props: {\n    variant: {\n      type: String as PropType<`${LoaderVariant}`>,\n      default: () => LoaderVariant.Circular,\n    },\n\n    /**\n     * Defines a semantic color of the loading indicator.\n     * Use `'inherit'` option to set your own color from the parent (not recommended).\n     */\n    color: {\n      type: String as PropType<`${LoaderColor}`>,\n      default: () => LoaderColor.Primary,\n    },\n\n    /**\n     * Defines a diameter of the circular loader. Ignored for linear one.\n     */\n    size: {\n      type: String as PropType<`${LoaderSize}`>,\n      default: () => LoaderSize.M,\n    },\n\n    title: {\n      type: String,\n      default: undefined,\n    },\n\n    description: {\n      type: String,\n      default: undefined,\n    },\n\n    text: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { width: loaderContainerWidth } = useElementSize(root);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-loader-v3',\n      ...LoaderRoot,\n      ...LoaderRootColors[props.color],\n    ]);\n\n    const titleStyles = computed(() => [\n      ...LoaderTitle,\n    ]);\n\n    const descriptionStyles = computed(() => [\n      ...LoaderDescription,\n    ]);\n\n    const containerStyles = computed(() => [\n      ...LoaderContainer,\n    ]);\n\n    // State\n    // eslint-disable-next-line vue/return-in-computed-property\n    const computedSize = computed(() => {\n      switch (props.size) {\n        case LoaderSize.M:\n          return 20;\n\n        case LoaderSize.S:\n          return 16;\n      }\n    });\n\n    const strokeWidth = computed(() => {\n      return loaderContainerWidth.value\n        ? loaderContainerWidth.value - 2\n        : '100%';\n    });\n\n    /**\n     * Preserves circular loading indicator from shrinking caused by external styles.\n     */\n    const wrapperStyle = computed(() => {\n      return `min-width: ${computedSize.value}px;`;\n    });\n\n    return {\n      root,\n      rootStyles,\n      containerStyles,\n      titleStyles,\n      descriptionStyles,\n      computedSize,\n      strokeWidth,\n      wrapperStyle,\n    };\n  },\n});\n</script>\n"],"names":["LoaderVariant","LoaderColor","LoaderSize","LoaderRoot","LoaderRootColors","LoaderContainer","LoaderTitle","LoaderDescription","_sfc_main","defineComponent","props","root","ref","loaderContainerWidth","useElementSize","rootStyles","computed","titleStyles","descriptionStyles","containerStyles","computedSize","strokeWidth","wrapperStyle","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_createElementVNode","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_normalizeStyle","_hoisted_6","_Fragment","_createTextVNode","_hoisted_9"],"mappings":"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"}
+{"version":3,"file":"OrLoader-2SaTMxmZ.mjs","sources":["../../../components/or-loader-v3/src/props.ts","../../../components/or-loader-v3/src/styles.ts","../../../components/or-loader-v3/src/OrLoader.vue"],"sourcesContent":["export enum LoaderVariant {\n  Circular = 'circular',\n  Linear = 'linear',\n  Text = 'text',\n}\n\nexport enum LoaderColor {\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n\nexport enum LoaderSize {\n  M = 'm',\n  S = 's',\n}\n","import { LoaderColor } from './props';\n\nexport const LoaderRoot: string[] = [\n  // Layout\n  'flex',\n  'flex-col',\n  'gap-md',\n];\n\nexport const LoaderRootColors: Record<LoaderColor, string[]> = {\n  'primary': [\n    // Theme\n    'stroke-primary',\n    'dark:stroke-primary-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'stroke-error',\n    'dark:stroke-error-dark',\n  ],\n\n  'inherit': [],\n};\n\nexport const LoaderContainer: string[] = [\n  'flex',\n  'justify-center',\n];\n\nexport const LoaderTitle: string[] = [\n  'typography-headline-2',\n  'text-center',\n  'text-on-background',\n  'dark:text-on-background-dark',\n];\n\nexport const LoaderDescription: string[] = [\n  'typography-body-2-regular',\n  'text-center',\n  'text-outline',\n  'dark:text-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"title\">\n      <div :class=\"titleStyles\">\n        {{ title }}\n      </div>\n    </template>\n    <div\n      :class=\"containerStyles\"\n      :style=\"wrapperStyle\"\n    >\n      <template v-if=\"variant === 'circular'\">\n        <svg\n          viewBox=\"0 0 16 16\"\n          :width=\"computedSize\"\n          :height=\"computedSize\"\n        >\n          <g\n            fill=\"none\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n          >\n            <circle\n              :class=\"[\n                'animate-circular-loader',\n                'origin-center',\n              ]\"\n              cx=\"50%\"\n              cy=\"50%\"\n              r=\"7\"\n              :stroke=\"color === 'inherit' ? 'currentColor' : 'inherit'\"\n            />\n          </g>\n        </svg>\n      </template>\n\n      <template v-if=\"variant === 'linear'\">\n        <svg\n          width=\"100%\"\n          height=\"4\"\n        >\n          <g\n            fill=\"none\"\n            stroke-width=\"4\"\n            stroke-linecap=\"round\"\n          >\n            <line\n              :class=\"[\n                'stroke-surface-variant',\n                'dark:stroke-surface-variant-dark',\n              ]\"\n              x1=\"2\"\n              y1=\"50%\"\n              :x2=\"strokeWidth\"\n              y2=\"50%\"\n            />\n\n            <line\n              :class=\"[\n                'animate-linear-loader',\n                'origin-center',\n              ]\"\n              x1=\"2\"\n              y1=\"50%\"\n              :x2=\"strokeWidth\"\n              y2=\"50%\"\n              :stroke=\"color === 'inherit' ? 'currentColor' : 'inherit'\"\n            />\n          </g>\n        </svg>\n      </template>\n      <template v-if=\"variant === 'text'\">\n        {{ text }}&nbsp;<span class=\"animate-pulse\">.</span><span class=\"animate-pulse animation-delay-200\">.</span><span class=\"animate-pulse animation-delay-400\">.</span>\n      </template>\n    </div>\n    <template v-if=\"description\">\n      <div :class=\"descriptionStyles\">\n        {{ description }}\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useElementSize } from '@vueuse/core';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { LoaderColor, LoaderSize, LoaderVariant } from './props';\nimport { LoaderContainer, LoaderDescription, LoaderRoot, LoaderRootColors, LoaderTitle } from './styles';\n\nexport default defineComponent({\n  name: 'OrLoader',\n\n  props: {\n    variant: {\n      type: String as PropType<`${LoaderVariant}`>,\n      default: () => LoaderVariant.Circular,\n    },\n\n    /**\n     * Defines a semantic color of the loading indicator.\n     * Use `'inherit'` option to set your own color from the parent (not recommended).\n     */\n    color: {\n      type: String as PropType<`${LoaderColor}`>,\n      default: () => LoaderColor.Primary,\n    },\n\n    /**\n     * Defines a diameter of the circular loader. Ignored for linear one.\n     */\n    size: {\n      type: String as PropType<`${LoaderSize}`>,\n      default: () => LoaderSize.M,\n    },\n\n    title: {\n      type: String,\n      default: undefined,\n    },\n\n    description: {\n      type: String,\n      default: undefined,\n    },\n\n    text: {\n      type: String,\n      default: 'Loading',\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { width: loaderContainerWidth } = useElementSize(root);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-loader-v3',\n      ...LoaderRoot,\n      ...LoaderRootColors[props.color],\n    ]);\n\n    const titleStyles = computed(() => [\n      ...LoaderTitle,\n    ]);\n\n    const descriptionStyles = computed(() => [\n      ...LoaderDescription,\n    ]);\n\n    const containerStyles = computed(() => [\n      ...LoaderContainer,\n    ]);\n\n    // State\n    // eslint-disable-next-line vue/return-in-computed-property\n    const computedSize = computed(() => {\n      switch (props.size) {\n        case LoaderSize.M:\n          return 20;\n\n        case LoaderSize.S:\n          return 16;\n      }\n    });\n\n    const strokeWidth = computed(() => {\n      return loaderContainerWidth.value\n        ? loaderContainerWidth.value - 2\n        : '100%';\n    });\n\n    /**\n     * Preserves circular loading indicator from shrinking caused by external styles.\n     */\n    const wrapperStyle = computed(() => {\n      return `min-width: ${computedSize.value}px;`;\n    });\n\n    return {\n      root,\n      rootStyles,\n      containerStyles,\n      titleStyles,\n      descriptionStyles,\n      computedSize,\n      strokeWidth,\n      wrapperStyle,\n    };\n  },\n});\n</script>\n"],"names":["LoaderVariant","LoaderColor","LoaderSize","LoaderRoot","LoaderRootColors","LoaderContainer","LoaderTitle","LoaderDescription","_sfc_main","defineComponent","props","root","ref","loaderContainerWidth","useElementSize","rootStyles","computed","titleStyles","descriptionStyles","containerStyles","computedSize","strokeWidth","wrapperStyle","_hoisted_1","_hoisted_2","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_createElementVNode","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_normalizeStyle","_hoisted_6","_Fragment","_createTextVNode","_hoisted_9"],"mappings":"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"}

package/dist/esm/{OrMenu-BNbd6Ajl.mjs → OrMenu-Cag_fBXC.mjs}

@@ -1,5 +1,5 @@
 import { usePopoverState as y } from "@onereach/ui-components-common/hooks";
-import { O as g, a as O } from "./OrPopover-FA8G-paf.mjs";
+import { O as g, a as O } from "./OrPopover-GBPJ4IDN.mjs";
 import "@onereach/ui-components-common/utils";
 import { defineComponent as S, ref as i, computed as u, toRef as $, resolveComponent as P, openBlock as C, createBlock as M, normalizeClass as c, withCtx as k, createElementVNode as w, mergeProps as B, withModifiers as b, renderSlot as j } from "vue";
 import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -111,4 +111,4 @@ const G = /* @__PURE__ */ A(z, [["render", E]]);
 export {
   G as O
 };
-//# sourceMappingURL=OrMenu-BNbd6Ajl.mjs.map
+//# sourceMappingURL=OrMenu-Cag_fBXC.mjs.map