@onereach/ui-components 2.68.0-beta.2064.0 → 2.68.0-beta.2083.0

package/dist/bundled/v3/OrDateTimePicker.vue_vue_type_script_lang-7bfe5005.js

@@ -1,463 +0,0 @@
-import _ from 'lodash';
-import { defineComponent, openBlock, createElementBlock, normalizeClass, withModifiers, toDisplayString, ref, getCurrentInstance } from 'vue';
-import { onClickOutside } from '@vueuse/core';
-import { s as setStyle, r as requestAF, g as getCS, a as reflow, c as cancelAF } from './dom-d21d0a92.js';
-import { p as pxToRem } from './px-to-rem-0b26b83e.js';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-import './OrFloating-b6672a37.js';
-import './OrLabel-e412c532.js';
-import './OrError-b43ebad8.js';
-import './OrHint-c9114268.js';
-import './OrCollapse-63e83681.js';
-import './OrIconButton-e637158e.js';
-import { s as script$2 } from './OrFloating.vue_vue_type_script_lang-8bf2b7ae.js';
-import { s as script$3 } from './OrLabel.vue_vue_type_script_lang-27f8b12d.js';
-import { s as script$4 } from './OrError.vue_vue_type_script_lang-7c39e012.js';
-import { s as script$5 } from './OrHint.vue_vue_type_script_lang-78598c8e.js';
-import { s as script$6 } from './OrCollapse.vue_vue_type_script_lang-65cbb754.js';
-import { s as script$7 } from './OrIconButton.vue_vue_type_script_lang-40547ab0.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$1 = 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$1.render = render;
-script$1.__scopeId = "data-v-a0e84e7a";
-script$1.__file = "src/components/or-date-time-picker/OrDateTimePickerCalendarItem.vue";
-
-const MINUTE = 1000 * 60;
-const HOUR = MINUTE * 60;
-const DAY = HOUR * 24;
-var script = defineComponent({
-  name: 'OrDateTimePicker',
-  components: {
-    OrDateTimePickerCalendarItem: script$1,
-    OrFloating: script$2,
-    OrLabel: script$3,
-    OrError: script$4,
-    OrHint: script$5,
-    OrCollapse: script$6,
-    OrIconButton: script$7
-  },
-  model: {
-    prop: 'modelValue',
-    event: 'update:modelValue'
-  },
-  props: {
-    modelValue: {
-      type: Date,
-      required: false,
-      default: null
-    },
-    id: {
-      type: String,
-      required: false,
-      default: null
-    },
-    type: {
-      type: String,
-      required: false,
-      default: OrDateTimePickerTypes.dateTime
-    },
-    label: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    error: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    hint: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    translations: {
-      type: Object,
-      required: false,
-      default: () => DEFAULT_TEXT
-    },
-    isRequired: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isDisabled: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isReadonly: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isInvalid: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    isFullwidth: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    dateFilter: {
-      type: Function,
-      required: false,
-      default: null
-    }
-  },
-  emits: ['update:modelValue'],
-  setup() {
-    const content = ref();
-    const wrapperRef = ref();
-    const isOpen = ref(false);
-    onClickOutside(content, evt => {
-      if (evt.composedPath().includes(wrapperRef.value)) return;
-      if (isOpen.value) isOpen.value = false;
-    });
-    return {
-      content,
-      wrapperRef,
-      isOpen
-    };
-  },
-  data() {
-    return {
-      isFocused: false,
-      reqAF: null,
-      monthToShow: new Date().getMonth(),
-      yearToShow: new Date().getFullYear()
-    };
-  },
-  computed: {
-    inputHours: {
-      get: function () {
-        if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getHours(), 2, '0');
-      },
-      set: function (val) {
-        var _a;
-        let hours = +val;
-        hours = hours >= 24 ? 23 : hours < 0 ? 0 : hours;
-        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
-        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), hours, date.getMinutes());
-        this.$emit('update:modelValue', newDate);
-      }
-    },
-    inputMinutes: {
-      get: function () {
-        if (!this.modelValue) return '';
-        return _.padStart('' + this.modelValue.getMinutes(), 2, '0');
-      },
-      set: function (val) {
-        var _a;
-        let minutes = +val;
-        minutes = minutes >= 60 ? 59 : minutes < 0 ? 0 : minutes;
-        const date = (_a = this.modelValue) !== null && _a !== void 0 ? _a : this.today;
-        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), minutes);
-        this.$emit('update:modelValue', newDate);
-      }
-    },
-    localId() {
-      var _a, _b;
-      return (_a = this.id) !== null && _a !== void 0 ? _a : `date-time-picker-${(_b = getCurrentInstance()) === null || _b === void 0 ? void 0 : _b.uid}`;
-    },
-    dateValue() {
-      if (!this.modelValue) return '';
-      const year = _.padStart('' + this.modelValue.getFullYear(), 4, '0');
-      const month = _.padStart('' + (this.modelValue.getMonth() + 1), 2, '0');
-      const day = _.padStart('' + this.modelValue.getDate(), 2, '0');
-      return `${year}-${month}-${day}`;
-    },
-    timeValue() {
-      if (!this.modelValue) return '';
-      const hours = _.padStart('' + this.modelValue.getHours(), 2, '0');
-      const minutes = _.padStart('' + this.modelValue.getMinutes(), 2, '0');
-      return `${hours}:${minutes}`;
-    },
-    isInactive() {
-      return this.isDisabled || this.isReadonly;
-    },
-    isShowError() {
-      return !!this.error && this.isInvalid;
-    },
-    isShowHint() {
-      return !!this.hint && !this.isShowError;
-    },
-    isShowInfo() {
-      return this.isShowError || this.isShowHint;
-    },
-    isShowDate() {
-      return this.type === OrDateTimePickerTypes.date || this.type === OrDateTimePickerTypes.dateTime;
-    },
-    isShowTime() {
-      return this.type === OrDateTimePickerTypes.time || this.type === OrDateTimePickerTypes.dateTime;
-    },
-    today() {
-      const now = new Date();
-      return new Date(now.getFullYear(), now.getMonth(), now.getDate());
-    },
-    firstDayOfMonth() {
-      return new Date(this.yearToShow, this.monthToShow, 1);
-    },
-    lastDayOfMonth() {
-      return new Date(this.yearToShow, this.monthToShow + 1, 0);
-    },
-    calendar() {
-      const start = new Date(this.yearToShow, this.monthToShow, 1 - (this.firstDayOfMonth.getDay() + 6) % 7);
-      const end = new Date(this.yearToShow, this.monthToShow + 1, (7 - this.lastDayOfMonth.getDay()) % 7);
-      const daysToShow = (+end - +start) / DAY;
-      const rowsCount = daysToShow / 7; // week
-      const calendar = [];
-      const startMonthYear = start.getFullYear();
-      const startMonthMonth = start.getMonth();
-      const startMonthDay = start.getDate();
-      for (let i = 0; i < rowsCount; i++) {
-        const row = [];
-        for (let j = 0; j < 7; j++) {
-          const offset = j + i * 7;
-          const current = new Date(startMonthYear, startMonthMonth, startMonthDay + offset);
-          row.push(current);
-        }
-        calendar.push(row);
-      }
-      return calendar;
-    },
-    hours() {
-      const rowsCount = 4;
-      const columnsCount = 24 / rowsCount;
-      const zeroDate = new Date(0);
-      const hours = [];
-      for (let i = 0; i < rowsCount; i++) {
-        const row = [];
-        for (let j = 0; j < columnsCount; j++) {
-          const hour = new Date(zeroDate.getFullYear(), zeroDate.getMonth(), zeroDate.getDate(), j + i * columnsCount);
-          row.push(hour);
-        }
-        hours.push(row);
-      }
-      return hours;
-    },
-    minutes() {
-      const rowsCount = 4;
-      const step = 5;
-      const columnsCount = 60 / step / rowsCount;
-      const zeroDate = new Date(0);
-      const minutes = [];
-      for (let i = 0; i < rowsCount; i++) {
-        const row = [];
-        for (let j = 0; j < columnsCount; j++) {
-          const minute = new Date(zeroDate.getFullYear(), zeroDate.getMonth(), zeroDate.getDate(), 0, step * (j + i * columnsCount));
-          row.push(minute);
-        }
-        minutes.push(row);
-      }
-      return minutes;
-    },
-    typeClass() {
-      switch (this.type) {
-        case OrDateTimePickerTypes.date:
-          return 'is-date-type';
-        case OrDateTimePickerTypes.time:
-          return 'is-time-type';
-        case OrDateTimePickerTypes.dateTime:
-          return 'is-date-time-type';
-        default:
-          throw new Error('Unknown type');
-      }
-    },
-    rootClasses() {
-      return [this.typeClass, ...(this.isFullwidth ? ['is-fullwidth'] : [])];
-    },
-    wrapperClasses() {
-      return {
-        'is-disabled': this.isDisabled,
-        'is-readonly': this.isReadonly,
-        'is-focused': this.isFocused,
-        'is-required': this.isRequired,
-        'has-error': this.isInvalid
-      };
-    }
-  },
-  methods: {
-    isDayDisabled(date) {
-      const res = +date < +this.firstDayOfMonth || +date > +this.lastDayOfMonth;
-      if (this.dateFilter) {
-        return this.dateFilter(date) || res;
-      }
-      return res;
-    },
-    isDaySelected(date) {
-      if (!this.modelValue) return false;
-      const selectedDay = new Date(this.modelValue.getFullYear(), this.modelValue.getMonth(), this.modelValue.getDate());
-      return +date >= +selectedDay && +date < +selectedDay + DAY;
-    },
-    isHourSelected(date) {
-      if (!this.modelValue) return false;
-      return this.modelValue.getHours() === date.getHours();
-    },
-    isMinuteSelected(date) {
-      if (!this.modelValue) return false;
-      return this.modelValue.getMinutes() === date.getMinutes();
-    },
-    beforeEnter(el) {
-      setStyle(el, 'opacity', 0);
-    },
-    enter(el) {
-      const {
-        scrollHeight,
-        parentElement
-      } = el;
-      this.reqAF = requestAF(() => {
-        const pt = parseFloat(getCS(parentElement).paddingTop);
-        const pb = parseFloat(getCS(parentElement).paddingBottom);
-        const height = scrollHeight + pt + pb;
-        if (parentElement) {
-          reflow(parentElement);
-          setStyle(parentElement, 'height', pxToRem(height));
-        }
-        setStyle(el, 'opacity', 1);
-      });
-    },
-    leave(el) {
-      this.reqAF = requestAF(() => {
-        el.style.opacity = '0';
-      });
-    },
-    cancelRequestAF() {
-      cancelAF(this.reqAF);
-    },
-    toggle() {
-      var _a;
-      if (this.isInactive) return;
-      this.isOpen = !this.isOpen;
-      const dateToShow = (_a = this.modelValue) !== null && _a !== void 0 ? _a : new Date();
-      this.monthToShow = dateToShow.getMonth();
-      this.yearToShow = dateToShow.getFullYear();
-    },
-    decrementMonth() {
-      this.monthToShow--;
-      if (this.monthToShow < 0) {
-        this.monthToShow = 11;
-        this.yearToShow--;
-      }
-    },
-    incrementMonth() {
-      this.monthToShow++;
-      if (this.monthToShow >= 12) {
-        this.monthToShow = 0;
-        this.yearToShow++;
-      }
-    },
-    handleDaySelect(date) {
-      var _a, _b;
-      if (this.type === OrDateTimePickerTypes.date) {
-        this.$emit('update:modelValue', date);
-      } else {
-        const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getHours(), ((_b = this.modelValue) !== null && _b !== void 0 ? _b : date).getMinutes());
-        this.$emit('update:modelValue', newDate);
-      }
-    },
-    handleHourSelect(date) {
-      var _a;
-      const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getMinutes());
-      this.$emit('update:modelValue', newDate);
-    },
-    handleMinuteSelect(date) {
-      var _a;
-      const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), ((_a = this.modelValue) !== null && _a !== void 0 ? _a : date).getHours(), date.getMinutes());
-      this.$emit('update:modelValue', newDate);
-    }
-  }
-});
-
-export { DEFAULT_TEXT as D, OrDateTimePickerTypes as O, OrDateTimePickerItemTypes as a, script as s };

