@onereach/ui-components 23.1.1 → 23.1.3-beta.5534.0

package/dist/esm/{OrFilter-sHL5dLBZ.mjs → OrFilter-C8d3OmGK.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
 import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
 import { O as j } from "./OrFilterPopover-C8lXb-hJ.mjs";
-import { O as z } from "./OrFilterTrigger-CiScTjiQ.mjs";
+import { O as z } from "./OrFilterTrigger-zfcgyC7C.mjs";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const A = [], E = R({
   name: "OrFilter",
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
 export {
   H as O
 };
-//# sourceMappingURL=OrFilter-sHL5dLBZ.mjs.map
+//# sourceMappingURL=OrFilter-C8d3OmGK.mjs.map

package/dist/esm/{OrFilter-sHL5dLBZ.mjs.map → OrFilter-C8d3OmGK.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilter-sHL5dLBZ.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"OrFilter-C8d3OmGK.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}

package/dist/esm/{OrFilterTrigger-CiScTjiQ.mjs → OrFilterTrigger-zfcgyC7C.mjs}

@@ -1,8 +1,8 @@
-import { defineComponent as y, ref as v, computed as a, resolveComponent as c, openBlock as p, createElementBlock as u, normalizeClass as t, createElementVNode as n, createVNode as g, createTextVNode as f, toDisplayString as h, withModifiers as b, createCommentVNode as O } from "vue";
-import { O as _ } from "./OrIconButton-BlHCLpeW.mjs";
-import { O as S } from "./OrIcon-k8cyvh-D.mjs";
-import { _ as x } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const T = [
+import { O as y } from "./OrIconButton-BlHCLpeW.mjs";
+import { O as v } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as b, ref as O, computed as a, resolveComponent as c, openBlock as p, createElementBlock as u, normalizeClass as t, createElementVNode as n, createVNode as g, createTextVNode as f, toDisplayString as h, withModifiers as S, createCommentVNode as _ } from "vue";
+import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const w = [
   // Layout
   "layout-row",
   // Interactivity
@@ -39,7 +39,7 @@ const T = [
   // Theme (.icon / hover)
   "[&_.icon]:hover:theme-foreground-primary-hover",
   "dark:[&_.icon]:hover:theme-foreground-primary-hover-dark"
-], w = [
+], x = [
   // Layout
   "layout-row",
   // Spacing
@@ -60,11 +60,11 @@ const T = [
   "dark:theme-foreground-default-dark",
   "theme-background-default",
   "dark:theme-background-default-dark"
-], C = y({
+], C = b({
   name: "OrFilterTrigger",
   components: {
-    OrIcon: S,
-    OrIconButton: _
+    OrIcon: v,
+    OrIconButton: y
   },
   props: {
     isOpen: {
@@ -78,6 +78,10 @@ const T = [
     label: {
       type: String,
       default: "Filters"
+    },
+    icon: {
+      type: String,
+      default: "filter_list"
     }
   },
   emits: [
@@ -88,12 +92,12 @@ const T = [
     "root"
   ],
   setup(e, r) {
-    const d = v(), s = a(() => [
+    const d = O(), i = a(() => [
       "or-filter-trigger-v3",
-      ...T
-    ]), i = a(() => [
       ...w
     ]), l = a(() => [
+      ...x
+    ]), s = a(() => [
       ...B
     ]);
     function o() {
@@ -101,9 +105,9 @@ const T = [
     }
     return {
       root: d,
-      rootStyles: s,
-      labelStyles: i,
-      tagStyles: l,
+      rootStyles: i,
+      labelStyles: l,
+      tagStyles: s,
       reset: o
     };
   }
@@ -113,7 +117,7 @@ const T = [
 }, $ = {
   class: /* @__PURE__ */ t(["layout-inline-row", "-m-[4px]"])
 };
-function N(e, r, d, s, i, l) {
+function N(e, r, d, i, l, s) {
   const o = c("OrIcon"), k = c("OrIconButton");
   return p(), u("div", {
     ref: "root",
@@ -127,8 +131,8 @@ function N(e, r, d, s, i, l) {
     }, [
       g(o, {
         class: t("icon"),
-        icon: "filter_list"
-      }),
+        icon: e.icon
+      }, null, 8, ["icon"]),
       f(" " + h(e.label), 1)
     ], 2),
     e.value ? (p(), u("div", I, [
@@ -139,15 +143,15 @@ function N(e, r, d, s, i, l) {
         n("div", $, [
           g(k, {
             icon: "close",
-            onClick: r[0] || (r[0] = b((m) => e.reset(), ["stop"]))
+            onClick: r[0] || (r[0] = S((m) => e.reset(), ["stop"]))
           })
         ])
       ], 2)
-    ])) : O("", !0)
+    ])) : _("", !0)
   ], 10, F);
 }
-const L = /* @__PURE__ */ x(C, [["render", N]]);
+const L = /* @__PURE__ */ T(C, [["render", N]]);
 export {
   L as O
 };
-//# sourceMappingURL=OrFilterTrigger-CiScTjiQ.mjs.map
+//# sourceMappingURL=OrFilterTrigger-zfcgyC7C.mjs.map

package/dist/esm/OrFilterTrigger-zfcgyC7C.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrFilterTrigger-zfcgyC7C.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"icon\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n\n    icon: {\n      type: String,\n      default: 'filter_list',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\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-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":"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"}

package/dist/esm/{OrInlineInput-D3S9wd_3.mjs → OrInlineInput-1WPe9sXl.mjs}

@@ -1,18 +1,18 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-9f76edba]{min-width:0;background:none;outline:none}input[type=number][data-v-9f76edba]::-webkit-inner-spin-button{display:none}input[type=search][data-v-9f76edba]::-webkit-search-cancel-button{display:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { defineComponent as P, reactive as R, ref as f, computed as u, toRef as U, watch as j, nextTick as O, resolveComponent as s, openBlock as d, createElementBlock as S, normalizeClass as y, createElementVNode as q, createVNode as v, withCtx as p, withDirectives as B, mergeProps as G, vModelDynamic as J, createBlock as $, withModifiers as z, createCommentVNode as T, createSlots as L, renderSlot as Q, createTextVNode as c, toDisplayString as a, vShow as N } from "vue";
-import { useIdAttribute as W, useControlAttributes as X, useValidationAttributes as Y, useProxyModelValue as Z } from "@onereach/ui-components-common/hooks";
-import { O as x } from "./OrError-B5ihH6-3.mjs";
-import { O as _ } from "./OrHint-NvbZyURY.mjs";
-import { O as ee } from "./OrIconButton-BlHCLpeW.mjs";
-import { I as g, O as te } from "./OrInlineInputBox-M_zTO43m.mjs";
-import { O as oe } from "./OrText-3zAJU5xf.mjs";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const re = [
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[data-v-eacd0db8]{min-width:0;background:none;outline:none}input[type=number][data-v-eacd0db8]::-webkit-inner-spin-button{display:none}input[type=search][data-v-eacd0db8]::-webkit-search-cancel-button{display:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { useIdAttribute as R, useControlAttributes as U, useValidationAttributes as j, useProxyModelValue as q } from "@onereach/ui-components-common/hooks";
+import { O as G } from "./OrError-B5ihH6-3.mjs";
+import { O as J } from "./OrHint-NvbZyURY.mjs";
+import { O as Q } from "./OrIconButton-BlHCLpeW.mjs";
+import { I as y, O as W } from "./OrInlineInputBox-M_zTO43m.mjs";
+import { O as X } from "./OrText-3zAJU5xf.mjs";
+import { defineComponent as Y, reactive as Z, ref as f, computed as u, toRef as x, watch as _, nextTick as S, resolveComponent as s, openBlock as d, createElementBlock as B, normalizeClass as g, createElementVNode as ee, createVNode as v, withCtx as p, withDirectives as C, mergeProps as te, vModelDynamic as oe, createBlock as z, withModifiers as T, createCommentVNode as L, createSlots as N, renderSlot as ne, createTextVNode as c, toDisplayString as a, vShow as A } from "vue";
+import { _ as re } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const le = [
   // Layout
   "layout-column",
   // Spacing
   "gap-xs"
-], le = [
+], ie = [
   // Box
   "w-full",
   // Typography
@@ -20,7 +20,7 @@ const re = [
   // Theme (placeholder)
   "placeholder:theme-foreground-outline",
   "dark:placeholder:theme-foreground-outline-dark"
-], ie = [
+], ae = [
   // Layout
   "layout-inline-row self-start",
   // Spacing
@@ -28,32 +28,32 @@ const re = [
   // Theme
   "theme-foreground-outline",
   "dark:theme-foreground-outline-dark"
-], ae = {
-  [g.L]: [
+], ue = {
+  [y.L]: [
     // Spacing
     "px-0",
     "py-sm"
   ],
-  [g.M]: [
+  [y.M]: [
     // Spacing
     "px-0",
     "py-xs"
   ],
-  [g.S]: [
+  [y.S]: [
     // Spacing
     "px-0",
     "py-xs*"
   ]
 };
-var A = /* @__PURE__ */ ((e) => (e.Text = "text", e.Number = "number", e))(A || {});
-const ue = P({
+var E = /* @__PURE__ */ ((e) => (e.Text = "text", e.Number = "number", e))(E || {});
+const se = Y({
   name: "OrInlineInput",
   components: {
-    OrError: x,
-    OrText: oe,
-    OrHint: _,
-    OrIconButton: ee,
-    OrInlineInputBox: te
+    OrError: G,
+    OrText: X,
+    OrHint: J,
+    OrIconButton: Q,
+    OrInlineInputBox: W
   },
   model: {
     prop: "modelValue",
@@ -66,11 +66,11 @@ const ue = P({
     },
     type: {
       type: String,
-      default: () => A.Text
+      default: () => E.Text
     },
     size: {
       type: String,
-      default: () => g.M
+      default: () => y.M
     },
     placeholder: {
       type: String,
@@ -108,56 +108,60 @@ const ue = P({
     "apply",
     "reset",
     "focus",
-    "blur"
+    "blur",
+    "activate"
   ],
   setup(e, t) {
-    const I = R({
-      id: W(),
-      ...X(),
-      ...Y()
-    }), C = f(), b = u(() => [
+    const I = Z({
+      id: R(),
+      ...U(),
+      ...j()
+    }), b = f(), V = u(() => [
       "or-inline-input-v3",
-      ...re
-    ]), m = f(), h = u(() => [
       ...le
+    ]), m = f(), h = u(() => [
+      ...ie
     ]), k = u(() => [
-      ...ie,
-      ...ae[e.size]
-    ]), n = Z(U(e, "modelValue"), t.emit), l = f(n.value);
-    j(n, (r) => {
+      ...ae,
+      ...ue[e.size]
+    ]), n = q(x(e, "modelValue"), t.emit), l = f(n.value);
+    _(n, (r) => {
       l.value = r;
     });
     const i = f(!1), o = u(() => {
       var r;
       return ((r = l.value) == null ? void 0 : r.toString().length) ?? 0;
-    }), E = u(() => I.maxlength);
-    function M() {
-      i.value = !0;
-    }
+    }), M = u(() => I.maxlength);
     function D() {
-      i.value || (i.value = !0), O(() => w());
+      O();
     }
     function F() {
-      e.saveOnBlur && V();
-    }
-    function V() {
-      l.value !== n.value && (n.value = l.value), i.value = !1, O(() => t.emit("apply", n.value));
+      O(!0);
     }
     function H() {
-      l.value !== n.value && (l.value = n.value), i.value = !1, O(() => t.emit("reset", n.value));
+      e.saveOnBlur && w();
     }
     function w() {
+      l.value !== n.value && (n.value = l.value), i.value = !1, S(() => t.emit("apply", n.value));
+    }
+    function K() {
+      l.value !== n.value && (l.value = n.value), i.value = !1, S(() => t.emit("reset", n.value));
+    }
+    function $() {
       var r;
       (r = m.value) == null || r.focus();
     }
-    function K() {
+    function P() {
       var r;
       (r = m.value) == null || r.blur();
     }
+    function O(r = !1) {
+      i.value || (i.value = !0), r && S(() => $());
+    }
     return {
       attributes: I,
-      root: C,
-      rootStyles: b,
+      root: b,
+      rootStyles: V,
       control: m,
       controlStyles: h,
       actionStyles: k,
@@ -165,33 +169,34 @@ const ue = P({
       draft: l,
       activated: i,
       length: o,
-      maxLength: E,
-      onFocus: M,
-      onBlur: F,
-      onTextClick: D,
-      apply: V,
-      reset: H,
-      focus: w,
-      blur: K
+      maxLength: M,
+      onFocus: D,
+      onBlur: H,
+      onTextClick: F,
+      apply: w,
+      reset: K,
+      focus: $,
+      blur: P,
+      activate: O
     };
   }
-}), se = {
-  class: /* @__PURE__ */ y(["layout-row", "gap-sm"])
-}, de = ["type", "placeholder", "activated"];
-function pe(e, t, I, C, b, m) {
+}), de = {
+  class: /* @__PURE__ */ g(["layout-row", "gap-sm"])
+}, pe = ["type", "placeholder", "activated"];
+function me(e, t, I, b, V, m) {
   const h = s("OrText"), k = s("OrInlineInputBox"), n = s("OrIconButton"), l = s("OrHint"), i = s("OrError");
-  return d(), S("div", {
+  return d(), B("div", {
     ref: "root",
-    class: y(e.rootStyles)
+    class: g(e.rootStyles)
   }, [
-    q("div", se, [
+    ee("div", de, [
       v(k, {
         size: e.size,
         invalid: !!e.error,
         activated: e.activated
       }, {
         default: p(() => [
-          e.activated || !e.draft ? B((d(), S("input", G({
+          e.activated || !e.draft ? C((d(), B("input", te({
             key: 0,
             ref: "control"
           }, e.attributes, {
@@ -209,42 +214,42 @@ function pe(e, t, I, C, b, m) {
             onBlur: t[5] || (t[5] = (o) => {
               e.$emit("blur", o), e.onBlur();
             })
-          }), null, 16, de)), [
+          }), null, 16, pe)), [
             [
-              J,
+              oe,
               e.draft,
               void 0,
               { trim: !0 }
             ]
-          ]) : (d(), $(h, {
+          ]) : (d(), z(h, {
             key: 1,
             text: e.draft.toString(),
             "slice-index": e.sliceIndex,
-            class: y(e.controlStyles),
+            class: g(e.controlStyles),
             onClick: e.onTextClick
           }, null, 8, ["text", "slice-index", "class", "onClick"]))
         ]),
         _: 1
       }, 8, ["size", "invalid", "activated"]),
-      e.activated && !e.saveOnBlur ? (d(), S("div", {
+      e.activated && !e.saveOnBlur ? (d(), B("div", {
         key: 0,
-        class: y(e.actionStyles)
+        class: g(e.actionStyles)
       }, [
         v(n, {
           icon: "done",
           color: "inherit",
-          onClick: z(e.apply, ["stop"])
+          onClick: T(e.apply, ["stop"])
         }, null, 8, ["onClick"]),
         v(n, {
           icon: "close",
           color: "inherit",
-          onClick: z(e.reset, ["stop"])
+          onClick: T(e.reset, ["stop"])
         }, null, 8, ["onClick"])
-      ], 2)) : T("", !0)
+      ], 2)) : L("", !0)
     ]),
-    e.$slots.hint || e.hint || e.maxLength ? B((d(), $(l, { key: 0 }, L({
+    e.$slots.hint || e.hint || e.maxLength ? C((d(), z(l, { key: 0 }, N({
       default: p(() => [
-        Q(e.$slots, "hint", {}, () => [
+        ne(e.$slots, "hint", {}, () => [
           c(a(e.hint), 1)
         ], !0)
       ]),
@@ -258,9 +263,9 @@ function pe(e, t, I, C, b, m) {
         key: "0"
       } : void 0
     ]), 1536)), [
-      [N, !e.error]
-    ]) : T("", !0),
-    B(v(i, null, L({
+      [A, !e.error]
+    ]) : L("", !0),
+    C(v(i, null, N({
       default: p(() => [
         c(a(e.error) + " ", 1)
       ]),
@@ -274,13 +279,13 @@ function pe(e, t, I, C, b, m) {
         key: "0"
       } : void 0
     ]), 1536), [
-      [N, typeof e.error == "string" && e.error.length > 0]
+      [A, typeof e.error == "string" && e.error.length > 0]
     ])
   ], 2);
 }
-const ke = /* @__PURE__ */ ne(ue, [["render", pe], ["__scopeId", "data-v-9f76edba"]]);
+const Oe = /* @__PURE__ */ re(se, [["render", me], ["__scopeId", "data-v-eacd0db8"]]);
 export {
-  A as I,
-  ke as O
+  E as I,
+  Oe as O
 };
-//# sourceMappingURL=OrInlineInput-D3S9wd_3.mjs.map
+//# sourceMappingURL=OrInlineInput-1WPe9sXl.mjs.map

package/dist/esm/OrInlineInput-1WPe9sXl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrInlineInput-1WPe9sXl.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: 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\nexport const InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\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        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\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<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    sliceIndex: {\n      type: Number,\n      default: 0,\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    'activate',\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-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\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      activate();\n    }\n\n    function onTextClick(): void {\n      activate(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    function activate(forceFocus = false): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n\n      if (forceFocus) nextTick(() => focus());\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      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n\n      activate,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","activate","onTextClick","onBlur","apply","nextTick","reset","focus","blur","forceFocus","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrInlineInputBox","_withDirectives","_mergeProps","_cache","$event","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","_createCommentVNode","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -36,15 +36,15 @@ import { O as Xr } from "../OrError-B5ihH6-3.mjs";
 import { b as Zr, a as _r, E as $r, O as ro } from "../OrExpansionPanel-BNGPdEnp.mjs";
 import { F as ao, O as eo } from "../OrFab-Cbg9unNc.mjs";
 import { O as so } from "../OrFilterPopover-C8lXb-hJ.mjs";
-import { O as io } from "../OrFilterTrigger-CiScTjiQ.mjs";
-import { O as mo } from "../OrFilter-sHL5dLBZ.mjs";
+import { O as io } from "../OrFilterTrigger-zfcgyC7C.mjs";
+import { O as mo } from "../OrFilter-C8d3OmGK.mjs";
 import { F as xo, a as Vo, O as fo } from "../OrFormGroup-BFAjTfM9.mjs";
 import { O as To } from "../OrHint-NvbZyURY.mjs";
 import { I as So, O as uo } from "../OrIconButton-BlHCLpeW.mjs";
 import { a as Co, I as Io, O as go } from "../OrIcon-k8cyvh-D.mjs";
 import { I as bo, a as ko, O as Ro } from "../OrIndicator-CCrOseW7.mjs";
 import { I as Eo, O as ho } from "../OrInlineInputBox-M_zTO43m.mjs";
-import { I as vo, O as zo } from "../OrInlineInput-D3S9wd_3.mjs";
+import { I as vo, O as zo } from "../OrInlineInput-1WPe9sXl.mjs";
 import { O as Mo } from "../OrInlineTextarea-COQceBb0.mjs";
 import { O as yo } from "../OrInputBox-6ciokFdU.mjs";
 import { I as Ao, b as No, a as jo } from "../OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";

package/dist/esm/components/or-filter-trigger-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as g } from "../../OrFilterTrigger-CiScTjiQ.mjs";
+import { O as g } from "../../OrFilterTrigger-zfcgyC7C.mjs";
 export {
   g as OrFilterTriggerV3
 };

package/dist/esm/components/or-filter-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as o } from "../../OrFilter-sHL5dLBZ.mjs";
+import { O as o } from "../../OrFilter-C8d3OmGK.mjs";
 export {
   o as OrFilterV3
 };

package/dist/esm/components/or-inline-input-v3/index.mjs

@@ -1,4 +1,4 @@
-import { I as e, O as p } from "../../OrInlineInput-D3S9wd_3.mjs";
+import { I as e, O as p } from "../../OrInlineInput-1WPe9sXl.mjs";
 export {
   e as InlineInputType,
   p as OrInlineInputV3

package/dist/esm/index.mjs

@@ -36,15 +36,15 @@ import { O as Xr } from "./OrError-B5ihH6-3.mjs";
 import { b as Zr, a as _r, E as $r, O as ro } from "./OrExpansionPanel-BNGPdEnp.mjs";
 import { F as ao, O as eo } from "./OrFab-Cbg9unNc.mjs";
 import { O as so } from "./OrFilterPopover-C8lXb-hJ.mjs";
-import { O as io } from "./OrFilterTrigger-CiScTjiQ.mjs";
-import { O as mo } from "./OrFilter-sHL5dLBZ.mjs";
+import { O as io } from "./OrFilterTrigger-zfcgyC7C.mjs";
+import { O as mo } from "./OrFilter-C8d3OmGK.mjs";
 import { F as xo, a as Vo, O as fo } from "./OrFormGroup-BFAjTfM9.mjs";
 import { O as To } from "./OrHint-NvbZyURY.mjs";
 import { I as So, O as uo } from "./OrIconButton-BlHCLpeW.mjs";
 import { a as Co, I as Io, O as go } from "./OrIcon-k8cyvh-D.mjs";
 import { I as bo, a as ko, O as Ro } from "./OrIndicator-CCrOseW7.mjs";
 import { I as Eo, O as ho } from "./OrInlineInputBox-M_zTO43m.mjs";
-import { I as vo, O as zo } from "./OrInlineInput-D3S9wd_3.mjs";
+import { I as vo, O as zo } from "./OrInlineInput-1WPe9sXl.mjs";
 import { O as Mo } from "./OrInlineTextarea-COQceBb0.mjs";
 import { O as yo } from "./OrInputBox-6ciokFdU.mjs";
 import { I as Ao, b as No, a as jo } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";

package/dist/types/components/or-filter-trigger-v3/OrFilterTrigger.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -30,10 +34,15 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     onReset?: ((...args: any[]) => any) | undefined;
 }, {
+    icon: string;
     isOpen: boolean;
     value: string | number;
     label: string;

package/dist/types/components/or-filter-v3/OrFilter.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     triggerProps: {
         type: PropType<Omit<{
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -129,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -205,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            icon: {
+                type: StringConstructor;
+                default: string;
+            };
         }>> & {
             onClick?: ((...args: any[]) => any) | undefined;
             onReset?: ((...args: any[]) => any) | undefined;
@@ -215,6 +221,7 @@ declare const _default: import("vue").DefineComponent<{
             tagStyles: import("vue").ComputedRef<string[]>;
             reset: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "reset")[], string, {
+            icon: string;
             isOpen: boolean;
             value: string | number;
             label: string;
@@ -251,6 +258,10 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
     }>> & {
         onClick?: ((...args: any[]) => any) | undefined;
         onReset?: ((...args: any[]) => any) | undefined;
@@ -504,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     triggerProps: {
         type: PropType<Omit<{
+            icon?: string | undefined;
             isOpen?: boolean | undefined;
             value?: string | number | undefined;
             label?: string | undefined;
@@ -629,6 +641,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     isOpen: boolean;
     triggerProps: Omit<{
+        icon?: string | undefined;
         isOpen?: boolean | undefined;
         value?: string | number | undefined;
         label?: string | undefined;

package/dist/types/components/or-inline-input-v3/OrInlineInput.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
 import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';
+import { PropType } from 'vue';
 import { InlineInputModelValue, InlineInputType } from './types';
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
@@ -65,6 +65,7 @@ declare const _default: import("vue").DefineComponent<{
     reset: () => void;
     focus: () => void;
     blur: () => void;
+    activate: (forceFocus?: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("apply" | "focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup")[], "apply" | "focus" | "blur" | "input" | "reset" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: PropType<InlineInputModelValue>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "23.1.1",
+  "version": "23.1.3-beta.5534.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^23.1.1",
-    "@onereach/ui-components-common": "^23.1.1",
+    "@onereach/styles": "^23.1.3-beta.5534.0",
+    "@onereach/ui-components-common": "^23.1.3-beta.5534.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "3614031074e59c370f06423b86612dcf0bd30b1f"
+  "npmUnpacked": "4.15.2"
 }

package/dist/esm/OrFilterTrigger-CiScTjiQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrFilterTrigger-CiScTjiQ.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[44px] md:h-[32px]',\n\n  // Spacing\n  'px-md md:px-sm+',\n  'py-0',\n\n  'gap-md+ md:gap-md',\n\n  // Typography\n  'typography-button',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary-hover',\n  'dark:hover:theme-foreground-primary-hover-dark',\n\n  'hover:theme-background-primary-translucent-1',\n  'dark:hover:theme-background-primary-translucent-1-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-primary-translucent-1',\n  'dark:selected:theme-background-primary-translucent-1-dark',\n\n  // Theme (activated)\n  'activated:theme-background-primary-translucent-1',\n  'dark:activated:theme-background-primary-translucent-1-dark',\n\n  // Theme (.icon)\n  '[&_.icon]:theme-foreground-primary',\n  'dark:[&_.icon]:theme-foreground-primary-dark',\n\n  // Theme (.icon / hover)\n  '[&_.icon]:hover:theme-foreground-primary-hover',\n  'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n  // Layout\n  'layout-row',\n\n  // Shape\n  'rounded-full',\n\n  // Box\n  'h-[36px] md:h-[24px]',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-0',\n\n  'gap-sm+ md:gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"isOpen\"\n    :activated=\"!!value\"\n    @click=\"$emit('click', $event)\"\n  >\n    <div :class=\"labelStyles\">\n      <OrIcon\n        :class=\"'icon'\"\n        :icon=\"'filter_list'\"\n      />\n\n      {{ label }}\n    </div>\n\n    <template v-if=\"value\">\n      <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n        <div :class=\"tagStyles\">\n          {{ value }}\n\n          <div :class=\"['layout-inline-row', '-m-[4px]']\">\n            <OrIconButton\n              :icon=\"'close'\"\n              @click.stop=\"reset()\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilterTrigger',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    value: {\n      type: [Number, String],\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: 'Filters',\n    },\n  },\n\n  emits: [\n    'reset',\n    'click',\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-filter-trigger-v3',\n      ...Styles.FilterTrigger,\n    ]);\n\n    const labelStyles = computed(() => [\n      ...Styles.FilterTriggerLabel,\n    ]);\n\n    const tagStyles = computed(() => [\n      ...Styles.FilterTriggerTag,\n    ]);\n\n    // Methods\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      labelStyles,\n\n      tagStyles,\n\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC3CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,kCAzFWC,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAa;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMRK,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,KAAa,OAASF,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,QACjB,OAAAP,EAAAC,EAAA,SAAA;AAAA,MAAA,GAEH;AAAA,QAIII,EAAAC,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,OAAAC,GAAA;AAAA,UACRC,EAAAC,GAAA;AAAA,YAAA,MAAA;AAAA;;;;;;;;"}

package/dist/esm/OrInlineInput-D3S9wd_3.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrInlineInput-D3S9wd_3.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: 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\nexport const InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\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        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\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 { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\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<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    sliceIndex: {\n      type: Number,\n      default: 0,\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-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\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 onTextClick(): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n      nextTick(() => focus());\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    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      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","onTextClick","nextTick","focus","onBlur","apply","reset","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrInlineInputBox","_withDirectives","_mergeProps","_cache","$event","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","_createCommentVNode","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}