@onereach/ui-components 22.2.0-beta.5483.0 → 22.2.0-beta.5484.0

package/dist/esm/components/or-time-picker-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as i } from "../../OrTimePicker-Deh-pYk1.mjs";
+import { O as i } from "../../OrTimePicker-yrCd2WSV.mjs";
 export {
   i as OrTimePickerV3
 };

package/dist/esm/components/or-time-range-picker-v3/index.mjs

@@ -1,4 +1,4 @@
-import { O as a } from "../../OrTimeRangePicker-jf6aY4hk.mjs";
+import { O as a } from "../../OrTimeRangePicker-We6twaTe.mjs";
 export {
   a as OrTimeRangePickerV3
 };

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

@@ -1,4 +1,4 @@
-import { a as e, O as o, p as r, t, b as V, u } from "../../types-BwxhurSS.mjs";
+import { a as e, O as o, p as r, t, b as V, u } from "../../types-3Yoq4B7Q.mjs";
 export {
   e as OrToastContainerV3,
   o as OrToastV3,

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

@@ -1,4 +1,4 @@
-import { O as r, T as s } from "../../OrTree-By3MLZUL.mjs";
+import { O as r, T as s } from "../../OrTree-xzTTFls8.mjs";
 export {
   r as OrTreeV3,
   s as TreeNodeDropPosition

package/dist/esm/index.mjs

@@ -1,15 +1,15 @@
-import { O as a } from "./OrAutocomplete-eskOHnRl.mjs";
-import { a as t, A as s, O } from "./OrAvatar-XcP_rrT3.mjs";
+import { O as a } from "./OrAutocomplete-ClL-a2kl.mjs";
+import { a as t, A as s, O } from "./OrAvatar-DnXP_GEm.mjs";
 import { B as p, O as m } from "./OrBottomSheet-CJxmY84p.mjs";
 import { O as x } from "./OrButtonGroup-Cd6tpyP3.mjs";
 import { O as f } from "./OrButton-C_hXddAf.mjs";
 import { a as T, b as c, B as d } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
-import { C as u, O as P, d as C, g as I, l as g } from "./OrCardCollection-CVNj8vKN.mjs";
+import { C as u, O as P, d as C, g as I, l as g } from "./OrCardCollection-DB-7x7pH.mjs";
 import { C as b, O as k } from "./OrCard-7awJu_df.mjs";
-import { O as B } from "./OrCheckboxGroup-BgAvcSVe.mjs";
-import { O as h } from "./OrCheckboxTree-DvIftMpp.mjs";
+import { O as B } from "./OrCheckboxGroup-DRP0CmmG.mjs";
+import { O as h } from "./OrCheckboxTree-C3-XL6Pc.mjs";
 import { O as v } from "./OrCheckbox-CI-mxgEp.mjs";
-import { C as L, O as M } from "./OrCode-WlDGnBsW.mjs";
+import { C as L, O as M } from "./OrCode-NDuXo4uy.mjs";
 import { lintGutter as y, linter as G } from "@codemirror/lint";
 import { javascript as N } from "@codemirror/lang-javascript";
 import { json as H, jsonParseLinter as Q } from "@codemirror/lang-json";
@@ -17,82 +17,82 @@ 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-CLIIindo.mjs";
-import { C as $, O as rr } from "./OrConfirm-o50DtKQg.mjs";
+import { C as $, O as rr } from "./OrConfirm-FQezArJR.mjs";
 import { O as ar } from "./OrContextMenu-L14E1lLm.mjs";
-import { D as tr, O as sr } from "./OrDataGrid-DLVkDA8L.mjs";
-import { O as ir } from "./OrDateFormat-DKgu_p6Y.mjs";
-import { O as mr } from "./OrDatePicker-C2QFP1NK.mjs";
-import { O as xr } from "./OrDateRangePicker-DYkQxckA.mjs";
-import { O as fr } from "./OrDateTimeFormat-ByEReaKo.mjs";
-import { O as Tr } from "./OrDateTimePicker-FuoCwgfZ.mjs";
-import { O as dr, a as Sr, b as ur, c as Pr, d as Cr, e as Ir, f as gr, g as Dr, h as br, i as kr, j as Rr, k as Br, l as Er, s as hr } from "./OrDateTimePicker.vue_vue_type_script_lang-DJ6A7YKZ.mjs";
+import { D as tr, O as sr } from "./OrDataGrid-C88lgo3l.mjs";
+import { O as ir } from "./OrDateFormat-D2dWjV4I.mjs";
+import { O as mr } from "./OrDatePicker-DaBYsI73.mjs";
+import { O as xr } from "./OrDateRangePicker-DMQtyZ1A.mjs";
+import { O as fr } from "./OrDateTimeFormat-DjOttMB_.mjs";
+import { O as Tr } from "./OrDateTimePicker-C5tM-UHw.mjs";
+import { O as dr, a as Sr, b as ur, c as Pr, d as Cr, e as Ir, f as gr, g as Dr, h as br, i as kr, j as Rr, k as Br, l as Er, s as hr } from "./OrDateTimePicker.vue_vue_type_script_lang-C7e7rp1v.mjs";
 import { g as vr } from "./getNextMonthDate-CzdFz1JW.mjs";
 import { D as Lr, O as Mr } from "./OrDrawer-BR0r7GeI.mjs";
-import { D as yr, O as Gr, a as Ar } from "./OrDropArea-DA9aXi-a.mjs";
-import { E as jr, O as Hr } from "./OrEditorTabs-B7_l5FVN.mjs";
+import { D as yr, O as Gr, a as Ar } from "./OrDropArea-7QbefNo2.mjs";
+import { E as jr, O as Hr } from "./OrEditorTabs-4meQSd0d.mjs";
 import { E as Wr, O as qr } from "./OrEmptyState-C6viT2WQ.mjs";
-import { O as Kr } from "./OrErrorTag-Bo_gxhzB.mjs";
+import { O as Kr } from "./OrErrorTag-CQ2tQTh_.mjs";
 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-d49p64V2.mjs";
-import { O as io } from "./OrFilterTrigger-Cq6VYFTA.mjs";
-import { O as mo } from "./OrFilter-k0_15Hfa.mjs";
+import { b as Zr, a as _r, E as $r, O as ro } from "./OrExpansionPanel-BhRLbPz3.mjs";
+import { F as ao, O as eo } from "./OrFab-DM_-Vc0s.mjs";
+import { O as so } from "./OrFilterPopover-COGG7UpE.mjs";
+import { O as io } from "./OrFilterTrigger-A7Ga-KFO.mjs";
+import { O as mo } from "./OrFilter-BE-9Dh6r.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 So, O as uo } from "./OrIconButton-xLaBANIB.mjs";
+import { a as Co, I as Io, O as go } from "./OrIcon-CIHMX4qh.mjs";
+import { I as bo, a as ko, O as Ro } from "./OrIndicator-Cs9Y7dr_.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 { O as Mo } from "./OrInlineTextarea-COQceBb0.mjs";
+import { I as vo, O as zo } from "./OrInlineInput-DJtEOKIV.mjs";
+import { O as Mo } from "./OrInlineTextarea-BM-GVsoF.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";
-import { a as Qo, I as Wo, O as qo } from "./OrInput-DBcNZlkx.mjs";
+import { a as Qo, I as Wo, O as qo } from "./OrInput-R8RdHMr_.mjs";
 import { L as Ko, O as Uo } from "./OrLabel-DssheqEn.mjs";
 import { L as Yo, O as Zo } from "./OrLink-Vl_H8MMg.mjs";
-import { a as $o, O as ra } from "./OrList-CLHvgZc7.mjs";
+import { a as $o, O as ra } from "./OrList-CDvFZG3w.mjs";
 import { a as aa, b as ea, L as ta, O as sa } from "./OrLoader-2SaTMxmZ.mjs";
-import { O as ia } from "./OrMenuItem-BHRMA0L1.mjs";
+import { O as ia } from "./OrMenuItem-DsXyJRTJ.mjs";
 import { O as ma } from "./OrMenu-naJcjd7Z.mjs";
-import { M as xa, O as Va } from "./OrModal-A9OL6kGW.mjs";
-import { N as la, O as Ta, V as ca } from "./OrNotification-Dz3Tr1wI.mjs";
+import { M as xa, O as Va } from "./OrModal-DZNvZOWi.mjs";
+import { N as la, O as Ta, V as ca } from "./OrNotification-bSMyElg1.mjs";
 import { O as Sa } from "./OrOverlay-BjrghiC-.mjs";
-import { O as Pa } from "./OrPagination-CTwCcz18.mjs";
+import { O as Pa } from "./OrPagination-BeXUeISB.mjs";
 import { O as Ia, a as ga, P as Da, i as ba } from "./OrPopover-DbygLPtT.mjs";
 import { O as Ra, P as Ba, a as Ea } from "./OrProgress-cgGfaP0m.mjs";
 import { O as Fa } from "./OrRadioGroup-_n_7vdJU.mjs";
 import { O as za } from "./OrRadio-CJLJrxIS.mjs";
 import { O as Ma } from "./OrRangeSlider-Dim4sU4v.mjs";
-import { O as ya, R as Ga } from "./OrRating-BhuvRBRy.mjs";
-import { O as Na, R as ja, a as Ha } from "./OrResizeablePanel-DuGgwmhB.mjs";
-import { F as Wa, O as qa, R as Ja, a as Ka } from "./OrRichTextEditor-DHc5Lsyu.mjs";
+import { O as ya, R as Ga } from "./OrRating-iaeyKVUd.mjs";
+import { O as Na, R as ja, a as Ha } from "./OrResizeablePanel-Dsu5AbKR.mjs";
+import { F as Wa, O as qa, R as Ja, a as Ka } from "./OrRichTextEditor-DVGYuk8H.mjs";
 import { O as Xa, R as Ya } from "./OrRichTooltip-D8vv5Btb.mjs";
-import { O as _a } from "./OrSearch-1OFONLHk.mjs";
+import { O as _a } from "./OrSearch-CKyhSsH1.mjs";
 import { O as re, S as oe } from "./OrSegmentedControl-D5QoWe-N.mjs";
-import { O as ee } from "./OrSelect-Cnklh9us.mjs";
-import { O as se, S as Oe } from "./props-BxqD8LGb.mjs";
+import { O as ee } from "./OrSelect-B7s0UAwY.mjs";
+import { O as se, S as Oe } from "./props-B0KRjmZl.mjs";
 import { O as pe, a as me } from "./OrSkeletonRect-D9sTxEc-.mjs";
 import { O as xe } from "./OrSkeletonText-WYaAaljl.mjs";
 import { O as fe } from "./OrSlider-Cec0WpUQ.mjs";
 import { S as Te, a as ce } from "./OrSlider.vue_vue_type_script_lang-C5rLh1F0.mjs";
-import { O as Se } from "./OrSorting-C1m5NTQf.mjs";
-import { O as Pe, a as Ce, S as Ie } from "./OrStatus-D4QIuE7R.mjs";
+import { O as Se } from "./OrSorting-BMUwYt8n.mjs";
+import { O as Pe, a as Ce, S as Ie } from "./OrStatus-CwvUpccd.mjs";
 import { O as De } from "./OrSwitch-Cmi57-QB.mjs";
 import { O as ke } from "./OrTab-Cl_ZBFjH.mjs";
-import { O as Be, a as Ee, T as he } from "./OrTabs-Dgii4fCQ.mjs";
-import { O as ve } from "./OrTagInput-D4-z3jby.mjs";
-import { O as Le, a as Me, T as we } from "./OrTag-Bixe0EQq.mjs";
-import { O as Ge, T as Ae } from "./OrTags-CS0bcLtx.mjs";
+import { O as Be, a as Ee, T as he } from "./OrTabs-D5b9XQH0.mjs";
+import { O as ve } from "./OrTagInput-CxMdQsCJ.mjs";
+import { O as Le, a as Me, T as we } from "./OrTag-DDGNAWFC.mjs";
+import { O as Ge, T as Ae } from "./OrTags-CawHE2el.mjs";
 import { O as je } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { O as Qe } from "./OrText-3zAJU5xf.mjs";
 import { O as qe } from "./OrTextarea-VEuq5855.mjs";
-import { O as Ke } from "./OrTimeFormat-DScNr0vb.mjs";
-import { O as Xe } from "./OrTimePicker-Deh-pYk1.mjs";
-import { O as Ze } from "./OrTimeRangePicker-jf6aY4hk.mjs";
-import { a as $e, O as rt, p as ot, t as at, b as et, u as tt } from "./types-BwxhurSS.mjs";
+import { O as Ke } from "./OrTimeFormat-seUcLO3H.mjs";
+import { O as Xe } from "./OrTimePicker-yrCd2WSV.mjs";
+import { O as Ze } from "./OrTimeRangePicker-We6twaTe.mjs";
+import { a as $e, O as rt, p as ot, t as at, b as et, u as tt } from "./types-3Yoq4B7Q.mjs";
 import { O as Ot } from "./OrTooltip-DqwjoE82.mjs";
-import { O as pt, T as mt } from "./OrTree-By3MLZUL.mjs";
+import { O as pt, T as mt } from "./OrTree-xzTTFls8.mjs";
 export * from "@onereach/ui-components-common";
 export {
   t as AvatarColor,

package/dist/esm/{props-BxqD8LGb.mjs → props-B0KRjmZl.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as v, ref as w, computed as s, toRef as z, resolveComponent as $, openBlock as d, createBlock as k, createSlots as O, withCtx as u, createElementVNode as y, normalizeClass as r, createElementBlock as b, renderSlot as a, createCommentVNode as g } from "vue";
 import { usePopoverState as N } from "@onereach/ui-components-common/hooks";
-import { R as o, O as P } from "./OrResizeablePanel-DuGgwmhB.mjs";
+import { R as o, O as P } from "./OrResizeablePanel-Dsu5AbKR.mjs";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const C = [
   // Layout
@@ -212,4 +212,4 @@ export {
   G as O,
   U as S
 };
-//# sourceMappingURL=props-BxqD8LGb.mjs.map
+//# sourceMappingURL=props-B0KRjmZl.mjs.map

package/dist/esm/{props-BxqD8LGb.mjs.map → props-B0KRjmZl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"props-BxqD8LGb.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}
+{"version":3,"file":"props-B0KRjmZl.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}

package/dist/esm/{types-BwxhurSS.mjs → types-3Yoq4B7Q.mjs}

@@ -4,7 +4,7 @@ import { defineComponent as N, ref as _, computed as f, resolveComponent as A, o
 import { useElevation as re } from "@onereach/ui-components-common/hooks";
 import { O as ne } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { error as ae, success as ie } from "@onereach/ui-components-common/assets";
-import { O as le } from "./OrIconButton-BlHCLpeW.mjs";
+import { O as le } from "./OrIconButton-xLaBANIB.mjs";
 import { O as ue } from "./OrLoader-2SaTMxmZ.mjs";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var L = /* @__PURE__ */ ((e) => (e.Right = "right", e.Left = "left", e.Center = "center", e))(L || {}), w = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e))(w || {}), E = /* @__PURE__ */ ((e) => (e.Slide = "slide", e.Fade = "fade", e))(E || {}), y = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Loading = "loading", e))(y || {});
@@ -477,4 +477,4 @@ export {
   De as t,
   Ne as u
 };
-//# sourceMappingURL=types-BwxhurSS.mjs.map
+//# sourceMappingURL=types-3Yoq4B7Q.mjs.map

package/dist/esm/{types-BwxhurSS.mjs.map → types-3Yoq4B7Q.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"types-BwxhurSS.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[343px] md:w-[512px]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}
+{"version":3,"file":"types-3Yoq4B7Q.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[343px] md:w-[512px]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "22.2.0-beta.5483.0",
+  "version": "22.2.0-beta.5484.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,

package/dist/esm/OrIcon-k8cyvh-D.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrIcon-k8cyvh-D.mjs","sources":["../../../components/or-icon-v3/src/props.ts","../../../components/or-icon-v3/src/styles.ts","../../../components/or-icon-v3/src/OrIcon.vue"],"sourcesContent":["export enum IconVariant {\n  Outlined = 'outlined',\n  OutlinedBold = 'outlined-bold',\n  Filled = 'filled',\n  FilledBold = 'filled-bold',\n  Inherit = 'inherit',\n}\n\nexport enum IconSize {\n  XL = 'xl',\n  L = 'l',\n  M = 'm',\n  Inherit = 'inherit',\n}\n","import { IconSize, IconVariant } from './props';\n\nexport const Icon: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n];\n\nexport const IconVariants: Record<IconVariant, string[]> = {\n  [IconVariant.Outlined]: [\n    // Iconography\n    'iconography-outlined',\n  ],\n\n  [IconVariant.OutlinedBold]: [\n    // Iconography\n    'iconography-outlined-bold',\n  ],\n\n  [IconVariant.Filled]: [\n    // Iconography\n    'iconography-filled',\n  ],\n\n  [IconVariant.FilledBold]: [\n    // Iconography\n    'iconography-filled-bold',\n  ],\n\n  [IconVariant.Inherit]: [\n    // Iconography\n    'iconography-inherit',\n  ],\n};\n\nexport const IconSizes: Record<IconSize, string[]> = {\n  [IconSize.XL]: [\n    // Box\n    'w-[28px] md:w-[24px]',\n    'h-[28px] md:h-[24px]',\n\n    // Typography\n    'text-[28px] md:text-[24px]',\n  ],\n\n  [IconSize.L]: [\n    // Box\n    'w-[24px] md:w-[20px]',\n    'h-[24px] md:h-[20px]',\n\n    // Typography\n    'text-[24px] md:text-[20px]',\n  ],\n\n  [IconSize.M]: [\n    // Box\n    'w-[20px] md:w-[16px]',\n    'h-[20px] md:h-[16px]',\n\n    // Typography\n    'text-[20px] md:text-[16px]',\n  ],\n\n  [IconSize.Inherit]: [\n    // Typography\n    'text-inherit',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @click=\"$emit('click', $event)\"\n  >\n    {{ icon }}\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { IconSize, IconVariant } from './props';\nimport { Icon, IconSizes, IconVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrIcon',\n\n  props: {\n    icon: {\n      type: String,\n      required: true,\n    },\n\n    variant: {\n      type: String as PropType<`${IconVariant}`>,\n      default: () => IconVariant.Outlined,\n    },\n\n    size: {\n      type: String as PropType<`${IconSize}`>,\n      default: () => IconSize.M,\n    },\n  },\n\n  emits: [\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-icon-v3',\n      ...Icon,\n      ...IconVariants[props.variant],\n      ...IconSizes[props.size],\n      ...props.icon.startsWith('or_') ? ['iconography-onereach'] : [],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["IconVariant","IconSize","Icon","IconVariants","IconSizes","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","$event"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,WAAW,YACXA,EAAA,eAAe,iBACfA,EAAA,SAAS,UACTA,EAAA,aAAa,eACbA,EAAA,UAAU,WALAA,IAAAA,KAAA,CAAA,CAAA,GAQAC,sBAAAA,OACVA,EAAA,KAAK,MACLA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,UAAU,WAJAA,IAAAA,KAAA,CAAA,CAAA;ACNL,MAAMC,IAAiB;AAAA;AAAA,EAE5B;AACF,GAEaC,IAA8C;AAAA,EACzD,CAACH,EAAY,QAAQ,GAAG;AAAA;AAAA,IAEtB;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,YAAY,GAAG;AAAA;AAAA,IAE1B;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,MAAM,GAAG;AAAA;AAAA,IAEpB;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,UAAU,GAAG;AAAA;AAAA,IAExB;AAAA,EACF;AAAA,EAEA,CAACA,EAAY,OAAO,GAAG;AAAA;AAAA,IAErB;AAAA,EACF;AACF,GAEaI,IAAwC;AAAA,EACnD,CAACH,EAAS,EAAE,GAAG;AAAA;AAAA,IAEb;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAS,CAAC,GAAG;AAAA;AAAA,IAEZ;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAS,CAAC,GAAG;AAAA;AAAA,IAEZ;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAS,OAAO,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AACF,GCnDAI,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMN,EAAY;AAAA,IAC7B;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMC,EAAS;AAAA,IAC1B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMM,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,MACH,GAAGC,EAAaI,EAAM,OAAO;AAAA,MAC7B,GAAGH,EAAUG,EAAM,IAAI;AAAA,MACvB,GAAGA,EAAM,KAAK,WAAW,KAAK,IAAI,CAAC,sBAAsB,IAAI,CAAC;AAAA,IAAA,CAC/D;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA3DSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAEER,EAAI,UAAA;AAAA,IAAA,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAQ,MAAAT,EAAA,MAAA,SAAAS,CAAA;AAAA;;;"}