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

package/dist/esm/{OrDrawer-DMkYoWOZ.mjs → OrDrawer-CxFRr8z9.mjs}

@@ -1,5 +1,5 @@
 import { usePopoverState as w } from "@onereach/ui-components-common/hooks";
-import { O as k } from "./OrOverlay-BjrghiC-.mjs";
+import { O as k } from "./OrOverlay-BzbAwvpo.mjs";
 import { onClickOutside as y, useSwipe as O } from "@vueuse/core";
 import { defineComponent as x, ref as S, computed as d, toRef as C, resolveComponent as _, openBlock as b, createBlock as D, withCtx as $, createElementVNode as i, mergeProps as R, normalizeClass as B, renderSlot as P, createCommentVNode as E } from "vue";
 import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -145,4 +145,4 @@ export {
   t as D,
   K as O
 };
-//# sourceMappingURL=OrDrawer-DMkYoWOZ.mjs.map
+//# sourceMappingURL=OrDrawer-CxFRr8z9.mjs.map

package/dist/esm/{OrDrawer-DMkYoWOZ.mjs.map → OrDrawer-CxFRr8z9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrDrawer-DMkYoWOZ.mjs","sources":["../../../components/or-drawer-v3/src/types.ts","../../../components/or-drawer-v3/src/styles.ts","../../../components/or-drawer-v3/src/OrDrawer.vue"],"sourcesContent":["export enum DrawerPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n","import { DrawerPlacement } from './types';\n\nexport const Drawer: string[] = [\n  // Position\n  'absolute inset-y-0',\n\n  // Box\n  'max-w-[min(360px,100%-theme(spacing.md))]',\n\n  // Spacing\n  'px-0',\n  'py-sm+',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  // Transition\n  'transition-transform duration-medium ease-standard',\n];\n\nexport const DrawerPlacements: Record<DrawerPlacement, string[]> = {\n  [DrawerPlacement.Left]: [\n    // Position\n    'start-0',\n\n    // Shape\n    'rounded-e-xl',\n  ],\n\n  [DrawerPlacement.Right]: [\n    // Position\n    'end-0',\n\n    // Shape\n    'rounded-s-xl',\n  ],\n};\n\nexport const DrawerPadding: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n];\n\nexport const DrawerContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Box\n  'w-full',\n  'h-full',\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    >\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useSwipe } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { DrawerPlacement } from './types';\n\nexport default defineComponent({\n  name: 'OrDrawer',\n\n  components: {\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${DrawerPlacement}`>,\n      default: () => DrawerPlacement.Left,\n    },\n\n    padding: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-drawer-v3',\n      ...Styles.Drawer,\n      ...Styles.DrawerPlacements[props.placement],\n      ...props.padding ? Styles.DrawerPadding : [],\n      transform.value,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.DrawerContent,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const transform = computed(() => {\n      switch (props.placement) {\n        case DrawerPlacement.Left:\n          return state.value === 'closed' ? '-translate-x-[calc(100%+80px)]' : 'translate-x-0';\n\n        case DrawerPlacement.Right:\n          return state.value === 'closed' ? 'translate-x-[calc(100%+80px)]' : 'translate-x-0';\n      }\n    });\n\n    // Effects\n    onClickOutside(root, (event) => {\n      const path = event.composedPath() as Element[];\n      const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3', 'or-confirm-v3'];\n\n      if (!path.some(({ classList }) => ignoreClasses.some((ignoreClass) => classList?.contains(ignoreClass)))) {\n        close();\n      }\n\n    });\n\n    useSwipe(root, {\n      onSwipeEnd: (event, direction) => {\n        switch (props.placement) {\n          case DrawerPlacement.Left:\n            if (direction === 'left') close();\n            break;\n\n          case DrawerPlacement.Right:\n            if (direction === 'right') close();\n            break;\n        }\n      },\n    });\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["DrawerPlacement","Drawer","DrawerPlacements","DrawerPadding","DrawerContent","_sfc_main","defineComponent","OrOverlay","props","context","root","ref","rootStyles","computed","Styles.Drawer","Styles.DrawerPlacements","Styles.DrawerPadding","transform","contentStyles","Styles.DrawerContent","state","open","close","toggle","usePopoverState","toRef","onClickOutside","event","path","ignoreClasses","classList","ignoreClass","useSwipe","direction","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass"],"mappings":"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"}
+{"version":3,"file":"OrDrawer-CxFRr8z9.mjs","sources":["../../../components/or-drawer-v3/src/types.ts","../../../components/or-drawer-v3/src/styles.ts","../../../components/or-drawer-v3/src/OrDrawer.vue"],"sourcesContent":["export enum DrawerPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n","import { DrawerPlacement } from './types';\n\nexport const Drawer: string[] = [\n  // Position\n  'absolute inset-y-0',\n\n  // Box\n  'max-w-[min(360px,100%-theme(spacing.md))]',\n\n  // Spacing\n  'px-0',\n  'py-sm+',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  // Transition\n  'transition-transform duration-medium ease-standard',\n];\n\nexport const DrawerPlacements: Record<DrawerPlacement, string[]> = {\n  [DrawerPlacement.Left]: [\n    // Position\n    'start-0',\n\n    // Shape\n    'rounded-e-xl',\n  ],\n\n  [DrawerPlacement.Right]: [\n    // Position\n    'end-0',\n\n    // Shape\n    'rounded-s-xl',\n  ],\n};\n\nexport const DrawerPadding: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n];\n\nexport const DrawerContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Box\n  'w-full',\n  'h-full',\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    >\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useSwipe } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\nimport { DrawerPlacement } from './types';\n\nexport default defineComponent({\n  name: 'OrDrawer',\n\n  components: {\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    placement: {\n      type: String as PropType<`${DrawerPlacement}`>,\n      default: () => DrawerPlacement.Left,\n    },\n\n    padding: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-drawer-v3',\n      ...Styles.Drawer,\n      ...Styles.DrawerPlacements[props.placement],\n      ...props.padding ? Styles.DrawerPadding : [],\n      transform.value,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.DrawerContent,\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // eslint-disable-next-line vue/return-in-computed-property\n    const transform = computed(() => {\n      switch (props.placement) {\n        case DrawerPlacement.Left:\n          return state.value === 'closed' ? '-translate-x-[calc(100%+80px)]' : 'translate-x-0';\n\n        case DrawerPlacement.Right:\n          return state.value === 'closed' ? 'translate-x-[calc(100%+80px)]' : 'translate-x-0';\n      }\n    });\n\n    // Effects\n    onClickOutside(root, (event) => {\n      const path = event.composedPath() as Element[];\n      const ignoreClasses = ['or-popover-v3', 'or-bottom-sheet-v3', 'or-modal-v3', 'or-confirm-v3'];\n\n      if (!path.some(({ classList }) => ignoreClasses.some((ignoreClass) => classList?.contains(ignoreClass)))) {\n        close();\n      }\n\n    });\n\n    useSwipe(root, {\n      onSwipeEnd: (event, direction) => {\n        switch (props.placement) {\n          case DrawerPlacement.Left:\n            if (direction === 'left') close();\n            break;\n\n          case DrawerPlacement.Right:\n            if (direction === 'right') close();\n            break;\n        }\n      },\n    });\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n\n      state,\n\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["DrawerPlacement","Drawer","DrawerPlacements","DrawerPadding","DrawerContent","_sfc_main","defineComponent","OrOverlay","props","context","root","ref","rootStyles","computed","Styles.Drawer","Styles.DrawerPlacements","Styles.DrawerPadding","transform","contentStyles","Styles.DrawerContent","state","open","close","toggle","usePopoverState","toRef","onClickOutside","event","path","ignoreClasses","classList","ignoreClass","useSwipe","direction","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass"],"mappings":";;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAmB;AAAA;AAAA,EAE9B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAsD;AAAA,EACjE,CAACF,EAAgB,IAAI,GAAG;AAAA;AAAA,IAEtB;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAgB,KAAK,GAAG;AAAA;AAAA,IAEvB;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaG,IAA0B;AAAA;AAAA,EAErC;AAAA,EACA;AACF,GAEaC,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GCjCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,WAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMP,EAAgB;AAAA,IACjC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMQ,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGC,EAAwBP,EAAM,SAAS;AAAA,MAC1C,GAAGA,EAAM,UAAUQ,IAAuB,CAAC;AAAA,MAC3CC,EAAU;AAAA,IAAA,CACX,GAEKC,IAAgBL,EAAS,MAAM;AAAA,MACnC,GAAGM;AAAAA,IAAO,CACX,GAGK,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMjB,GAAO,QAAQ,GAAGC,EAAQ,IAAI,GAGrFQ,IAAYJ,EAAS,MAAM;AAC/B,cAAQL,EAAM,WAAW;AAAA,QACvB,KAAKR,EAAgB;AACZ,iBAAAoB,EAAM,UAAU,WAAW,mCAAmC;AAAA,QAEvE,KAAKpB,EAAgB;AACZ,iBAAAoB,EAAM,UAAU,WAAW,kCAAkC;AAAA,MACxE;AAAA,IAAA,CACD;AAGc,WAAAM,EAAAhB,GAAM,CAACiB,MAAU;AACxB,YAAAC,IAAOD,EAAM,gBACbE,IAAgB,CAAC,iBAAiB,sBAAsB,eAAe,eAAe;AAE5F,MAAKD,EAAK,KAAK,CAAC,EAAE,WAAAE,EAAgB,MAAAD,EAAc,KAAK,CAACE,MAAgBD,KAAA,gBAAAA,EAAW,SAASC,EAAY,CAAC,KAC/FT;IACR,CAED,GAEDU,EAAStB,GAAM;AAAA,MACb,YAAY,CAACiB,GAAOM,MAAc;AAChC,gBAAQzB,EAAM,WAAW;AAAA,UACvB,KAAKR,EAAgB;AACf,YAAAiC,MAAc,UAAcX;AAChC;AAAA,UAEF,KAAKtB,EAAgB;AACf,YAAAiC,MAAc,WAAeX;AACjC;AAAA,QACJ;AAAA,MACF;AAAA,IAAA,CACD,GAEM;AAAA,MACL,MAAAZ;AAAA,MACA,YAAAE;AAAA,MAEA,eAAAM;AAAA,MAEA,OAAAE;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;AAvIc,QAAAW,IAAAC,EAAA,WAAA;AACA,SAAAC,EAAA,UAAA,UAAAC,EAAA,GAAEC,EAAIJ,GAAA;AAAA,IAAA,KAAA;AAAA;;aAITK,EAAM,MAAA;AAAA,MAAAC,EACJ,OAAUC,EAAAL,EAAA,QAAA;AAAA,QAAA,KAAA;AAAA,QAElB,OAAAA,EAAA;AAAA,MAAA,CAAM,GAAA;AAAA,QAAAI,EAAA,OAAA;AAAA,UACJ,OAAQE,EAAAN,EAAA,aAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;"}

package/dist/esm/{OrEditorTabs-T4vtJg3r.mjs → OrEditorTabs-Ri22rDUK.mjs}

@@ -2,11 +2,11 @@ import { getItemByValue as L } from "@onereach/ui-components-common/helpers";
 import { useProxyModelValue as P, useResponsive as j } from "@onereach/ui-components-common/hooks";
 import { isNil as G } from "@onereach/ui-components-common/utils";
 import { O as J } from "./OrIcon-k8cyvh-D.mjs";
-import { O as K } from "./OrMenuItem-ByVkiQvE.mjs";
-import { O as Q } from "./OrMenu-BNbd6Ajl.mjs";
+import { O as K } from "./OrMenuItem-VyCCXA7Z.mjs";
+import { O as Q } from "./OrMenu-Cag_fBXC.mjs";
 import { defineComponent as z, ref as w, computed as d, resolveComponent as $, openBlock as l, createElementBlock as m, normalizeClass as r, renderSlot as h, Fragment as g, createVNode as v, withModifiers as U, createCommentVNode as y, createElementVNode as u, toRef as X, watch as E, renderList as N, createBlock as k, withCtx as i, toDisplayString as I, createTextVNode as Y } from "vue";
-import { a as Z } from "./constants-ByXK9fg4.mjs";
-import { O as _ } from "./OrIconButton-BajZRp1k.mjs";
+import { O as Z } from "./OrIconButton-Ds8k8FmS.mjs";
+import { a as _ } from "./constants-ByXK9fg4.mjs";
 import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const x = [
   // Layout
@@ -43,7 +43,7 @@ const x = [
 ], ee = z({
   name: "OrEditorTabsItem",
   components: {
-    OrIconButton: _
+    OrIconButton: Z
   },
   props: {
     closeButton: {
@@ -73,7 +73,7 @@ const x = [
     return {
       root: e,
       rootStyles: t,
-      isVue2: Z
+      isVue2: _
     };
   }
 }), oe = ["selected", "disabled"], te = /* @__PURE__ */ u("div", {
@@ -395,4 +395,4 @@ export {
   B as E,
   Me as O
 };
-//# sourceMappingURL=OrEditorTabs-T4vtJg3r.mjs.map
+//# sourceMappingURL=OrEditorTabs-Ri22rDUK.mjs.map

package/dist/esm/OrEditorTabs-Ri22rDUK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrEditorTabs-Ri22rDUK.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'md:max-w-[240px]',\n\n  // Spacing\n  'px-md',\n  'py-[7px]',\n\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Border\n  'border-b-1',\n  'border-outline-variant',\n  'dark:border-outline-variant-dark',\n  'selected:border-b-[theme(backgroundColor.surface-1)]',\n  'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (hover)\n  'hover:theme-foreground-primary',\n  'dark:hover:theme-foreground-primary-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-primary',\n  'dark:selected:theme-foreground-primary-dark',\n\n  'selected:theme-background-surface-1',\n  'dark:selected:theme-background-surface-1-dark',\n\n  // FIX\n  'pb-[9px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"isVue2 && $emit('click', $event)\"\n  >\n    <slot />\n\n    <template v-if=\"closeButton\">\n      <div :class=\"['grow']\" />\n\n      <OrIconButton\n        :icon=\"'close'\"\n        :disabled=\"disabled\"\n        @click.stop=\"$emit('close')\"\n      />\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { isVue2 } from '@/constants';\n\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabsItem',\n\n  components: {\n    OrIconButton,\n  },\n\n  props: {\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-item-v3',\n      ...EditorTabsItem,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      isVue2,\n    };\n  },\n});\n</script>\n","export enum EditorTabsOverflow {\n  Scroll = 'scroll',\n  Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n  // Layout\n  'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Theme\n  'border-b-1',\n  'theme-border-outline-variant',\n  'dark:theme-border-outline-variant-dark',\n\n  // Box\n  'w-full',\n\n  // FIX\n  'mb-[-1px]',\n\n  // adds border between tab and '+' button\n  // 'theme-divider-outline-variant',\n  // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n  // Box\n  'md:grow',\n  '!max-w-full',\n  '!p-sm',\n\n  // Border\n  'border-l-1',\n  'border-r-1 md:border-r-0',\n\n  // Theme\n  'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n  // Layout\n  'layout-row grow md:grow-0',\n\n  // Box\n  'max-w-full',\n\n  // Theme\n  'theme-divider-outline-variant',\n  'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n  [EditorTabsOverflow.Scroll]: [\n    // Overflow\n    'overflow-x-auto scrollbar-hidden',\n  ],\n\n  [EditorTabsOverflow.Wrap]: [\n    // Layout\n    'flex-wrap',\n  ],\n};\n\nexport const EditorTabsContent: string[] = [\n  // Spacing\n  'px-md',\n  'py-md',\n\n  // Box\n  'grow',\n\n  // Theme\n  'theme-background-surface-1',\n  'dark:theme-background-surface-1-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"headerStyles\">\n      <div\n        :ref=\"'headerTabs'\"\n        :class=\"headerTabsStyles\"\n      >\n        <template v-if=\"isDesktop\">\n          <OrEditorTabsItem\n            v-for=\"item of items\"\n            :ref=\"'editorTabsItems'\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :selected=\"item.value === proxyModelValue\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <slot\n              :name=\"`${item.value}-label`\"\n              :label=\"item.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ item.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n          <OrEditorTabsItem\n            v-if=\"addButton && overflow == 'wrap'\"\n            :close-button=\"false\"\n            :class=\"addButtonStyles\"\n            @click=\"open()\"\n          >\n            <OrIcon\n              :icon=\"'add'\"\n              :size=\"'m'\"\n              class=\"md:my-[1px]\"\n            />\n          </OrEditorTabsItem>\n        </template>\n\n        <template v-if=\"isMobile && selectedItem\">\n          <OrEditorTabsItem\n            :class=\"['grow']\"\n            :close-button=\"closeButton && !selectedItem.pinned\"\n            :selected=\"true\"\n            :disabled=\"selectedItem.disabled\"\n            @close=\"close(selectedItem)\"\n          >\n            <slot\n              :name=\"`${selectedItem.value}-label`\"\n              :label=\"selectedItem.label\"\n            >\n              <div :class=\"['truncate']\">\n                {{ selectedItem.label }}\n              </div>\n            </slot>\n          </OrEditorTabsItem>\n        </template>\n      </div>\n\n      <template v-if=\"addButton && (overflow == 'scroll' || isMobile)\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          :class=\"addButtonStyles\"\n          @click=\"open()\"\n        >\n          <OrIcon\n            :icon=\"'add'\"\n            :size=\"'m'\"\n            class=\"md:my-[1px]\"\n          />\n        </OrEditorTabsItem>\n      </template>\n\n      <template v-if=\"isMobile && items.length > 1\">\n        <OrEditorTabsItem\n          :close-button=\"false\"\n          @click=\"showOverflowMenu = true\"\n        >\n          {{ overflowItems.length }}\n\n          <OrIcon\n            :icon=\"'more_vert'\"\n            :size=\"'m'\"\n          />\n        </OrEditorTabsItem>\n\n        <OrMenu\n          :is-open=\"showOverflowMenu\"\n          @close=\"showOverflowMenu = false\"\n        >\n          <OrMenuItem\n            v-for=\"item of overflowItems\"\n            :key=\"item.value\"\n            :close-button=\"closeButton && !item.pinned\"\n            :disabled=\"item.disabled\"\n            @click=\"proxyModelValue = item.value\"\n            @close=\"close(item)\"\n          >\n            <div :class=\"['layout-row', 'gap-sm']\">\n              <slot\n                :name=\"`${item.value}-label`\"\n                :label=\"item.label\"\n              >\n                <div :class=\"['truncate']\">\n                  {{ item.label }}\n                </div>\n              </slot>\n            </div>\n          </OrMenuItem>\n        </OrMenu>\n      </template>\n    </div>\n\n    <div :class=\"contentStyles\">\n      <slot :name=\"proxyModelValue\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrEditorTabs',\n\n  components: {\n    OrEditorTabsItem,\n    OrIcon,\n    OrMenu,\n    OrMenuItem,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<EditorTabsModelValue>,\n      default: undefined,\n    },\n\n    items: {\n      type: Array as PropType<EditorTabsItem[]>,\n      required: true,\n    },\n\n    overflow: {\n      type: String as PropType<`${EditorTabsOverflow}`>,\n      default: () => EditorTabsOverflow.Scroll,\n    },\n\n    addButton: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const headerTabs = ref<HTMLElement>();\n    const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-editor-tabs-v3',\n      ...Styles.EditorTabs,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.EditorTabsHeader,\n    ]);\n\n    const headerTabsStyles = computed(() => [\n      ...Styles.EditorTabsHeaderTabs,\n      ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.EditorTabsContent,\n    ]);\n\n    const addButtonStyles = computed(() => [\n      ...Styles.EditorTabsAddButton,\n    ]);\n\n    // State\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const selectedItem = computed(() => {\n      return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n    });\n\n    watch(selectedItem, (value) => {\n      if (value) {\n        (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement | undefined)?.scrollIntoView({ block: 'nearest' });\n      }\n    }, { flush: 'post' });\n\n    const overflowItems = computed(() => {\n      return props.items.filter((item) => item.value !== proxyModelValue.value);\n    });\n\n    const showOverflowMenu = ref(false);\n\n    // Methods\n    function open(): void {\n      context.emit('open');\n    }\n\n    function close(item: EditorTabsItem): void {\n      if (item.value === proxyModelValue.value) {\n        const index = props.items.indexOf(item);\n\n        if (index !== -1) {\n          const nextItem = props.items[index + 1];\n          const previousItem = props.items[index - 1];\n\n          proxyModelValue.value = nextItem?.value || previousItem?.value;\n        }\n      }\n\n      context.emit('close', item);\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    // Effects\n    watch(() => props.items, (items) => {\n      if (items.length === 1) {\n        proxyModelValue.value = items[0].value;\n      }\n    }, { immediate: true });\n\n    return {\n      root,\n      headerTabs,\n      editorTabsItems,\n\n      rootStyles,\n      headerStyles,\n      headerTabsStyles,\n      contentStyles,\n      addButtonStyles,\n\n      proxyModelValue,\n      selectedItem,\n      overflowItems,\n      showOverflowMenu,\n\n      open,\n      close,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","headerTabs","editorTabsItems","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","proxyModelValue","useProxyModelValue","toRef","selectedItem","isNil","getItemByValue","watch","value","_c","_b","_a","overflowItems","item","showOverflowMenu","open","close","index","nextItem","previousItem","isDesktop","isMobile","useResponsive","items","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_3"],"mappings":"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"}

package/dist/esm/OrEmptyState-C6viT2WQ.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrEmptyState-C6viT2WQ.mjs","sources":["../../../components/or-empty-state-v3/src/props.ts","../../../components/or-empty-state-v3/src/styles.ts","../../../components/or-empty-state-v3/src/OrEmptyState.vue"],"sourcesContent":["export enum EmptyStateSize {\n  L = 'l',\n  M = 'm',\n}\n","import { EmptyStateSize } from './props';\n\nexport const EmptyStateRoot: string[] = [\n  // Layout\n  'grow',\n  'flex',\n  'flex-col',\n  'justify-center',\n  'items-center',\n\n  // Box\n  'w-full',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const EmptyStateImage = [\n  // Spacing\n  'mb-sm',\n];\n\nexport const EmptyStateImageSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Box\n    'h-3xl',\n  ],\n  [EmptyStateSize.M]: [\n    // Box\n    'h-2xl',\n  ],\n};\n\nexport const EmptyStateHeading: string[] = [\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const EmptyStateHeadingSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Typography\n    'typography-headline-2',\n  ],\n  [EmptyStateSize.M]: [\n    // Typography\n    'typography-headline-4',\n  ],\n};\n\nexport const EmptyStateText: string[] = [\n  'text-center',\n\n  // Theme\n  'text-outline',\n  'dark:text-outline-dark',\n];\n\nexport const EmptyStateContent = EmptyStateText;\n\nexport const EmptyStateTextSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Typography\n    'typography-body-2-regular',\n  ],\n  [EmptyStateSize.M]: [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n\nexport const EmptyStateContentSizes = EmptyStateTextSizes;\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootClasses\"\n  >\n    <img\n      v-if=\"imageSrc\"\n      :src=\"imageSrc\"\n      :class=\"imageClasses\"\n      alt=\"\"\n    >\n    <div :class=\"headingClasses\">\n      {{ heading }}\n    </div>\n    <div\n      v-if=\"$slots.default\"\n      :class=\"slotClasses\"\n    >\n      <!-- @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. -->\n      <slot />\n    </div>\n    <div :class=\"textClasses\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { EmptyStateSize } from './props';\nimport { EmptyStateContent, EmptyStateContentSizes, EmptyStateHeading, EmptyStateHeadingSizes, EmptyStateImage, EmptyStateImageSizes, EmptyStateRoot, EmptyStateText, EmptyStateTextSizes } from './styles';\n\n/**\n * The component to display when there is no content on a page,\n * no records found or selected, or while the data is being loaded.\n * Provides a hint to the user on what to do.\n * Consists of text message, optional icon and optional loader.\n */\nexport default defineComponent({\n  name: 'OrEmptyState',\n  props: {\n    /**\n     * Size of the component, affects font and icon size.\n     * Use Large if the component takes all screen space,\n     * and Medium if it is a part of the complex layout.\n     */\n    size: {\n      type: String as PropType<`${EmptyStateSize}`>,\n      default: () => EmptyStateSize.M,\n    },\n    /**\n     * The heading of the empty state block.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n    /**\n     * Additional text such as a hint for a user with proposed next steps.\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n    /**\n     * Path to the image to display above the heading.\n     * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.\n     */\n    imageSrc: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const root = ref<HTMLElement>();\n\n    const rootClasses = computed(() => [\n      'or-empty-state-v3',\n      ...EmptyStateRoot,\n    ]);\n    const imageClasses = computed(() => [\n      'or-empty-state_image',\n      ...EmptyStateImage,\n      ...EmptyStateImageSizes[props.size],\n    ]);\n    const headingClasses = computed(() => [\n      'or-empty-state_heading',\n      ...EmptyStateHeading,\n      ...EmptyStateHeadingSizes[props.size],\n    ]);\n    const textClasses = computed(() => [\n      'or-empty-state_text',\n      ...EmptyStateText,\n      ...EmptyStateTextSizes[props.size],\n    ]);\n    const slotClasses = computed(() => [\n      'or-empty-state_content',\n      ...EmptyStateContent,\n      ...EmptyStateContentSizes[props.size],\n    ]);\n\n    return {\n      root,\n      rootClasses,\n      imageClasses,\n      headingClasses,\n      textClasses,\n      slotClasses,\n    };\n  },\n});\n</script>\n"],"names":["EmptyStateSize","EmptyStateRoot","EmptyStateImage","EmptyStateImageSizes","EmptyStateHeading","EmptyStateHeadingSizes","EmptyStateText","EmptyStateContent","EmptyStateTextSizes","EmptyStateContentSizes","_sfc_main","defineComponent","props","root","ref","rootClasses","computed","imageClasses","headingClasses","textClasses","slotClasses","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_hoisted_1","_createCommentVNode","_createElementVNode","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"OrEmptyState-C6viT2WQ.mjs","sources":["../../../components/or-empty-state-v3/src/props.ts","../../../components/or-empty-state-v3/src/styles.ts","../../../components/or-empty-state-v3/src/OrEmptyState.vue"],"sourcesContent":["export enum EmptyStateSize {\n  L = 'l',\n  M = 'm',\n}\n","import { EmptyStateSize } from './props';\n\nexport const EmptyStateRoot: string[] = [\n  // Layout\n  'grow',\n  'flex',\n  'flex-col',\n  'justify-center',\n  'items-center',\n\n  // Box\n  'w-full',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const EmptyStateImage = [\n  // Spacing\n  'mb-sm',\n];\n\nexport const EmptyStateImageSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Box\n    'h-3xl',\n  ],\n  [EmptyStateSize.M]: [\n    // Box\n    'h-2xl',\n  ],\n};\n\nexport const EmptyStateHeading: string[] = [\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const EmptyStateHeadingSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Typography\n    'typography-headline-2',\n  ],\n  [EmptyStateSize.M]: [\n    // Typography\n    'typography-headline-4',\n  ],\n};\n\nexport const EmptyStateText: string[] = [\n  'text-center',\n\n  // Theme\n  'text-outline',\n  'dark:text-outline-dark',\n];\n\nexport const EmptyStateContent = EmptyStateText;\n\nexport const EmptyStateTextSizes: Record<EmptyStateSize, string[]> = {\n  [EmptyStateSize.L]: [\n    // Typography\n    'typography-body-2-regular',\n  ],\n  [EmptyStateSize.M]: [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n\nexport const EmptyStateContentSizes = EmptyStateTextSizes;\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootClasses\"\n  >\n    <img\n      v-if=\"imageSrc\"\n      :src=\"imageSrc\"\n      :class=\"imageClasses\"\n      alt=\"\"\n    >\n    <div :class=\"headingClasses\">\n      {{ heading }}\n    </div>\n    <div\n      v-if=\"$slots.default\"\n      :class=\"slotClasses\"\n    >\n      <!-- @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. -->\n      <slot />\n    </div>\n    <div :class=\"textClasses\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { EmptyStateSize } from './props';\nimport { EmptyStateContent, EmptyStateContentSizes, EmptyStateHeading, EmptyStateHeadingSizes, EmptyStateImage, EmptyStateImageSizes, EmptyStateRoot, EmptyStateText, EmptyStateTextSizes } from './styles';\n\n/**\n * The component to display when there is no content on a page,\n * no records found or selected, or while the data is being loaded.\n * Provides a hint to the user on what to do.\n * Consists of text message, optional icon and optional loader.\n */\nexport default defineComponent({\n  name: 'OrEmptyState',\n  props: {\n    /**\n     * Size of the component, affects font and icon size.\n     * Use Large if the component takes all screen space,\n     * and Medium if it is a part of the complex layout.\n     */\n    size: {\n      type: String as PropType<`${EmptyStateSize}`>,\n      default: () => EmptyStateSize.M,\n    },\n    /**\n     * The heading of the empty state block.\n     */\n    heading: {\n      type: String,\n      default: '',\n    },\n    /**\n     * Additional text such as a hint for a user with proposed next steps.\n     */\n    text: {\n      type: String,\n      default: '',\n    },\n    /**\n     * Path to the image to display above the heading.\n     * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.\n     */\n    imageSrc: {\n      type: String,\n      default: undefined,\n    },\n  },\n  setup(props) {\n    const root = ref<HTMLElement>();\n\n    const rootClasses = computed(() => [\n      'or-empty-state-v3',\n      ...EmptyStateRoot,\n    ]);\n    const imageClasses = computed(() => [\n      'or-empty-state_image',\n      ...EmptyStateImage,\n      ...EmptyStateImageSizes[props.size],\n    ]);\n    const headingClasses = computed(() => [\n      'or-empty-state_heading',\n      ...EmptyStateHeading,\n      ...EmptyStateHeadingSizes[props.size],\n    ]);\n    const textClasses = computed(() => [\n      'or-empty-state_text',\n      ...EmptyStateText,\n      ...EmptyStateTextSizes[props.size],\n    ]);\n    const slotClasses = computed(() => [\n      'or-empty-state_content',\n      ...EmptyStateContent,\n      ...EmptyStateContentSizes[props.size],\n    ]);\n\n    return {\n      root,\n      rootClasses,\n      imageClasses,\n      headingClasses,\n      textClasses,\n      slotClasses,\n    };\n  },\n});\n</script>\n"],"names":["EmptyStateSize","EmptyStateRoot","EmptyStateImage","EmptyStateImageSizes","EmptyStateHeading","EmptyStateHeadingSizes","EmptyStateText","EmptyStateContent","EmptyStateTextSizes","EmptyStateContentSizes","_sfc_main","defineComponent","props","root","ref","rootClasses","computed","imageClasses","headingClasses","textClasses","slotClasses","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_hoisted_1","_createCommentVNode","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/dist/esm/OrError-B5ihH6-3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrError-B5ihH6-3.mjs","sources":["../../../components/or-error-v3/src/styles.ts","../../../components/or-error-v3/src/OrError.vue"],"sourcesContent":["export const Error: string[] = [\n  // Layout\n  'layout-row !items-start justify-between',\n\n  // Spacing\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-error',\n  'dark:theme-foreground-error-dark',\n];\n\nexport const ErrorText: string[] = [\n  // Interactivity\n  'interactivity-default',\n];\n\nexport const ErrorAddon: string[] = [\n  // Layout\n  'layout-inline-row empty:hidden',\n\n  // Typography\n  'whitespace-nowrap',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div :class=\"textStyles\">\n      <slot />\n    </div>\n\n    <div :class=\"addonStyles\">\n      <slot name=\"addon\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { Error, ErrorAddon, ErrorText } from './styles';\n\nexport default defineComponent({\n  name: 'OrError',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-error-v3',\n      ...Error,\n    ]);\n\n    const textStyles = computed(() => [\n      ...ErrorText,\n    ]);\n\n    const addonStyles = computed(() => [\n      ...ErrorAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      textStyles,\n      addonStyles,\n    };\n  },\n});\n</script>\n"],"names":["Error","ErrorText","ErrorAddon","_sfc_main","defineComponent","root","ref","rootStyles","computed","textStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;AAAO,MAAMA,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAsB;AAAA;AAAA,EAEjC;AACF,GAEaC,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AACF,GCNAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,IAAA,CACJ,GAEKS,IAAaD,EAAS,MAAM;AAAA,MAChC,GAAGP;AAAA,IAAA,CACJ,GAEKS,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAzDSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA;MACE,OAAQQ,EAAAR,EAAA,UAAA;AAAA,IAAA,GAAA;AAAA,MAGVS,EAEMT,EAAA,QAAA,SAAA;AAAA,IAFA,GAAA,CAAA;AAAA,IAAAU,EAAA,OAAA;AAAA,MACJ,OAAqBF,EAAAR,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}
+{"version":3,"file":"OrError-B5ihH6-3.mjs","sources":["../../../components/or-error-v3/src/styles.ts","../../../components/or-error-v3/src/OrError.vue"],"sourcesContent":["export const Error: string[] = [\n  // Layout\n  'layout-row !items-start justify-between',\n\n  // Spacing\n  'gap-sm',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Theme\n  'theme-foreground-error',\n  'dark:theme-foreground-error-dark',\n];\n\nexport const ErrorText: string[] = [\n  // Interactivity\n  'interactivity-default',\n];\n\nexport const ErrorAddon: string[] = [\n  // Layout\n  'layout-inline-row empty:hidden',\n\n  // Typography\n  'whitespace-nowrap',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div :class=\"textStyles\">\n      <slot />\n    </div>\n\n    <div :class=\"addonStyles\">\n      <slot name=\"addon\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { Error, ErrorAddon, ErrorText } from './styles';\n\nexport default defineComponent({\n  name: 'OrError',\n\n  props: {\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-error-v3',\n      ...Error,\n    ]);\n\n    const textStyles = computed(() => [\n      ...ErrorText,\n    ]);\n\n    const addonStyles = computed(() => [\n      ...ErrorAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      textStyles,\n      addonStyles,\n    };\n  },\n});\n</script>\n"],"names":["Error","ErrorText","ErrorAddon","_sfc_main","defineComponent","root","ref","rootStyles","computed","textStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;AAAO,MAAMA,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAsB;AAAA;AAAA,EAEjC;AACF,GAEaC,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AACF,GCLAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,IAAA,CACJ,GAEKS,IAAaD,EAAS,MAAM;AAAA,MAChC,GAAGP;AAAA,IAAA,CACJ,GAEKS,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA1DSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA;MACE,OAAQQ,EAAAR,EAAA,UAAA;AAAA,IAAA,GAAA;AAAA,MAGVS,EAEMT,EAAA,QAAA,SAAA;AAAA,IAFA,GAAA,CAAA;AAAA,IAAAU,EAAA,OAAA;AAAA,MACJ,OAAqBF,EAAAR,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}

package/dist/esm/{OrErrorTag-Bo_gxhzB.mjs → OrErrorTag-B35sZEF9.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as n, ref as s, computed as a, resolveComponent as p, openBlock as c, createElementBlock as m, normalizeClass as e, createElementVNode as l, createVNode as d, renderSlot as i } from "vue";
-import { O as f } from "./OrIcon-k8cyvh-D.mjs";
+import { O as n } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as s, ref as a, computed as p, resolveComponent as c, openBlock as m, createElementBlock as l, normalizeClass as e, createElementVNode as d, createVNode as i, renderSlot as f } from "vue";
 import { _ as u } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const _ = [
   // Layout
@@ -17,16 +17,16 @@ const _ = [
   // Theme
   "theme-preset-1-error",
   "dark:theme-preset-1-error-dark"
-], y = n({
+], y = s({
   name: "OrErrorTag",
   components: {
-    OrIcon: f
+    OrIcon: n
   },
   expose: [
     "root"
   ],
   setup() {
-    const r = s(), o = a(() => [
+    const r = a(), o = p(() => [
       "or-error-tag-v3",
       ..._
     ]);
@@ -39,22 +39,22 @@ const _ = [
   class: /* @__PURE__ */ e(["layout-inline-row", "m-[-4px] md:m-[-2px]"])
 };
 function x(r, o, O, h, v, E) {
-  const t = p("OrIcon");
-  return c(), m("div", {
+  const t = c("OrIcon");
+  return m(), l("div", {
     ref: "root",
     class: e(r.rootStyles)
   }, [
-    l("div", g, [
-      d(t, {
+    d("div", g, [
+      i(t, {
         icon: "error",
         variant: "filled-bold"
       })
     ]),
-    i(r.$slots, "default")
+    f(r.$slots, "default")
   ], 2);
 }
 const C = /* @__PURE__ */ u(y, [["render", x]]);
 export {
   C as O
 };
-//# sourceMappingURL=OrErrorTag-Bo_gxhzB.mjs.map
+//# sourceMappingURL=OrErrorTag-B35sZEF9.mjs.map

package/dist/esm/OrErrorTag-B35sZEF9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrErrorTag-B35sZEF9.mjs","sources":["../../../components/or-error-tag-v3/src/styles.ts","../../../components/or-error-tag-v3/src/OrErrorTag.vue"],"sourcesContent":["export const ErrorTag: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Interactivity\n  'interactivity-default',\n\n  // Spacing\n  'px-sm+ md:px-sm',\n  'py-sm md:py-xs',\n\n  'gap-sm+ md:gap-sm',\n\n  // Shape\n  'rounded-full',\n\n  // Typography\n  'typography-caption-regular whitespace-nowrap',\n\n  // Theme\n  'theme-preset-1-error',\n  'dark:theme-preset-1-error-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-inline-row', 'm-[-4px] md:m-[-2px]']\">\n      <OrIcon\n        :icon=\"'error'\"\n        :variant=\"'filled-bold'\"\n      />\n    </div>\n\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { ErrorTag } from './styles';\n\nexport default defineComponent({\n  name: 'OrErrorTag',\n\n  components: {\n    OrIcon,\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-error-tag-v3',\n      ...ErrorTag,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["ErrorTag","_sfc_main","defineComponent","OrIcon","root","ref","rootStyles","computed","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrIcon"],"mappings":";;;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GCAAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGP;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAI;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;YA/CCE,EAYM,QAAA;SAVEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAAC,EAKMC,EALN,UAKM;AAAA,EAAA,GAAA;AAAA,IAHYC,EAAA,OAAAC,GAAA;AAAA,MAAAC,EACJC,GAAa;AAAA,QAAA,MAAA;AAAA;MAI3B,CAAA;AAAA,IAAA,CAAA;AAAA;;;;"}

package/dist/esm/{OrExpansionPanel-BNGPdEnp.mjs → OrExpansionPanel-CrGf7B-b.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as D, ref as E, computed as o, toRef as P, resolveComponent as C, openBlock as t, createElementBlock as a, normalizeClass as r, createElementVNode as s, withModifiers as O, createVNode as w, renderSlot as n, toDisplayString as y, withDirectives as I, vShow as B, Fragment as N, createCommentVNode as h, createTextVNode as V } from "vue";
-import { usePopoverState as A } from "@onereach/ui-components-common/hooks";
-import { O as H } from "./OrIcon-k8cyvh-D.mjs";
+import { usePopoverState as D } from "@onereach/ui-components-common/hooks";
+import { O as E } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as P, ref as C, computed as o, toRef as O, resolveComponent as w, openBlock as t, createElementBlock as a, normalizeClass as r, createElementVNode as s, withModifiers as I, createVNode as B, renderSlot as n, toDisplayString as y, withDirectives as N, vShow as V, Fragment as A, createCommentVNode as h, createTextVNode as H } from "vue";
 import { _ as j } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var i = /* @__PURE__ */ ((e) => (e.Default = "default", e.Card = "card", e))(i || {}), g = /* @__PURE__ */ ((e) => (e.Default = "default", e.Danger = "danger", e))(g || {}), v = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Inherit = "inherit", e))(v || {});
 const z = [
@@ -98,10 +98,10 @@ const z = [
 ], J = [
   // Spacing
   "ml-[28px] md:ml-[24px]"
-], K = D({
+], K = P({
   name: "OrExpansionPanel",
   components: {
-    OrIcon: H
+    OrIcon: E
   },
   props: {
     label: {
@@ -154,7 +154,7 @@ const z = [
     "toggle"
   ],
   setup(e, d) {
-    const u = E(), c = o(() => [
+    const u = C(), c = o(() => [
       "or-expansion-panel-v3",
       ...z,
       ...M[e.variant],
@@ -169,7 +169,7 @@ const z = [
     ]), m = o(() => [
       ...F,
       e.disabled ? L : ""
-    ]), { state: k, open: b, close: S, toggle: $ } = A(P(e, "isOpen"), d.emit);
+    ]), { state: k, open: b, close: S, toggle: $ } = D(O(e, "isOpen"), d.emit);
     return {
       root: u,
       rootStyles: c,
@@ -187,7 +187,7 @@ const z = [
   class: /* @__PURE__ */ r(["layout-row", "justify-between"])
 }, W = ["tabindex", "disabled"], X = { class: "truncate" };
 function Y(e, d, u, c, p, f) {
-  const l = C("OrIcon");
+  const l = w("OrIcon");
   return t(), a("div", {
     ref: "root",
     class: r(e.rootStyles),
@@ -198,9 +198,9 @@ function Y(e, d, u, c, p, f) {
         class: r(e.headerStyles),
         tabindex: e.disabled ? null : 0,
         disabled: e.disabled,
-        onClick: d[0] || (d[0] = O((m) => e.toggle(), ["stop"]))
+        onClick: d[0] || (d[0] = I((m) => e.toggle(), ["stop"]))
       }, [
-        w(l, {
+        B(l, {
           class: r([e.state === "open" ? "rotate-0" : "rotate-[-90deg]"]),
           icon: "expand_more",
           variant: "filled-bold"
@@ -215,14 +215,14 @@ function Y(e, d, u, c, p, f) {
         n(e.$slots, "addon")
       ], 2)
     ]),
-    e.keepAlive ? I((t(), a("div", {
+    e.keepAlive ? N((t(), a("div", {
       key: 0,
       class: r(e.contentStyles)
     }, [
       n(e.$slots, "default")
     ], 2)), [
-      [B, e.state === "open"]
-    ]) : (t(), a(N, { key: 1 }, [
+      [V, e.state === "open"]
+    ]) : (t(), a(A, { key: 1 }, [
       e.state === "open" ? (t(), a("div", {
         key: 0,
         class: r(e.contentStyles)
@@ -235,7 +235,7 @@ function Y(e, d, u, c, p, f) {
       class: r(e.descriptionStyles)
     }, [
       n(e.$slots, "description", {}, () => [
-        V(y(e.description), 1)
+        H(y(e.description), 1)
       ])
     ], 2)) : h("", !0)
   ], 10, Q);
@@ -247,4 +247,4 @@ export {
   g as a,
   v as b
 };
-//# sourceMappingURL=OrExpansionPanel-BNGPdEnp.mjs.map
+//# sourceMappingURL=OrExpansionPanel-CrGf7B-b.mjs.map

package/dist/esm/OrExpansionPanel-CrGf7B-b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrExpansionPanel-CrGf7B-b.mjs","sources":["../../../components/or-expansion-panel-v3/src/props.ts","../../../components/or-expansion-panel-v3/src/styles.ts","../../../components/or-expansion-panel-v3/src/OrExpansionPanel.vue"],"sourcesContent":["export enum ExpansionPanelVariant {\n  Default = 'default',\n  Card = 'card',\n}\n\nexport enum ExpansionPanelColor {\n  Default = 'default',\n  Danger = 'danger',\n}\n\nexport enum ExpansionPanelBackgroundColor {\n  Primary = 'primary',\n  Secondary = 'secondary',\n  Inherit = 'inherit',\n}\n","import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\n\nexport const ExpansionPanel: string[] = [\n  // Layout\n  'layout-column',\n];\n\nexport const ExpansionPanelDescription: string[] = [\n  // Typography\n  'typography-caption-regular',\n];\n\nexport const ExpansionPanelDescriptionDisabled: string[] = [\n  // Theme\n  'theme-foreground-disabled',\n  'dark:theme-foreground-disabled-dark',\n];\n\nexport const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]> = {\n  [ExpansionPanelVariant.Default]: [\n    // Spacing\n    'gap-md',\n  ],\n\n  [ExpansionPanelVariant.Card]: [\n    // Shape\n    'rounded-md',\n\n    // Spacing\n    'px-md',\n    'py-md',\n\n    'gap-md',\n  ],\n};\n\nexport const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]> = {\n  'primary-default': [],\n\n  'primary-card': [\n    // Theme\n    'theme-background-surface-1',\n    'dark:theme-background-surface-1-dark',\n  ],\n\n  'secondary-default': [],\n\n  'secondary-card': [\n    // Theme\n    'theme-background-surface-3',\n    'dark:theme-background-surface-3-dark',\n  ],\n\n  'inherit-default': [],\n\n  'inherit-card': [\n    // Theme\n    'theme-background-inherit',\n    'dark:theme-background-inherit',\n  ],\n};\n\nexport const ExpansionPanelHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Box\n  'min-w-[16px]',\n\n  // Spacing\n  'gap-sm',\n\n  // Typography\n  'typography-body-2-bold',\n\n  // Theme\n  'outline-none',\n];\n\nexport const ExpansionPanelHeaderColors: Record<ExpansionPanelColor, string[]> = {\n  'default': [\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    // Theme (hover)\n    'hover:theme-foreground-primary',\n    'dark:hover:theme-foreground-primary-dark',\n\n    // Theme (focus)\n    'focus-visible:theme-foreground-primary',\n    'dark:focus-visible:theme-foreground-primary-dark',\n\n    // Theme (active)\n    'active:theme-foreground-primary',\n    'dark:active:theme-foreground-primary-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'theme-foreground-error',\n    'dark:theme-foreground-error-dark',\n\n    // Theme (hover)\n    'hover:theme-foreground-error-hover',\n    'dark:hover:theme-foreground-error-hover-dark',\n\n    // Theme (focus)\n    'focus-visible:theme-foreground-error-hover',\n    'dark:focus-visible:theme-foreground-error-hover-dark',\n\n    // Theme (active)\n    'active:theme-foreground-error-hover',\n    'dark:active:theme-foreground-error-hover-dark',\n  ],\n};\n\nexport const ExpansionPanelAddon: string[] = [\n  // Layout\n  'contents',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const ExpansionPanelContentLeftIndent: string[] = [\n  // Spacing\n  'ml-[28px] md:ml-[24px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :disabled=\"disabled\"\n  >\n    <div :class=\"['layout-row', 'justify-between']\">\n      <div\n        :class=\"headerStyles\"\n        :tabindex=\"!disabled ? 0 : null\"\n        :disabled=\"disabled\"\n        @click.stop=\"toggle()\"\n      >\n        <OrIcon\n          :class=\"[state === 'open' ? 'rotate-0' : 'rotate-[-90deg]']\"\n          :icon=\"'expand_more'\"\n          :variant=\"'filled-bold'\"\n        />\n\n        <slot\n          name=\"label\"\n          :state=\"state\"\n        >\n          <span class=\"truncate\">\n            {{ label }}\n          </span>\n        </slot>\n      </div>\n\n      <div :class=\"addonStyles\">\n        <slot name=\"addon\" />\n      </div>\n    </div>\n\n    <template v-if=\"keepAlive\">\n      <div\n        v-show=\"state === 'open'\"\n        :class=\"contentStyles\"\n      >\n        <slot />\n      </div>\n    </template>\n\n    <template v-else>\n      <div\n        v-if=\"state === 'open'\"\n        :class=\"contentStyles\"\n      >\n        <slot />\n      </div>\n    </template>\n    <div\n      v-if=\"(description || $slots.description) && state != 'open'\"\n      :class=\"descriptionStyles\"\n    >\n      <slot\n        name=\"description\"\n      >\n        {{ description }}\n      </slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\n\nimport { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrExpansionPanel',\n\n  components: {\n    OrIcon,\n  },\n\n  props: {\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    description: {\n      type: String,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${ExpansionPanelVariant}`>,\n      default: () => ExpansionPanelVariant.Default,\n    },\n\n    color: {\n      type: String as PropType<`${ExpansionPanelColor}`>,\n      default: () => ExpansionPanelColor.Default,\n    },\n\n    backgroundColor: {\n      type: String as PropType<`${ExpansionPanelBackgroundColor}`>,\n      default: () => ExpansionPanelBackgroundColor.Primary,\n    },\n\n    leftIndent: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    keepAlive: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\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-expansion-panel-v3',\n      ...Styles.ExpansionPanel,\n      ...Styles.ExpansionPanelVariants[props.variant],\n      ...Styles.ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`],\n    ]);\n\n    const headerStyles = computed(() => [\n      ...Styles.ExpansionPanelHeader,\n      ...Styles.ExpansionPanelHeaderColors[props.color],\n    ]);\n\n    const addonStyles = computed(() => [\n      ...Styles.ExpansionPanelAddon,\n    ]);\n\n    const contentStyles = computed(() => [\n      props.leftIndent ? Styles.ExpansionPanelContentLeftIndent : '',\n    ]);\n\n    const descriptionStyles = computed(() => [\n      ...Styles.ExpansionPanelDescription,\n      props.disabled ? Styles.ExpansionPanelDescriptionDisabled : '',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n      headerStyles,\n      addonStyles,\n      contentStyles,\n      descriptionStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["ExpansionPanelVariant","ExpansionPanelColor","ExpansionPanelBackgroundColor","ExpansionPanel","ExpansionPanelDescription","ExpansionPanelDescriptionDisabled","ExpansionPanelVariants","ExpansionPanelBackgroundColors","ExpansionPanelHeader","ExpansionPanelHeaderColors","ExpansionPanelAddon","ExpansionPanelContentLeftIndent","_sfc_main","defineComponent","OrIcon","props","context","root","ref","rootStyles","computed","Styles.ExpansionPanel","Styles.ExpansionPanelVariants","Styles.ExpansionPanelBackgroundColors","headerStyles","Styles.ExpansionPanelHeader","Styles.ExpansionPanelHeaderColors","addonStyles","Styles.ExpansionPanelAddon","contentStyles","Styles.ExpansionPanelContentLeftIndent","descriptionStyles","Styles.ExpansionPanelDescription","Styles.ExpansionPanelDescriptionDisabled","state","open","close","toggle","usePopoverState","toRef","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_hoisted_2","_createElementVNode","_cache","_withModifiers","$event","_component_OrIcon","_renderSlot","_hoisted_3","_withDirectives","_vShow","_Fragment","_createCommentVNode"],"mappings":"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"}

package/dist/esm/{OrFab-Cbg9unNc.mjs → OrFab-B2oDFwgM.mjs}

@@ -1,6 +1,6 @@
-import { defineComponent as i, ref as l, computed as c, resolveComponent as p, openBlock as d, createElementBlock as u, mergeProps as m, toHandlers as f, createVNode as b, normalizeProps as y, guardReactiveProps as k } from "vue";
-import { i as h } from "./constants-ByXK9fg4.mjs";
-import { O as g } from "./OrIcon-k8cyvh-D.mjs";
+import { O as i } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as l, ref as c, computed as p, resolveComponent as d, openBlock as u, createElementBlock as m, mergeProps as f, toHandlers as b, createVNode as y, normalizeProps as k, guardReactiveProps as h } from "vue";
+import { i as g } from "./constants-ByXK9fg4.mjs";
 import { _ as O } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var s = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Danger = "danger", e))(s || {});
 const F = [
@@ -25,10 +25,10 @@ const F = [
     "theme-preset-1-error",
     "dark:theme-preset-1-error-dark"
   ]
-}, P = i({
+}, P = l({
   name: "OrFab",
   components: {
-    OrIcon: g
+    OrIcon: i
   },
   props: {
     icon: {
@@ -53,7 +53,7 @@ const F = [
     "root"
   ],
   setup(e, { emit: o }) {
-    const n = l(), t = c(() => [
+    const n = c(), t = p(() => [
       "or-fab-v3",
       ...F,
       ...B[e.color]
@@ -61,7 +61,7 @@ const F = [
     return {
       root: n,
       rootStyles: t,
-      isVue3: h,
+      isVue3: g,
       onClick: (r) => o("click", r),
       onFocus: (r) => o("focus", r),
       onBlur: (r) => o("blur", r)
@@ -69,19 +69,19 @@ const F = [
   }
 }), $ = ["disabled"];
 function v(e, o, n, t, r, w) {
-  const a = p("OrIcon");
-  return d(), u("button", m({
+  const a = d("OrIcon");
+  return u(), m("button", f({
     ref: "root",
     class: e.rootStyles,
     type: "button",
     disabled: e.disabled
-  }, f({
+  }, b({
     ...e.isVue3 ? {} : e.$listeners,
     click: e.onClick,
     focus: e.onFocus,
     blur: e.onBlur
   }, !0)), [
-    b(a, y(k(typeof e.icon == "string" ? { icon: e.icon, size: "l" } : { size: "l", ...e.icon })), null, 16)
+    y(a, k(h(typeof e.icon == "string" ? { icon: e.icon, size: "l" } : { size: "l", ...e.icon })), null, 16)
   ], 16, $);
 }
 const V = /* @__PURE__ */ O(P, [["render", v]]);
@@ -89,4 +89,4 @@ export {
   s as F,
   V as O
 };
-//# sourceMappingURL=OrFab-Cbg9unNc.mjs.map
+//# sourceMappingURL=OrFab-B2oDFwgM.mjs.map

package/dist/esm/OrFab-B2oDFwgM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrFab-B2oDFwgM.mjs","sources":["../../../components/or-fab-v3/src/props.ts","../../../components/or-fab-v3/src/styles.ts","../../../components/or-fab-v3/src/OrFab.vue"],"sourcesContent":["export enum FabColor {\n  Primary = 'primary',\n  Danger = 'danger',\n}\n","import { FabColor } from './props';\n\nexport const Fab: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Box\n  'w-[56px]',\n  'h-[56px]',\n\n  // Shape\n  'rounded-full',\n\n  // Elevation\n  'enabled:shadow-button',\n  'dark:enabled:shadow-button-dark',\n];\n\nexport const FabColors: Record<FabColor, string[]> = {\n  'primary': [\n    // Theme\n    'theme-preset-1-primary',\n    'dark:theme-preset-1-primary-dark',\n  ],\n\n  'danger': [\n    // Theme\n    'theme-preset-1-error',\n    'dark:theme-preset-1-error-dark',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"'button'\"\n    :disabled=\"disabled\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <OrIcon\n      v-bind=\"typeof icon === 'string'\n        ? { icon, size: 'l' }\n        : { size: 'l', ...icon }\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { isVue3 } from '@/constants';\n\nimport { FabColor } from './props';\nimport { Fab, FabColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrFab',\n\n  components: {\n    OrIcon,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${FabColor}`>,\n      default: () => FabColor.Primary,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-fab-v3',\n      ...Fab,\n      ...FabColors[props.color],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["FabColor","Fab","FabColors","_sfc_main","defineComponent","OrIcon","props","emit","root","ref","rootStyles","computed","isVue3","e","_component_OrIcon","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","_toHandlers","_createVNode","_normalizeProps","_guardReactiveProps"],"mappings":";;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAgB;AAAA;AAAA,EAE3B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAwC;AAAA,EACnD,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA,EACF;AACF,GCAAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAML,EAAS;AAAA,IAC1B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMM,GAAO,EAAE,MAAAC,KAAQ;AAErB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAUI,EAAM,KAAK;AAAA,IAAA,CACzB;AAEM,WAAA;AAAA,MACL,MAAAE;AAAA,MACA,YAAAE;AAAA,MAEA,QAAAE;AAAA,MACA,SAAS,CAACC,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,SAAS,CAACA,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,QAAQ,CAACA,MAAeN,EAAK,QAAQM,CAAC;AAAA,IAAA;AAAA,EAE1C;AACF,CAAC;;AApFC,QAAAC,IAAAC,EAiBS,QAjBT;AAEQ,SAAAC,EAAY,GAAAC,EAAA,UAAAC,EAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAUC,EAAA;AAAA,IACX,MAAA;AAAA,IAAkB,UAAAA,EAAA;AAAA,EAAwC,GAAAC,EAAA;AAAA,IAAA,GAAAD,EAAsB,SAAO,CAAA,IAAAA,EAAA;AAAA,IAAc,OAAAA,EAAA;AAAA,IAAA,OAAAA,EAAA;AAAA,IAOrG,MAIEA,EAAA;AAAA,EAAA,GAAA,EAAA,CAAA,GAAA;AAAA,IAH6FE,EAAAP,GAAAQ,EAAAC,EAAA,OAAAJ,EAAA,QAAA,WAAA,EAAA,MAAAA,EAAA,MAAA,MAAA,IAAA,IAAA,EAAA,MAAA,KAAA,GAAAA,EAAA,MAAA,CAAA,GAAA,MAAA,EAAA;AAAA;;;"}

package/dist/esm/{OrFilter-DuFoI_Sd.mjs → OrFilter-DRhu4YA2.mjs}

@@ -1,13 +1,13 @@
-import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
-import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
-import { O as j } from "./OrFilterPopover-BwHlCPf2.mjs";
-import { O as z } from "./OrFilterTrigger-Ch293iF_.mjs";
+import { usePopoverState as R } from "@onereach/ui-components-common/hooks";
+import { O as C } from "./OrFilterPopover-BZJ1Au34.mjs";
+import { O as S } from "./OrFilterTrigger-BNVaoHrT.mjs";
+import { defineComponent as c, ref as n, computed as m, toRef as k, resolveComponent as f, openBlock as B, createElementBlock as T, normalizeClass as b, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as j, guardReactiveProps as z } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const A = [], E = R({
+const A = [], E = c({
   name: "OrFilter",
   components: {
-    OrFilterPopover: j,
-    OrFilterTrigger: z
+    OrFilterPopover: C,
+    OrFilterTrigger: S
   },
   props: {
     isOpen: {
@@ -44,7 +44,7 @@ const A = [], E = R({
     ]), t = n(), a = m(() => {
       var g;
       return (g = t.value) == null ? void 0 : g.root;
-    }), s = n(), { state: p, open: r, close: P, toggle: y } = b(C(e, "isOpen"), o.emit);
+    }), s = n(), { state: p, open: r, close: P, toggle: y } = R(k(e, "isOpen"), o.emit);
     function $() {
       o.emit("apply");
     }
@@ -68,9 +68,9 @@ const A = [], E = R({
 });
 function N(e, o, i, l, t, a) {
   const s = f("OrFilterTrigger"), p = f("OrFilterPopover");
-  return S(), c("div", {
+  return B(), T("div", {
     ref: "root",
-    class: k(e.rootStyles)
+    class: b(e.rootStyles)
   }, [
     u(s, v({
       ref: "trigger",
@@ -89,7 +89,7 @@ function N(e, o, i, l, t, a) {
       onReset: o[4] || (o[4] = (r) => e.reset())
     }), {
       actions: d((r) => [
-        O(e.$slots, "actions", B(T(r)))
+        O(e.$slots, "actions", j(z(r)))
       ]),
       default: d(() => [
         O(e.$slots, "default")
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
 export {
   H as O
 };
-//# sourceMappingURL=OrFilter-DuFoI_Sd.mjs.map
+//# sourceMappingURL=OrFilter-DRhu4YA2.mjs.map

package/dist/esm/OrFilter-DRhu4YA2.mjs.map

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