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

package/dist/esm/OrTags-Ce70YtZr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrTags-Ce70YtZr.mjs","sources":["../../../components/or-tags-v3/src/props.ts","../../../components/or-tags-v3/src/styles.ts","../../../components/or-tags-v3/src/utils/castToTag.ts","../../../components/or-tags-v3/src/OrTags.vue"],"sourcesContent":["export enum TagsOverflow {\n  Wrap = 'wrap',\n  Scroll = 'scroll',\n  Hidden = 'hidden',\n}\n","import { TagsOverflow } from './props';\n\nexport const Tags: string[] = [\n  // Layout\n  'layout-row',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const TagsContainer: string[] = [\n  // Layout\n  'layout-row',\n  'max-w-full',\n\n  // Spacing\n  'gap-sm',\n  'py-xs',\n];\n\nexport const TagsContainerOverflows: Record<TagsOverflow, string[]> = {\n  [TagsOverflow.Wrap]: [\n    // Layout\n    '!flex-wrap',\n  ],\n\n  [TagsOverflow.Scroll]: [\n    // Layout\n    'overflow-y-auto',\n    // todo: extract to plugin?\n    '[&::-webkit-scrollbar]:hidden [-ms-overflow-style:\\'none\\'] [scrollbar-width:\\'none\\']',\n  ],\n\n  [TagsOverflow.Hidden]: [\n    // Overflow\n    'overflow-hidden',\n  ],\n};\n\nexport const TagsOverflowButton: string[] = [\n  // Typography\n  'typography-caption-regular',\n];\n\nexport const TagsOverflowPopover: string[] = [\n  // Layout\n  'layout-row !flex-wrap !content-start overflow-y-auto',\n\n  // Box\n  'max-w-[192px] max-h-[340px]',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-sm',\n];\n","import { Tag, TagObject } from '../types';\nexport function castToTagObject(tag: Tag): TagObject {\n  if (typeof tag === 'string') {\n    return {\n      label: tag,\n      value: tag,\n    };\n  } else {\n    return tag;\n  }\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div\n      v-if=\"localItems.length > 0\"\n      :ref=\"'container'\"\n      :class=\"containerStyles\"\n    >\n      <OrTag\n        v-for=\"item in localItems\"\n        v-bind=\"{ ...tagProps, ...item.tagProps }\"\n        :key=\"item.value\"\n        :class=\"['max-w-full']\"\n        @reset=\"$emit('reset', item.value)\"\n      >\n        <slot\n          name=\"tag\"\n          :item=\"item\"\n        >\n          {{ item.label }}\n        </slot>\n      </OrTag>\n\n      <slot\n        v-if=\"overflow === 'wrap'\"\n        name=\"tail\"\n      />\n    </div>\n\n    <template v-if=\"overflow === 'hidden' && overflowItems.length > 0\">\n      <OrButton\n        :ref=\"'overflowButton'\"\n        :class=\"overflowButtonStyles\"\n        :type=\"'button'\"\n        :variant=\"'link'\"\n        :color=\"'inherit'\"\n        :disabled=\"disabled\"\n        @click.stop=\"togglePopover\"\n      >\n        +{{ overflowItems.length }}\n      </OrButton>\n\n      <OrPopover\n        :ref=\"'overflowPopover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :trigger=\"overflowButtonRoot\"\n      >\n        <div :class=\"overflowPopoverStyles\">\n          <OrTag\n            v-for=\"item in overflowItems\"\n            v-bind=\"{ ...tagProps, ...item.tagProps }\"\n            :key=\"item.value\"\n            @reset=\"$emit('reset', item.value)\"\n          >\n            <slot\n              name=\"tag\"\n              :item=\"item\"\n            >\n              {{ item.label }}\n            </slot>\n          </OrTag>\n        </div>\n      </OrPopover>\n    </template>\n\n    <slot\n      v-if=\"overflow !== 'wrap' || items.length === 0\"\n      name=\"tail\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useOverflow } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { OrTagV3 as OrTag } from '@onereach/ui-components.or-tag-v3';\nimport { PropType, computed, defineComponent, nextTick, ref } from 'vue';\n\nimport { TagsOverflow } from './props';\nimport { Tags, TagsContainer, TagsContainerOverflows, TagsOverflowButton, TagsOverflowPopover } from './styles';\nimport { Tag } from './types';\nimport { castToTagObject } from './utils/castToTag';\n\nexport default defineComponent({\n  name: 'OrTags',\n\n  components: {\n    OrButton,\n    OrPopover,\n    OrTag,\n  },\n\n  props: {\n    items: {\n      type: Array as PropType<Tag[]>,\n      default: () => [],\n    },\n\n    overflow: {\n      type: String as PropType<`${TagsOverflow}`>,\n      default: () => TagsOverflow.Hidden,\n    },\n\n    tagProps: {\n      type: Object as PropType<InstanceType<typeof OrTag>['$props']>,\n      default: undefined,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n\n    'reset',\n  ],\n\n  expose: [\n    'root',\n    'container',\n    'overflowPopover',\n    'scrollToEnd',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const container = ref<HTMLElement>();\n\n    // Props\n    const overflowButton = ref<InstanceType<typeof OrButton>>();\n    const overflowButtonRoot = computed(() => overflowButton.value?.root);\n\n    const overflowPopover = ref<InstanceType<typeof OrPopover>>();\n    const overflowPopoverRoot = computed(() => overflowPopover.value?.root);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-tags-v3',\n      ...Tags,\n    ]);\n\n    const popoverStyles = computed(() => [\n      'or-tags-popover-v3',\n    ]);\n\n    const containerStyles = computed(() => [\n      ...TagsContainer,\n      ...TagsContainerOverflows[props.overflow],\n    ]);\n\n    const overflowButtonStyles = computed(() => [\n      ...TagsOverflowButton,\n    ]);\n\n    const overflowPopoverStyles = computed(() => [\n      ...TagsOverflowPopover,\n    ]);\n\n    // State\n    const { innerItems } = useOverflow(container, {\n      hide: false,\n      threshold: 8,\n    });\n\n    const localItems = computed(() => {\n      return props.items.map(castToTagObject);\n    });\n\n    const overflowItems = computed(() => {\n      return localItems.value.slice(innerItems.value.length);\n    });\n\n    // Methods\n    function togglePopover() {\n      (overflowPopover.value!.toggle as () => void)();\n    }\n\n    function scrollToEnd() {\n      nextTick(() => {\n        container.value?.scrollTo({\n          left: container.value?.scrollWidth,\n          behavior: 'smooth',\n        });\n      });\n    }\n\n    return {\n      root,\n      container,\n      localItems,\n      overflowButton,\n      overflowButtonRoot,\n      overflowPopover,\n      overflowPopoverRoot,\n      rootStyles,\n      popoverStyles,\n      containerStyles,\n      overflowButtonStyles,\n      overflowPopoverStyles,\n      overflowItems,\n      togglePopover,\n      scrollToEnd,\n    };\n  },\n});\n</script>\n"],"names":["TagsOverflow","Tags","TagsContainer","TagsContainerOverflows","TagsOverflowButton","TagsOverflowPopover","castToTagObject","tag","_sfc_main","defineComponent","OrButton","OrPopover","OrTag","props","root","ref","container","overflowButton","overflowButtonRoot","computed","_a","overflowPopover","overflowPopoverRoot","rootStyles","popoverStyles","containerStyles","overflowButtonStyles","overflowPopoverStyles","innerItems","useOverflow","localItems","overflowItems","togglePopover","scrollToEnd","nextTick","_b","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_OrTag","_mergeProps","$event","_withCtx","_renderSlot","_createCommentVNode","_createVNode","_component_OrButton","_withModifiers","_component_OrPopover","_createElementVNode"],"mappings":"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"}

package/dist/esm/OrText-3zAJU5xf.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrText-3zAJU5xf.mjs","sources":["../../../components/or-text-v3/src/styles.ts","../../../components/or-text-v3/src/OrText.vue"],"sourcesContent":["export const TextRoot: string[] = [\n  // Layout\n  'inline-flex',\n\n  // Box\n  'max-w-full',\n\n  // Typography\n  'whitespace-nowrap',\n];\n\nexport const MainText: string[] = [\n  // Layout\n  'overflow-hidden',\n\n  // Typography\n  'text-ellipsis',\n];\n\nexport const RestText: string[] = [\n  // Layout\n  'shrink',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @focus=\"onFocus\"\n    @click=\"onClick\"\n  >\n    <div :class=\"mainTextStyles\">\n      {{ mainText }}\n    </div>\n\n    <div :class=\"restTextStyles\">\n      {{ restText }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { MainText, RestText, TextRoot } from './styles';\n\n/**\n * Use `OrText` component to crop un-wrapped single-line text with ellipsis inside narrow containers.\n * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,\n * that have same beginning and differ in the ending part.\n */\nexport default defineComponent({\n  name: 'OrText',\n\n  props: {\n    /**\n     * Text to crop.\n     */\n    text: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The index counted from the end of the string where ellipsis will be placed.\n     * Defines how many ending characters will remain visible.\n     * By default, ellipsis is placed in the end of the line.\n     *\n     * Note: Negative values behave same as corresponding positives still counting from the end of the line.\n     */\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'focus',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-text-v3',\n      ...TextRoot,\n    ]);\n\n    const mainTextStyles = computed(() => [\n      ...MainText,\n    ]);\n\n    const restTextStyles = computed(() => [\n      ...RestText,\n    ]);\n\n    /**\n     * Preserves whitespace at the first position as <code>&nbsp;</code>\n     * @param str A string to escape\n     */\n    const escapeFirst = (str: string): string => str && ('\\xa0' + str.slice(1));\n\n    /**\n     * Preserves whitespace at the last position as <code>&nbsp;</code>\n     * @param str A string to escape\n     */\n    const escapeLast = (str: string): string => str && (str.slice(0, -1) + '\\xa0');\n\n    // State\n    const mainText = computed(() => {\n      if (props.sliceIndex && props.sliceIndex < props.text.length) {\n        let mainPart = props.text.slice(0, Math.abs(props.sliceIndex) * -1);\n\n        if (mainPart[mainPart.length - 1] === ' ') {\n          mainPart = escapeLast(mainPart);\n        }\n\n        return mainPart;\n      }\n\n      return props.text;\n    });\n\n    const restText = computed(() => {\n      let restPart = props.text.slice(mainText.value.length);\n\n      if (restPart[0] === ' ') {\n        restPart = escapeFirst(restPart);\n      }\n\n      return restPart;\n    });\n\n    // Methods\n    function onFocus(event: MouseEvent): void {\n      emit('focus', event);\n    }\n\n    function onClick(event: MouseEvent): void {\n      emit('click', event);\n    }\n\n\n    return {\n      root,\n      rootStyles,\n      mainTextStyles,\n      restTextStyles,\n      mainText,\n      restText,\n      onFocus,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["TextRoot","MainText","RestText","_sfc_main","defineComponent","props","emit","root","ref","rootStyles","computed","mainTextStyles","restTextStyles","escapeFirst","str","escapeLast","mainText","mainPart","restText","restPart","onFocus","event","onClick","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","args","_createElementVNode","_toDisplayString"],"mappings":";;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AACF,GAEaC,IAAqB;AAAA;AAAA,EAEhC;AACF,GCIAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAErB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,IAAA,CACJ,GAEKW,IAAiBD,EAAS,MAAM;AAAA,MACpC,GAAGT;AAAA,IAAA,CACJ,GAEKW,IAAiBF,EAAS,MAAM;AAAA,MACpC,GAAGR;AAAA,IAAA,CACJ,GAMKW,IAAc,CAACC,MAAwBA,KAAQ,MAASA,EAAI,MAAM,CAAC,GAMnEC,IAAa,CAACD,MAAwBA,KAAQA,EAAI,MAAM,GAAG,EAAE,IAAI,KAGjEE,IAAWN,EAAS,MAAM;AAC9B,UAAIL,EAAM,cAAcA,EAAM,aAAaA,EAAM,KAAK,QAAQ;AACxD,YAAAY,IAAWZ,EAAM,KAAK,MAAM,GAAG,KAAK,IAAIA,EAAM,UAAU,IAAI,EAAE;AAElE,eAAIY,EAASA,EAAS,SAAS,CAAC,MAAM,QACpCA,IAAWF,EAAWE,CAAQ,IAGzBA;AAAA,MACT;AAEA,aAAOZ,EAAM;AAAA,IAAA,CACd,GAEKa,IAAWR,EAAS,MAAM;AAC9B,UAAIS,IAAWd,EAAM,KAAK,MAAMW,EAAS,MAAM,MAAM;AAEjD,aAAAG,EAAS,CAAC,MAAM,QAClBA,IAAWN,EAAYM,CAAQ,IAG1BA;AAAA,IAAA,CACR;AAGD,aAASC,EAAQC,GAAyB;AACxC,MAAAf,EAAK,SAASe,CAAK;AAAA,IACrB;AAEA,aAASC,EAAQD,GAAyB;AACxC,MAAAf,EAAK,SAASe,CAAK;AAAA,IACrB;AAGO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAE;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAI;AAAA,MACA,UAAAE;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAtISC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAKC,EAAAR,EAAA,UAAA;AAAA,IAAA,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAQ,MAAAT,EAAA,WAAAA,EAAA,QAAA,GAAAS,CAAA;AAAA,IAEN,SAEMR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAQ,MAAAT,EAAA,WAAAA,EAAA,QAAA,GAAAS,CAAA;AAAA,EAAA,GAAA;AAAA,IADDC,EAAA,OAAA;AAAA,MAGL,OAEMF,EAAAR,EAAA,cAAA;AAAA,IAAA,GAFAW,EAAKX,EAAE,QAAA,GAAA,CAAA;AAAA,IACRU,EAAA,OAAA;AAAA,MAAA,OAAAF,EAAAR,EAAA,cAAA;AAAA;;;;"}
+{"version":3,"file":"OrText-3zAJU5xf.mjs","sources":["../../../components/or-text-v3/src/styles.ts","../../../components/or-text-v3/src/OrText.vue"],"sourcesContent":["export const TextRoot: string[] = [\n  // Layout\n  'inline-flex',\n\n  // Box\n  'max-w-full',\n\n  // Typography\n  'whitespace-nowrap',\n];\n\nexport const MainText: string[] = [\n  // Layout\n  'overflow-hidden',\n\n  // Typography\n  'text-ellipsis',\n];\n\nexport const RestText: string[] = [\n  // Layout\n  'shrink',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    @focus=\"onFocus\"\n    @click=\"onClick\"\n  >\n    <div :class=\"mainTextStyles\">\n      {{ mainText }}\n    </div>\n\n    <div :class=\"restTextStyles\">\n      {{ restText }}\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport { MainText, RestText, TextRoot } from './styles';\n\n/**\n * Use `OrText` component to crop un-wrapped single-line text with ellipsis inside narrow containers.\n * Ellipsis can be placed in the end or in the middle of the text. Convenient for displaying long labels,\n * that have same beginning and differ in the ending part.\n */\nexport default defineComponent({\n  name: 'OrText',\n\n  props: {\n    /**\n     * Text to crop.\n     */\n    text: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The index counted from the end of the string where ellipsis will be placed.\n     * Defines how many ending characters will remain visible.\n     * By default, ellipsis is placed in the end of the line.\n     *\n     * Note: Negative values behave same as corresponding positives still counting from the end of the line.\n     */\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'focus',\n    'click',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-text-v3',\n      ...TextRoot,\n    ]);\n\n    const mainTextStyles = computed(() => [\n      ...MainText,\n    ]);\n\n    const restTextStyles = computed(() => [\n      ...RestText,\n    ]);\n\n    /**\n     * Preserves whitespace at the first position as <code>&nbsp;</code>\n     * @param str A string to escape\n     */\n    const escapeFirst = (str: string): string => str && ('\\xa0' + str.slice(1));\n\n    /**\n     * Preserves whitespace at the last position as <code>&nbsp;</code>\n     * @param str A string to escape\n     */\n    const escapeLast = (str: string): string => str && (str.slice(0, -1) + '\\xa0');\n\n    // State\n    const mainText = computed(() => {\n      if (props.sliceIndex && props.sliceIndex < props.text.length) {\n        let mainPart = props.text.slice(0, Math.abs(props.sliceIndex) * -1);\n\n        if (mainPart[mainPart.length - 1] === ' ') {\n          mainPart = escapeLast(mainPart);\n        }\n\n        return mainPart;\n      }\n\n      return props.text;\n    });\n\n    const restText = computed(() => {\n      let restPart = props.text.slice(mainText.value.length);\n\n      if (restPart[0] === ' ') {\n        restPart = escapeFirst(restPart);\n      }\n\n      return restPart;\n    });\n\n    // Methods\n    function onFocus(event: MouseEvent): void {\n      emit('focus', event);\n    }\n\n    function onClick(event: MouseEvent): void {\n      emit('click', event);\n    }\n\n\n    return {\n      root,\n      rootStyles,\n      mainTextStyles,\n      restTextStyles,\n      mainText,\n      restText,\n      onFocus,\n      onClick,\n    };\n  },\n});\n</script>\n"],"names":["TextRoot","MainText","RestText","_sfc_main","defineComponent","props","emit","root","ref","rootStyles","computed","mainTextStyles","restTextStyles","escapeFirst","str","escapeLast","mainText","mainPart","restText","restPart","onFocus","event","onClick","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","args","_createElementVNode","_toDisplayString"],"mappings":";;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AACF,GAEaC,IAAqB;AAAA;AAAA,EAEhC;AACF,GCKAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AAErB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,IAAA,CACJ,GAEKW,IAAiBD,EAAS,MAAM;AAAA,MACpC,GAAGT;AAAA,IAAA,CACJ,GAEKW,IAAiBF,EAAS,MAAM;AAAA,MACpC,GAAGR;AAAA,IAAA,CACJ,GAMKW,IAAc,CAACC,MAAwBA,KAAQ,MAASA,EAAI,MAAM,CAAC,GAMnEC,IAAa,CAACD,MAAwBA,KAAQA,EAAI,MAAM,GAAG,EAAE,IAAI,KAGjEE,IAAWN,EAAS,MAAM;AAC9B,UAAIL,EAAM,cAAcA,EAAM,aAAaA,EAAM,KAAK,QAAQ;AACxD,YAAAY,IAAWZ,EAAM,KAAK,MAAM,GAAG,KAAK,IAAIA,EAAM,UAAU,IAAI,EAAE;AAElE,eAAIY,EAASA,EAAS,SAAS,CAAC,MAAM,QACpCA,IAAWF,EAAWE,CAAQ,IAGzBA;AAAA,MACT;AAEA,aAAOZ,EAAM;AAAA,IAAA,CACd,GAEKa,IAAWR,EAAS,MAAM;AAC9B,UAAIS,IAAWd,EAAM,KAAK,MAAMW,EAAS,MAAM,MAAM;AAEjD,aAAAG,EAAS,CAAC,MAAM,QAClBA,IAAWN,EAAYM,CAAQ,IAG1BA;AAAA,IAAA,CACR;AAGD,aAASC,EAAQC,GAAyB;AACxC,MAAAf,EAAK,SAASe,CAAK;AAAA,IACrB;AAEA,aAASC,EAAQD,GAAyB;AACxC,MAAAf,EAAK,SAASe,CAAK;AAAA,IACrB;AAGO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAE;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,UAAAI;AAAA,MACA,UAAAE;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAvISC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAKC,EAAAR,EAAA,UAAA;AAAA,IAAA,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAQ,MAAAT,EAAA,WAAAA,EAAA,QAAA,GAAAS,CAAA;AAAA,IAEN,SAEMR,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAQ,MAAAT,EAAA,WAAAA,EAAA,QAAA,GAAAS,CAAA;AAAA,EAAA,GAAA;AAAA,IADDC,EAAA,OAAA;AAAA,MAGL,OAEMF,EAAAR,EAAA,cAAA;AAAA,IAAA,GAFAW,EAAKX,EAAE,QAAA,GAAA,CAAA;AAAA,IACRU,EAAA,OAAA;AAAA,MAAA,OAAAF,EAAAR,EAAA,cAAA;AAAA;;;;"}

package/dist/esm/{OrTextarea-zEjULE8W.mjs → OrTextarea-sLey7v2k.mjs}

@@ -1,20 +1,20 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("textarea[data-v-6a49fbc7]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-import { useTextareaAutosize as M } from "@vueuse/core";
-import { defineComponent as j, reactive as D, ref as b, computed as i, toRef as K, resolveComponent as u, openBlock as v, createElementBlock as F, normalizeClass as R, createBlock as T, withCtx as l, renderSlot as h, createTextVNode as s, toDisplayString as n, createCommentVNode as N, createVNode as q, withDirectives as S, createElementVNode as U, mergeProps as G, vModelText as J, createSlots as E, vShow as H } from "vue";
-import { useIdAttribute as Q, useControlAttributes as W, useValidationAttributes as X, useProxyModelValue as Y } from "@onereach/ui-components-common/hooks";
-import { isObject as m } from "@onereach/ui-components-common/utils";
-import { O as Z } from "./OrError-B5ihH6-3.mjs";
-import { O as x } from "./OrHint-NvbZyURY.mjs";
-import { O as _ } from "./OrInputBox-6ciokFdU.mjs";
-import { b as O, a as ee } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { O as oe } from "./OrLabel-K7_HgvcK.mjs";
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("textarea[data-v-9385e88c]{min-width:0;background:none;outline:none}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
+import { useIdAttribute as M, useControlAttributes as j, useValidationAttributes as D, useProxyModelValue as K } from "@onereach/ui-components-common/hooks";
+import { isObject as u } from "@onereach/ui-components-common/utils";
+import { O as F } from "./OrError-B5ihH6-3.mjs";
+import { O as R } from "./OrHint-NvbZyURY.mjs";
+import { O as U } from "./OrInputBox-6ciokFdU.mjs";
+import { b as O, a as G } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
+import { O as J } from "./OrLabel-K7_HgvcK.mjs";
+import { useTextareaAutosize as Q } from "@vueuse/core";
+import { defineComponent as W, reactive as X, ref as b, computed as i, toRef as Y, resolveComponent as m, openBlock as v, createElementBlock as Z, normalizeClass as x, createBlock as T, withCtx as a, renderSlot as h, createTextVNode as s, toDisplayString as n, createCommentVNode as N, createVNode as q, withDirectives as S, createElementVNode as _, mergeProps as ee, vModelText as oe, createSlots as E, vShow as H } from "vue";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const re = [
   // Layout
   "layout-column",
   // Spacing
   "gap-xs"
-], ae = [
+], le = [
   // Box
   "w-full",
   // Typography
@@ -22,7 +22,7 @@ const re = [
   // Theme (placeholder)
   "placeholder:theme-foreground-outline",
   "dark:placeholder:theme-foreground-outline-dark"
-], le = {
+], ae = {
   [O.M]: [
     // Spacing
     "!mx-0",
@@ -35,13 +35,13 @@ const re = [
     "px-md md:px-sm+",
     "py-sm*"
   ]
-}, ne = j({
+}, ne = W({
   name: "OrTextarea",
   components: {
-    OrError: Z,
-    OrHint: x,
-    OrInputBox: _,
-    OrLabel: oe
+    OrError: F,
+    OrHint: R,
+    OrInputBox: U,
+    OrLabel: J
   },
   model: {
     prop: "modelValue",
@@ -115,48 +115,48 @@ const re = [
     "blur"
   ],
   setup(e, o) {
-    const p = D({
-      id: Q(),
-      ...W(),
-      ...X()
+    const p = X({
+      id: M(),
+      ...j(),
+      ...D()
     }), w = b(), $ = i(() => [
       "or-textarea-v3",
       ...re,
-      ...e.variant === ee.Embedded ? ["grow"] : []
-    ]), a = b(), f = i(() => [
-      ...ae,
-      ...le[e.size],
-      ...m(e.rows) ? ["resize-none"] : []
+      ...e.variant === G.Embedded ? ["grow"] : []
+    ]), l = b(), f = i(() => [
+      ...le,
+      ...ae[e.size],
+      ...u(e.rows) ? ["resize-none"] : []
     ]), y = i(() => {
       var r, V, B, k, C, c;
-      if (a.value) {
-        const z = Number(((V = (r = getComputedStyle(a.value).getPropertyValue("padding-top").match(/^(?<value>\d+)px$/)) == null ? void 0 : r.groups) == null ? void 0 : V.value) || 0), I = Number(((k = (B = getComputedStyle(a.value).getPropertyValue("padding-bottom").match(/^(?<value>\d+)px$/)) == null ? void 0 : B.groups) == null ? void 0 : k.value) || 0), L = Number(((c = (C = getComputedStyle(a.value).getPropertyValue("line-height").match(/^(?<value>\d+)px$/)) == null ? void 0 : C.groups) == null ? void 0 : c.value) || 0);
+      if (l.value) {
+        const z = Number(((V = (r = getComputedStyle(l.value).getPropertyValue("padding-top").match(/^(?<value>\d+)px$/)) == null ? void 0 : r.groups) == null ? void 0 : V.value) || 0), I = Number(((k = (B = getComputedStyle(l.value).getPropertyValue("padding-bottom").match(/^(?<value>\d+)px$/)) == null ? void 0 : B.groups) == null ? void 0 : k.value) || 0), L = Number(((c = (C = getComputedStyle(l.value).getPropertyValue("line-height").match(/^(?<value>\d+)px$/)) == null ? void 0 : C.groups) == null ? void 0 : c.value) || 0);
         return {
-          minHeight: `${z + I + (m(e.rows) ? e.rows.min : e.rows) * L}px`,
-          maxHeight: m(e.rows) && e.rows.max ? `${z + I + e.rows.max * L}px` : void 0
+          minHeight: `${z + I + (u(e.rows) ? e.rows.min : e.rows) * L}px`,
+          maxHeight: u(e.rows) && e.rows.max ? `${z + I + e.rows.max * L}px` : void 0
         };
       }
       return {};
-    }), d = Y(K(e, "modelValue"), o.emit, { defaultValue: b("") }), g = i(() => {
+    }), d = K(Y(e, "modelValue"), o.emit, { defaultValue: b("") }), g = i(() => {
       var r;
       return ((r = d.value) == null ? void 0 : r.toString().length) ?? 0;
     }), t = i(() => p.maxlength);
     function P() {
       var r;
-      (r = a.value) == null || r.focus();
+      (r = l.value) == null || r.focus();
     }
     function A() {
       var r;
-      (r = a.value) == null || r.blur();
+      (r = l.value) == null || r.blur();
     }
-    return m(e.rows) && M({
-      element: a,
+    return u(e.rows) && Q({
+      element: l,
       input: d
     }), {
       attributes: p,
       root: w,
       rootStyles: $,
-      control: a,
+      control: l,
       controlStyles: f,
       controlInlineStyles: y,
       model: d,
@@ -167,11 +167,11 @@ const re = [
     };
   }
 }), de = ["name", "rows", "autocomplete", "placeholder", "required", "readonly", "disabled"];
-function ie(e, o, p, w, $, a) {
-  const f = u("OrLabel"), y = u("OrInputBox"), d = u("OrHint"), g = u("OrError");
-  return v(), F("div", {
+function ie(e, o, p, w, $, l) {
+  const f = m("OrLabel"), y = m("OrInputBox"), d = m("OrHint"), g = m("OrError");
+  return v(), Z("div", {
     ref: "root",
-    class: R(e.rootStyles)
+    class: x(e.rootStyles)
   }, [
     e.$slots.label || e.$slots.addon || e.label ? (v(), T(f, {
       key: 0,
@@ -180,10 +180,10 @@ function ie(e, o, p, w, $, a) {
       required: e.required,
       disabled: e.disabled
     }, {
-      addon: l(() => [
+      addon: a(() => [
         h(e.$slots, "addon", {}, void 0, !0)
       ]),
-      default: l(() => [
+      default: a(() => [
         h(e.$slots, "label", {}, () => [
           s(n(e.label), 1)
         ], !0)
@@ -197,8 +197,8 @@ function ie(e, o, p, w, $, a) {
       readonly: e.readonly,
       disabled: e.disabled
     }, {
-      default: l(() => [
-        S(U("textarea", G({ ref: "control" }, e.attributes, {
+      default: a(() => [
+        S(_("textarea", ee({ ref: "control" }, e.attributes, {
           "onUpdate:modelValue": o[0] || (o[0] = (t) => e.model = t),
           class: e.controlStyles,
           style: e.controlInlineStyles,
@@ -215,7 +215,7 @@ function ie(e, o, p, w, $, a) {
           onFocus: o[4] || (o[4] = (t) => e.$emit("focus", t)),
           onBlur: o[5] || (o[5] = (t) => e.$emit("blur", t))
         }), null, 16, de), [
-          [J, e.model]
+          [oe, e.model]
         ])
       ]),
       _: 1
@@ -224,7 +224,7 @@ function ie(e, o, p, w, $, a) {
       key: 1,
       disabled: e.disabled
     }, E({
-      default: l(() => [
+      default: a(() => [
         h(e.$slots, "hint", {}, () => [
           s(n(e.hint), 1)
         ], !0)
@@ -233,7 +233,7 @@ function ie(e, o, p, w, $, a) {
     }, [
       e.maxLength ? {
         name: "addon",
-        fn: l(() => [
+        fn: a(() => [
           s(n(e.length) + " / " + n(e.maxLength), 1)
         ]),
         key: "0"
@@ -242,14 +242,14 @@ function ie(e, o, p, w, $, a) {
       [H, !e.error]
     ]) : N("", !0),
     S(q(g, { disabled: e.disabled }, E({
-      default: l(() => [
+      default: a(() => [
         s(n(e.error) + " ", 1)
       ]),
       _: 2
     }, [
       e.maxLength ? {
         name: "addon",
-        fn: l(() => [
+        fn: a(() => [
           s(n(e.length) + " / " + n(e.maxLength), 1)
         ]),
         key: "0"
@@ -259,8 +259,8 @@ function ie(e, o, p, w, $, a) {
     ])
   ], 2);
 }
-const Se = /* @__PURE__ */ te(ne, [["render", ie], ["__scopeId", "data-v-6a49fbc7"]]);
+const Se = /* @__PURE__ */ te(ne, [["render", ie], ["__scopeId", "data-v-9385e88c"]]);
 export {
   Se as O
 };
-//# sourceMappingURL=OrTextarea-zEjULE8W.mjs.map
+//# sourceMappingURL=OrTextarea-sLey7v2k.mjs.map

package/dist/esm/OrTextarea-sLey7v2k.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrTextarea-sLey7v2k.mjs","sources":["../../../components/or-textarea-v3/src/styles.ts","../../../components/or-textarea-v3/src/OrTextarea.vue"],"sourcesContent":["import { InputBoxSize } from '@onereach/ui-components.or-input-box-v3';\n\nexport const Textarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TextareaControl: string[] = [\n  // Box\n  'w-full',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n];\n\nexport const TextareaControlSizes: Record<InputBoxSize, string[]> = {\n  [InputBoxSize.M]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm+* md:py-sm*',\n  ],\n\n  [InputBoxSize.S]: [\n    // Spacing\n    '!mx-0',\n\n    'px-md md:px-sm+',\n    'py-sm*',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :control-id=\"attributes.id\"\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <textarea\n        :ref=\"'control'\"\n        v-bind=\"attributes\"\n        v-model=\"model\"\n        :class=\"controlStyles\"\n        :style=\"controlInlineStyles\"\n        :name=\"name\"\n        :rows=\"rows\"\n        :autocomplete=\"autocomplete\"\n        :placeholder=\"placeholder\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        @input=\"$emit('input', $event)\"\n        @keydown=\"$emit('keydown', $event)\"\n        @keyup=\"$emit('keyup', $event)\"\n        @focus=\"$emit('focus', $event)\"\n        @blur=\"$emit('blur', $event)\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n\n        <template\n          v-if=\"maxLength\"\n          v-slot:addon\n        >\n          {{ length }} / {{ maxLength }}\n        </template>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n\n      <template\n        v-if=\"maxLength\"\n        v-slot:addon\n      >\n        {{ length }} / {{ maxLength }}\n      </template>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\nimport { isObject } from '@onereach/ui-components-common/utils';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { useTextareaAutosize } from '@vueuse/core';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport { Textarea, TextareaControl, TextareaControlSizes } from './styles';\nimport { TextareaModelValue, TextareaRows } from './types';\n\nexport default defineComponent({\n  name: 'OrTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<TextareaModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    rows: {\n      type: [Number, Object] as PropType<TextareaRows>,\n      default: 2,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    const attributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-textarea-v3',\n      ...Textarea,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...TextareaControl,\n      ...TextareaControlSizes[props.size],\n      ...isObject(props.rows) ? ['resize-none'] : [],\n    ]);\n\n    const controlInlineStyles = computed(() => {\n      if (control.value) {\n        const paddingTop = Number(getComputedStyle(control.value).getPropertyValue('padding-top').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n        const paddingBottom = Number(getComputedStyle(control.value).getPropertyValue('padding-bottom').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        const lineHeight = Number(getComputedStyle(control.value).getPropertyValue('line-height').match(/^(?<value>\\d+)px$/)?.groups?.value || 0);\n\n        return {\n          minHeight: `${paddingTop + paddingBottom + (isObject(props.rows) ? props.rows.min : props.rows) * lineHeight}px`,\n          maxHeight: isObject(props.rows) && props.rows.max ? `${paddingTop + paddingBottom + props.rows.max * lineHeight}px` : undefined,\n        };\n      }\n\n      return {};\n    });\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n\n    const length = computed(() => {\n      return model.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Effects\n    if (isObject(props.rows)) {\n      // Unluckily, `useTextareaAutosize` doesn't have a teardown function\n      // So, dynamically changed `rows` won't have any effect\n      useTextareaAutosize({\n        element: control,\n        input: model,\n      });\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n      controlInlineStyles,\n\n      model,\n\n      length,\n      maxLength,\n\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n\n<style scoped>\ntextarea {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n</style>\n"],"names":["Textarea","TextareaControl","TextareaControlSizes","InputBoxSize","_sfc_main","defineComponent","OrError","OrHint","OrInputBox","OrLabel","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","InputBoxVariant","control","controlStyles","isObject","controlInlineStyles","paddingTop","_b","_a","paddingBottom","_d","_c","lineHeight","_f","_e","model","useProxyModelValue","toRef","length","maxLength","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createVNode","_component_OrInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_withDirectives","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrTimeFormat-B2YLCb8H.mjs → OrTimeFormat-DY_z5-U0.mjs}

@@ -1,12 +1,12 @@
-import { defineComponent as p, ref as c, computed as f, toRef as n, openBlock as o, createElementBlock as t, normalizeClass as u, Fragment as i, createTextVNode as s, toDisplayString as d } from "vue";
-import { useTimeFormat as v, useLocale as y } from "@onereach/ui-components-common/hooks";
-import { k as F } from "./OrDateTimePicker.vue_vue_type_script_lang-BL0M-UeT.mjs";
+import { useTimeFormat as p, useLocale as c } from "@onereach/ui-components-common/hooks";
+import { k as f } from "./OrDateTimePicker.vue_vue_type_script_lang-Btv1OOQV.mjs";
+import { defineComponent as u, ref as v, computed as y, toRef as n, openBlock as o, createElementBlock as t, normalizeClass as F, Fragment as i, createTextVNode as s, toDisplayString as d } from "vue";
 import "@onereach/ui-components-common/types";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const S = [
   // Layout
   "inline"
-], V = p({
+], V = u({
   name: "OrTimeFormat",
   model: {
     prop: "modelValue",
@@ -34,23 +34,23 @@ const S = [
     "root"
   ],
   setup(e) {
-    const r = c(), a = f(() => [
+    const r = v(), a = y(() => [
       "or-time-format-v3",
       ...S
-    ]), l = v(n(e, "format")), m = y(n(e, "locale"));
+    ]), l = p(n(e, "format")), m = c(n(e, "locale"));
     return {
       root: r,
       rootStyles: a,
       resolvedFormat: l,
       resolvedLocale: m,
-      formatTime: F
+      formatTime: f
     };
   }
 });
 function g(e, r, a, l, m, k) {
   return o(), t("div", {
     ref: "root",
-    class: u(e.rootStyles)
+    class: F(e.rootStyles)
   }, [
     e.modelValue ? (o(), t(i, { key: 0 }, [
       s(d(e.formatTime(e.modelValue, e.resolvedFormat, e.resolvedLocale)), 1)
@@ -63,4 +63,4 @@ const C = /* @__PURE__ */ T(V, [["render", g]]);
 export {
   C as O
 };
-//# sourceMappingURL=OrTimeFormat-B2YLCb8H.mjs.map
+//# sourceMappingURL=OrTimeFormat-DY_z5-U0.mjs.map

package/dist/esm/OrTimeFormat-DY_z5-U0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrTimeFormat-DY_z5-U0.mjs","sources":["../../../components/or-time-format-v3/src/styles.ts","../../../components/or-time-format-v3/src/OrTimeFormat.vue"],"sourcesContent":["export const TimeFormat: string[] = [\n  // Layout\n  'inline',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"modelValue\">\n      {{ formatTime(modelValue, resolvedFormat, resolvedLocale) }}\n    </template>\n\n    <template v-else>\n      {{ placeholder }}\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { useLocale, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, formatTime } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimeFormat',\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    placeholder: {\n      type: String,\n      default: undefined,\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-time-format-v3',\n      ...Styles.TimeFormat,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    return {\n      root,\n      rootStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      formatTime,\n    };\n  },\n});\n</script>\n"],"names":["TimeFormat","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","Styles.TimeFormat","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","formatTime","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_Fragment"],"mappings":";;;;;AAAO,MAAMA,IAAuB;AAAA;AAAA,EAElC;AACF,GCoBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,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,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAGKC,IAAiBC,EAAcC,EAAMR,GAAO,QAAQ,CAAC,GACrDS,IAAiBC,EAAUF,EAAMR,GAAO,QAAQ,CAAC;AAEhD,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,gBAAAG;AAAA,MACA,gBAAAG;AAAA,MAEA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA9ESC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAEFC,EAAUR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;QAI1BS,EAEWT,EAAA,WAAAA,EAAA,YAAAA,EAAA,gBAAAA,EAAA,cAAA,CAAA,GAAA,CAAA;AAAA,IAAA,GAAA,EAAA,MAAAM,KAAAC,EAAAG,GAAA,EAAA,KAAA,KAAA;AAAA;;;;;"}

package/dist/esm/{OrTimePicker-CZwt1j2S.mjs → OrTimePicker-BMaG_y1J.mjs}

@@ -1,16 +1,16 @@
-import { defineComponent as z, ref as p, computed as m, toRef as C, watch as q, resolveComponent as t, resolveDirective as M, openBlock as u, createElementBlock as R, normalizeClass as P, createBlock as v, withCtx as i, renderSlot as $, createTextVNode as b, toDisplayString as O, createCommentVNode as E, withDirectives as y, withModifiers as j, createVNode as d, vShow as H, createElementVNode as U } from "vue";
-import { DropdownClose as A, DropdownOpen as G } from "@onereach/ui-components-common/directives";
-import { useTimeFormat as J, useLocale as K, useProxyModelValue as Q } from "@onereach/ui-components-common/hooks";
-import { b as W, d as X, e as Y, f as Z, g as _, l as N, j as x } from "./OrDateTimePicker.vue_vue_type_script_lang-BL0M-UeT.mjs";
+import { DropdownClose as z, DropdownOpen as R } from "@onereach/ui-components-common/directives";
+import { useTimeFormat as j, useLocale as U, useProxyModelValue as A } from "@onereach/ui-components-common/hooks";
+import { b as G, d as J, e as K, f as Q, g as W, l as q, j as X } from "./OrDateTimePicker.vue_vue_type_script_lang-Btv1OOQV.mjs";
+import { defineComponent as Y, ref as p, computed as m, toRef as C, watch as M, resolveComponent as t, resolveDirective as E, openBlock as u, createElementBlock as Z, normalizeClass as P, createBlock as v, withCtx as i, renderSlot as $, createTextVNode as b, toDisplayString as O, createCommentVNode as H, withDirectives as y, withModifiers as _, createVNode as d, vShow as N, createElementVNode as x } from "vue";
 import "@onereach/ui-components-common/types";
 import { O as ee } from "./OrError-B5ihH6-3.mjs";
 import { O as oe } from "./OrHint-NvbZyURY.mjs";
-import { O as re } from "./OrIconButton-BajZRp1k.mjs";
+import { O as re } from "./OrIconButton-Ds8k8FmS.mjs";
 import { O as te } from "./OrIcon-k8cyvh-D.mjs";
 import { O as le } from "./OrInputBox-6ciokFdU.mjs";
 import { a as ie } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
 import { O as ae } from "./OrLabel-K7_HgvcK.mjs";
-import { O as ne } from "./OrPopover-FA8G-paf.mjs";
+import { O as ne } from "./OrPopover-GBPJ4IDN.mjs";
 import "@onereach/ui-components-common/utils";
 import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const se = [
@@ -18,14 +18,14 @@ const se = [
   "layout-column",
   // Spacing
   "gap-xs"
-], ue = [], pe = z({
+], ue = [], pe = Y({
   name: "OrTimePicker",
   components: {
-    OrDateTimePickerMobileControl: W,
-    OrDateTimePickerPopoverFooter: X,
-    OrDateTimePickerPopoverHeader: Y,
-    OrDateTimePickerTimeControl: Z,
-    OrDateTimePickerTimeSelect: _,
+    OrDateTimePickerMobileControl: G,
+    OrDateTimePickerPopoverFooter: J,
+    OrDateTimePickerPopoverHeader: K,
+    OrDateTimePickerTimeControl: Q,
+    OrDateTimePickerTimeSelect: W,
     OrError: ee,
     OrHint: oe,
     OrIcon: te,
@@ -35,8 +35,8 @@ const se = [
     OrPopover: ne
   },
   directives: {
-    DropdownClose: A,
-    DropdownOpen: G
+    DropdownClose: z,
+    DropdownOpen: R
   },
   model: {
     prop: "modelValue",
@@ -135,12 +135,12 @@ const se = [
     }), S = m(() => [
       "or-time-picker-popover-v3",
       ...ue
-    ]), V = J(C(e, "format")), D = K(C(e, "locale")), f = p(e.modelValue ?? N());
-    q(() => e.modelValue, (o) => {
-      f.value = o ?? N();
+    ]), V = j(C(e, "format")), D = U(C(e, "locale")), f = p(e.modelValue ?? q());
+    M(() => e.modelValue, (o) => {
+      f.value = o ?? q();
     });
-    const a = Q(C(e, "modelValue"), r.emit), l = p(a.value);
-    q(a, (o) => {
+    const a = A(C(e, "modelValue"), r.emit), l = p(a.value);
+    M(a, (o) => {
       l.value = o;
     });
     const g = m(() => l.value ? !!(e.hoursFilter && !e.hoursFilter(l.value) || e.minutesFilter && !e.minutesFilter(l.value)) : !0);
@@ -178,15 +178,15 @@ const se = [
       reset: B,
       openPopover: h,
       closePopover: c,
-      formatMobileTime: x
+      formatMobileTime: X
     };
   }
-}), me = /* @__PURE__ */ U("div", {
+}), me = /* @__PURE__ */ x("div", {
   class: /* @__PURE__ */ P(["grow"])
 }, null, -1);
 function ve(e, r, w, I, k, L) {
-  const s = t("OrLabel"), T = t("OrDateTimePickerTimeControl"), S = t("OrDateTimePickerMobileControl"), V = t("OrDateTimePickerPopoverHeader"), D = t("OrDateTimePickerTimeSelect"), f = t("OrDateTimePickerPopoverFooter"), a = t("OrPopover"), l = t("OrIconButton"), g = t("OrIcon"), F = t("OrInputBox"), B = t("OrHint"), h = t("OrError"), c = M("dropdown-open"), o = M("dropdown-close");
-  return u(), R("div", {
+  const s = t("OrLabel"), T = t("OrDateTimePickerTimeControl"), S = t("OrDateTimePickerMobileControl"), V = t("OrDateTimePickerPopoverHeader"), D = t("OrDateTimePickerTimeSelect"), f = t("OrDateTimePickerPopoverFooter"), a = t("OrPopover"), l = t("OrIconButton"), g = t("OrIcon"), F = t("OrInputBox"), B = t("OrHint"), h = t("OrError"), c = E("dropdown-open"), o = E("dropdown-close");
+  return u(), Z("div", {
     ref: "root",
     class: P(e.rootStyles)
   }, [
@@ -205,7 +205,7 @@ function ve(e, r, w, I, k, L) {
         ])
       ]),
       _: 3
-    }, 8, ["required", "disabled"])) : E("", !0),
+    }, 8, ["required", "disabled"])) : H("", !0),
     y((u(), v(F, {
       ref: "inputBox",
       variant: e.variant,
@@ -220,7 +220,7 @@ function ve(e, r, w, I, k, L) {
           icon: "close",
           color: "inherit",
           disabled: e.readonly || e.disabled,
-          onClick: r[5] || (r[5] = j((n) => e.$emit("update:modelValue", void 0), ["stop"]))
+          onClick: r[5] || (r[5] = _((n) => e.$emit("update:modelValue", void 0), ["stop"]))
         }, null, 8, ["disabled"])) : (u(), v(g, {
           key: 1,
           icon: "schedule",
@@ -310,15 +310,15 @@ function ve(e, r, w, I, k, L) {
       ]),
       _: 3
     }, 8, ["disabled"])), [
-      [H, !e.error]
-    ]) : E("", !0),
+      [N, !e.error]
+    ]) : H("", !0),
     y(d(h, { disabled: e.disabled }, {
       default: i(() => [
         b(O(e.error), 1)
       ]),
       _: 1
     }, 8, ["disabled"]), [
-      [H, typeof e.error == "string" && e.error.length > 0]
+      [N, typeof e.error == "string" && e.error.length > 0]
     ])
   ], 2);
 }
@@ -326,4 +326,4 @@ const Ce = /* @__PURE__ */ de(pe, [["render", ve]]);
 export {
   Ce as O
 };
-//# sourceMappingURL=OrTimePicker-CZwt1j2S.mjs.map
+//# sourceMappingURL=OrTimePicker-BMaG_y1J.mjs.map

package/dist/esm/OrTimePicker-BMaG_y1J.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrTimePicker-BMaG_y1J.mjs","sources":["../../../components/or-time-picker-v3/src/styles.ts","../../../components/or-time-picker-v3/src/OrTimePicker.vue"],"sourcesContent":["export const TimePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const TimePickerPopover: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"openPopover\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerTimeControl\n        v-model=\"draft\"\n        v-dropdown-open=\"openPopover\"\n        v-dropdown-close=\"closePopover\"\n        :class=\"['!border-0']\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :class=\"popoverStyles\"\n        :custom-styles=\"popoverStyles\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <OrDateTimePickerPopoverHeader>\n          <OrDateTimePickerMobileControl\n            :label=\"'Time'\"\n            :selected=\"true\"\n          >\n            {{ draft ? formatMobileTime(draft, resolvedFormat, resolvedLocale) : '--' }}\n          </OrDateTimePickerMobileControl>\n        </OrDateTimePickerPopoverHeader>\n\n        <OrDateTimePickerTimeSelect\n          v-model=\"draft\"\n          :initial-value=\"initialValue\"\n          :format=\"resolvedFormat\"\n          :locale=\"resolvedLocale\"\n          :hours-filter=\"hoursFilter\"\n          :minutes-filter=\"minutesFilter\"\n          :hour-step=\"hourStep\"\n          :minute-step=\"minuteStep\"\n          :is-active=\"popover && popover.state === 'open'\"\n        />\n\n        <OrDateTimePickerPopoverFooter\n          :disabled=\"invalid\"\n          @apply=\"apply(); popover && popover.close()\"\n          @reset=\"reset(); popover && popover.close()\"\n        />\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'schedule'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { ReferenceElement } from '@floating-ui/dom';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useLocale, useProxyModelValue, useTimeFormat } from '@onereach/ui-components-common/hooks';\nimport { FilterFunction, FormatFunction, TimeFormat } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerMobileControl, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, OrDateTimePickerTimeControl, OrDateTimePickerTimeSelect, formatMobileTime, getCurrentDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrTimePicker',\n\n  components: {\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrDateTimePickerTimeControl,\n    OrDateTimePickerTimeSelect,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateTimePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${TimeFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    hoursFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    minutesFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    hourStep: {\n      type: Number,\n      default: 1,\n    },\n\n    minuteStep: {\n      type: Number,\n      default: 1,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-time-picker-v3',\n      ...Styles.TimePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-time-picker-popover-v3',\n      ...Styles.TimePickerPopover,\n    ]);\n\n    // Options\n    const resolvedFormat = useTimeFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValue = ref(props.modelValue ?? getCurrentDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValue.value = value ?? getCurrentDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const invalid = computed(() => {\n      if (draft.value) {\n        if (props.hoursFilter && !props.hoursFilter(draft.value)) {\n          return true;\n        }\n\n        if (props.minutesFilter && !props.minutesFilter(draft.value)) {\n          return true;\n        }\n\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value;\n    }\n\n    function openPopover(): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValue,\n\n      model,\n      draft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      openPopover,\n      closePopover,\n\n      formatMobileTime,\n    };\n  },\n});\n</script>\n"],"names":["TimePicker","TimePickerPopover","_sfc_main","defineComponent","OrDateTimePickerMobileControl","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrDateTimePickerTimeControl","OrDateTimePickerTimeSelect","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.TimePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","Styles.TimePickerPopover","resolvedFormat","useTimeFormat","toRef","resolvedLocale","useLocale","initialValue","getCurrentDate","watch","value","model","useProxyModelValue","draft","invalid","apply","reset","openPopover","popoverInstance","closePopover","formatMobileTime","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerTimeControl","_directive_dropdown_open","_directive_dropdown_close","_component_OrPopover","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}