@onereach/ui-components 23.2.4-beta.5592.0 → 23.2.4-beta.5595.0

package/dist/esm/OrLabel-DssheqEn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrLabel-DssheqEn.mjs","sources":["../../../components/or-label-v3/src/types.ts","../../../components/or-label-v3/src/styles.ts","../../../components/or-label-v3/src/OrLabel.vue"],"sourcesContent":["export enum LabelVariant {\n  Input = 'input',\n  Toggle = 'toggle',\n  Group = 'group',\n  MenuItem = 'menu-item',\n}\n","import { LabelVariant } from './types';\n\nexport const Label: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const LabelVariants: Record<LabelVariant, string[]> = {\n  [LabelVariant.Input]: [\n    // Typography\n    'typography-caption-regular',\n\n    // Theme\n    'theme-foreground-outline',\n    'dark:theme-foreground-outline-dark',\n  ],\n\n  [LabelVariant.Toggle]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n\n  [LabelVariant.Group]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    // Theme (invalid)\n    'invalid:theme-foreground-error',\n    'dark:invalid:theme-foreground-error-dark',\n  ],\n\n  [LabelVariant.MenuItem]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Typography (selected)\n    'selected:typography-body-2-semibold',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n};\n\nexport const LabelContent: string[] = [\n  // Interactivity\n  'interactivity-default',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n\n  // Content (required)\n  'required:after:content-[\"*\"]',\n];\n\nexport const LabelAddon: 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    :invalid=\"invalid\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n  >\n    <label\n      :class=\"contentStyles\"\n      :for=\"controlId\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n    >\n      <slot />\n    </label>\n\n    <div :class=\"addonStyles\">\n      <slot name=\"addon\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { Label, LabelAddon, LabelContent, LabelVariants } from './styles';\nimport { LabelVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrLabel',\n\n  props: {\n    controlId: {\n      type: String,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Input,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-label-v3',\n      ...Label,\n      ...LabelVariants[props.variant],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...LabelContent,\n    ]);\n\n    const addonStyles = computed(() => [\n      ...LabelAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n      addonStyles,\n    };\n  },\n});\n</script>\n"],"names":["LabelVariant","Label","LabelVariants","LabelContent","LabelAddon","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","contentStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_hoisted_2","_createElementVNode"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,aAJDA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AACF,GAEaC,IAAgD;AAAA,EAC3D,CAACF,EAAa,KAAK,GAAG;AAAA;AAAA,IAEpB;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAa,MAAM,GAAG;AAAA;AAAA,IAErB;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAa,KAAK,GAAG;AAAA;AAAA,IAEpB;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAa,QAAQ,GAAG;AAAA;AAAA,IAEvB;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GAEaG,IAAyB;AAAA;AAAA,EAEpC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AACF,GC3CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMN,EAAa;AAAA,IAC9B;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMO,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAcK,EAAM,OAAO;AAAA,IAAA,CAC/B,GAEKK,IAAgBD,EAAS,MAAM;AAAA,MACnC,GAAGR;AAAA,IAAA,CACJ,GAEKU,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGP;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAI;AAAA,MACA,YAAAE;AAAA,MAEA,eAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAjGSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAR,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEX,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA,MAEQ,SAAS;AAAA,MACd,OAAkBQ,EAAAR,EAAA,aAAA;AAAA,MAClB,KAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MAAA,UAAAA,EAAA;AAAA,MAEX,UAAQA,EAAA;AAAA,IAAA,GAAA;AAAA,MAGVS,EAEMT,EAAA,QAAA,SAAA;AAAA,IAAA,GAFA,IAAKU,CAAA;AAAA,IAAAC,EAAA,OAAA;AAAA,MACT,OAAqBH,EAAAR,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}
+{"version":3,"file":"OrLabel-DssheqEn.mjs","sources":["../../../components/or-label-v3/src/types.ts","../../../components/or-label-v3/src/styles.ts","../../../components/or-label-v3/src/OrLabel.vue"],"sourcesContent":["export enum LabelVariant {\n  Input = 'input',\n  Toggle = 'toggle',\n  Group = 'group',\n  MenuItem = 'menu-item',\n}\n","import { LabelVariant } from './types';\n\nexport const Label: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const LabelVariants: Record<LabelVariant, string[]> = {\n  [LabelVariant.Input]: [\n    // Typography\n    'typography-caption-regular',\n\n    // Theme\n    'theme-foreground-outline',\n    'dark:theme-foreground-outline-dark',\n  ],\n\n  [LabelVariant.Toggle]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n\n  [LabelVariant.Group]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    // Theme (invalid)\n    'invalid:theme-foreground-error',\n    'dark:invalid:theme-foreground-error-dark',\n  ],\n\n  [LabelVariant.MenuItem]: [\n    // Typography\n    'typography-body-2-regular',\n\n    // Typography (selected)\n    'selected:typography-body-2-semibold',\n\n    // Theme\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n  ],\n};\n\nexport const LabelContent: string[] = [\n  // Interactivity\n  'interactivity-default',\n\n  // Interactivity (read-only)\n  'read-only:interactivity-none',\n\n  // Content (required)\n  'required:after:content-[\"*\"]',\n];\n\nexport const LabelAddon: 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    :invalid=\"invalid\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n  >\n    <label\n      :class=\"contentStyles\"\n      :for=\"controlId\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n    >\n      <slot />\n    </label>\n\n    <div :class=\"addonStyles\">\n      <slot name=\"addon\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { Label, LabelAddon, LabelContent, LabelVariants } from './styles';\nimport { LabelVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrLabel',\n\n  props: {\n    controlId: {\n      type: String,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${LabelVariant}`>,\n      default: () => LabelVariant.Input,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-label-v3',\n      ...Label,\n      ...LabelVariants[props.variant],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...LabelContent,\n    ]);\n\n    const addonStyles = computed(() => [\n      ...LabelAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n      addonStyles,\n    };\n  },\n});\n</script>\n"],"names":["LabelVariant","Label","LabelVariants","LabelContent","LabelAddon","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","contentStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","disabled","controlId","readonly","_renderSlot","_hoisted_2","_createElementVNode"],"mappings":"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"}

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

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

package/dist/esm/{OrList-CLHvgZc7.mjs → OrList-CoDesOam.mjs}

@@ -1,13 +1,13 @@
-import N from "sortablejs";
-import { v4 as D } from "uuid";
-import { defineComponent as R, ref as V, computed as u, openBlock as r, createElementBlock as b, normalizeClass as i, createElementVNode as C, renderSlot as n, toRef as P, watch as A, resolveComponent as f, createVNode as F, withCtx as I, createTextVNode as B, toDisplayString as L, createCommentVNode as v, Fragment as z, renderList as E, createBlock as S, normalizeProps as H, guardReactiveProps as T } from "vue";
-import { useProxyModelValue as U } from "@onereach/ui-components-common/hooks";
-import { O as j } from "./OrButton-C_hXddAf.mjs";
-import { O as q } from "./OrIconButton-BlHCLpeW.mjs";
-import { O as G } from "./OrIcon-k8cyvh-D.mjs";
-import { O as J } from "./OrLabel-DssheqEn.mjs";
-import { _ as M } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
-const K = [
+import { useProxyModelValue as R } from "@onereach/ui-components-common/hooks";
+import { O as D } from "./OrButton-C_hXddAf.mjs";
+import { O as E } from "./OrIconButton-BlHCLpeW.mjs";
+import { O as P } from "./OrIcon-k8cyvh-D.mjs";
+import { O as z } from "./OrLabel-DssheqEn.mjs";
+import H from "sortablejs";
+import { v4 as T } from "uuid";
+import { defineComponent as M, ref as V, computed as u, openBlock as r, createElementBlock as b, normalizeClass as i, createElementVNode as C, renderSlot as n, toRef as U, watch as A, resolveComponent as f, createVNode as F, withCtx as I, createTextVNode as B, toDisplayString as L, createCommentVNode as g, Fragment as j, renderList as q, createBlock as S, mergeProps as G } from "vue";
+import { _ as N } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+const J = [
   // Interactivity (draggable)
   "draggable:interactivity-drag",
   // Shape
@@ -24,14 +24,14 @@ const K = [
   // Theme (selected)
   "selected:theme-background-primary-translucent-3",
   "dark:selected:theme-background-primary-translucent-3-dark"
-], Q = [
+], K = [
   // Layout
   "layout-row",
   // Spacing
   "px-md md:px-sm",
   "py-md md:py-sm",
   "gap-sm"
-], W = R({
+], Q = M({
   name: "OrListItem",
   props: {
     draggable: {
@@ -50,9 +50,9 @@ const K = [
   setup() {
     const e = V(), d = u(() => [
       "or-list-item-v3",
-      ...K
+      ...J
     ]), c = u(() => [
-      ...Q
+      ...K
     ]);
     return {
       root: e,
@@ -60,8 +60,8 @@ const K = [
       contentStyles: c
     };
   }
-}), X = ["selected", "disabled", "draggable"], Y = ["disabled"];
-function Z(e, d, c, g, $, y) {
+}), W = ["selected", "disabled", "draggable"], X = ["disabled"];
+function Y(e, d, c, v, $, y) {
   return r(), b("div", {
     ref: "root",
     class: i(e.rootStyles),
@@ -74,22 +74,22 @@ function Z(e, d, c, g, $, y) {
       disabled: e.disabled
     }, [
       n(e.$slots, "default")
-    ], 10, Y)
-  ], 10, X);
+    ], 10, X)
+  ], 10, W);
 }
-const _ = /* @__PURE__ */ M(W, [["render", Z]]), x = [
+const Z = /* @__PURE__ */ N(Q, [["render", Y]]), _ = [
   // Layout
   "layout-column",
   // Spacing
   "gap-md"
-], ee = [], te = [], de = [], oe = R({
+], x = [], ee = [], te = [], de = M({
   name: "OrList",
   components: {
-    OrButton: j,
-    OrIcon: G,
-    OrIconButton: q,
-    OrLabel: J,
-    OrListItem: _
+    OrButton: D,
+    OrIcon: P,
+    OrIconButton: E,
+    OrLabel: z,
+    OrListItem: Z
   },
   model: {
     prop: "modelValue",
@@ -146,19 +146,19 @@ const _ = /* @__PURE__ */ M(W, [["render", Z]]), x = [
     "root"
   ],
   setup(e, d) {
-    const c = V(), g = u(() => [
+    const c = V(), v = u(() => [
       "or-list-v3",
-      ...x
+      ..._
     ]), $ = u(() => [
-      ...ee
+      ...x
     ]), y = V(), O = u(() => [
-      ...te
+      ...ee
     ]), k = u(() => [
-      ...de
-    ]), o = U(P(e, "modelValue"), d.emit);
+      ...te
+    ]), o = R(U(e, "modelValue"), d.emit);
     let l;
     A([y, () => e.canReorder], ([t, a]) => {
-      l == null || l.destroy(), l = void 0, t && a && (l = N.create(t, {
+      l == null || l.destroy(), l = void 0, t && a && (l = H.create(t, {
         disabled: e.disabled,
         onUpdate: (m) => {
           d.emit("before:reorder", o.value);
@@ -181,7 +181,7 @@ const _ = /* @__PURE__ */ M(W, [["render", Z]]), x = [
     }
     return {
       root: c,
-      rootStyles: g,
+      rootStyles: v,
       headerStyles: $,
       content: y,
       contentStyles: O,
@@ -189,13 +189,13 @@ const _ = /* @__PURE__ */ M(W, [["render", Z]]), x = [
       model: o,
       addItem: h,
       deleteItem: s,
-      uuid: D
+      uuid: T
     };
   }
-}), le = ["disabled"], ae = {
+}), oe = ["disabled"], le = {
   class: /* @__PURE__ */ i(["grow"])
 };
-function re(e, d, c, g, $, y) {
+function ae(e, d, c, v, $, y) {
   const O = f("OrLabel"), k = f("OrIconButton"), o = f("OrListItem"), l = f("OrIcon"), h = f("OrButton");
   return r(), b("div", {
     ref: "root",
@@ -222,26 +222,26 @@ function re(e, d, c, g, $, y) {
           _: 3
         }, 8, ["disabled"])
       ])
-    ], 2)) : v("", !0),
+    ], 2)) : g("", !0),
     C("div", {
       ref: "content",
       class: i(e.contentStyles)
     }, [
-      (r(!0), b(z, null, E(e.model, (s, t) => (r(), S(o, {
+      (r(!0), b(j, null, q(e.model, (s, t) => (r(), S(o, {
         key: s.key || e.uuid(),
         draggable: e.canReorder,
         selected: e.selection.includes(s),
         disabled: e.disabled
       }, {
         default: I(() => [
-          C("div", ae, [
-            n(e.$slots, "default", H(T({
+          C("div", le, [
+            n(e.$slots, "default", G({ ref_for: !0 }, {
               item: s,
               index: t,
               items: e.model,
               addItem: e.addItem,
               deleteItem: e.deleteItem
-            })), () => [
+            }), () => [
               B(L(s), 1)
             ])
           ]),
@@ -250,7 +250,7 @@ function re(e, d, c, g, $, y) {
             icon: "delete",
             disabled: e.disabled,
             onClick: (a) => e.deleteItem(t)
-          }, null, 8, ["disabled", "onClick"])) : v("", !0)
+          }, null, 8, ["disabled", "onClick"])) : g("", !0)
         ]),
         _: 2
       }, 1032, ["draggable", "selected", "disabled"]))), 128))
@@ -276,14 +276,14 @@ function re(e, d, c, g, $, y) {
             ])
           ]),
           _: 3
-        }, 8, ["disabled"])) : v("", !0)
+        }, 8, ["disabled"])) : g("", !0)
       ])
-    ], 2)) : v("", !0)
-  ], 10, le);
+    ], 2)) : g("", !0)
+  ], 10, oe);
 }
