@onereach/ui-components 2.70.0-beta.2185.0 → 2.70.0-beta.2206.0

package/dist/bundled/v3/OrButton.vue_vue_type_script_lang-65924b87.js

@@ -1,133 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrLoaderV3/OrLoaderV3.js';
-import { s as script$1 } from './OrLoader.vue_vue_type_script_lang-b8a13a32.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var ButtonVariant;
-(function (ButtonVariant) {
-  ButtonVariant["Contained"] = "contained";
-  ButtonVariant["Outlined"] = "outlined";
-  ButtonVariant["Text"] = "text";
-  ButtonVariant["Link"] = "link";
-})(ButtonVariant || (ButtonVariant = {}));
-var ButtonColor;
-(function (ButtonColor) {
-  ButtonColor["Primary"] = "primary";
-  ButtonColor["Danger"] = "danger";
-  ButtonColor["Inherit"] = "inherit";
-})(ButtonColor || (ButtonColor = {}));
-var ButtonType;
-(function (ButtonType) {
-  ButtonType["Button"] = "button";
-  ButtonType["Submit"] = "submit";
-  ButtonType["Reset"] = "reset";
-})(ButtonType || (ButtonType = {}));
-
-const ButtonRoot = [
-// Layout
-'layout-inline-row justify-center',
-// Shape
-'rounded-md',
-// Sizing
-'min-w-[96px]',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-button'];
-const ButtonRootVariants = {
-  'contained': [
-  // Spacing
-  'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm',
-  // Theme
-  'enabled:shadow-button', 'dark:enabled:shadow-button-dark'],
-  'outlined': [
-  // Spacing
-  'px-md* md:px-md*', 'py-sm+* md:py-sm*', 'gap-sm+ md:gap-sm'],
-  'text': [
-  // Spacing
-  'px-md md:px-md', 'py-sm+ md:py-sm', 'gap-sm+ md:gap-sm'],
-  'link': [
-  // Spacing
-  'gap-sm md:gap-xs',
-  // Sizing
-  'min-w-[auto]']
-};
-const ButtonRootColors = {
-  'primary-contained': [
-  // Theme
-  'theme-preset-1-primary', 'dark:theme-preset-1-primary-dark'],
-  'danger-contained': [
-  // Theme
-  'theme-preset-1-error', 'dark:theme-preset-1-error-dark'],
-  'inherit-contained': [],
-  'primary-outlined': [
-  // Theme
-  'theme-preset-3-primary', 'dark:theme-preset-3-primary-dark', 'theme-border-1-primary', 'dark:theme-border-1-primary-dark'],
-  'danger-outlined': [
-  // Theme
-  'theme-preset-3-error', 'dark:theme-preset-3-error-dark', 'theme-border-1-error', 'dark:theme-border-1-error-dark'],
-  'inherit-outlined': [],
-  'primary-text': [
-  // Theme
-  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
-  'danger-text': [
-  // Theme
-  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit-text': [],
-  'primary-link': [
-  // Theme
-  'theme-preset-4-primary', 'dark:theme-preset-4-primary-dark'],
-  'danger-link': [
-  // Theme
-  'theme-preset-4-error', 'dark:theme-preset-4-error-dark'],
-  'inherit-link': []
-};
-
-var script = defineComponent({
-  name: 'OrButton',
-  components: {
-    OrLoader: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    type: {
-      type: String,
-      default: ButtonType.Button
-    },
-    variant: {
-      type: String,
-      default: ButtonVariant.Contained
-    },
-    color: {
-      type: String,
-      default: ButtonColor.Primary
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean,
-      default: false
-    },
-    loadingText: {
-      type: String,
-      default: 'Loading'
-    }
-  },
-  emits: ['click', 'focus', 'blur'],
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-button', ...ButtonRoot, ...ButtonRootVariants[props.variant], ...ButtonRootColors[`${props.color}-${props.variant}`], props.loading && 'interactivity-none', classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { ButtonColor as B, ButtonVariant as a, ButtonType as b, script as s };

package/dist/bundled/v3/OrCardCollectionView.vue3-27432e35.js

@@ -1,69 +0,0 @@
-import { defineComponent, computed } from 'vue-demi';
-import { openBlock, createElementBlock, normalizeClass, Fragment, renderList, renderSlot, mergeProps, createTextVNode, toDisplayString } from 'vue';
-
-const CardCollectionRoot = [
-// Layout
-'layout-column',
-// Spacing
-'gap-md'];
-const CardCollectionToolbar = [
-// Layout
-'layout-row justify-between',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-default', 'dark:theme-foreground-default-dark'];
-const CardCollectionToolbarPanel = [
-// Layout
-'layout-row',
-// Spacing
-'gap-lg+'];
-const CardCollectionContent = [
-// Layout
-'grid',
-// Spacing
-'gap-sm md:gap-md'];
-const CardCollectionContentViews = {
-  'grid': [
-  // Layout
-  'sm:grid-cols-1', 'md:grid-cols-2', 'lg:grid-cols-4', 'xl:grid-cols-6'],
-  'list': ['grid-cols-1']
-};
-
-var script = defineComponent({
-  name: 'OrCardCollectionView',
-  props: {
-    items: {
-      type: Array,
-      default: []
-    },
-    mode: {
-      type: String,
-      required: true
-    }
-  },
-  setup(props) {
-    const contentStyles = computed(() => [...CardCollectionContent, ...CardCollectionContentViews[props.mode]]);
-    return {
-      contentStyles
-    };
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.contentStyles)
-  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
-    return renderSlot(_ctx.$slots, "item", mergeProps({
-      key: item.key || index
-    }, {
-      item,
-      mode: _ctx.mode
-    }), () => [createTextVNode(toDisplayString(item.key), 1 /* TEXT */)]);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
-}
-
-script.render = render;
-script.__file = "src/components/or-card-collection-v3/OrCardCollectionView.vue3.vue";
-
-export { CardCollectionRoot as C, CardCollectionToolbar as a, CardCollectionToolbarPanel as b, script as s };

package/dist/bundled/v3/OrChipsInput-949fd28b.js

@@ -1,106 +0,0 @@
-import { defineComponent } from 'vue-demi';
-import script$1 from './components/OrChip/OrChip.js';
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, Fragment, renderList, createBlock, createElementVNode } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-const OR_CHIPS_VALUE_PROP = {
-  type: Array,
-  default: () => []
-};
-const PLACEHOLDER_PROP = {
-  type: String,
-  default: ''
-};
-
-var script = defineComponent({
-  name: 'OrChipsInput',
-  components: {
-    OrChip: script$1
-  },
-  props: {
-    chips: OR_CHIPS_VALUE_PROP,
-    placeholder: PLACEHOLDER_PROP,
-    input: {
-      type: String,
-      default: ''
-    },
-    duplicateAtIndex: {
-      type: Number,
-      default: -1
-    },
-    isFocused: Boolean,
-    isDisabled: Boolean,
-    isInvalid: Boolean
-  },
-  emits: ['add-chip', 'delete-chip', 'input-change', 'focus', 'blur'],
-  computed: {
-    placeholderText() {
-      return this.chips && this.chips.length ? '' : this.placeholder;
-    },
-    states() {
-      return {
-        error: this.isInvalid,
-        disabled: this.isDisabled
-      };
-    }
-  },
-  watch: {
-    isFocused: {
-      handler(isFocused) {
-        const ref = this.$refs['or-chips-input'];
-        if (ref) {
-          isFocused ? ref.focus() : ref.blur();
-        }
-      },
-      immediate: true
-    }
-  },
-  methods: {
-    getOrChipColor(index) {
-      return this.duplicateAtIndex === index ? 'error' : '';
-    },
-    /* Help user to put input in focus by clicking on empty space  */
-    handleContentClick(event) {
-      const CONTENT_CLASS = 'or-chips-input';
-      const target = event.target;
-      if (target.classList.contains(CONTENT_CLASS)) {
-        this.$emit('focus');
-      }
-    }
-  }
-});
-
-const _hoisted_1 = ["value", "placeholder", "disabled"];
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_or_chip = resolveComponent("or-chip");
-  return openBlock(), createElementBlock("form", {
-    class: normalizeClass(["or-chips-input", _ctx.states]),
-    onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleContentClick && _ctx.handleContentClick(...args)),
-    onSubmit: _cache[3] || (_cache[3] = withModifiers($event => _ctx.$emit('add-chip'), ["prevent"]))
-  }, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.chips, (item, index) => {
-    return openBlock(), createBlock(_component_or_chip, {
-      key: index,
-      content: item,
-      color: _ctx.getOrChipColor(index),
-      "is-disabled": _ctx.isDisabled,
-      onDelete: $event => _ctx.$emit('delete-chip', index)
-    }, null, 8 /* PROPS */, ["content", "color", "is-disabled", "onDelete"]);
-  }), 128 /* KEYED_FRAGMENT */)), createElementVNode("input", {
-    ref: "or-chips-input",
-    value: _ctx.input,
-    placeholder: _ctx.placeholderText,
-    disabled: _ctx.isDisabled,
-    class: "or-chips-input-element",
-    onInput: _cache[0] || (_cache[0] = $event => _ctx.$emit('input-change', $event.target.value)),
-    onBlur: _cache[1] || (_cache[1] = $event => _ctx.$emit('blur'))
-  }, null, 40 /* PROPS, HYDRATE_EVENTS */, _hoisted_1)], 34 /* CLASS, HYDRATE_EVENTS */);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-519ba710 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-519ba710 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-chips-input[data-v-519ba710] {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 0.125rem 0.5rem;\n  background-color: var(--c-neutral-1);\n  border: 1px solid var(--c-neutral-2);\n  border-radius: 0.25rem;\n}\n.or-chips-input.error[data-v-519ba710] {\n  border-color: var(--c-error);\n}\n.or-chips-input.disabled[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input.disabled .or-chips-input-element[data-v-519ba710] {\n  cursor: not-allowed;\n}\n.or-chips-input-element[data-v-519ba710] {\n  flex: 1 1 auto;\n  min-width: 0;\n  height: 1.875rem;\n  margin: 0 0.125rem;\n  font-size: var(--fs-1);\n  background: transparent;\n  border: none;\n  outline: none;\n}\n.or-chips-input .or-chip[data-v-519ba710] {\n  margin: 0.125rem;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-519ba710";
-script.__file = "src/components/or-chips/OrChipsInput.vue";
-
-export { OR_CHIPS_VALUE_PROP as O, PLACEHOLDER_PROP as P, script as s };

package/dist/bundled/v3/OrDateTimePickerCalendarItem-6c38b593.js

@@ -1,99 +0,0 @@
-import _ from 'lodash';
-import { defineComponent } from 'vue-demi';
-import { openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-var OrDateTimePickerTypes;
-(function (OrDateTimePickerTypes) {
-  OrDateTimePickerTypes["date"] = "date";
-  OrDateTimePickerTypes["time"] = "time";
-  OrDateTimePickerTypes["dateTime"] = "dateTime";
-})(OrDateTimePickerTypes || (OrDateTimePickerTypes = {}));
-var OrDateTimePickerItemTypes;
-(function (OrDateTimePickerItemTypes) {
-  OrDateTimePickerItemTypes["day"] = "day";
-  OrDateTimePickerItemTypes["hours"] = "hours";
-  OrDateTimePickerItemTypes["minutes"] = "minutes";
-})(OrDateTimePickerItemTypes || (OrDateTimePickerItemTypes = {}));
-const DEFAULT_TEXT = {
-  months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
-  days: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-  hours: 'Hours',
-  minutes: 'Minutes'
-};
-
-var script = defineComponent({
-  name: 'OrDateTimePickerCalendarItem',
-  props: {
-    value: {
-      type: Date,
-      required: false,
-      default: () => new Date()
-    },
-    type: {
-      type: String,
-      required: false,
-      default: OrDateTimePickerItemTypes.day
-    },
-    isDisabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isSelected: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isCurrent: {
-      type: Boolean,
-      required: false,
-      default: false
-    }
-  },
-  emits: ['select'],
-  computed: {
-    valueToShow() {
-      var _a, _b, _c;
-      switch (this.type) {
-        case OrDateTimePickerItemTypes.day:
-          return '' + ((_a = this.value) === null || _a === void 0 ? void 0 : _a.getDate());
-        case OrDateTimePickerItemTypes.hours:
-          return _.padStart('' + ((_b = this.value) === null || _b === void 0 ? void 0 : _b.getHours()), 2, '0');
-        case OrDateTimePickerItemTypes.minutes:
-          return _.padStart('' + ((_c = this.value) === null || _c === void 0 ? void 0 : _c.getMinutes()), 2, '0');
-        default:
-          throw new Error('Unknown type');
-      }
-    },
-    rootClasses() {
-      return {
-        'is-disabled': this.isDisabled,
-        'is-selected': this.isSelected,
-        'is-current': this.isCurrent
-      };
-    }
-  },
-  methods: {
-    select() {
-      if (this.isDisabled) return;
-      this.$emit('select', this.value);
-    }
-  }
-});
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["or-calendar-item", _ctx.rootClasses]),
-    onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.select && _ctx.select(...args), ["prevent"]))
-  }, toDisplayString(_ctx.valueToShow), 3 /* TEXT, CLASS */);
-}
-
-var css_248z = "/**\n * A simple way to manage mobile breakpoints described in https://davidwalsh.name/write-media-queries-sass.\n * Can be further extended using following approach https://rimdev.io/making-media-query-mixins-with-sass/\n */\n@keyframes spinAround-a0e84e7a {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-a0e84e7a {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-calendar-item[data-v-a0e84e7a] {\n  font-size: var(--fs-0);\n  font-weight: normal;\n  width: 1.75rem;\n  height: 1.75rem;\n  line-height: 1.75rem;\n  border-radius: 50%;\n  color: var(--c-neutral-6);\n  text-align: center;\n}\n.or-calendar-item.is-disabled[data-v-a0e84e7a] {\n  color: var(--c-neutral-4);\n}\n.or-calendar-item.is-current[data-v-a0e84e7a] {\n  background-color: var(--c-neutral-2);\n}\n.or-calendar-item:not(.is-disabled).is-selected[data-v-a0e84e7a] {\n  color: var(--c-neutral-0);\n  font-weight: bold;\n  background-color: var(--c-primary);\n}\n.or-calendar-item:not(.is-disabled).is-selected[data-v-a0e84e7a]:hover {\n  background-color: var(--c-primary-lighten-20);\n}\n.or-calendar-item[data-v-a0e84e7a]:not(.is-disabled):hover {\n  background-color: var(--c-neutral-1);\n  cursor: pointer;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-a0e84e7a";
-script.__file = "src/components/or-date-time-picker/OrDateTimePickerCalendarItem.vue";
-
-export { DEFAULT_TEXT as D, OrDateTimePickerTypes as O, OrDateTimePickerItemTypes as a, script as s };

