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

package/dist/esm/OrFormGroup-BFAjTfM9.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrFormGroup-BFAjTfM9.mjs","sources":["../../../components/or-form-group-v3/src/types.ts","../../../components/or-form-group-v3/src/props.ts","../../../components/or-form-group-v3/src/styles.ts","../../../components/or-form-group-v3/src/OrFormGroup.vue"],"sourcesContent":["export enum FormGroupDirection {\n  Vertical = 'vertical',\n  Horizontal = 'horizontal',\n}\n","export enum FormGroupSpacing {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n}\n","import { FormGroupDirection } from './types';\nimport { FormGroupSpacing } from './props';\n\nexport const FormGroup: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const FormGroupContent: string[] = [];\n\nexport const FormGroupContentDirections: Record<FormGroupDirection, string[]> = {\n  [FormGroupDirection.Vertical]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [FormGroupDirection.Horizontal]: [\n    // Layout\n    'layout-row',\n  ],\n};\n\nexport const FormGroupContentSpacing: Record<FormGroupSpacing, string[]> = {\n  [FormGroupSpacing.NONE]: [],\n  [FormGroupSpacing.SM]: [\n    // Spacing\n    'gap-sm',\n  ],\n\n  [FormGroupSpacing.MD]: [\n    // Spacing\n    'gap-md',\n  ],\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        :variant=\"'group'\"\n        :invalid=\"!!error\"\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    <div :class=\"contentStyles\">\n      <slot />\n    </div>\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 { PropType, computed, defineComponent, ref } from 'vue';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport * as Styles from './styles';\nimport { FormGroupDirection } from './types';\nimport { FormGroupSpacing } from './props';\n\nexport default defineComponent({\n  name: 'OrFormGroup',\n\n  components: {\n    OrError,\n    OrHint,\n    OrLabel,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\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    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-form-group-v3',\n      ...Styles.FormGroup,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.FormGroupContent,\n      ...Styles.FormGroupContentDirections[props.direction],\n      ...Styles.FormGroupContentSpacing[props.spacing],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n    };\n  },\n});\n\n</script>\n"],"names":["FormGroupDirection","FormGroupSpacing","FormGroup","FormGroupContent","FormGroupContentDirections","FormGroupContentSpacing","_sfc_main","defineComponent","OrError","OrHint","OrLabel","props","root","ref","rootStyles","computed","Styles.FormGroup","contentStyles","Styles.FormGroupContent","Styles.FormGroupContentDirections","Styles.FormGroupContentSpacing","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_component_OrHint","_withDirectives","_createVNode","_component_OrError","_withCtx"],"mappings":"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"}
+{"version":3,"file":"OrFormGroup-BFAjTfM9.mjs","sources":["../../../components/or-form-group-v3/src/types.ts","../../../components/or-form-group-v3/src/props.ts","../../../components/or-form-group-v3/src/styles.ts","../../../components/or-form-group-v3/src/OrFormGroup.vue"],"sourcesContent":["export enum FormGroupDirection {\n  Vertical = 'vertical',\n  Horizontal = 'horizontal',\n}\n","export enum FormGroupSpacing {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n}\n","import { FormGroupDirection } from './types';\nimport { FormGroupSpacing } from './props';\n\nexport const FormGroup: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n];\n\nexport const FormGroupContent: string[] = [];\n\nexport const FormGroupContentDirections: Record<FormGroupDirection, string[]> = {\n  [FormGroupDirection.Vertical]: [\n    // Layout\n    'layout-column',\n  ],\n\n  [FormGroupDirection.Horizontal]: [\n    // Layout\n    'layout-row',\n  ],\n};\n\nexport const FormGroupContentSpacing: Record<FormGroupSpacing, string[]> = {\n  [FormGroupSpacing.NONE]: [],\n  [FormGroupSpacing.SM]: [\n    // Spacing\n    'gap-sm',\n  ],\n\n  [FormGroupSpacing.MD]: [\n    // Spacing\n    'gap-md',\n  ],\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        :variant=\"'group'\"\n        :invalid=\"!!error\"\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    <div :class=\"contentStyles\">\n      <slot />\n    </div>\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 { PropType, computed, defineComponent, ref } from 'vue';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport * as Styles from './styles';\nimport { FormGroupDirection } from './types';\nimport { FormGroupSpacing } from './props';\n\nexport default defineComponent({\n  name: 'OrFormGroup',\n\n  components: {\n    OrError,\n    OrHint,\n    OrLabel,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${FormGroupDirection}`>,\n      default: () => FormGroupDirection.Vertical,\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    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    spacing: {\n      type: String as PropType<`${FormGroupSpacing}`>,\n      default: FormGroupSpacing.SM,\n    },\n  },\n\n  setup(props) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-form-group-v3',\n      ...Styles.FormGroup,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...Styles.FormGroupContent,\n      ...Styles.FormGroupContentDirections[props.direction],\n      ...Styles.FormGroupContentSpacing[props.spacing],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n\n      contentStyles,\n    };\n  },\n});\n\n</script>\n"],"names":["FormGroupDirection","FormGroupSpacing","FormGroup","FormGroupContent","FormGroupContentDirections","FormGroupContentSpacing","_sfc_main","defineComponent","OrError","OrHint","OrLabel","props","root","ref","rootStyles","computed","Styles.FormGroup","contentStyles","Styles.FormGroupContent","Styles.FormGroupContentDirections","Styles.FormGroupContentSpacing","_resolveComponent","_openBlock","_createElementBlock","$slots","_ctx","_createBlock","_component_OrLabel","disabled","_renderSlot","_withCtx","_createCommentVNode","_normalizeClass","hint","_withDirectives","_component_OrHint","_vShow","_createVNode","_component_OrError","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/esm/OrHint-NvbZyURY.mjs.map

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

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

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

package/dist/esm/OrIconButton-BlHCLpeW.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrIconButton-BlHCLpeW.mjs","sources":["../../../components/or-icon-button-v3/src/props.ts","../../../components/or-icon-button-v3/src/styles.ts","../../../components/or-icon-button-v3/src/OrIconButton.vue"],"sourcesContent":["export enum IconButtonColor {\n  Default = 'default',\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { IconButtonColor } from './props';\n\nexport const IconButton: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Shape\n  'rounded-full',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-button',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Iconography (hover)\n  'hover:md:iconography-filled',\n\n  // Iconography (focus)\n  'focus-visible:md:iconography-filled',\n\n  // Iconography (active)\n  'active:iconography-filled',\n\n  // Theme\n  '!outline outline-2 outline-transparent',\n];\n\nexport const IconButtonColors: Record<IconButtonColor, string[]> = {\n  [IconButtonColor.Default]: [\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 (hover)\n    'hover:md:theme-foreground-default',\n    'dark:hover:md:theme-foreground-default-dark',\n\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:theme-foreground-default',\n    'dark:focus-visible:md:theme-foreground-default-dark',\n\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:theme-foreground-default',\n    'dark:active:theme-foreground-default-dark',\n\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n\n    // Theme (selected)\n    'selected:theme-foreground-default',\n    'dark:selected:theme-foreground-default-dark',\n  ],\n\n  [IconButtonColor.Primary]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Danger]: [\n    // Theme\n    'theme-preset-3-error',\n    'dark:theme-preset-3-error-dark',\n\n    // Theme (hover)\n    'hover:md:outline-error-opacity-0-08',\n    'dark:hover:md:outline-error-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-error-opacity-0-08',\n    'dark:focus-visible:md:outline-error-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-error-opacity-0-08',\n    'dark:active:outline-error-opacity-0-08-dark',\n\n    'active:md:outline-error-opacity-0-16',\n    'dark:active:md:outline-error-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Inherit]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"'button'\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @mouseover=\"tooltipRef && tooltipRef.open()\"\n    @mouseout=\"tooltipRef && tooltipRef.close()\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <OrIcon v-bind=\"iconProps\" />\n    <OrTooltip\n      ref=\"tooltipRef\"\n      :trigger=\"root\"\n      v-bind=\"tooltipProps\"\n    >\n      <template\n        v-if=\"$slots.tooltipContent\"\n        v-slot:content\n      >\n        <slot name=\"tooltipContent\" />\n      </template>\n    </OrTooltip>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { IconButtonColor } from './props';\nimport { IconButton, IconButtonColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrIconButton',\n\n  components: {\n    OrIcon,\n    OrTooltip,\n  },\n\n  props: {\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    icon: {\n      type: [String, Object] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${IconButtonColor}`>,\n      default: () => IconButtonColor.Default,\n    },\n\n    size: {\n      type: String as PropType<`${IconSize}`>,\n      default: () => IconSize.M,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrTooltip>['$props']>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n    const tooltipRef = ref<InstanceType<typeof OrTooltip>>();\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: props.size,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: props.size,\n          ...(props.icon as object),\n        };\n    });\n\n    const tooltipProps = computed(() => {\n      return typeof props.tooltip === 'string'\n        ? {\n          content: props.tooltip,\n        }\n        : props.tooltip;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-icon-button-v3',\n      ...IconButton,\n      ...IconButtonColors[props.color],\n      ...props.additionalStyles,\n    ]);\n\n    return {\n      root,\n      tooltipRef,\n\n      rootStyles,\n\n      iconProps,\n      tooltipProps,\n\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["IconButtonColor","IconButton","IconButtonColors","_sfc_main","defineComponent","OrIcon","OrTooltip","IconSize","props","emit","root","ref","tooltipRef","iconProps","computed","IconVariant","tooltipProps","rootStyles","isVue3","e","_component_OrTooltip","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","_ctx","_cache","$event","_toHandlers","_createVNode","_component_OrIcon","_normalizeProps","_guardReactiveProps","_createSlots","_withCtx"],"mappings":"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"}
+{"version":3,"file":"OrIconButton-BlHCLpeW.mjs","sources":["../../../components/or-icon-button-v3/src/props.ts","../../../components/or-icon-button-v3/src/styles.ts","../../../components/or-icon-button-v3/src/OrIconButton.vue"],"sourcesContent":["export enum IconButtonColor {\n  Default = 'default',\n  Primary = 'primary',\n  Danger = 'danger',\n  Inherit = 'inherit',\n}\n","import { IconButtonColor } from './props';\n\nexport const IconButton: string[] = [\n  // Layout\n  'layout-inline-row justify-center',\n\n  // Shape\n  'rounded-full',\n\n  // Interactivity\n  'interactivity-click',\n\n  // Typography\n  'typography-button',\n\n  // Iconography\n  'iconography-outlined',\n\n  // Iconography (hover)\n  'hover:md:iconography-filled',\n\n  // Iconography (focus)\n  'focus-visible:md:iconography-filled',\n\n  // Iconography (active)\n  'active:iconography-filled',\n\n  // Theme\n  '!outline outline-2 outline-transparent',\n];\n\nexport const IconButtonColors: Record<IconButtonColor, string[]> = {\n  [IconButtonColor.Default]: [\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 (hover)\n    'hover:md:theme-foreground-default',\n    'dark:hover:md:theme-foreground-default-dark',\n\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:theme-foreground-default',\n    'dark:focus-visible:md:theme-foreground-default-dark',\n\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:theme-foreground-default',\n    'dark:active:theme-foreground-default-dark',\n\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n\n    // Theme (selected)\n    'selected:theme-foreground-default',\n    'dark:selected:theme-foreground-default-dark',\n  ],\n\n  [IconButtonColor.Primary]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Danger]: [\n    // Theme\n    'theme-preset-3-error',\n    'dark:theme-preset-3-error-dark',\n\n    // Theme (hover)\n    'hover:md:outline-error-opacity-0-08',\n    'dark:hover:md:outline-error-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-error-opacity-0-08',\n    'dark:focus-visible:md:outline-error-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-error-opacity-0-08',\n    'dark:active:outline-error-opacity-0-08-dark',\n\n    'active:md:outline-error-opacity-0-16',\n    'dark:active:md:outline-error-opacity-0-16-dark',\n  ],\n\n  [IconButtonColor.Inherit]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-inherit',\n    'dark:theme-foreground-inherit-dark',\n\n    // Theme (hover)\n    'hover:md:outline-primary-opacity-0-08',\n    'dark:hover:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (focus)\n    'focus-visible:md:outline-primary-opacity-0-08',\n    'dark:focus-visible:md:outline-primary-opacity-0-08-dark',\n\n    // Theme (active)\n    'active:outline-primary-opacity-0-08',\n    'dark:active:outline-primary-opacity-0-08-dark',\n\n    'active:md:outline-primary-opacity-0-16',\n    'dark:active:md:outline-primary-opacity-0-16-dark',\n  ],\n};\n","<template>\n  <button\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :type=\"'button'\"\n    :selected=\"selected\"\n    :disabled=\"disabled\"\n    @mouseover=\"tooltipRef && tooltipRef.open()\"\n    @mouseout=\"tooltipRef && tooltipRef.close()\"\n    v-on=\"{\n      ...(isVue3 ? {} : $listeners),\n      click: onClick,\n      focus: onFocus,\n      blur: onBlur,\n    }\"\n  >\n    <OrIcon v-bind=\"iconProps\" />\n    <OrTooltip\n      ref=\"tooltipRef\"\n      :trigger=\"root\"\n      v-bind=\"tooltipProps\"\n    >\n      <template\n        v-if=\"$slots.tooltipContent\"\n        v-slot:content\n      >\n        <slot name=\"tooltipContent\" />\n      </template>\n    </OrTooltip>\n  </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrTooltipV3 as OrTooltip } from '@onereach/ui-components.or-tooltip-v3';\nimport { IconButtonColor } from './props';\nimport { IconButton, IconButtonColors } from './styles';\n\nexport default defineComponent({\n  name: 'OrIconButton',\n\n  components: {\n    OrIcon,\n    OrTooltip,\n  },\n\n  props: {\n    // TODO: Remove after migration to Vue 3\n    additionalStyles: {\n      type: Array as PropType<string[]>,\n      default: () => [],\n    },\n\n    icon: {\n      type: [String, Object] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n      required: true,\n    },\n\n    color: {\n      type: String as PropType<`${IconButtonColor}`>,\n      default: () => IconButtonColor.Default,\n    },\n\n    size: {\n      type: String as PropType<`${IconSize}`>,\n      default: () => IconSize.M,\n    },\n\n    selected: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    tooltip: {\n      type: [String, Object] as PropType<string | InstanceType<typeof OrTooltip>['$props']>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'click',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, { emit }) {\n    // Refs\n    const root = ref<HTMLButtonElement>();\n    const tooltipRef = ref<InstanceType<typeof OrTooltip>>();\n\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: props.size,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: props.size,\n          ...(props.icon as object),\n        };\n    });\n\n    const tooltipProps = computed(() => {\n      return typeof props.tooltip === 'string'\n        ? {\n          content: props.tooltip,\n        }\n        : props.tooltip;\n    });\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-icon-button-v3',\n      ...IconButton,\n      ...IconButtonColors[props.color],\n      ...props.additionalStyles,\n    ]);\n\n    return {\n      root,\n      tooltipRef,\n\n      rootStyles,\n\n      iconProps,\n      tooltipProps,\n\n      isVue3,\n      onClick: (e: unknown) => emit('click', e),\n      onFocus: (e: unknown) => emit('focus', e),\n      onBlur: (e: unknown) => emit('blur', e),\n    };\n  },\n});\n</script>\n"],"names":["IconButtonColor","IconButton","IconButtonColors","_sfc_main","defineComponent","OrIcon","OrTooltip","IconSize","props","emit","root","ref","tooltipRef","iconProps","computed","IconVariant","tooltipProps","rootStyles","isVue3","e","_component_OrTooltip","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","selected","_ctx","_cache","$event","$listeners","onClick","onFocus","onBlur","_createVNode","_component_OrIcon","_normalizeProps","_guardReactiveProps","$slots","_createSlots","_withCtx","_renderSlot"],"mappings":"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"}

package/dist/esm/OrIndicator-CCrOseW7.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrIndicator-CCrOseW7.mjs","sources":["../../../components/or-indicator-v3/src/props.ts","../../../components/or-indicator-v3/src/styles.ts","../../../components/or-indicator-v3/src/OrIndicator.vue"],"sourcesContent":["export enum IndicatorColor {\n  Success = 'success',\n  Neutral = 'neutral',\n  Warning = 'warning',\n  Outline = 'outline',\n  Error = 'error',\n  Inherit = 'inherit',\n}\n\nexport enum IndicatorSize {\n  XL = 'xl',\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { IndicatorColor, IndicatorSize } from './props';\n\nexport const IndicatorShape: Record<IndicatorSize, string[]> = {\n  [IndicatorSize.XL]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[24px]',\n    'h-[24px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.L]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[20px]',\n    'h-[20px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.M]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[16px]',\n    'h-[16px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.S]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[8px]',\n    'h-[8px]',\n\n    // Shape\n    'rounded-full',\n  ],\n};\n\nexport const IndicatorThemes: Record<IndicatorColor, string[]> = {\n  [IndicatorColor.Error]: [\n    'theme-foreground-on-error',\n    'dark:theme-foreground-on-error-dark',\n    'theme-background-error',\n    'dark:theme-background-error-dark',\n  ],\n  [IndicatorColor.Neutral]: [\n    'theme-foreground-on-primary',\n    'dark:theme-foreground-on-primary-dark',\n    'theme-background-primary',\n    'dark:theme-background-primary-dark',\n  ],\n  [IndicatorColor.Inherit]: [],\n  [IndicatorColor.Outline]: [\n    'theme-foreground-on-secondary',\n    'dark:theme-foreground-on-secondary-dark',\n    'theme-background-secondary',\n    'dark:theme-background-secondary-dark',\n  ],\n  [IndicatorColor.Success]: [\n    'theme-foreground-on-success',\n    'dark:theme-foreground-on-success-dark',\n    'theme-background-success',\n    'dark:theme-background-success-dark',\n  ],\n  [IndicatorColor.Warning]: [\n    'theme-foreground-on-warning',\n    'dark:theme-foreground-on-warning-dark',\n    'theme-background-warning',\n    'dark:theme-background-warning-dark',\n  ],\n};\n\nexport const IndicatorIconThemes: Record<IndicatorColor, string[]> = {\n  [IndicatorColor.Error]: [\n    'theme-foreground-error',\n    'dark:theme-foreground-error-dark',\n  ],\n  [IndicatorColor.Neutral]: [\n    'theme-foreground-primary',\n    'dark:theme-foreground-primary-dark',\n  ],\n  [IndicatorColor.Inherit]: [],\n  [IndicatorColor.Outline]: [\n    'theme-foreground-secondary',\n    'dark:theme-foreground-secondary-dark',\n  ],\n  [IndicatorColor.Success]: [\n    'theme-foreground-success',\n    'dark:theme-foreground-success-dark',\n  ],\n  [IndicatorColor.Warning]: [\n    'theme-foreground-warning',\n    'dark:theme-foreground-warning-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrIcon\n      v-if=\"icon\"\n      :class=\"iconContainerStyles\"\n      v-bind=\"iconProps\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { IndicatorColor, IndicatorSize } from './props';\nimport { IndicatorShape, IndicatorThemes, IndicatorIconThemes } from './styles';\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\n\nexport default defineComponent({\n  name: 'OrIndicator',\n\n  components: {\n    OrIcon,\n  },\n\n  props: {\n    size: {\n      type: String as PropType<`${IndicatorSize}`>,\n      default: () => IndicatorSize.M,\n    },\n    color: {\n      type: String as PropType<`${IndicatorColor}`>,\n      default: IndicatorColor.Neutral,\n    },\n    icon: {\n      type: [String, Object, undefined] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>> | undefined,\n      default: undefined,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-indicator-v3',\n      ...(!props.icon ? IndicatorShape[props.size] : []),\n      ...(!props.icon ? IndicatorThemes[props.color] : []),\n    ]);\n\n    const iconContainerStyles = computed(() => ([\n      ...IndicatorIconThemes[props.color],\n    ]));\n\n    // Icon props\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: (props.size === IndicatorSize.S ? IconSize.M : props.size) as IconSize,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: (props.size === IndicatorSize.S ? IconSize.M : props.size) as IconSize,\n          ...(props.icon as object),\n        };\n    });\n\n    return {\n      iconContainerStyles,\n      iconProps,\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["IndicatorColor","IndicatorSize","IndicatorShape","IndicatorThemes","IndicatorIconThemes","_sfc_main","defineComponent","OrIcon","props","root","ref","rootStyles","computed","iconContainerStyles","iconProps","IconVariant","IconSize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrIcon","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"OrIndicator-CCrOseW7.mjs","sources":["../../../components/or-indicator-v3/src/props.ts","../../../components/or-indicator-v3/src/styles.ts","../../../components/or-indicator-v3/src/OrIndicator.vue"],"sourcesContent":["export enum IndicatorColor {\n  Success = 'success',\n  Neutral = 'neutral',\n  Warning = 'warning',\n  Outline = 'outline',\n  Error = 'error',\n  Inherit = 'inherit',\n}\n\nexport enum IndicatorSize {\n  XL = 'xl',\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { IndicatorColor, IndicatorSize } from './props';\n\nexport const IndicatorShape: Record<IndicatorSize, string[]> = {\n  [IndicatorSize.XL]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[24px]',\n    'h-[24px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.L]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[20px]',\n    'h-[20px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.M]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[16px]',\n    'h-[16px]',\n\n    // Shape\n    'rounded-full',\n  ],\n  [IndicatorSize.S]: [\n    // Layout\n    'shrink-0',\n\n    // Box\n    'w-[8px]',\n    'h-[8px]',\n\n    // Shape\n    'rounded-full',\n  ],\n};\n\nexport const IndicatorThemes: Record<IndicatorColor, string[]> = {\n  [IndicatorColor.Error]: [\n    'theme-foreground-on-error',\n    'dark:theme-foreground-on-error-dark',\n    'theme-background-error',\n    'dark:theme-background-error-dark',\n  ],\n  [IndicatorColor.Neutral]: [\n    'theme-foreground-on-primary',\n    'dark:theme-foreground-on-primary-dark',\n    'theme-background-primary',\n    'dark:theme-background-primary-dark',\n  ],\n  [IndicatorColor.Inherit]: [],\n  [IndicatorColor.Outline]: [\n    'theme-foreground-on-secondary',\n    'dark:theme-foreground-on-secondary-dark',\n    'theme-background-secondary',\n    'dark:theme-background-secondary-dark',\n  ],\n  [IndicatorColor.Success]: [\n    'theme-foreground-on-success',\n    'dark:theme-foreground-on-success-dark',\n    'theme-background-success',\n    'dark:theme-background-success-dark',\n  ],\n  [IndicatorColor.Warning]: [\n    'theme-foreground-on-warning',\n    'dark:theme-foreground-on-warning-dark',\n    'theme-background-warning',\n    'dark:theme-background-warning-dark',\n  ],\n};\n\nexport const IndicatorIconThemes: Record<IndicatorColor, string[]> = {\n  [IndicatorColor.Error]: [\n    'theme-foreground-error',\n    'dark:theme-foreground-error-dark',\n  ],\n  [IndicatorColor.Neutral]: [\n    'theme-foreground-primary',\n    'dark:theme-foreground-primary-dark',\n  ],\n  [IndicatorColor.Inherit]: [],\n  [IndicatorColor.Outline]: [\n    'theme-foreground-secondary',\n    'dark:theme-foreground-secondary-dark',\n  ],\n  [IndicatorColor.Success]: [\n    'theme-foreground-success',\n    'dark:theme-foreground-success-dark',\n  ],\n  [IndicatorColor.Warning]: [\n    'theme-foreground-warning',\n    'dark:theme-foreground-warning-dark',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrIcon\n      v-if=\"icon\"\n      :class=\"iconContainerStyles\"\n      v-bind=\"iconProps\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { IndicatorColor, IndicatorSize } from './props';\nimport { IndicatorShape, IndicatorThemes, IndicatorIconThemes } from './styles';\nimport { IconSize, IconVariant, OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\n\nexport default defineComponent({\n  name: 'OrIndicator',\n\n  components: {\n    OrIcon,\n  },\n\n  props: {\n    size: {\n      type: String as PropType<`${IndicatorSize}`>,\n      default: () => IndicatorSize.M,\n    },\n    color: {\n      type: String as PropType<`${IndicatorColor}`>,\n      default: IndicatorColor.Neutral,\n    },\n    icon: {\n      type: [String, Object, undefined] as PropType<string | Omit<InstanceType<typeof OrIcon>['$props'], 'size'>> | undefined,\n      default: undefined,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-indicator-v3',\n      ...(!props.icon ? IndicatorShape[props.size] : []),\n      ...(!props.icon ? IndicatorThemes[props.color] : []),\n    ]);\n\n    const iconContainerStyles = computed(() => ([\n      ...IndicatorIconThemes[props.color],\n    ]));\n\n    // Icon props\n    const iconProps = computed(() => {\n      return typeof props.icon === 'string'\n        ? {\n          icon: props.icon,\n          variant: IconVariant.Inherit,\n          size: (props.size === IndicatorSize.S ? IconSize.M : props.size) as IconSize,\n        }\n        : {\n          variant: IconVariant.Inherit,\n          size: (props.size === IndicatorSize.S ? IconSize.M : props.size) as IconSize,\n          ...(props.icon as object),\n        };\n    });\n\n    return {\n      iconContainerStyles,\n      iconProps,\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["IndicatorColor","IndicatorSize","IndicatorShape","IndicatorThemes","IndicatorIconThemes","_sfc_main","defineComponent","OrIcon","props","root","ref","rootStyles","computed","iconContainerStyles","iconProps","IconVariant","IconSize","_resolveComponent","_openBlock","_createElementBlock","icon","_ctx","_createBlock","_component_OrIcon","_mergeProps","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrInlineInput-1WPe9sXl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInlineInput-1WPe9sXl.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: 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 InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        >\n        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\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 v-show=\"typeof error === 'string' && error.length > 0\">\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 { 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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\n\n    'focus',\n    'blur',\n\n    'activate',\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-inline-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\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 activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activate();\n    }\n\n    function onTextClick(): void {\n      activate(true);\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function activate(forceFocus = false): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n\n      if (forceFocus) nextTick(() => focus());\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n\n      activate,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","activate","onTextClick","onBlur","apply","nextTick","reset","focus","blur","forceFocus","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrInlineInputBox","_withDirectives","_mergeProps","_cache","$event","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","_createCommentVNode","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrInlineInput-1WPe9sXl.mjs","sources":["../../../components/or-inline-input-v3/src/styles.ts","../../../components/or-inline-input-v3/src/types.ts","../../../components/or-inline-input-v3/src/OrInlineInput.vue"],"sourcesContent":["import { InlineInputBoxSize } from '@onereach/ui-components.or-inline-input-box-v3';\n\nexport const InlineInput: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineInputControl: 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 InlineInputAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n\nexport const InlineInputActionSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'px-0',\n    'py-sm',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'px-0',\n    'py-xs',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'px-0',\n    'py-xs*',\n  ],\n};\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InlineInputModelValue = ModelValue<string | number>;\n\nexport enum InlineInputType {\n  Text = 'text',\n  Number = 'number',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <input\n          v-if=\"activated || !draft\"\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"draft\"\n          :class=\"controlStyles\"\n          :type=\"type\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        >\n        <OrText\n          v-else\n          :text=\"draft.toString()\"\n          :slice-index=\"sliceIndex\"\n          :class=\"controlStyles\"\n          @click=\"onTextClick\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\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 v-show=\"typeof error === 'string' && error.length > 0\">\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 { 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 { InlineInputBoxSize, OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { OrTextV3 as OrText } from '@onereach/ui-components.or-text-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\n\nimport * as Styles from './styles';\nimport { InlineInputModelValue, InlineInputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInlineInput',\n\n  components: {\n    OrError,\n    OrText,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineInputModelValue>,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InlineInputType}`>,\n      default: () => InlineInputType.Text,\n    },\n\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\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    saveOnBlur: {\n      type: Boolean,\n      default: false,\n    },\n\n    sliceIndex: {\n      type: Number,\n      default: 0,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\n\n    'focus',\n    'blur',\n\n    'activate',\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-inline-input-v3',\n      ...Styles.InlineInput,\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InlineInputControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...Styles.InlineInputAction,\n      ...Styles.InlineInputActionSizes[props.size],\n    ]);\n\n    // State\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 activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activate();\n    }\n\n    function onTextClick(): void {\n      activate(true);\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    function activate(forceFocus = false): void {\n      if (!activated.value) {\n        activated.value = true;\n      }\n\n      if (forceFocus) nextTick(() => focus());\n    }\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n      onTextClick,\n\n      apply,\n      reset,\n\n      focus,\n      blur,\n\n      activate,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"number\"]::-webkit-inner-spin-button {\n  display: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["InlineInput","InlineInputControl","InlineInputAction","InlineInputActionSizes","InlineInputBoxSize","InlineInputType","_sfc_main","defineComponent","OrError","OrText","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.InlineInput","control","controlStyles","Styles.InlineInputControl","actionStyles","Styles.InlineInputAction","Styles.InlineInputActionSizes","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","activate","onTextClick","onBlur","apply","nextTick","reset","focus","blur","forceFocus","_normalizeClass","_resolveComponent","_openBlock","_createElementBlock","_ctx","_createElementVNode","_hoisted_1","_createVNode","error","_withDirectives","_mergeProps","_cache","$event","$emit","_createBlock","_component_OrText","_component_OrIconButton","_withModifiers","$slots","hint","_component_OrHint","_createSlots","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","_vShow","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrInlineInputBox-M_zTO43m.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInlineInputBox-M_zTO43m.mjs","sources":["../../../components/or-inline-input-box-v3/src/props.ts","../../../components/or-inline-input-box-v3/src/styles.ts","../../../components/or-inline-input-box-v3/src/OrInlineInputBox.vue"],"sourcesContent":["export enum InlineInputBoxSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { InlineInputBoxSize } from './props';\n\nexport const InlineInputBox: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-full',\n  'box-border',\n\n  // Shape\n  'rounded-sm',\n\n  // Theme\n  // Border\n  'border-solid',\n  'border-1',\n  'border-transparent',\n\n  'enabled:valid:focus-within:border-primary',\n  'enabled:valid:focus-within:dark:border-primary-dark',\n\n  'enabled:invalid:focus-within:border-error',\n  'enabled:invalid:focus-within:dark:border-error-dark',\n\n\n  // Outline\n  'enabled:outline-none',\n  'enabled:outline-2',\n  'enabled:outline-offset-0',\n\n  'enabled:valid:focus-within:outline-primary-opacity-0-16',\n  'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark',\n\n  'enabled:invalid:focus-within:outline-error-opacity-0-16',\n  'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark',\n\n  // Background\n  'enabled:valid:hover:bg-primary-opacity-0-08',\n  'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark',\n\n  // 'enabled:valid:focus-within:bg-primary-opacity-0-08',\n  // 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark',\n\n  'enabled:valid:activated:bg-primary-opacity-0-08',\n  'enabled:valid:activated:dark:bg-primary-opacity-0-08-dark',\n\n  'enabled:invalid:bg-error-opacity-0-08',\n  'enabled:invalid:dark:bg-error-opacity-0-08-dark',\n\n\n  // Text\n  'enabled:valid:text-on-background',\n  'enabled:valid:dark:text-on-background-dark',\n\n  'enabled:valid:focus-within:text-on-background',\n  'enabled:valid:focus-within:dark:text-on-background-dark',\n\n  'enabled:invalid:focus-within:text-on-background',\n  'enabled:invalid:focus-within:dark:text-on-background-dark',\n\n\n  'disabled:text-on-disabled',\n  'disabled:dark:text-on-disabled-dark',\n];\n\nexport const InlineInputBoxSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'children:py-xs*',\n    'activated:children:px-sm',\n\n    'gap-md',\n\n    // Typography\n    'typography-headline-2',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'children:py-xs*',\n    'activated:children:px-sm',\n\n    'gap-md',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'activated:children:px-xs',\n    'children:py-0',\n\n    'gap-md',\n\n    // Typography\n    'typography-body-2-regular',\n    'leading-[23px] md:leading-[19px]',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :activated=\"activated\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { InlineInputBoxSize } from './props';\nimport { InlineInputBox, InlineInputBoxSizes } from './styles';\n\nexport default defineComponent({\n  name: 'OrInlineInputBox',\n\n  props: {\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    activated: {\n      type: Boolean,\n      default: false,\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-inline-input-box-v3',\n      ...InlineInputBox,\n      ...InlineInputBoxSizes[props.size],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InlineInputBoxSize","InlineInputBox","InlineInputBoxSizes","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KAHMA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA4D;AAAA,EACvE,CAACF,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GCpFAG,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMJ,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,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,EAAoBG,EAAM,IAAI;AAAA,IAAA,CAClC;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAtDSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,SAAWP,EAAS,UAAA;AAAA,IAAA,SAAAA,EAAA;AAAA,IAErB,WAAQA,EAAA;AAAA,EAAA,GAAA;AAAA;;;;"}
+{"version":3,"file":"OrInlineInputBox-M_zTO43m.mjs","sources":["../../../components/or-inline-input-box-v3/src/props.ts","../../../components/or-inline-input-box-v3/src/styles.ts","../../../components/or-inline-input-box-v3/src/OrInlineInputBox.vue"],"sourcesContent":["export enum InlineInputBoxSize {\n  L = 'l',\n  M = 'm',\n  S = 's',\n}\n","import { InlineInputBoxSize } from './props';\n\nexport const InlineInputBox: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-full',\n  'box-border',\n\n  // Shape\n  'rounded-sm',\n\n  // Theme\n  // Border\n  'border-solid',\n  'border-1',\n  'border-transparent',\n\n  'enabled:valid:focus-within:border-primary',\n  'enabled:valid:focus-within:dark:border-primary-dark',\n\n  'enabled:invalid:focus-within:border-error',\n  'enabled:invalid:focus-within:dark:border-error-dark',\n\n\n  // Outline\n  'enabled:outline-none',\n  'enabled:outline-2',\n  'enabled:outline-offset-0',\n\n  'enabled:valid:focus-within:outline-primary-opacity-0-16',\n  'enabled:valid:focus-within:dark:outline-primary-opacity-0-16-dark',\n\n  'enabled:invalid:focus-within:outline-error-opacity-0-16',\n  'enabled:invalid:focus-within:dark:outline-error-opacity-0-16-dark',\n\n  // Background\n  'enabled:valid:hover:bg-primary-opacity-0-08',\n  'enabled:valid:hover:dark:bg-primary-opacity-0-08-dark',\n\n  // 'enabled:valid:focus-within:bg-primary-opacity-0-08',\n  // 'enabled:valid:focus-within:dark:bg-primary-opacity-0-08-dark',\n\n  'enabled:valid:activated:bg-primary-opacity-0-08',\n  'enabled:valid:activated:dark:bg-primary-opacity-0-08-dark',\n\n  'enabled:invalid:bg-error-opacity-0-08',\n  'enabled:invalid:dark:bg-error-opacity-0-08-dark',\n\n\n  // Text\n  'enabled:valid:text-on-background',\n  'enabled:valid:dark:text-on-background-dark',\n\n  'enabled:valid:focus-within:text-on-background',\n  'enabled:valid:focus-within:dark:text-on-background-dark',\n\n  'enabled:invalid:focus-within:text-on-background',\n  'enabled:invalid:focus-within:dark:text-on-background-dark',\n\n\n  'disabled:text-on-disabled',\n  'disabled:dark:text-on-disabled-dark',\n];\n\nexport const InlineInputBoxSizes: Record<InlineInputBoxSize, string[]> = {\n  [InlineInputBoxSize.L]: [\n    // Spacing\n    'children:py-xs*',\n    'activated:children:px-sm',\n\n    'gap-md',\n\n    // Typography\n    'typography-headline-2',\n  ],\n\n  [InlineInputBoxSize.M]: [\n    // Spacing\n    'children:py-xs*',\n    'activated:children:px-sm',\n\n    'gap-md',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  [InlineInputBoxSize.S]: [\n    // Spacing\n    'activated:children:px-xs',\n    'children:py-0',\n\n    'gap-md',\n\n    // Typography\n    'typography-body-2-regular',\n    'leading-[23px] md:leading-[19px]',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :activated=\"activated\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { InlineInputBoxSize } from './props';\nimport { InlineInputBox, InlineInputBoxSizes } from './styles';\n\nexport default defineComponent({\n  name: 'OrInlineInputBox',\n\n  props: {\n    size: {\n      type: String as PropType<`${InlineInputBoxSize}`>,\n      default: () => InlineInputBoxSize.M,\n    },\n\n    invalid: {\n      type: Boolean,\n      default: false,\n    },\n\n    activated: {\n      type: Boolean,\n      default: false,\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-inline-input-box-v3',\n      ...InlineInputBox,\n      ...InlineInputBoxSizes[props.size],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InlineInputBoxSize","InlineInputBox","InlineInputBoxSizes","_sfc_main","defineComponent","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","activated"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KAHMA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAIA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA4D;AAAA,EACvE,CAACF,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAmB,CAAC,GAAG;AAAA;AAAA,IAEtB;AAAA,IACA;AAAA,IAEA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GCpFAG,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMJ,EAAmB;AAAA,IACpC;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,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,EAAoBG,EAAM,IAAI;AAAA,IAAA,CAClC;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAtDSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;AACN,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,SAAWC,EAAS,UAAA;AAAA,IAAA,SAAAR,EAAA;AAAA,IAErB,WAAQA,EAAA;AAAA,EAAA,GAAA;AAAA;;;;"}

package/dist/esm/OrInlineTextarea-COQceBb0.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInlineTextarea-COQceBb0.mjs","sources":["../../../components/or-inline-textarea-v3/src/styles.ts","../../../components/or-inline-textarea-v3/src/OrInlineTextarea.vue"],"sourcesContent":["export const InlineTextarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineTextareaControl: 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  // Behavior\n  'resize-none',\n];\n\nexport const InlineTextareaAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'px-0',\n  'py-sm*',\n\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <textarea\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model=\"draft\"\n          :class=\"controlStyles\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\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 v-show=\"typeof error === 'string' && error.length > 0\">\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 { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { InlineTextarea, InlineTextareaAction, InlineTextareaControl } from './styles';\nimport { InlineTextareaModelValue } from './types';\nimport { useTextareaAutosize } from '@vueuse/core';\n\nexport default defineComponent({\n  name: 'OrInlineTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineTextareaModelValue>,\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    saveOnBlur: {\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    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\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-inline-textarea-v3',\n      ...InlineTextarea,\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...InlineTextareaControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...InlineTextareaAction,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activated.value = true;\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    useTextareaAutosize({\n      element: control,\n      input: draft,\n    });\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n\n      apply,\n      reset,\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":["InlineTextarea","InlineTextareaControl","InlineTextareaAction","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","control","controlStyles","actionStyles","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","onBlur","apply","nextTick","reset","focus","blur","useTextareaAutosize","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_hoisted_1","_createVNode","_component_OrInlineInputBox","_createElementVNode","_mergeProps","_cache","$event","_hoisted_2","_component_OrIconButton","_withModifiers","_createCommentVNode","_withDirectives","_createBlock","_component_OrHint","_createSlots","_withCtx","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrInlineTextarea-COQceBb0.mjs","sources":["../../../components/or-inline-textarea-v3/src/styles.ts","../../../components/or-inline-textarea-v3/src/OrInlineTextarea.vue"],"sourcesContent":["export const InlineTextarea: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InlineTextareaControl: 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  // Behavior\n  'resize-none',\n];\n\nexport const InlineTextareaAction: string[] = [\n  // Layout\n  'layout-inline-row self-start',\n\n  // Spacing\n  'px-0',\n  'py-sm*',\n\n  'gap-sm',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <div :class=\"['layout-row', 'gap-sm']\">\n      <OrInlineInputBox\n        :invalid=\"!!error\"\n        :activated=\"activated\"\n      >\n        <textarea\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model=\"draft\"\n          :class=\"controlStyles\"\n          :placeholder=\"placeholder\"\n          :activated=\"activated\"\n          @input=\"$emit('input', $event)\"\n          @keydown=\"$emit('keydown', $event)\"\n          @keyup=\"$emit('keyup', $event)\"\n          @focus=\"$emit('focus', $event); onFocus()\"\n          @blur=\"$emit('blur', $event); onBlur()\"\n        />\n      </OrInlineInputBox>\n\n      <template v-if=\"activated && !saveOnBlur\">\n        <div :class=\"actionStyles\">\n          <OrIconButton\n            :icon=\"'done'\"\n            :color=\"'inherit'\"\n            @click.stop=\"apply\"\n          />\n\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            @click.stop=\"reset\"\n          />\n        </div>\n      </template>\n    </div>\n\n    <template v-if=\"$slots.hint || hint || maxLength\">\n      <OrHint v-show=\"!error\">\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 v-show=\"typeof error === 'string' && error.length > 0\">\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 { PropType, computed, defineComponent, reactive, ref, toRef, watch, nextTick } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrInlineInputBoxV3 as OrInlineInputBox } from '@onereach/ui-components.or-inline-input-box-v3';\nimport { InlineTextarea, InlineTextareaAction, InlineTextareaControl } from './styles';\nimport { InlineTextareaModelValue } from './types';\nimport { useTextareaAutosize } from '@vueuse/core';\n\nexport default defineComponent({\n  name: 'OrInlineTextarea',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIconButton,\n    OrInlineInputBox,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InlineTextareaModelValue>,\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    saveOnBlur: {\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    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'apply',\n    'reset',\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-inline-textarea-v3',\n      ...InlineTextarea,\n    ]);\n\n    const control = ref<HTMLTextAreaElement>();\n\n    const controlStyles = computed(() => [\n      ...InlineTextareaControl,\n    ]);\n\n    const actionStyles = computed(() => [\n      ...InlineTextareaAction,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit, { defaultValue: ref('') });\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    const activated = ref(false);\n\n    const length = computed(() => {\n      return draft.value?.toString().length ?? 0;\n    });\n\n    const maxLength = computed(() => {\n      return attributes.maxlength;\n    });\n\n    // Handlers\n    function onFocus(): void {\n      activated.value = true;\n    }\n\n    function onBlur(): void {\n      if (props.saveOnBlur) {\n        apply();\n      }\n    }\n\n    // Methods\n    function apply(): void {\n      if (draft.value !== model.value) {\n        model.value = draft.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('apply', model.value));\n    }\n\n    function reset(): void {\n      if (draft.value !== model.value) {\n        draft.value = model.value;\n      }\n\n      activated.value = false;\n      nextTick(() => context.emit('reset', model.value));\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    useTextareaAutosize({\n      element: control,\n      input: draft,\n    });\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      actionStyles,\n\n      model,\n      draft,\n\n      activated,\n\n      length,\n      maxLength,\n\n      onFocus,\n      onBlur,\n\n      apply,\n      reset,\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":["InlineTextarea","InlineTextareaControl","InlineTextareaAction","_sfc_main","defineComponent","OrError","OrHint","OrIconButton","OrInlineInputBox","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","control","controlStyles","actionStyles","model","useProxyModelValue","toRef","draft","watch","value","activated","length","_a","maxLength","onFocus","onBlur","apply","nextTick","reset","focus","blur","useTextareaAutosize","_normalizeClass","_resolveComponent","_openBlock","_createElementBlock","_ctx","error","_hoisted_1","_createVNode","_withCtx","_withDirectives","_mergeProps","placeholder","_cache","$event","$emit","_hoisted_2","_component_OrIconButton","_withModifiers","$slots","hint","_createBlock","_component_OrHint","_createSlots","_renderSlot","_createTextVNode","_toDisplayString","_vShow","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrInput-DBcNZlkx.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInput-DBcNZlkx.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InputControl: string[] = [\n  // Box\n  'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Autofill hack,\n  // disable (delay color change)\n  'autofill:transition-colors autofill:duration-[5000s]',\n  // override background color using box-shadow\n  'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]',\n  'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n  Search = 'search',\n}\n\nexport enum InputMode {\n  None = 'none',\n  Text = 'text',\n  Tel = 'tel',\n  Url = 'url',\n  Email = 'email',\n  Numeric = 'numeric',\n  Decimal = 'decimal',\n  Search = 'search',\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    <div class=\"layout-row gap-md md:gap-md\">\n      <slot name=\"prepend\" />\n      <OrInputBox\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly || loading\"\n        :disabled=\"disabled\"\n      >\n        <template\n          v-if=\"$slots.prependInner\"\n          v-slot:prepend\n        >\n          <slot name=\"prependInner\" />\n        </template>\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"model\"\n          :class=\"controlStyles\"\n          :name=\"name\"\n          :type=\"type === 'password' && disclosed ? 'text' : type\"\n          :inputmode=\"inputmode\"\n          :autocomplete=\"autocomplete\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly || loading\"\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\n        <template\n          v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n          v-slot:addon\n        >\n          <slot name=\"appendInner\">\n            <template v-if=\"loading\">\n              <OrLoader\n                :variant=\"'circular'\"\n                :color=\"error ? 'danger' : 'primary'\"\n                :size=\"isMobile ? 'm' : 's'\"\n              />\n            </template>\n\n            <template v-else>\n              <template v-if=\"type === 'password'\">\n                <OrIconButton\n                  :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n                  :size=\"'l'\"\n                  :color=\"'inherit'\"\n                  :disabled=\"disabled\"\n                  @click.stop=\"disclosed = !disclosed\"\n                />\n              </template>\n\n              <template v-if=\"type === 'search'\">\n                <template v-if=\"modelValue && !readonly\">\n                  <OrIconButton\n                    :icon=\"'close'\"\n                    :color=\"'inherit'\"\n                    :size=\"'l'\"\n                    :disabled=\"disabled\"\n                    @click.stop=\"clear()\"\n                  />\n                </template>\n\n                <template v-else>\n                  <OrIcon\n                    :icon=\"'search'\"\n                    :size=\"'l'\"\n                    :variant=\"'outlined'\"\n                  />\n                </template>\n              </template>\n            </template>\n          </slot>\n        </template>\n      </OrInputBox>\n      <slot name=\"append\" />\n    </div>\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 { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InputModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InputType}`>,\n      default: () => InputType.Text,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    inputmode: {\n      type: String as PropType<`${InputMode}`>,\n      default: InputMode.Text,\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    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    loading: {\n      type: Boolean,\n      default: false,\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    'clear',\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-input-v3',\n      ...Styles.Input,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InputControl,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const disclosed = ref(false);\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 clear(): void {\n      model.value = undefined;\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      model,\n      disclosed,\n\n      length,\n      maxLength,\n\n      clear,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_hoisted_1","_createVNode","_component_OrInputBox","_mergeProps","_cache","$event","_withCtx","_component_OrLoader","_Fragment","_component_OrIconButton","_withModifiers","_component_OrIcon","_component_OrHint","_createSlots","_withDirectives","_component_OrError"],"mappings":"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"}
+{"version":3,"file":"OrInput-DBcNZlkx.mjs","sources":["../../../components/or-input-v3/src/styles.ts","../../../components/or-input-v3/src/types.ts","../../../components/or-input-v3/src/OrInput.vue"],"sourcesContent":["export const Input: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const InputControl: string[] = [\n  // Box\n  'flex-auto',\n\n  // Typography\n  'typography-inherit',\n\n  // Theme (placeholder)\n  'placeholder:theme-foreground-outline',\n  'dark:placeholder:theme-foreground-outline-dark',\n\n  // Autofill hack,\n  // disable (delay color change)\n  'autofill:transition-colors autofill:duration-[5000s]',\n  // override background color using box-shadow\n  'autofill:shadow-[10px_0_1000px_theme(backgroundColor.primary-opacity-0-08)_inset]',\n  'dark:autofill:shadow-[0_0_0px_1000px_theme(backgroundColor.primary-opacity-0-08-dark)_inset]',\n];\n","import { ModelValue } from '@onereach/ui-components-common/types';\n\nexport type InputModelValue = ModelValue<string | number>;\n\nexport enum InputType {\n  Text = 'text',\n  Number = 'number',\n  Password = 'password',\n  Search = 'search',\n}\n\nexport enum InputMode {\n  None = 'none',\n  Text = 'text',\n  Tel = 'tel',\n  Url = 'url',\n  Email = 'email',\n  Numeric = 'numeric',\n  Decimal = 'decimal',\n  Search = 'search',\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    <div class=\"layout-row gap-md md:gap-md\">\n      <slot name=\"prepend\" />\n      <OrInputBox\n        :variant=\"variant\"\n        :size=\"size\"\n        :invalid=\"!!error\"\n        :readonly=\"readonly || loading\"\n        :disabled=\"disabled\"\n      >\n        <template\n          v-if=\"$slots.prependInner\"\n          v-slot:prepend\n        >\n          <slot name=\"prependInner\" />\n        </template>\n        <input\n          :ref=\"'control'\"\n          v-bind=\"attributes\"\n          v-model.trim=\"model\"\n          :class=\"controlStyles\"\n          :name=\"name\"\n          :type=\"type === 'password' && disclosed ? 'text' : type\"\n          :inputmode=\"inputmode\"\n          :autocomplete=\"autocomplete\"\n          :placeholder=\"placeholder\"\n          :required=\"required\"\n          :readonly=\"readonly || loading\"\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\n        <template\n          v-if=\"loading || type === 'password' || type === 'search' || $slots.appendInner\"\n          v-slot:addon\n        >\n          <slot name=\"appendInner\">\n            <template v-if=\"loading\">\n              <OrLoader\n                :variant=\"'circular'\"\n                :color=\"error ? 'danger' : 'primary'\"\n                :size=\"isMobile ? 'm' : 's'\"\n              />\n            </template>\n\n            <template v-else>\n              <template v-if=\"type === 'password'\">\n                <OrIconButton\n                  :icon=\"{ icon: disclosed ? 'visibility' : 'visibility_off', variant: 'filled' }\"\n                  :size=\"'l'\"\n                  :color=\"'inherit'\"\n                  :disabled=\"disabled\"\n                  @click.stop=\"disclosed = !disclosed\"\n                />\n              </template>\n\n              <template v-if=\"type === 'search'\">\n                <template v-if=\"modelValue && !readonly\">\n                  <OrIconButton\n                    :icon=\"'close'\"\n                    :color=\"'inherit'\"\n                    :size=\"'l'\"\n                    :disabled=\"disabled\"\n                    @click.stop=\"clear()\"\n                  />\n                </template>\n\n                <template v-else>\n                  <OrIcon\n                    :icon=\"'search'\"\n                    :size=\"'l'\"\n                    :variant=\"'outlined'\"\n                  />\n                </template>\n              </template>\n            </template>\n          </slot>\n        </template>\n      </OrInputBox>\n      <slot name=\"append\" />\n    </div>\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 { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useResponsive, useValidationAttributes } from '@onereach/ui-components-common/hooks';\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 { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport * as Styles from './styles';\nimport { InputMode, InputModelValue, InputType } from './types';\n\nexport default defineComponent({\n  name: 'OrInput',\n\n  components: {\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrLoader,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<InputModelValue>,\n      default: undefined,\n    },\n\n    name: {\n      type: String,\n      default: undefined,\n    },\n\n    type: {\n      type: String as PropType<`${InputType}`>,\n      default: () => InputType.Text,\n    },\n\n    autocomplete: {\n      type: String,\n      default: 'off',\n    },\n\n    inputmode: {\n      type: String as PropType<`${InputMode}`>,\n      default: InputMode.Text,\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    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    loading: {\n      type: Boolean,\n      default: false,\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    'clear',\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-input-v3',\n      ...Styles.Input,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const control = ref<HTMLInputElement>();\n\n    const controlStyles = computed(() => [\n      ...Styles.InputControl,\n    ]);\n\n    // State\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const disclosed = ref(false);\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 clear(): void {\n      model.value = undefined;\n    }\n\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n\n    // Helpers\n    const { isMobile } = useResponsive();\n\n    return {\n      attributes,\n\n      root,\n      rootStyles,\n\n      control,\n      controlStyles,\n\n      model,\n      disclosed,\n\n      length,\n      maxLength,\n\n      clear,\n      focus,\n      blur,\n\n      isMobile,\n    };\n  },\n});\n</script>\n\n<style scoped>\ninput {\n  min-width: 0;\n  background: none;\n  outline: none;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button {\n  display: none;\n}\n</style>\n"],"names":["Input","InputControl","InputType","InputMode","_sfc_main","defineComponent","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrLoader","props","context","attributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","root","ref","rootStyles","computed","Styles.Input","InputBoxVariant","control","controlStyles","Styles.InputControl","model","useProxyModelValue","toRef","disclosed","length","_a","maxLength","clear","focus","blur","isMobile","useResponsive","_resolveComponent","_openBlock","_createElementBlock","$slots","_ctx","_createBlock","required","_renderSlot","_withCtx","_createCommentVNode","_createElementVNode","_hoisted_1","variant","_createVNode","size","error","readonly","disabled","_createSlots","_withDirectives","_mergeProps","_cache","$event","type","inputmode","autocomplete","placeholder","$emit","loading","_component_OrLoader","_Fragment","_withModifiers","modelValue","_component_OrIconButton","_component_OrIcon","hint","_component_OrHint","_createTextVNode","_toDisplayString","_vShow"],"mappings":"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"}

package/dist/esm/OrInputBox-6ciokFdU.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInputBox-6ciokFdU.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_createBlock","_component_OrInputBoxAddon","_createCommentVNode","_renderSlot"],"mappings":";;;;;YACEA,EA6BM,iBAAA;SA3BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAE;AAAA,IACV,UAAKA,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEU,SAAAC,EAAO,CAAO,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,6BAETG,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;IAMf,GAAA,GAAA,CAAA,WAAQ,4BAEQK,EAAY,IAAA,EAAA;AAAA,IAAAC,EAAAN,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EAAA,OAAA,SAAAH,EAAA,GALCM,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQJ,EAAE;AAAA,MAAA,UAAAA,EAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"OrInputBox-6ciokFdU.mjs","sources":["../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","disabled","$slots","_cache","$event","_createBlock","_component_OrInputBoxAddon","_renderSlot","_createCommentVNode"],"mappings":";;;;;YACEA,EA6BM,iBAAA;AA3BE,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,SAAQA,EAAEC;AAAAA,IACV,UAAKD,EAAA;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEUE,SAAAA,EAAO,CAAO,MAAAC,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA,MAAA,OAAA;AAAA,EAAA,GAAA;AAAA,IATlCA,EAAA,OAAA,WAAAH,EAAA,GAWyBQ,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQN,EAAEC;AAAAA,MAAAA,UAAAA,EAAAA;AAAAA,MAbnB,UAAAD,EAAA;AAAA,IAAA,GAAA;AAAA;QAAAO,EAAAP,EAAA,QAAA,SAAA;AAAA,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,IAAA,GAmBI,GAAA,CAAA,WAAQ,4BAEQE,EAAY,IAAA,EAAA;AAAA,IAAAK,EAAAP,EAAA,QAC1B,SAMkB;AAAA,IAAAA,EA5BxB,qBAuByBK,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQN,EAAEC;AAAAA,MAAAA,UAAAA,EAAAA;AAAAA,MAzBnB,UAAAD,EAAA;AAAA,IAAA,GAAA;AAAA;QAAAO,EAAAP,EAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,IAAA,GAAA,GAAA,CAAA,WAAA,YAAA,UAAA,CAAA,KAAAQ,EAAA,IAAA,EAAA;AAAA;;;"}

package/dist/esm/OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs","sources":["../../../components/or-input-box-v3/src/partials/or-input-box-addon/styles.ts","../../../components/or-input-box-v3/src/partials/or-input-box-addon/OrInputBoxAddon.vue","../../../components/or-input-box-v3/src/types.ts","../../../components/or-input-box-v3/src/styles.ts","../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["export const InputBoxAddon: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { InputBoxAddon } from './styles';\n\nexport default defineComponent({\n  name: 'OrInputBoxAddon',\n\n  props: {\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-addon-v3',\n      ...InputBoxAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export enum InputBoxDirection {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport enum InputBoxVariant {\n  Styled = 'styled',\n  Unstyled = 'unstyled',\n  Embedded = 'embedded',\n}\n\nexport enum InputBoxSize {\n  M = 'm',\n  S = 's',\n}\n","import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport const InputBox: string[] = [\n  // Overflow\n  'overflow-hidden',\n\n  // Box\n  'w-full',\n\n  // Shape\n  'rounded-md',\n\n  // Theme (children)\n  'children:outline-none',\n];\n\nexport const InputBoxDirections: Record<InputBoxDirection, string[]> = {\n  [InputBoxDirection.Row]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [InputBoxDirection.Column]: [\n    // Layout\n    'layout-column',\n  ],\n};\n\nexport const InputBoxVariants: Record<InputBoxVariant, string[]> = {\n  [InputBoxVariant.Styled]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    'theme-outline-transparent outline-2',\n    'dark:theme-outline-transparent',\n\n    // Theme (focus)\n    'focus-within:theme-background-primary-translucent-1',\n    'dark:focus-within:theme-background-primary-translucent-1-dark',\n\n    'focus-within:theme-border-primary focus-within:border-1',\n    'dark:focus-within:theme-border-primary-dark',\n\n    'focus-within:theme-outline-primary focus-within:outline-2',\n    'dark:focus-within:theme-outline-primary-dark',\n\n    // Theme (invalid)\n    'invalid:theme-preset-3-error',\n    'dark:invalid:theme-preset-3-error-dark',\n\n    'invalid:theme-background-error-translucent-1',\n    'dark:invalid:theme-background-error-translucent-1-dark',\n\n    'invalid:theme-foreground-default',\n    'dark:invalid:theme-foreground-default-dark',\n\n    'invalid:theme-border-error invalid:border-1',\n    'dark:invalid:theme-border-error-dark',\n\n    'invalid:theme-outline-transparent invalid:outline-2',\n    'dark:invalid:theme-outline-transparent',\n\n    // Theme (invalid + focus)\n    'invalid:focus-within:theme-background-error-translucent-1',\n    'dark:invalid:focus-within:theme-background-error-translucent-1-dark',\n\n    'invalid:focus-within:theme-border-error invalid:focus-within:border-1',\n    'dark:invalid:focus-within:theme-border-error-dark',\n\n    'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2',\n    'dark:invalid:focus-within:theme-outline-error-dark',\n\n    // Theme (read-only)\n    'read-only:theme-background-primary-translucent-1',\n    'dark:read-only:theme-background-primary-translucent-1-dark',\n\n    'read-only:!border-transparent',\n    'dark:read-only:!border-transparent',\n\n    // Theme (invalid + read-only)\n    'invalid:read-only:bg-error-opacity-0-08',\n    'dark:invalid:read-only:bg-error-opacity-0-08-dark',\n\n    'invalid:read-only:!border-transparent',\n    'dark:invalid:read-only:!border-transparent',\n  ],\n\n  [InputBoxVariant.Unstyled]: [\n    // Theme (disabled)\n    'disabled:theme-foreground-disabled',\n    'dark:disabled:theme-foreground-disabled-dark',\n  ],\n\n  [InputBoxVariant.Embedded]: [\n    // Spacing (children)\n    'first:children:!ms-0',\n    'last:children:!me-0',\n  ],\n};\n\nexport const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]> = {\n  'm-row': [\n    // Box (children)\n    'children:min-h-[46px] md:children:min-h-[34px]',\n\n    // Spacing\n    'gap-sm+ md:gap-sm',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  'm-column': [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's-row': [\n    // Box (children)\n    'children:min-h-[30px]',\n\n    // Spacing\n    'gap-[6px]',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  's-column': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InputBoxAddon","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","InputBoxDirection","InputBoxVariant","InputBoxSize","InputBox","InputBoxDirections","InputBoxVariants","InputBoxSizes","_sfc_main","OrInputBoxAddon","props","Styles.InputBox","Styles.InputBoxDirections","Styles.InputBoxVariants","Styles.InputBoxSizes"],"mappings":"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"}
+{"version":3,"file":"OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs","sources":["../../../components/or-input-box-v3/src/partials/or-input-box-addon/styles.ts","../../../components/or-input-box-v3/src/partials/or-input-box-addon/OrInputBoxAddon.vue","../../../components/or-input-box-v3/src/types.ts","../../../components/or-input-box-v3/src/styles.ts","../../../components/or-input-box-v3/src/OrInputBox.vue"],"sourcesContent":["export const InputBoxAddon: string[] = [\n  // Layout\n  'layout-inline-row',\n\n  // Theme\n  'theme-foreground-outline',\n  'dark:theme-foreground-outline-dark',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { InputBoxAddon } from './styles';\n\nexport default defineComponent({\n  name: 'OrInputBoxAddon',\n\n  props: {\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-addon-v3',\n      ...InputBoxAddon,\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n","export enum InputBoxDirection {\n  Row = 'row',\n  Column = 'column',\n}\n\nexport enum InputBoxVariant {\n  Styled = 'styled',\n  Unstyled = 'unstyled',\n  Embedded = 'embedded',\n}\n\nexport enum InputBoxSize {\n  M = 'm',\n  S = 's',\n}\n","import { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport const InputBox: string[] = [\n  // Overflow\n  'overflow-hidden',\n\n  // Box\n  'w-full',\n\n  // Shape\n  'rounded-md',\n\n  // Theme (children)\n  'children:outline-none',\n];\n\nexport const InputBoxDirections: Record<InputBoxDirection, string[]> = {\n  [InputBoxDirection.Row]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [InputBoxDirection.Column]: [\n    // Layout\n    'layout-column',\n  ],\n};\n\nexport const InputBoxVariants: Record<InputBoxVariant, string[]> = {\n  [InputBoxVariant.Styled]: [\n    // Theme\n    'theme-preset-3-primary',\n    'dark:theme-preset-3-primary-dark',\n\n    'theme-foreground-default',\n    'dark:theme-foreground-default-dark',\n\n    'theme-border-outline border-1',\n    'dark:theme-border-outline-dark',\n\n    'theme-outline-transparent outline-2',\n    'dark:theme-outline-transparent',\n\n    // Theme (focus)\n    'focus-within:theme-background-primary-translucent-1',\n    'dark:focus-within:theme-background-primary-translucent-1-dark',\n\n    'focus-within:theme-border-primary focus-within:border-1',\n    'dark:focus-within:theme-border-primary-dark',\n\n    'focus-within:theme-outline-primary focus-within:outline-2',\n    'dark:focus-within:theme-outline-primary-dark',\n\n    // Theme (invalid)\n    'invalid:theme-preset-3-error',\n    'dark:invalid:theme-preset-3-error-dark',\n\n    'invalid:theme-background-error-translucent-1',\n    'dark:invalid:theme-background-error-translucent-1-dark',\n\n    'invalid:theme-foreground-default',\n    'dark:invalid:theme-foreground-default-dark',\n\n    'invalid:theme-border-error invalid:border-1',\n    'dark:invalid:theme-border-error-dark',\n\n    'invalid:theme-outline-transparent invalid:outline-2',\n    'dark:invalid:theme-outline-transparent',\n\n    // Theme (invalid + focus)\n    'invalid:focus-within:theme-background-error-translucent-1',\n    'dark:invalid:focus-within:theme-background-error-translucent-1-dark',\n\n    'invalid:focus-within:theme-border-error invalid:focus-within:border-1',\n    'dark:invalid:focus-within:theme-border-error-dark',\n\n    'invalid:focus-within:theme-outline-error invalid:focus-within:outline-2',\n    'dark:invalid:focus-within:theme-outline-error-dark',\n\n    // Theme (read-only)\n    'read-only:theme-background-primary-translucent-1',\n    'dark:read-only:theme-background-primary-translucent-1-dark',\n\n    'read-only:!border-transparent',\n    'dark:read-only:!border-transparent',\n\n    // Theme (invalid + read-only)\n    'invalid:read-only:bg-error-opacity-0-08',\n    'dark:invalid:read-only:bg-error-opacity-0-08-dark',\n\n    'invalid:read-only:!border-transparent',\n    'dark:invalid:read-only:!border-transparent',\n  ],\n\n  [InputBoxVariant.Unstyled]: [\n    // Theme (disabled)\n    'disabled:theme-foreground-disabled',\n    'dark:disabled:theme-foreground-disabled-dark',\n  ],\n\n  [InputBoxVariant.Embedded]: [\n    // Spacing (children)\n    'first:children:!ms-0',\n    'last:children:!me-0',\n  ],\n};\n\nexport const InputBoxSizes: Record<`${InputBoxSize}-${InputBoxDirection}`, string[]> = {\n  'm-row': [\n    // Box (children)\n    'children:min-h-[46px] md:children:min-h-[34px]',\n\n    // Spacing\n    'gap-sm+ md:gap-sm',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  'm-column': [\n    // Typography\n    'typography-body-2-regular',\n  ],\n\n  's-row': [\n    // Box (children)\n    'children:min-h-[30px]',\n\n    // Spacing\n    'gap-[6px]',\n\n    // Spacing (children)\n    'first:children:ms-md md:first:children:ms-sm+',\n    'last:children:me-md md:last:children:me-sm+',\n\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  's-column': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n    :invalid=\"invalid\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    @focus=\"$emit('focus')\"\n  >\n    <template v-if=\"$slots.prepend\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"prepend\" />\n      </OrInputBoxAddon>\n    </template>\n\n    <slot />\n\n    <template v-if=\"$slots.addon\">\n      <OrInputBoxAddon\n        :invalid=\"invalid\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"addon\" />\n      </OrInputBoxAddon>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport OrInputBoxAddon from './partials/or-input-box-addon/OrInputBoxAddon.vue';\nimport * as Styles from './styles';\nimport { InputBoxDirection, InputBoxSize, InputBoxVariant } from './types';\n\nexport default defineComponent({\n  name: 'OrInputBox',\n\n  components: {\n    OrInputBoxAddon,\n  },\n\n  props: {\n    direction: {\n      type: String as PropType<`${InputBoxDirection}`>,\n      default: () => InputBoxDirection.Row,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: () => InputBoxVariant.Styled,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: () => InputBoxSize.M,\n    },\n\n    invalid: {\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  expose: [\n    'root',\n  ],\n\n  emits: [\n    'focus',\n  ],\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-input-box-v3',\n      ...Styles.InputBox,\n      ...Styles.InputBoxDirections[props.direction],\n      ...Styles.InputBoxVariants[props.variant],\n      ...Styles.InputBoxSizes[`${props.size}-${props.direction}`],\n    ]);\n\n    return {\n      root,\n      rootStyles,\n    };\n  },\n});\n</script>\n"],"names":["InputBoxAddon","_sfc_main$1","defineComponent","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","disabled","InputBoxDirection","InputBoxVariant","InputBoxSize","InputBox","InputBoxDirections","InputBoxVariants","InputBoxSizes","_sfc_main","OrInputBoxAddon","props","Styles.InputBox","Styles.InputBoxDirections","Styles.InputBoxVariants","Styles.InputBoxSizes"],"mappings":"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"}