-const ye = /* @__PURE__ */ M(oe, [["render", re]]);
+const be = /* @__PURE__ */ N(de, [["render", ae]]);
 export {
-  ye as O,
-  _ as a
+  be as O,
+  Z as a
 };
-//# sourceMappingURL=OrList-CLHvgZc7.mjs.map
+//# sourceMappingURL=OrList-CoDesOam.mjs.map

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

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

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

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

package/dist/esm/OrMenu-CJT4Snay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrMenu-CJT4Snay.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\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-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_normalizeClass","_ctx","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_withModifiers"],"mappings":";;;;;AAAO,MAAMA,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GCsBAC,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,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;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,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,IAAA,CACJ,GAEKW,IAAgBD,EAAS,MAAM;AAAA,MACnC;AAAA,IAAA,CACD,GAGK,EAAE,OAAAE,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMZ,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASY,EAAQC,GAAoB;AAG/B,MAFSA,EAAM,eAEV,KAAK,CAAC,EAAE,WAAAC,QAAgBA,KAAA,gBAAAA,EAAW,SAAS,kBAAkB,KAC/DN;IAEV;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,eAAAE;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAxHCG,EAmBY,WAAA;AAjBT,SAAAC,EAAA,GAA4BC,EAAAC,GAAA;AAAA,IAC5B,OAAcC,EAAAC,EAAA,aAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,WAASA,EAAO,UAAA;AAAA,IAChB,SAAS;AAAA,IACT,SAAQA,EAAA;AAAA,IACR,WAAYA,EAAA;AAAA,IACZ,QAAAA,EAAA;AAAA,IAAA,cAAA;AAAA,sBAEDC,EAOM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA,aALEG,EAAM,MAAA;AAAA,MACHC,EAAA,OAAUC,EAAKL,EAAgB,QAAA;AAAA,QACvC,KAAA;AAAA,QAAA,OAAA,CAAAA,EAAA,YAAA,GAAAA,EAAA,gBAAA;AAAA,QAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAK,EAAA,CAAAJ,MAAAF,EAAA,QAAAE,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrMenu-CJT4Snay.mjs","sources":["../../../components/or-menu-v3/src/styles.ts","../../../components/or-menu-v3/src/OrMenu.vue"],"sourcesContent":["export const Menu: string[] = [\n  // Layout\n  'overflow-y-auto',\n\n  // Box\n  'min-w-[160px]',\n  'md:max-w-[256px]',\n  'max-h-[340px]',\n];\n","<template>\n  <OrPopover\n    :class=\"popoverStyles\"\n    :custom-styles=\"popoverStyles\"\n    :is-open=\"state === 'open'\"\n    :variant=\"'auto'\"\n    :trigger=\"trigger\"\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :keep-alive=\"false\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"[rootStyles, ...additionalStyles]\"\n      @click.stop=\"onClick($event)\"\n    >\n      <slot />\n    </div>\n  </OrPopover>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport { Menu } from './styles';\n\nexport default defineComponent({\n  name: 'OrMenu',\n\n  components: {\n    OrPopover,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    trigger: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    placement: {\n      type: String as PropType<`${PopoverPlacement}`>,\n      default: () => PopoverPlacement.Bottom,\n    },\n\n    offset: {\n      type: [Number, Object, Function] as PropType<PopoverOffset>,\n      default: 8,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\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-menu-v3',\n      ...Menu,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-menu-popover-v3',\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Handlers\n    function onClick(event: Event): void {\n      const path = event.composedPath() as HTMLElement[];\n\n      if (path.some(({ classList }) => classList?.contains('or-menu-item-v3'))) {\n        close();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      popoverStyles,\n      state,\n      open,\n      close,\n      toggle,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Menu","_sfc_main","defineComponent","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","popoverStyles","state","open","close","toggle","usePopoverState","toRef","onClick","event","classList","_resolveComponent","_openBlock","_createBlock","_component_OrPopover","_normalizeClass","_ctx","trigger","offset","_cache","$event","_withCtx","_mergeProps","additionalStyles","_withModifiers"],"mappings":";;;;;AAAO,MAAMA,IAAiB;AAAA;AAAA,EAE5B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EACA;AACF,GCsBAC,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,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAiB;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,MAC/B,SAAS;AAAA,IACX;AAAA;AAAA,IAGA,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;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,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,IAAA,CACJ,GAEKW,IAAgBD,EAAS,MAAM;AAAA,MACnC;AAAA,IAAA,CACD,GAGK,EAAE,OAAAE,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMZ,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASY,EAAQC,GAAoB;AAG/B,MAFSA,EAAM,eAEV,KAAK,CAAC,EAAE,WAAAC,QAAgBA,KAAA,gBAAAA,EAAW,SAAS,kBAAkB,KAC/DN;IAEV;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,eAAAE;AAAA,MACA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAxHCG,EAmBY,WAAA;AAjBT,SAAAC,EAAA,GAA4BC,EAAAC,GAAA;AAAA,IAC5B,OAAcC,EAAAC,EAAA,aAAA;AAAA,IACd,iBAAeA,EAAA;AAAA,IACf,WAASC,EAAO,UAAA;AAAA,IAChB,SAAS;AAAA,IACT,SAAQC,EAAAA;AAAAA,IACR,WAAYF,EAAA;AAAA,IACZ,QAAAA,EAAA;AAAA,IAAA,cAAA;AAAA,IAVL,kBAYIG,EAOM,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,EAAA,GAAA;AAAA,aALEK,EAAM,MAAA;AAAA,MACHtB,EAAAA,OAAUuB,EAAKC,EAAgB,QAAA;AAAA,QACvC,KAAA;AAAA,QAAA,OAAA,CAAAP,EAAA,YAAA,GAAAA,EAAA,gBAAA;AAAA,QAED,SAAQG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAK,EAAA,CAAAJ,MAAAJ,EAAA,QAAAI,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;MAlBd,GAAA,EAAA;AAAA,IAAA,CAAA;AAAA;;;;"}

package/dist/esm/OrMenuItem-BHRMA0L1.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrMenuItem-BHRMA0L1.mjs","sources":["../../../components/or-menu-item-v3/src/styles.ts","../../../components/or-menu-item-v3/src/OrMenuItem.vue"],"sourcesContent":["export const MenuItem: string[] = [\n  // Group\n  'group',\n\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-lg md:px-sm',\n  'py-sm+ md:py-sm',\n\n  'gap-sm md:gap-sm',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-regular md:typography-caption-regular',\n\n  // Typography (selected)\n  'selected:typography-body-2-semibold selected:md:typography-caption-semibold',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:bg-primary-opacity-0-08',\n  'dark:selected:bg-primary-opacity-0-08-dark',\n\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n];\n\nexport const MenuItemIcon: string[] = [\n  // Iconography (hover)\n  'group-hover:iconography-filled',\n];\n\nexport const MenuItemIconSelected: string[] = [\n  // Iconography (selected)\n  'selected:iconography-filled',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled ? 0 : undefined\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <template v-if=\"icon && iconProps.icon\">\n      <OrIcon\n        :class=\"iconStyles\"\n        v-bind=\"iconProps\"\n      />\n    </template>\n    <div\n      ref=\"content\"\n      :class=\"['truncate', 'w-full']\"\n      @mouseover=\"tooltip && tooltip.open()\"\n      @mouseout=\"tooltip && tooltip.close()\"\n    >\n      <slot />\n    </div>\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    <OrTooltip\n      v-if=\"isTooltipShown\"\n      ref=\"tooltip\"\n      :content=\"tooltipText\"\n      :trigger=\"root\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { useIntersectionObserver } from '@vueuse/core';\n\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrMenuItem',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n    OrTooltip,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLDivElement>();\n    const tooltip = ref<InstanceType<typeof OrTooltip>>();\n    const isRootVisible = ref(false);\n    const { stop } = useIntersectionObserver(root, ([{ isIntersecting }]) => {\n      isRootVisible.value = isIntersecting;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-item-v3',\n      ...Styles.MenuItem,\n    ]);\n\n    const iconStyles = computed(() => [\n      ...Styles.MenuItemIcon,\n      ...props.selected ? Styles.MenuItemIconSelected : [],\n    ]);\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          ...(props.icon as object),\n        };\n    });\n\n    // Tooltip display logic\n    const isTooltipShown = computed<boolean>(() => {\n      if (isRootVisible.value) {\n        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;\n      }\n      return false;\n    });\n\n    return {\n      content,\n      root,\n      tooltip,\n      rootStyles,\n      iconStyles,\n      isTooltipShown,\n      iconProps,\n      isRootVisible,\n      stop,\n    };\n  },\n});\n</script>\n"],"names":["MenuItem","MenuItemIcon","MenuItemIconSelected","_sfc_main","defineComponent","OrIcon","OrIconButton","OrTooltip","props","root","ref","content","tooltip","isRootVisible","stop","useIntersectionObserver","isIntersecting","rootStyles","computed","Styles.MenuItem","iconStyles","Styles.MenuItemIcon","Styles.MenuItemIconSelected","iconProps","IconVariant","isTooltipShown","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode","_createElementVNode","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","_component_OrTooltip"],"mappings":"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"}
+{"version":3,"file":"OrMenuItem-BHRMA0L1.mjs","sources":["../../../components/or-menu-item-v3/src/styles.ts","../../../components/or-menu-item-v3/src/OrMenuItem.vue"],"sourcesContent":["export const MenuItem: string[] = [\n  // Group\n  'group',\n\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-lg md:px-sm',\n  'py-sm+ md:py-sm',\n\n  'gap-sm md:gap-sm',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-body-2-regular md:typography-caption-regular',\n\n  // Typography (selected)\n  'selected:typography-body-2-semibold selected:md:typography-caption-semibold',\n\n  // Theme\n  'theme-preset-3-primary',\n  'dark:theme-preset-3-primary-dark',\n\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n\n  // Theme (selected)\n  'selected:theme-foreground-default',\n  'dark:selected:theme-foreground-default-dark',\n\n  'selected:bg-primary-opacity-0-08',\n  'dark:selected:bg-primary-opacity-0-08-dark',\n\n\n  // Theme (hover)\n  'hover:md:theme-foreground-default',\n  'dark:hover:md:theme-foreground-default-dark',\n\n  // Theme (active)\n  'active:theme-foreground-default',\n  'dark:active:theme-foreground-default-dark',\n];\n\nexport const MenuItemIcon: string[] = [\n  // Iconography (hover)\n  'group-hover:iconography-filled',\n];\n\nexport const MenuItemIconSelected: string[] = [\n  // Iconography (selected)\n  'selected:iconography-filled',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :tabindex=\"!disabled ? 0 : undefined\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @click=\"$emit('click', $event)\"\n    @focus=\"$emit('focus', $event)\"\n    @blur=\"$emit('blur', $event)\"\n  >\n    <template v-if=\"icon && iconProps.icon\">\n      <OrIcon\n        :class=\"iconStyles\"\n        v-bind=\"iconProps\"\n      />\n    </template>\n    <div\n      ref=\"content\"\n      :class=\"['truncate', 'w-full']\"\n      @mouseover=\"tooltip && tooltip.open()\"\n      @mouseout=\"tooltip && tooltip.close()\"\n    >\n      <slot />\n    </div>\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    <OrTooltip\n      v-if=\"isTooltipShown\"\n      ref=\"tooltip\"\n      :content=\"tooltipText\"\n      :trigger=\"root\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { useIntersectionObserver } from '@vueuse/core';\n\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrMenuItem',\n\n  components: {\n    OrIcon,\n    OrIconButton,\n    OrTooltip,\n  },\n\n  props: {\n    icon: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrIcon>['$props']>,\n      default: undefined,\n    },\n\n    closeButton: {\n      type: Boolean,\n      default: false,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltipText: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLDivElement>();\n    const tooltip = ref<InstanceType<typeof OrTooltip>>();\n    const isRootVisible = ref(false);\n    const { stop } = useIntersectionObserver(root, ([{ isIntersecting }]) => {\n      isRootVisible.value = isIntersecting;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-menu-item-v3',\n      ...Styles.MenuItem,\n    ]);\n\n    const iconStyles = computed(() => [\n      ...Styles.MenuItemIcon,\n      ...props.selected ? Styles.MenuItemIconSelected : [],\n    ]);\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          ...(props.icon as object),\n        };\n    });\n\n    // Tooltip display logic\n    const isTooltipShown = computed<boolean>(() => {\n      if (isRootVisible.value) {\n        return content.value !== undefined && content.value.clientWidth < content.value.scrollWidth;\n      }\n      return false;\n    });\n\n    return {\n      content,\n      root,\n      tooltip,\n      rootStyles,\n      iconStyles,\n      isTooltipShown,\n      iconProps,\n      isRootVisible,\n      stop,\n    };\n  },\n});\n</script>\n"],"names":["MenuItem","MenuItemIcon","MenuItemIconSelected","_sfc_main","defineComponent","OrIcon","OrIconButton","OrTooltip","props","root","ref","content","tooltip","isRootVisible","stop","useIntersectionObserver","isIntersecting","rootStyles","computed","Styles.MenuItem","iconStyles","Styles.MenuItemIcon","Styles.MenuItemIconSelected","iconProps","IconVariant","isTooltipShown","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","$emit","icon","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode","_createElementVNode","closeButton","_Fragment","_hoisted_2","disabled","_component_OrTooltip"],"mappings":"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"}

package/dist/esm/OrModal-CQhwUYFk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrModal-CQhwUYFk.mjs","sources":["../../../components/or-modal-v3/src/partials/or-modal-content/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-content/OrModalContent.vue","../../../components/or-modal-v3/src/partials/or-modal-footer/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-footer/OrModalFooter.vue","../../../components/or-modal-v3/src/partials/or-modal-header/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-header/OrModalHeader.vue","../../../components/or-modal-v3/src/props.ts","../../../components/or-modal-v3/src/styles.ts","../../../components/or-modal-v3/src/OrModal.vue"],"sourcesContent":["export const ModalContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalContent',\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-modal-content',\n      ...ModalContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalFooter: string[] = [\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalFooter } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalFooter',\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-modal-footer',\n      ...ModalFooter,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-lg pb-sm md:pb-none',\n\n  // Typography\n  'typography-headline-2',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['grow']\">\n      <slot />\n    </div>\n\n    <OrIconButton\n      :icon=\"'close'\"\n      :size=\"isMobile ? 'l': 'xl'\"\n      @click.stop=\"$emit('close')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useResponsive } from '@onereach/ui-components-common';\nimport { ModalHeader } from './styles';\n\n\nexport default defineComponent({\n  name: 'OrModalHeader',\n\n  components: {\n    OrIconButton,\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    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-modal-header',\n      ...ModalHeader,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      isMobile,\n    };\n  },\n});\n</script>\n","export enum ModalSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { ModalSize } from './props';\n\nexport const Modal: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'xs:w-full sm:w-full',\n  'xs:h-full sm:h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',\n\n  // Spacing\n  'py-md md:py-lg',\n  'gap-md md:gap-lg',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ModalSizes: Record<ModalSize, string[]> = {\n  [ModalSize.L]: [\n    // Box\n    'md:w-[1050px]',\n  ],\n\n  [ModalSize.M]: [\n    // Box\n    'md:w-[700px]',\n  ],\n\n  [ModalSize.S]: [\n    // Box\n    'md:w-[480px]',\n  ],\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      <OrModalHeader @close=\"close()\">\n        <slot name=\"header\" />\n      </OrModalHeader>\n\n      <OrModalContent :class=\"['grow']\">\n        <slot />\n      </OrModalContent>\n\n      <OrModalFooter v-if=\"$slots.footer\">\n        <slot name=\"footer\" />\n      </OrModalFooter>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport OrModalContent from './partials/or-modal-content/OrModalContent.vue';\nimport OrModalFooter from './partials/or-modal-footer/OrModalFooter.vue';\nimport OrModalHeader from './partials/or-modal-header/OrModalHeader.vue';\nimport { ModalSize } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrModal',\n\n  components: {\n    OrModalContent,\n    OrModalFooter,\n    OrModalHeader,\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    size: {\n      type: String as PropType<`${ModalSize}`>,\n      default: () => ModalSize.M,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\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  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-modal-v3',\n      ...Styles.Modal,\n      ...Styles.ModalSizes[props.size],\n      ...props.additionalStyles,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n\n      state,\n\n      open,\n      close,\n    };\n  },\n});\n</script>\n"],"names":["ModalContent","_sfc_main$3","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","ModalFooter","_sfc_main$2","ModalHeader","_sfc_main$1","OrIconButton","isMobile","useResponsive","_resolveComponent","_renderSlot","_component_OrIconButton","ModalSize","Modal","ModalSizes","_sfc_main","OrModalContent","OrModalFooter","OrModalHeader","OrOverlay","props","context","Styles.Modal","Styles.ModalSizes","state","open","close","usePopoverState","toRef","_component_OrOverlay","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createVNode","_component_OrModalHeader","$event","_component_OrModalFooter"],"mappings":"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"}
+{"version":3,"file":"OrModal-CQhwUYFk.mjs","sources":["../../../components/or-modal-v3/src/partials/or-modal-content/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-content/OrModalContent.vue","../../../components/or-modal-v3/src/partials/or-modal-footer/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-footer/OrModalFooter.vue","../../../components/or-modal-v3/src/partials/or-modal-header/styles.ts","../../../components/or-modal-v3/src/partials/or-modal-header/OrModalHeader.vue","../../../components/or-modal-v3/src/props.ts","../../../components/or-modal-v3/src/styles.ts","../../../components/or-modal-v3/src/OrModal.vue"],"sourcesContent":["export const ModalContent: string[] = [\n  // Overflow\n  'overflow-auto',\n\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalContent } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalContent',\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-modal-content',\n      ...ModalContent,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalFooter: string[] = [\n  // Spacing\n  'px-md md:px-lg',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { ModalFooter } from './styles';\n\nexport default defineComponent({\n  name: 'OrModalFooter',\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-modal-footer',\n      ...ModalFooter,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export const ModalHeader: string[] = [\n  // Layout\n  'layout-row',\n\n  // Spacing\n  'px-md md:px-lg pb-sm md:pb-none',\n\n  // Typography\n  'typography-headline-2',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['grow']\">\n      <slot />\n    </div>\n\n    <OrIconButton\n      :icon=\"'close'\"\n      :size=\"isMobile ? 'l': 'xl'\"\n      @click.stop=\"$emit('close')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useResponsive } from '@onereach/ui-components-common';\nimport { ModalHeader } from './styles';\n\n\nexport default defineComponent({\n  name: 'OrModalHeader',\n\n  components: {\n    OrIconButton,\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    const { isMobile } = useResponsive();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-modal-header',\n      ...ModalHeader,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n      isMobile,\n    };\n  },\n});\n</script>\n","export enum ModalSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { ModalSize } from './props';\n\nexport const Modal: string[] = [\n  // Layout\n  'layout-column',\n\n  // Box\n  'xs:w-full sm:w-full',\n  'xs:h-full sm:h-full md:h-auto md:max-h-[min(calc(100%-(2*theme(spacing.3xl))),772px)]',\n\n  // Spacing\n  'py-md md:py-lg',\n  'gap-md md:gap-lg',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ModalSizes: Record<ModalSize, string[]> = {\n  [ModalSize.L]: [\n    // Box\n    'md:w-[1050px]',\n  ],\n\n  [ModalSize.M]: [\n    // Box\n    'md:w-[700px]',\n  ],\n\n  [ModalSize.S]: [\n    // Box\n    'md:w-[480px]',\n  ],\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      <OrModalHeader @close=\"close()\">\n        <slot name=\"header\" />\n      </OrModalHeader>\n\n      <OrModalContent :class=\"['grow']\">\n        <slot />\n      </OrModalContent>\n\n      <OrModalFooter v-if=\"$slots.footer\">\n        <slot name=\"footer\" />\n      </OrModalFooter>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport OrModalContent from './partials/or-modal-content/OrModalContent.vue';\nimport OrModalFooter from './partials/or-modal-footer/OrModalFooter.vue';\nimport OrModalHeader from './partials/or-modal-header/OrModalHeader.vue';\nimport { ModalSize } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrModal',\n\n  components: {\n    OrModalContent,\n    OrModalFooter,\n    OrModalHeader,\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    size: {\n      type: String as PropType<`${ModalSize}`>,\n      default: () => ModalSize.M,\n    },\n\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\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  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-modal-v3',\n      ...Styles.Modal,\n      ...Styles.ModalSizes[props.size],\n      ...props.additionalStyles,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n      rootStyles,\n\n      state,\n\n      open,\n      close,\n    };\n  },\n});\n</script>\n"],"names":["ModalContent","_sfc_main$3","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","ModalFooter","_sfc_main$2","ModalHeader","_sfc_main$1","OrIconButton","isMobile","useResponsive","_resolveComponent","_renderSlot","ModalSize","Modal","ModalSizes","_sfc_main","OrModalContent","OrModalFooter","OrModalHeader","OrOverlay","props","context","Styles.Modal","Styles.ModalSizes","state","open","close","usePopoverState","toRef","_component_OrOverlay","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createVNode","_component_OrModalHeader","$event","$slots","_component_OrModalFooter","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrNotification-Dz3Tr1wI.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrNotification-Dz3Tr1wI.mjs","sources":["../../../components/or-notification-v3/src/props.ts","../../../components/or-notification-v3/src/styles.ts","../../../components/or-notification-v3/src/OrNotification.vue"],"sourcesContent":["export enum NotificationVariant {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport const VariantToIconName: { [key in NotificationVariant]: string } = {\n  [NotificationVariant.Success]: 'check_circle',\n  [NotificationVariant.Warning]: 'warning',\n  [NotificationVariant.Error]: 'error',\n  [NotificationVariant.Info]: 'info',\n};\n","import { NotificationVariant } from './props';\n\nexport const Notification: string[] = [\n  // Layout\n  'layout-row items-start',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Typography (children)\n  '[&_:any-link]:typography-body-2-bold',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const NotificationVariants: Record<NotificationVariant, string[]> = {\n  [NotificationVariant.Success]: [\n    // Theme\n    'theme-background-success-container',\n    'dark:theme-background-success-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-success',\n    'dark:[&_:any-link]:theme-foreground-success-dark',\n  ],\n\n  [NotificationVariant.Warning]: [\n    // Theme\n    'theme-background-warning-container',\n    'dark:theme-background-warning-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-warning',\n    'dark:[&_:any-link]:theme-foreground-warning-dark',\n  ],\n\n  [NotificationVariant.Error]: [\n    // Theme\n    'theme-background-error-container',\n    'dark:theme-background-error-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-error',\n    'dark:[&_:any-link]:theme-foreground-error-dark',\n  ],\n\n  [NotificationVariant.Info]: [\n    // Theme\n    'theme-background-primary-container',\n    'dark:theme-background-primary-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-primary',\n    'dark:[&_:any-link]:theme-foreground-primary-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIndicator v-bind=\"indicatorProps\" />\n    </div>\n\n    <div :class=\"['grow']\">\n      <slot> {{ message }} </slot>\n    </div>\n\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIconButton\n        v-if=\"!disableClose\"\n        :icon=\"'close'\"\n        :size=\"'m'\"\n        @click.stop=\"$emit('close')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIndicatorV3 as OrIndicator, IndicatorColor } from '@onereach/ui-components.or-indicator-v3';\nimport { NotificationVariant, VariantToIconName } from './props';\nimport { Notification, NotificationVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrNotification',\n\n  components: {\n    OrIndicator,\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${NotificationVariant}`>,\n      default: () => NotificationVariant.Info,\n    },\n\n    disableClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    message: {\n      type: String,\n      default: undefined,\n    },\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-notification-v3',\n      ...Notification,\n      ...NotificationVariants[props.variant],\n    ]);\n\n    const indicatorProps = computed(() => {\n      const VariantToIndicatorColor: { [key in NotificationVariant]: IndicatorColor } = {\n        [NotificationVariant.Success]: IndicatorColor.Success,\n        [NotificationVariant.Warning]: IndicatorColor.Warning,\n        [NotificationVariant.Error]: IndicatorColor.Error,\n        [NotificationVariant.Info]: IndicatorColor.Neutral,\n      };\n      return {\n        icon: {\n          icon: VariantToIconName[props.variant],\n          variant: 'filled-bold',\n        },\n        color: VariantToIndicatorColor[props.variant],\n        size: 'm',\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      indicatorProps,\n    };\n  },\n});\n</script>\n"],"names":["NotificationVariant","VariantToIconName","Notification","NotificationVariants","_sfc_main","defineComponent","OrIndicator","OrIconButton","props","root","ref","rootStyles","computed","indicatorProps","VariantToIndicatorColor","IndicatorColor","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_OrIndicator","_normalizeProps","_guardReactiveProps","_createElementVNode","_hoisted_2","_renderSlot","_hoisted_3","_createBlock","_component_OrIconButton"],"mappings":"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"}
+{"version":3,"file":"OrNotification-Dz3Tr1wI.mjs","sources":["../../../components/or-notification-v3/src/props.ts","../../../components/or-notification-v3/src/styles.ts","../../../components/or-notification-v3/src/OrNotification.vue"],"sourcesContent":["export enum NotificationVariant {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport const VariantToIconName: { [key in NotificationVariant]: string } = {\n  [NotificationVariant.Success]: 'check_circle',\n  [NotificationVariant.Warning]: 'warning',\n  [NotificationVariant.Error]: 'error',\n  [NotificationVariant.Info]: 'info',\n};\n","import { NotificationVariant } from './props';\n\nexport const Notification: string[] = [\n  // Layout\n  'layout-row items-start',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Typography (children)\n  '[&_:any-link]:typography-body-2-bold',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const NotificationVariants: Record<NotificationVariant, string[]> = {\n  [NotificationVariant.Success]: [\n    // Theme\n    'theme-background-success-container',\n    'dark:theme-background-success-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-success',\n    'dark:[&_:any-link]:theme-foreground-success-dark',\n  ],\n\n  [NotificationVariant.Warning]: [\n    // Theme\n    'theme-background-warning-container',\n    'dark:theme-background-warning-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-warning',\n    'dark:[&_:any-link]:theme-foreground-warning-dark',\n  ],\n\n  [NotificationVariant.Error]: [\n    // Theme\n    'theme-background-error-container',\n    'dark:theme-background-error-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-error',\n    'dark:[&_:any-link]:theme-foreground-error-dark',\n  ],\n\n  [NotificationVariant.Info]: [\n    // Theme\n    'theme-background-primary-container',\n    'dark:theme-background-primary-container-dark',\n\n    // Theme (children)\n    '[&_:any-link]:theme-foreground-primary',\n    'dark:[&_:any-link]:theme-foreground-primary-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIndicator v-bind=\"indicatorProps\" />\n    </div>\n\n    <div :class=\"['grow']\">\n      <slot> {{ message }} </slot>\n    </div>\n\n    <div :class=\"['mt-[2px] md:mt-[2.5px]']\">\n      <OrIconButton\n        v-if=\"!disableClose\"\n        :icon=\"'close'\"\n        :size=\"'m'\"\n        @click.stop=\"$emit('close')\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIndicatorV3 as OrIndicator, IndicatorColor } from '@onereach/ui-components.or-indicator-v3';\nimport { NotificationVariant, VariantToIconName } from './props';\nimport { Notification, NotificationVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrNotification',\n\n  components: {\n    OrIndicator,\n    OrIconButton,\n  },\n\n  props: {\n    variant: {\n      type: String as PropType<`${NotificationVariant}`>,\n      default: () => NotificationVariant.Info,\n    },\n\n    disableClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    message: {\n      type: String,\n      default: undefined,\n    },\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-notification-v3',\n      ...Notification,\n      ...NotificationVariants[props.variant],\n    ]);\n\n    const indicatorProps = computed(() => {\n      const VariantToIndicatorColor: { [key in NotificationVariant]: IndicatorColor } = {\n        [NotificationVariant.Success]: IndicatorColor.Success,\n        [NotificationVariant.Warning]: IndicatorColor.Warning,\n        [NotificationVariant.Error]: IndicatorColor.Error,\n        [NotificationVariant.Info]: IndicatorColor.Neutral,\n      };\n      return {\n        icon: {\n          icon: VariantToIconName[props.variant],\n          variant: 'filled-bold',\n        },\n        color: VariantToIndicatorColor[props.variant],\n        size: 'm',\n      };\n    });\n\n    return {\n      root,\n      rootStyles,\n      indicatorProps,\n    };\n  },\n});\n</script>\n"],"names":["NotificationVariant","VariantToIconName","Notification","NotificationVariants","_sfc_main","defineComponent","OrIndicator","OrIconButton","props","root","ref","rootStyles","computed","indicatorProps","VariantToIndicatorColor","IndicatorColor","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_OrIndicator","_normalizeProps","_guardReactiveProps","message","_hoisted_3","_createCommentVNode","_createBlock","_component_OrIconButton","_cache","_withModifiers","$event"],"mappings":"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"}

package/dist/esm/OrOverlay-BjrghiC-.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrOverlay-BjrghiC-.mjs","sources":["../../../components/or-overlay-v3/src/styles.ts","../../../components/or-overlay-v3/src/OrOverlay.vue"],"sourcesContent":["export const Overlay: string[] = [\n  // Position\n  'fixed inset-0',\n\n  // Layout\n  'layout-row justify-center',\n\n  // Theme\n  'theme-background-overlay',\n  'dark:theme-background-overlay-dark',\n\n  'theme-foreground-base',\n  'dark:theme-foreground-base',\n];\n","<template>\n  <OrTeleport :disabled=\"!fullscreen\">\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useScrollLock } from '@vueuse/core';\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { Overlay } from './styles';\n\nexport default defineComponent({\n  name: 'OrOverlay',\n\n  components: {\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: {\n      type: Boolean,\n      default: false,\n    },\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      'or-overlay-v3',\n      ...Overlay,\n    ]);\n\n    // Effects\n    // #region Elevation\n    useElevation(root);\n    // #endregion\n\n    // #region Scroll Lock\n    useScrollLock(document.body, true);\n    // #endregion\n\n    // Handlers\n    function onClick(event: Event): void {\n      if (isVue2) {\n        context.emit('click', event);\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Overlay","_sfc_main","defineComponent","OrTeleport","props","context","root","ref","rootStyles","computed","useElevation","useScrollLock","onClick","event","_resolveComponent","_withCtx","_createElementVNode","_mergeProps","_ctx","_cache","args"],"mappings":";;;;;AAAO,MAAMA,IAAoB;AAAA;AAAA,EAE/B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GCSAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,IAAA,CACJ;AAID,IAAAU,EAAaJ,CAAI,GAIHK,EAAA,SAAS,MAAM,EAAI;AAIjC,aAASC,EAAQC,GAAoB;AAAA,IAIrC;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,SAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAzECE,EASa,YAAA;;;;aANHC,EAAM,MAAA;AAAA,MAAAC,EACJ,OAAUC,EAAAC,EAAA,QAAA;AAAA,QACjB,KAAA;AAAA,QAAA,OAAAA,EAAA;AAAA,QAED,SAAQC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAF,EAAA,WAAAA,EAAA,QAAA,GAAAE,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;;;;;;;"}
+{"version":3,"file":"OrOverlay-BjrghiC-.mjs","sources":["../../../components/or-overlay-v3/src/styles.ts","../../../components/or-overlay-v3/src/OrOverlay.vue"],"sourcesContent":["export const Overlay: string[] = [\n  // Position\n  'fixed inset-0',\n\n  // Layout\n  'layout-row justify-center',\n\n  // Theme\n  'theme-background-overlay',\n  'dark:theme-background-overlay-dark',\n\n  'theme-foreground-base',\n  'dark:theme-foreground-base',\n];\n","<template>\n  <OrTeleport :disabled=\"!fullscreen\">\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      @click=\"onClick\"\n    >\n      <slot />\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useScrollLock } from '@vueuse/core';\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { Overlay } from './styles';\n\nexport default defineComponent({\n  name: 'OrOverlay',\n\n  components: {\n    OrTeleport,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    fullscreen: {\n      type: Boolean,\n      default: false,\n    },\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      'or-overlay-v3',\n      ...Overlay,\n    ]);\n\n    // Effects\n    // #region Elevation\n    useElevation(root);\n    // #endregion\n\n    // #region Scroll Lock\n    useScrollLock(document.body, true);\n    // #endregion\n\n    // Handlers\n    function onClick(event: Event): void {\n      if (isVue2) {\n        context.emit('click', event);\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["Overlay","_sfc_main","defineComponent","OrTeleport","props","context","root","ref","rootStyles","computed","useElevation","useScrollLock","onClick","event","_resolveComponent","_ctx","_withCtx","_createElementVNode","_mergeProps","_cache","args"],"mappings":";;;;;AAAO,MAAMA,IAAoB;AAAA;AAAA,EAE/B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GCSAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,YAAAC;AAAA,EACF;AAAA,EAEA,cAAc;AAAA,EAEd,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,IAAA,CACJ;AAID,IAAAU,EAAaJ,CAAI,GAIHK,EAAA,SAAS,MAAM,EAAI;AAIjC,aAASC,EAAQC,GAAoB;AAAA,IAIrC;AAEO,WAAA;AAAA,MACL,MAAAP;AAAA,MACA,YAAAE;AAAA,MACA,SAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YAzECE,EASa,YAAA;;IAVf,UAAA,CAAAC,EAAA;AAAA,EAAA,GAAA;AAAA,aAIYC,EAAM,MAAA;AAAA,MAAAC,EACJT,OAAUU,EAAAH,EAAA,QAAA;AAAA,QACjB,KAAA;AAAA,QAAA,OAAAA,EAAA;AAAA,QAED,SAAQI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAL,EAAA,WAAAA,EAAA,QAAA,GAAAK,CAAA;AAAA,MAAA,CAAA,GAAA;AAAA;MARd,GAAA,EAAA;AAAA,IAAA,CAAA;AAAA;;;;"}