package/dist/bundled/v3/OrExpansionPanel.vue_vue_type_script_lang-efcd3cc1.js

@@ -1,110 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import './components/OrIconV3/OrIconV3.js';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-c13ec0ac.js';
-
-var ExpansionPanelVariant;
-(function (ExpansionPanelVariant) {
-  ExpansionPanelVariant["Default"] = "default";
-  ExpansionPanelVariant["Card"] = "card";
-})(ExpansionPanelVariant || (ExpansionPanelVariant = {}));
-var ExpansionPanelColor;
-(function (ExpansionPanelColor) {
-  ExpansionPanelColor["Default"] = "default";
-  ExpansionPanelColor["Danger"] = "danger";
-})(ExpansionPanelColor || (ExpansionPanelColor = {}));
-
-const ExpansionPanelRoot = [
-// Layout
-'layout-column'];
-const ExpansionPanelRootVariants = {
-  'default': [],
-  'card': [
-  // Shape
-  'rounded-md',
-  // Spacing
-  'px-md', 'py-md', 'gap-md',
-  // Theme
-  'theme-background-surface-1', 'dark:theme-background-surface-1-dark']
-};
-const ExpansionPanelHeader = [
-// Layout
-'layout-row',
-// Spacing
-'gap-sm',
-// Interactivity
-'interactivity-auto',
-// Typography
-'typography-body-2-bold',
-// Theme
-'outline-none'];
-const ExpansionPanelHeaderColors = {
-  'default': [
-  // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark',
-  // Theme (hover)
-  'hover:theme-foreground-primary-hover', 'dark:hover:theme-foreground-primary-hover-dark',
-  // Theme (focus)
-  'focus:theme-foreground-primary-hover', 'dark:focus:theme-foreground-primary-hover-dark'],
-  'danger': [
-  // Theme
-  'theme-foreground-error', 'dark:theme-foreground-error-dark',
-  // Theme (hover)
-  'hover:theme-foreground-error-hover', 'dark:hover:theme-foreground-error-hover-dark',
-  // Theme (focus)
-  'focus:theme-foreground-error-hover', 'dark:focus:theme-foreground-error-hover-dark']
-};
-const ExpansionPanelAddon = [
-// Layout
-'contents',
-// Typography
-'typography-body-2-regular',
-// Theme
-'theme-foreground-outline', 'dark:theme-foreground-outline-dark'];
-
-var script = defineComponent({
-  name: 'OrExpansionPanel',
-  components: {
-    OrIcon: script$1
-  },
-  inheritAttrs: false,
-  props: {
-    label: {
-      type: String,
-      required: true
-    },
-    variant: {
-      type: String,
-      default: ExpansionPanelVariant.Default
-    },
-    color: {
-      type: String,
-      default: ExpansionPanelColor.Default
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-expansion-panel', ...ExpansionPanelRoot, ...ExpansionPanelRootVariants[props.variant], classAttribute.value]);
-    const headerStyles = computed(() => [...ExpansionPanelHeader, ...ExpansionPanelHeaderColors[props.color]]);
-    const addonStyles = computed(() => [...ExpansionPanelAddon]);
-    // State
-    const expanded = ref(false);
-    return {
-      root,
-      rootStyles,
-      headerStyles,
-      addonStyles,
-      expanded
-    };
-  }
-});
-
-export { ExpansionPanelVariant as E, ExpansionPanelColor as a, script as s };

package/dist/bundled/v3/OrIcon.vue_vue_type_script_lang-c13ec0ac.js

@@ -1,94 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var IconVariant;
-(function (IconVariant) {
-  IconVariant["Outlined"] = "outlined";
-  IconVariant["OutlinedBold"] = "outlined-bold";
-  IconVariant["Filled"] = "filled";
-  IconVariant["FilledBold"] = "filled-bold";
-  IconVariant["Inherit"] = "inherit";
-})(IconVariant || (IconVariant = {}));
-var IconSize;
-(function (IconSize) {
-  IconSize["XL"] = "xl";
-  IconSize["L"] = "l";
-  IconSize["M"] = "m";
-  IconSize["Inherit"] = "inherit";
-})(IconSize || (IconSize = {}));
-
-const IconRoot = [
-// Layout
-'layout-inline-row justify-center'];
-const IconRootVariants = {
-  'outlined': [
-  // Iconography
-  'iconography-outlined'],
-  'outlined-bold': [
-  // Iconography
-  'iconography-outlined-bold'],
-  'filled': [
-  // Iconography
-  'iconography-filled'],
-  'filled-bold': [
-  // Iconography
-  'iconography-filled-bold'],
-  'inherit': [
-  // Iconography
-  'iconography-inherit']
-};
-const IconRootSizes = {
-  'xl': [
-  // Box
-  'w-[28px] md:w-[24px]', 'h-[28px] md:h-[24px]',
-  // Typography
-  'text-[28px] md:text-[24px]'],
-  'l': [
-  // Box
-  'w-[24px] md:w-[20px]', 'h-[24px] md:h-[20px]',
-  // Typography
-  'text-[24px] md:text-[20px]'],
-  'm': [
-  // Box
-  'w-[20px] md:w-[16px]', 'h-[20px] md:h-[16px]',
-  // Typography
-  'text-[20px] md:text-[16px]'],
-  'inherit': [
-  // Box
-  'w-full', 'h-full',
-  // Typography
-  'text-inherit']
-};
-
-var script = defineComponent({
-  name: 'OrIcon',
-  inheritAttrs: false,
-  props: {
-    icon: {
-      type: String,
-      required: true
-    },
-    variant: {
-      type: String,
-      default: IconVariant.Outlined
-    },
-    size: {
-      type: String,
-      default: IconSize.M
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-icon', ...IconRoot, ...IconRootVariants[props.variant], ...IconRootSizes[props.size], classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { IconSize as I, IconVariant as a, script as s };

package/dist/bundled/v3/OrLabel.vue_vue_type_script_lang-55e01b7a.js

@@ -1,77 +0,0 @@
-import { defineComponent, ref, computed } from 'vue-demi';
-import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
-
-var LabelVariant;
-(function (LabelVariant) {
-  LabelVariant["Input"] = "input";
-  LabelVariant["Toggle"] = "toggle";
-})(LabelVariant || (LabelVariant = {}));
-
-const LabelRoot = [
-// Layout
-'layout-row justify-between',
-// Spacing
-'gap-sm'];
-const LabelRootVariants = {
-  'input': [
-  // Typography
-  'typography-caption-regular',
-  // Theme
-  'theme-foreground-outline', 'dark:theme-foreground-outline-dark'],
-  'toggle': [
-  // Typography
-  'typography-body-2-regular',
-  // Theme
-  'theme-foreground-default', 'dark:theme-foreground-default-dark']
-};
-const LabelText = [
-// Content (required)
-'required:after:content-label-required',
-// Interactivity
-'interactivity-auto !cursor-default'];
-const LabelAddon = [
-// Layout
-'layout-row empty:hidden',
-// Typography
-'whitespace-nowrap'];
-
-var script = defineComponent({
-  name: 'OrLabel',
-  inheritAttrs: false,
-  props: {
-    controlId: {
-      type: String,
-      default: undefined
-    },
-    variant: {
-      type: String,
-      default: LabelVariant.Input
-    },
-    required: {
-      type: Boolean,
-      default: false
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup(props) {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-label', ...LabelRoot, ...LabelRootVariants[props.variant], classAttribute.value]);
-    const textStyles = computed(() => [...LabelText]);
-    const addonStyles = computed(() => [...LabelAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-export { LabelVariant as L, script as s };