package/dist/bundled/v3/OrError-b43ebad8.js

@@ -1,17 +0,0 @@
-import { s as script } from './OrError.vue_vue_type_script_lang-7c39e012.js';
-import { openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString } from 'vue';
-import { s as styleInject } from './style-inject.es-4c6f2515.js';
-
-const _hoisted_1 = {
-  class: "or-error"
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("p", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)])]);
-}
-
-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-ee64af38 {\nfrom {\n    transform: rotate(0);\n}\nto {\n    transform: rotate(359deg);\n}\n}\n@keyframes fade-ee64af38 {\nfrom {\n    opacity: 1;\n}\nto {\n    opacity: 0;\n}\n}\n.or-error[data-v-ee64af38] {\n  font-size: var(--fs-0);\n  line-height: var(--lh-0);\n  color: var(--c-error);\n  word-break: break-word;\n}";
-styleInject(css_248z);
-
-script.render = render;
-script.__scopeId = "data-v-ee64af38";
-script.__file = "src/components/or-error/OrError.vue";

package/dist/bundled/v3/OrError.vue_vue_type_script_lang-7c39e012.js

@@ -1,13 +0,0 @@
-import { defineComponent } from 'vue';
-
-var script = defineComponent({
-  name: 'OrError',
-  props: {
-    error: {
-      type: String,
-      default: ''
-    }
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrError.vue_vue_type_script_lang-f606d0ee.js

@@ -1,51 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-
-const ErrorRoot = [
-// Layout
-'flex', 'items-start', 'justify-between',
-// Sizing
-'gap-sm',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-foreground-error', 'dark:theme-foreground-error-dark'];
-const ErrorText = [
-// Layout
-'grow',
-// Interactivity
-'interactivity-none'];
-const ErrorAddon = [
-// Layout
-'flex empty:hidden',
-// Box
-'min-w-max'];
-
-var script = defineComponent({
-  name: 'OrError',
-  inheritAttrs: false,
-  props: {
-    disabled: {
-      type: Boolean,
-      default: false
-    }
-  },
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-error', ...ErrorRoot, classAttribute.value]);
-    const textStyles = computed(() => [...ErrorText]);
-    const addonStyles = computed(() => [...ErrorAddon]);
-    return {
-      root,
-      rootStyles,
-      textStyles,
-      addonStyles
-    };
-  }
-});
-
-export { script as s };

package/dist/bundled/v3/OrErrorTag.vue_vue_type_script_lang-d77f6b12.js

@@ -1,40 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
-import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.js';
-
-const ErrorTagRoot = [
-// Layout
-'flex', 'items-center', 'justify-center',
-// Box
-'max-w-max', 'rounded-full',
-// Sizing
-'px-sm+ md:px-sm', 'py-sm md:py-xs', 'gap-sm md:gap-xs',
-// Interactivity
-'interactivity-none',
-// Typography
-'typography-caption-regular',
-// Theme
-'theme-preset-1-error', 'dark:theme-preset-1-error-dark'];
-
-var script = defineComponent({
-  name: 'OrTag',
-  components: {
-    OrIcon: script$1
-  },
-  inheritAttrs: false,
-  expose: ['root'],
-  setup() {
-    // Refs
-    const root = ref();
-    // Styles
-    const classAttribute = useClassAttribute();
-    const rootStyles = computed(() => ['or-error-tag', ...ErrorTagRoot, classAttribute.value]);
-    return {
-      root,
-      rootStyles
-    };
-  }
-});
-
-export { script as s };

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

@@ -1,108 +0,0 @@
-import { defineComponent, ref, computed } from 'vue';
-import './OrIcon-3a514933.js';
-import { u as useClassAttribute } from './useClassAttribute-00888f78.js';
-import { s as script$1 } from './OrIcon.vue_vue_type_script_lang-41a6a57a.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
-'flex', 'flex-col'];
-const ExpansionPanelRootVariants = {
-  'default': [],
-  'card': [
-  // Box
-  'rounded-md',
-  // Sizing
-  'px-md', 'py-md', 'gap-md',
-  // Theme
-  'theme-background-surface-1', 'dark:theme-background-surface-1-dark']
-};
-const ExpansionPanelHeader = [
-// Layout
-'flex', 'items-center',
-// Sizing
-'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 = [
-// 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 };