@onereach/ui-components 26.2.0 → 26.2.1-beta.5843.0

package/dist/esm/{OrConfirm-DEfngEi9.mjs → OrConfirm-CHaw4Kx9.mjs}

@@ -1,14 +1,15 @@
-import { usePopoverState as K } from "@onereach/ui-components-common/hooks";
-import { O as M } from "./OrButton-_RCmYvxT.mjs";
-import { a as D } from "./OrButton.vue_vue_type_script_lang-CAOLKmru.mjs";
-import { O as R } from "./OrInput-nExtCSw8.mjs";
-import { O as U } from "./OrOverlay-BzbAwvpo.mjs";
+import { usePopoverState as H } from "@onereach/ui-components-common/hooks";
+import { O as K } from "./OrButton-_RCmYvxT.mjs";
+import { a as $ } from "./OrButton.vue_vue_type_script_lang-CAOLKmru.mjs";
+import { O as M } from "./OrInput-nExtCSw8.mjs";
+import { O as R } from "./OrOverlay-BzbAwvpo.mjs";
+import { O as U } from "./OrText-3zAJU5xf.mjs";
 import { useMagicKeys as G, whenever as J, onClickOutside as Q } from "@vueuse/core";
 import { logicAnd as W } from "@vueuse/math";
-import { defineComponent as X, ref as l, computed as t, toRef as Y, watch as c, resolveComponent as k, openBlock as P, createBlock as Z, withCtx as S, createElementVNode as a, mergeProps as x, normalizeClass as i, renderSlot as b, createTextVNode as w, toDisplayString as T, createElementBlock as _, createVNode as I, createCommentVNode as N } from "vue";
-import { _ as oo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-var s = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(s || {});
-const eo = [
+import { defineComponent as X, ref as i, computed as t, toRef as Y, watch as c, resolveComponent as p, openBlock as F, createBlock as Z, withCtx as w, createElementVNode as a, mergeProps as _, normalizeClass as s, renderSlot as T, createVNode as y, createElementBlock as oo, createCommentVNode as D, createTextVNode as P, toDisplayString as x } from "vue";
+import { _ as eo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+var u = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(u || {});
+const to = [
   // Position
   "fixed md:static",
   "left-0",
@@ -34,25 +35,25 @@ const eo = [
   "dark:theme-background-default-dark",
   "theme-foreground-default",
   "dark:theme-foreground-default-dark"
-], to = [
+], no = [
   // Layout
   "layout-row justify-between",
   // Typography
   "typography-headline-3"
-], no = [
+], ro = [
   // Box
   "w-full",
   // Spacing
   "mt-md"
-], ro = [
+], lo = [
   // Spacing
   "gap-md"
-], lo = {
-  [s.C]: [
+], io = {
+  [u.C]: [
     // Layout
     "layout-row"
   ],
-  [s.D]: [
+  [u.D]: [
     // Layout
     "layout-row-reverse"
   ]
@@ -61,12 +62,13 @@ const eo = [
   "!grow",
   // Box
   "w-auto md:w-[128px]"
-], io = X({
+], so = X({
   name: "OrConfirm",
   components: {
-    OrOverlay: U,
-    OrButton: M,
-    OrInput: R
+    OrOverlay: R,
+    OrButton: K,
+    OrInput: M,
+    OrText: U
   },
   inheritAttrs: !1,
   props: {
@@ -97,7 +99,7 @@ const eo = [
     },
     confirmType: {
       type: String,
-      default: () => s.C
+      default: () => u.C
     },
     loading: {
       type: Boolean,
@@ -134,140 +136,143 @@ const eo = [
     "close"
   ],
   setup(o, n) {
-    const p = l(), y = l(), C = l(), V = t(() => [
+    const C = i(), g = i(), O = i(), I = t(() => [
       "or-confirm-v3",
-      ...eo
-    ]), g = t(() => [
       ...to
-    ]), u = t(() => [
-      ...no
     ]), B = t(() => [
-      ...ro,
-      ...lo[o.confirmType]
+      ...no
+    ]), v = t(() => [
+      ...ro
     ]), d = t(() => [
+      ...lo,
+      ...io[o.confirmType]
+    ]), h = t(() => [
       ...ao
-    ]), { state: $, open: A, close: f } = K(Y(o, "isOpen"), n.emit), m = l(!1), O = l("");
-    c($, () => {
-      O.value = "";
+    ]), { state: l, open: N, close: f } = H(Y(o, "isOpen"), n.emit), m = i(!1), k = i("");
+    c(l, () => {
+      k.value = "";
     });
-    const { escape: F, enter: q } = G(), v = t(() => !!o.confirmationText && o.confirmationText !== O.value), E = t(() => !!o.disabled || v.value), L = t(
-      () => o.confirmType === s.C ? D.Primary : D.Danger
+    const { escape: V, enter: A } = G(), S = t(() => !!o.confirmationText && o.confirmationText !== k.value), q = t(() => !!o.disabled || S.value), E = t(
+      () => o.confirmType === u.C ? $.Primary : $.Danger
     );
-    function h() {
-      !o.disabled && !v.value && n.emit("confirm");
+    function b() {
+      !o.disabled && !S.value && n.emit("confirm");
     }
-    function j() {
+    function L() {
       m.value = !0;
     }
-    function z() {
+    function j() {
       m.value = !1;
     }
-    function H() {
-      h(), o.autoCloseOnConfirm && f();
+    function z() {
+      b(), o.autoCloseOnConfirm && f();
     }
-    return c(F, (e) => {
+    return c(V, (e) => {
       e && f();
-    }), c(y, (e) => {
+    }), c(g, (e) => {
       var r;
       return (r = e == null ? void 0 : e.focus) == null ? void 0 : r.call(e);
-    }), c(C, (e) => {
+    }), c(O, (e) => {
       if (e && !o.confirmationText) {
         const r = e.root;
         r == null || r.focus();
       }
-    }), J(W(q, m), () => h()), Q(p, () => {
+    }), J(W(A, m), () => b()), Q(C, () => {
       o.closeOnClickOutside && f();
     }), {
-      root: p,
-      confirmationInput: y,
-      confirmationButton: C,
-      confirmationValue: O,
-      confirmButtonColor: L,
-      isInvalid: v,
-      isConfirmationButtonDisabled: E,
-      state: $,
+      root: C,
+      confirmationInput: g,
+      confirmationButton: O,
+      confirmationValue: k,
+      confirmButtonColor: E,
+      isInvalid: S,
+      isConfirmationButtonDisabled: q,
+      state: l,
       isInputActive: m,
-      escape: F,
-      rootStyles: V,
-      headerStyles: g,
-      inputBoxStyles: u,
-      footerStyles: B,
-      buttonsStyles: d,
-      confirm: h,
-      onConfirmClick: H,
-      open: A,
+      escape: V,
+      rootStyles: I,
+      headerStyles: B,
+      inputBoxStyles: v,
+      footerStyles: d,
+      buttonsStyles: h,
+      confirm: b,
+      onConfirmClick: z,
+      open: N,
       close: f,
-      onInputFocus: j,
-      onInputBlur: z
+      onInputFocus: L,
+      onInputBlur: j
     };
   }
-}), so = { class: "grow" }, uo = { class: "overflow-y-auto overflow-x-hidden" };
-function fo(o, n, p, y, C, V) {
-  const g = k("OrInput"), u = k("OrButton"), B = k("OrOverlay");
-  return o.state === "open" ? (P(), Z(B, {
+}), uo = { class: "grow" }, fo = { class: "overflow-y-auto overflow-x-hidden" };
+function mo(o, n, C, g, O, I) {
+  const B = p("OrText"), v = p("OrInput"), d = p("OrButton"), h = p("OrOverlay");
+  return o.state === "open" ? (F(), Z(h, {
     key: 0,
     fullscreen: !0
   }, {
-    default: S(() => [
-      a("div", x(o.$attrs, {
+    default: w(() => [
+      a("div", _(o.$attrs, {
         ref: "root",
         class: o.rootStyles,
         role: "alertdialog"
       }), [
         a("div", {
-          class: i(o.headerStyles)
+          class: s(o.headerStyles)
         }, [
-          b(o.$slots, "header", {}, () => [
-            w(T(o.titleText), 1)
+          T(o.$slots, "header", {}, () => [
+            y(B, {
+              text: o.titleText,
+              "slice-index": 4
+            }, null, 8, ["text"])
           ])
         ], 2),
-        a("div", so, [
-          a("div", uo, [
-            b(o.$slots, "default")
+        a("div", uo, [
+          a("div", fo, [
+            T(o.$slots, "default")
           ]),
-          o.confirmationText ? (P(), _("div", {
+          o.confirmationText ? (F(), oo("div", {
             key: 0,
-            class: i(o.inputBoxStyles)
+            class: s(o.inputBoxStyles)
           }, [
-            I(g, {
+            y(v, {
               ref: "confirmationInput",
               modelValue: o.confirmationValue,
-              "onUpdate:modelValue": n[0] || (n[0] = (d) => o.confirmationValue = d),
+              "onUpdate:modelValue": n[0] || (n[0] = (l) => o.confirmationValue = l),
               label: o.textConfirmationLabel,
               placeholder: o.textConfirmationPlaceholder,
               onFocus: o.onInputFocus,
               onBlur: o.onInputBlur
             }, null, 8, ["modelValue", "label", "placeholder", "onFocus", "onBlur"])
-          ], 2)) : N("", !0)
+          ], 2)) : D("", !0)
         ]),
-        b(o.$slots, "footer", {
+        T(o.$slots, "footer", {
           confirm: o.confirm,
           cancel: o.close
         }, () => [
           a("div", {
-            class: i(o.footerStyles)
+            class: s(o.footerStyles)
           }, [
-            I(u, {
-              class: i(o.buttonsStyles),
+            y(d, {
+              class: s(o.buttonsStyles),
               variant: "outlined",
               disabled: o.loading,
-              onClick: n[1] || (n[1] = (d) => o.close())
+              onClick: n[1] || (n[1] = (l) => o.close())
             }, {
-              default: S(() => [
-                w(T(o.cancelButtonText), 1)
+              default: w(() => [
+                P(x(o.cancelButtonText), 1)
               ]),
               _: 1
             }, 8, ["class", "disabled"]),
-            I(u, {
+            y(d, {
               ref: "confirmationButton",
-              class: i(o.buttonsStyles),
+              class: s(o.buttonsStyles),
               color: o.confirmButtonColor,
               loading: o.loading,
               disabled: o.isConfirmationButtonDisabled,
               onClick: o.onConfirmClick
             }, {
-              default: S(() => [
-                w(T(o.confirmButtonText), 1)
+              default: w(() => [
+                P(x(o.confirmButtonText), 1)
               ]),
               _: 1
             }, 8, ["class", "color", "loading", "disabled", "onClick"])
@@ -276,11 +281,11 @@ function fo(o, n, p, y, C, V) {
       ], 16)
     ]),
     _: 3
-  })) : N("", !0);
+  })) : D("", !0);
 }
-const ho = /* @__PURE__ */ oo(io, [["render", fo]]);
+const So = /* @__PURE__ */ eo(so, [["render", mo]]);
 export {
-  s as C,
-  ho as O
+  u as C,
+  So as O
 };
-//# sourceMappingURL=OrConfirm-DEfngEi9.mjs.map
+//# sourceMappingURL=OrConfirm-CHaw4Kx9.mjs.map

package/dist/esm/OrConfirm-CHaw4Kx9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrConfirm-CHaw4Kx9.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n  D = 'd', // destructive / dangerous\n  C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n  // Position\n  'fixed md:static',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-full md:w-[320px]',\n\n  // Spacing\n  'px-lg',\n  'py-lg',\n\n  'gap-md',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n  // Box\n  'w-full',\n\n  // Spacing\n  'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n  // Spacing\n  'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n  [ConfirmType.C]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [ConfirmType.D]: [\n    // Layout\n    'layout-row-reverse',\n  ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n  // Layout\n  '!grow',\n\n  // Box\n  'w-auto md:w-[128px]',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :role=\"'alertdialog'\"\n    >\n      <div :class=\"headerStyles\">\n        <slot name=\"header\">\n          <OrText\n            :text=\"titleText\"\n            :slice-index=\"4\"\n          />\n        </slot>\n      </div>\n\n      <div class=\"grow\">\n        <div class=\"overflow-y-auto overflow-x-hidden\">\n          <slot />\n        </div>\n        <div\n          v-if=\"confirmationText\"\n          :class=\"inputBoxStyles\"\n        >\n          <OrInput\n            :ref=\"'confirmationInput'\"\n            v-model=\"confirmationValue\"\n            :label=\"textConfirmationLabel\"\n            :placeholder=\"textConfirmationPlaceholder\"\n            @focus=\"onInputFocus\"\n            @blur=\"onInputBlur\"\n          />\n        </div>\n      </div>\n\n      <slot\n        name=\"footer\"\n        :confirm=\"confirm\"\n        :cancel=\"close\"\n      >\n        <div :class=\"footerStyles\">\n          <OrButton\n            :class=\"buttonsStyles\"\n            :variant=\"'outlined'\"\n            :disabled=\"loading\"\n            @click=\"close()\"\n          >\n            {{ cancelButtonText }}\n          </OrButton>\n\n          <OrButton\n            :ref=\"'confirmationButton'\"\n            :class=\"buttonsStyles\"\n            :color=\"confirmButtonColor\"\n            :loading=\"loading\"\n            :disabled=\"isConfirmationButtonDisabled\"\n            @click=\"onConfirmClick\"\n          >\n            {{ confirmButtonText }}\n          </OrButton>\n        </div>\n      </slot>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrConfirm',\n\n  components: {\n    OrOverlay,\n    OrButton,\n    OrInput,\n    OrText,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    titleText: {\n      type: String,\n      required: false,\n      default: null,\n    },\n\n    confirmButtonText: {\n      type: String,\n      default: 'Confirm',\n    },\n\n    autoCloseOnConfirm: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeOnClickOutside: {\n      type: Boolean,\n      default: true,\n    },\n\n    cancelButtonText: {\n      type: String,\n      default: 'Cancel',\n    },\n\n    confirmType: {\n      type: String as PropType<`${ConfirmType}`>,\n      default: () => ConfirmType.C,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n\n    confirmationText: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationPlaceholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n    'confirm',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const confirmationInput = ref<InstanceType<typeof OrInput>>();\n    const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-confirm-v3',\n      ...Confirm,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...ConfirmHeader,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      ...ConfirmInput,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...ConfirmFooter,\n      ...ConfirmFooterTypes[props.confirmType],\n    ]);\n\n    const buttonsStyles = computed(() => [\n      ...ConfirmFooterButtons,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n    const isInputActive = ref(false);\n    const confirmationValue = ref('');\n\n    watch(state, () => {\n      confirmationValue.value = '';\n    });\n\n    const { escape, enter } = useMagicKeys();\n\n    const isInvalid = computed(() => {\n      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n    });\n\n    const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n    const confirmButtonColor = computed(() =>\n      props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n    );\n\n    // Methods\n    function confirm(): void {\n      if (!props.disabled && !isInvalid.value) {\n        context.emit('confirm');\n      }\n    }\n\n    function onInputFocus(): void {\n      isInputActive.value = true;\n    }\n\n    function onInputBlur(): void {\n      isInputActive.value = false;\n    }\n\n    function onConfirmClick(): void {\n      confirm();\n      if (props.autoCloseOnConfirm) {\n        close();\n      }\n    }\n    // Events\n    watch(escape, (val) => {\n      if (val) close();\n    });\n\n    // types here are used for fixing TS2349\n    watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n      (val?.focus as (() => void) | undefined)?.());\n\n    // types here are used for fixing TS2349\n    watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n      if (val && !props.confirmationText) {\n        const button = val.root as HTMLButtonElement | undefined;\n        button?.focus();\n      }\n    });\n\n    whenever(logicAnd(enter, isInputActive), () => confirm());\n\n    // #region Click Outside\n    onClickOutside(root, () => {\n      props.closeOnClickOutside ? close() : undefined;\n    });\n    // #endregion\n\n    return {\n      root,\n      confirmationInput,\n      confirmationButton,\n      confirmationValue,\n      confirmButtonColor,\n      isInvalid,\n      isConfirmationButtonDisabled,\n      state,\n      isInputActive,\n      escape,\n      rootStyles,\n      headerStyles,\n      inputBoxStyles,\n      footerStyles,\n      buttonsStyles,\n      confirm,\n      onConfirmClick,\n      open,\n      close,\n      onInputFocus,\n      onInputBlur,\n    };\n  },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","OrText","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_createVNode","_component_OrText","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -17,7 +17,7 @@ import { html as q } from "@codemirror/lang-html";
 import { EditorView as K } from "@codemirror/view";
 import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "../OrCombinedInput-BNkXzDBe.mjs";
-import { C as $, O as rr } from "../OrConfirm-DEfngEi9.mjs";
+import { C as $, O as rr } from "../OrConfirm-CHaw4Kx9.mjs";
 import { O as or } from "../OrContextMenu-BJ4R2qpI.mjs";
 import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as ur } from "../OrDataGrid-DilQSW6Y.mjs";
 import { O as Pr } from "../OrDateFormat-tizCaRnI.mjs";

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

@@ -1,4 +1,4 @@
-import { C as f, O as m } from "../../OrConfirm-DEfngEi9.mjs";
+import { C as f, O as m } from "../../OrConfirm-CHaw4Kx9.mjs";
 export {
   f as ConfirmType,
   m as OrConfirmV3

package/dist/esm/index.mjs

@@ -17,7 +17,7 @@ import { html as q } from "@codemirror/lang-html";
 import { EditorView as K } from "@codemirror/view";
 import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "./OrCombinedInput-BNkXzDBe.mjs";
-import { C as $, O as rr } from "./OrConfirm-DEfngEi9.mjs";
+import { C as $, O as rr } from "./OrConfirm-CHaw4Kx9.mjs";
 import { O as or } from "./OrContextMenu-BJ4R2qpI.mjs";
 import { D as tr, a as sr, b as Or, o as ir, m as pr, e as mr, c as nr, d as xr, p as Vr, h as fr, f as lr, g as Tr, k as dr, i as cr, j as Dr, l as Cr, n as Sr, O as ur } from "./OrDataGrid-DilQSW6Y.mjs";
 import { O as Pr } from "./OrDateFormat-tizCaRnI.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "26.2.0",
+  "version": "26.2.1-beta.5843.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": "^26.2.0",
-    "@onereach/ui-components-common": "^26.2.0",
+    "@onereach/styles": "^26.2.1-beta.5843.0",
+    "@onereach/ui-components-common": "^26.2.1-beta.5843.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": "4474ca8f4df73034e7076a70696471b8d6052873"
+  "npmUnpacked": "4.15.2"
 }

package/dist/esm/OrConfirm-DEfngEi9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrConfirm-DEfngEi9.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n  D = 'd', // destructive / dangerous\n  C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n  // Position\n  'fixed md:static',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-full md:w-[320px]',\n\n  // Spacing\n  'px-lg',\n  'py-lg',\n\n  'gap-md',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n  // Box\n  'w-full',\n\n  // Spacing\n  'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n  // Spacing\n  'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n  [ConfirmType.C]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [ConfirmType.D]: [\n    // Layout\n    'layout-row-reverse',\n  ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n  // Layout\n  '!grow',\n\n  // Box\n  'w-auto md:w-[128px]',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :role=\"'alertdialog'\"\n    >\n      <div :class=\"headerStyles\">\n        <slot name=\"header\">\n          {{ titleText }}\n        </slot>\n      </div>\n\n      <div class=\"grow\">\n        <div class=\"overflow-y-auto overflow-x-hidden\">\n          <slot />\n        </div>\n        <div\n          v-if=\"confirmationText\"\n          :class=\"inputBoxStyles\"\n        >\n          <OrInput\n            :ref=\"'confirmationInput'\"\n            v-model=\"confirmationValue\"\n            :label=\"textConfirmationLabel\"\n            :placeholder=\"textConfirmationPlaceholder\"\n            @focus=\"onInputFocus\"\n            @blur=\"onInputBlur\"\n          />\n        </div>\n      </div>\n\n      <slot\n        name=\"footer\"\n        :confirm=\"confirm\"\n        :cancel=\"close\"\n      >\n        <div :class=\"footerStyles\">\n          <OrButton\n            :class=\"buttonsStyles\"\n            :variant=\"'outlined'\"\n            :disabled=\"loading\"\n            @click=\"close()\"\n          >\n            {{ cancelButtonText }}\n          </OrButton>\n\n          <OrButton\n            :ref=\"'confirmationButton'\"\n            :class=\"buttonsStyles\"\n            :color=\"confirmButtonColor\"\n            :loading=\"loading\"\n            :disabled=\"isConfirmationButtonDisabled\"\n            @click=\"onConfirmClick\"\n          >\n            {{ confirmButtonText }}\n          </OrButton>\n        </div>\n      </slot>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrConfirm',\n\n  components: {\n    OrOverlay,\n    OrButton,\n    OrInput,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    titleText: {\n      type: String,\n      required: false,\n      default: null,\n    },\n\n    confirmButtonText: {\n      type: String,\n      default: 'Confirm',\n    },\n\n    autoCloseOnConfirm: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeOnClickOutside: {\n      type: Boolean,\n      default: true,\n    },\n\n    cancelButtonText: {\n      type: String,\n      default: 'Cancel',\n    },\n\n    confirmType: {\n      type: String as PropType<`${ConfirmType}`>,\n      default: () => ConfirmType.C,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n\n    confirmationText: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationPlaceholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n    'confirm',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const confirmationInput = ref<InstanceType<typeof OrInput>>();\n    const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-confirm-v3',\n      ...Confirm,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...ConfirmHeader,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      ...ConfirmInput,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...ConfirmFooter,\n      ...ConfirmFooterTypes[props.confirmType],\n    ]);\n\n    const buttonsStyles = computed(() => [\n      ...ConfirmFooterButtons,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n    const isInputActive = ref(false);\n    const confirmationValue = ref('');\n\n    watch(state, () => {\n      confirmationValue.value = '';\n    });\n\n    const { escape, enter } = useMagicKeys();\n\n    const isInvalid = computed(() => {\n      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n    });\n\n    const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n    const confirmButtonColor = computed(() =>\n      props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n    );\n\n    // Methods\n    function confirm(): void {\n      if (!props.disabled && !isInvalid.value) {\n        context.emit('confirm');\n      }\n    }\n\n    function onInputFocus(): void {\n      isInputActive.value = true;\n    }\n\n    function onInputBlur(): void {\n      isInputActive.value = false;\n    }\n\n    function onConfirmClick(): void {\n      confirm();\n      if (props.autoCloseOnConfirm) {\n        close();\n      }\n    }\n    // Events\n    watch(escape, (val) => {\n      if (val) close();\n    });\n\n    // types here are used for fixing TS2349\n    watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n      (val?.focus as (() => void) | undefined)?.());\n\n    // types here are used for fixing TS2349\n    watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n      if (val && !props.confirmationText) {\n        const button = val.root as HTMLButtonElement | undefined;\n        button?.focus();\n      }\n    });\n\n    whenever(logicAnd(enter, isInputActive), () => confirm());\n\n    // #region Click Outside\n    onClickOutside(root, () => {\n      props.closeOnClickOutside ? close() : undefined;\n    });\n    // #endregion\n\n    return {\n      root,\n      confirmationInput,\n      confirmationButton,\n      confirmationValue,\n      confirmButtonColor,\n      isInvalid,\n      isConfirmationButtonDisabled,\n      state,\n      isInputActive,\n      escape,\n      rootStyles,\n      headerStyles,\n      inputBoxStyles,\n      footerStyles,\n      buttonsStyles,\n      confirm,\n      onConfirmClick,\n      open,\n      close,\n      onInputFocus,\n      onInputBlur,\n    };\n  },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_createVNode","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}