@weni/unnnic-system 3.4.1-alpha.2 → 3.5.0

package/dist/components/ui/popover/Popover.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/Popover.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAYlE,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/popover/PopoverContent.vue.d.ts

@@ -1,43 +0,0 @@
-import { PopoverContentProps } from 'reka-ui';
-import { HTMLAttributes } from 'vue';
-type __VLS_Props = PopoverContentProps & {
-    class?: HTMLAttributes['class'];
-    size?: 'small' | 'medium' | 'large';
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        footer?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    escapeKeyDown: (event: KeyboardEvent) => any;
-    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
-    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
-    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
-    openAutoFocus: (event: Event) => any;
-    closeAutoFocus: (event: Event) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
-    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
-    onOpenAutoFocus?: ((event: Event) => any) | undefined;
-    onCloseAutoFocus?: ((event: Event) => any) | undefined;
-}>, {
-    size: "small" | "medium" | "large";
-    sideOffset: number;
-    align: "start" | "end" | "center";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=PopoverContent.vue.d.ts.map

package/dist/components/ui/popover/PopoverContent.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverContent.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/PopoverContent.vue"],"names":[],"mappings":"AAyBA;AAoGA,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAS1C,KAAK,WAAW,GAAG,mBAAmB,GAAG;IACnC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAyBN,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBAXpB,GAAG;wBACJ,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;UAlHR,OAAO,GAAG,QAAQ,GAAG,OAAO;;;6EA0HvC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/popover/PopoverTrigger.vue.d.ts

@@ -1,19 +0,0 @@
-import { PopoverTriggerProps } from 'reka-ui';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<PopoverTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PopoverTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=PopoverTrigger.vue.d.ts.map

package/dist/components/ui/popover/PopoverTrigger.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverTrigger.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/PopoverTrigger.vue"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAQnD,iBAAS,cAAc;WAgCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AASD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/popover/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Popover } from './Popover.vue';
-export { default as PopoverContent } from './PopoverContent.vue';
-export { default as PopoverTrigger } from './PopoverTrigger.vue';
-export { PopoverAnchor } from 'reka-ui';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/popover/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/src/assets/icons/checkbox-checked-disabled.svg

@@ -1,3 +0,0 @@
-<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.60023 7.13135L9.96565 0.765935C10.0744 0.655796 10.2018 0.599407 10.3477 0.596768C10.4936 0.594129 10.6242 0.650518 10.7396 0.765935C10.855 0.881351 10.9127 1.00955 10.9127 1.15052C10.9127 1.29163 10.8577 1.41718 10.7477 1.52718L4.08586 8.19864C3.9503 8.33531 3.79224 8.40364 3.61169 8.40364C3.43099 8.40364 3.27224 8.33531 3.13544 8.19864L0.260439 5.32364C0.150439 5.2135 0.0928002 5.08711 0.0875224 4.94448C0.0821058 4.80198 0.137106 4.67302 0.252522 4.5576C0.367939 4.44218 0.496759 4.38448 0.638981 4.38448C0.781203 4.38448 0.907731 4.44218 1.01856 4.5576L3.60023 7.13135Z" fill="#B2B9C7"/>
-</svg>

package/src/assets/icons/checkbox-checked.svg

@@ -1,3 +0,0 @@
-<svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.60023 7.13135L9.96565 0.765935C10.0744 0.655796 10.2018 0.599407 10.3477 0.596768C10.4936 0.594129 10.6242 0.650518 10.7396 0.765935C10.855 0.881351 10.9127 1.00955 10.9127 1.15052C10.9127 1.29163 10.8577 1.41718 10.7477 1.52718L4.08586 8.19864C3.9503 8.33531 3.79224 8.40364 3.61169 8.40364C3.43099 8.40364 3.27224 8.33531 3.13544 8.19864L0.260439 5.32364C0.150439 5.2135 0.0928002 5.08711 0.0875224 4.94448C0.0821058 4.80198 0.137106 4.67302 0.252522 4.5576C0.367939 4.44218 0.496759 4.38448 0.638981 4.38448C0.781203 4.38448 0.907731 4.44218 1.01856 4.5576L3.60023 7.13135Z" fill="white"/>
-</svg>

package/src/assets/icons/radio-checked.svg

@@ -1,3 +0,0 @@
-<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="4.5" cy="4.5" r="4" fill="white"/>
-</svg>

package/src/assets/icons/switch-checked-disabled.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="0.5" width="16" height="16" rx="8" fill="#D6D9E1"/>
-</svg>

package/src/assets/icons/switch-checked.svg

@@ -1,3 +0,0 @@
-<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect y="0.5" width="16" height="16" rx="8" fill="white"/>
-</svg>

package/src/components/CheckboxGroup/CheckboxGroup.vue

@@ -1,96 +0,0 @@
-<template>
-  <section
-    :class="[
-      'unnnic-checkbox-group__container',
-      `unnnic-checkbox-group--state-${state}`,
-    ]"
-  >
-    <UnnnicLabel
-      v-if="label"
-      :label="label"
-      :tooltip="labelTooltip"
-      :useHtmlTooltip="labelUseHtmlTooltip"
-    />
-
-    <section class="unnnic-checkbox-group__checkboxes">
-      <slot />
-    </section>
-
-    <footer
-      v-if="helper"
-      class="unnnic-checkbox-group__helper"
-    >
-      {{ helper }}
-    </footer>
-  </section>
-</template>
-
-<script setup>
-import UnnnicLabel from '../Label/Label.vue';
-
-const props = defineProps({
-  state: {
-    type: String,
-    default: 'horizontal',
-    validator(value) {
-      return ['horizontal', 'vertical'].includes(value);
-    },
-  },
-
-  label: {
-    type: String,
-  },
-
-  labelTooltip: {
-    type: String,
-  },
-
-  labelUseHtmlTooltip: {
-    type: Boolean,
-  },
-
-  helper: {
-    type: String,
-  },
-});
-</script>
-
-<style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-
-.unnnic-checkbox-group {
-  &__container {
-    display: flex;
-    flex-direction: column;
-  }
-
-  &__checkboxes {
-    margin-top: $unnnic-space-3;
-
-    display: flex;
-    gap: $unnnic-space-4 $unnnic-space-6;
-  }
-
-  &__helper {
-    margin-top: $unnnic-space-2;
-    font: $unnnic-font-caption-2;
-    color: $unnnic-color-fg-base;
-  }
-
-  &--state-horizontal {
-    .unnnic-checkbox-group__checkboxes {
-      flex-direction: row;
-    }
-  }
-
-  &--state-vertical {
-    .unnnic-checkbox-group__checkboxes {
-      flex-direction: column;
-    }
-
-    .unnnic-checkbox-group__helper {
-      margin-top: $unnnic-space-3;
-    }
-  }
-}
-</style>

package/src/components/Popover/__tests__/Popover.spec.js

@@ -1,147 +0,0 @@
-import { mount } from '@vue/test-utils';
-import { beforeEach, describe, expect, afterEach, test, vi } from 'vitest';
-import UnnnicPopover from '@/components/Popover/index.vue';
-
-vi.mock('@vueuse/core', () => ({
-  onClickOutside: vi.fn(),
-  useResizeObserver: vi.fn(),
-}));
-
-describe('UnnnicPopover.vue', () => {
-  let wrapper;
-
-  const defaultSlots = {
-    trigger: '<button data-testid="trigger-button">Click me</button>',
-    content: '<div data-testid="popover-content">Popover content</div>',
-  };
-
-  const mountWrapper = (props) => {
-    return mount(UnnnicPopover, {
-      slots: defaultSlots,
-      props: {
-        ...props,
-      },
-    });
-  };
-
-  beforeEach(() => {
-    wrapper = mountWrapper();
-  });
-
-  afterEach(() => {
-    wrapper?.unmount();
-  });
-
-  test('renders correctly', () => {
-    expect(wrapper.exists()).toBe(true);
-    expect(wrapper.find('.unnnic-popover').exists()).toBe(true);
-  });
-
-  test('renders trigger slot', () => {
-    const trigger = wrapper.find('[data-testid="popover-trigger"]');
-    const triggerButton = wrapper.find('[data-testid="trigger-button"]');
-
-    expect(trigger.exists()).toBe(true);
-    expect(triggerButton.exists()).toBe(true);
-    expect(triggerButton.text()).toBe('Click me');
-  });
-
-  test('renders content slot inside balloon', async () => {
-    wrapper.vm.open = true;
-    await wrapper.vm.$nextTick();
-    const balloon = wrapper.find('[data-testid="popover-balloon"]');
-    const content = wrapper.find('[data-testid="popover-content"]');
-
-    expect(balloon.exists()).toBe(true);
-    expect(content.exists()).toBe(true);
-    expect(content.text()).toBe('Popover content');
-  });
-
-  test('balloon is hidden by default', () => {
-    const balloon = wrapper.find('[data-testid="popover-balloon"]');
-    expect(balloon.exists()).toBe(false);
-  });
-
-  test('toggles balloon visibility when trigger is clicked', async () => {
-    const trigger = wrapper.find('[data-testid="popover-trigger"]');
-
-    let balloon = wrapper.find('[data-testid="popover-balloon"]');
-
-    expect(balloon.exists()).toBe(false);
-
-    await trigger.trigger('click');
-    await wrapper.vm.$nextTick();
-
-    balloon = wrapper.find('[data-testid="popover-balloon"]');
-
-    expect(balloon.exists()).toBe(true);
-  });
-
-  test('uses modelValue when provided', async () => {
-    const wrapper = mountWrapper({ modelValue: true });
-    const balloon = wrapper.find('[data-testid="popover-balloon"]');
-    expect(balloon.isVisible()).toBe(true);
-  });
-
-  test('emits update:modelValue when open state changes', async () => {
-    await wrapper.setProps({ modelValue: false });
-
-    const trigger = wrapper.find('[data-testid="popover-trigger"]');
-    await trigger.trigger('click');
-
-    expect(wrapper.emitted('update:modelValue')).toBeTruthy();
-    expect(wrapper.emitted('update:modelValue')[0]).toEqual([true]);
-  });
-
-  test('does not emit update:modelValue when modelValue is undefined', async () => {
-    const trigger = wrapper.find('[data-testid="popover-trigger"]');
-    await trigger.trigger('click');
-
-    expect(wrapper.emitted('update:modelValue')).toBeFalsy();
-  });
-
-  test('exposes open ref', () => {
-    expect(wrapper.vm.open).toBeDefined();
-    expect(typeof wrapper.vm.open).toBe('boolean');
-  });
-
-  test('open ref can be controlled programmatically', async () => {
-    wrapper.vm.open = true;
-    await wrapper.vm.$nextTick();
-
-    const balloon = wrapper.find('[data-testid="popover-balloon"]');
-    expect(balloon.isVisible()).toBe(true);
-  });
-
-  test('persistent prop prevents closing on outside click', async () => {
-    await wrapper.setProps({ persistent: true });
-
-    const { onClickOutside } = await import('@vueuse/core');
-    const mockOnClickOutside = vi.mocked(onClickOutside);
-
-    const callback = mockOnClickOutside.mock.calls[0][1];
-
-    wrapper.vm.open = true;
-    await wrapper.vm.$nextTick();
-
-    callback();
-
-    const balloon = wrapper.find('[data-testid="popover-balloon"]');
-    expect(balloon.isVisible()).toBe(true);
-  });
-
-  test('applies correct CSS classes', async () => {
-    wrapper.vm.open = true;
-    await wrapper.vm.$nextTick();
-
-    const popover = wrapper.find('.unnnic-popover');
-    const balloon = wrapper.find('.unnnic-popover__balloon');
-
-    expect(popover.exists()).toBe(true);
-    expect(balloon.exists()).toBe(true);
-  });
-
-  test('matches the snapshot', () => {
-    expect(wrapper.html()).toMatchSnapshot();
-  });
-});

package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap

@@ -1,8 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`UnnnicPopover.vue > matches the snapshot 1`] = `
-"<section data-v-5a3125ac="" class="unnnic-popover">
-  <div data-v-5a3125ac="" class="unnnic-popover__trigger" data-testid="popover-trigger"><button data-testid="trigger-button">Click me</button></div>
-  <!--v-if-->
-</section>"
-`;

package/src/components/Popover/index.vue

@@ -1,146 +0,0 @@
-<template>
-  <section
-    ref="popover"
-    class="unnnic-popover"
-  >
-    <div
-      class="unnnic-popover__trigger"
-      data-testid="popover-trigger"
-      @click="toggleOpen()"
-    >
-      <slot name="trigger" />
-    </div>
-    <div
-      v-if="open"
-      class="unnnic-popover__balloon"
-      data-testid="popover-balloon"
-    >
-      <slot name="content" />
-    </div>
-  </section>
-</template>
-
-<script setup lang="ts">
-import { computed, onMounted, ref, useTemplateRef, watch } from 'vue';
-import { onClickOutside, useResizeObserver } from '@vueuse/core';
-
-const target = useTemplateRef<HTMLDivElement>('popover');
-
-const popoverWidth = ref<string>('');
-
-useResizeObserver(target, (entries) => {
-  const entry = entries[0];
-  const { width } = entry.contentRect;
-  popoverWidth.value = `${width}px`;
-});
-
-onClickOutside(target, () => {
-  if (props.persistent) return;
-  open.value = false;
-});
-
-defineOptions({
-  name: 'UnnnicPopover',
-});
-
-interface PopoverBalloonProps {
-  width?: string;
-  height?: string;
-  maxHeight?: string;
-}
-
-interface PopoverProps {
-  modelValue?: boolean;
-  persistent?: boolean;
-  popoverBalloonProps?: PopoverBalloonProps;
-}
-
-const props = withDefaults(defineProps<PopoverProps>(), {
-  modelValue: undefined,
-  persistent: false,
-});
-
-const emit = defineEmits<{
-  'update:modelValue': [value: boolean];
-}>();
-
-const useModelValue = computed(() => props.modelValue !== undefined);
-
-const open = ref<boolean>(
-  useModelValue.value ? Boolean(props.modelValue) : false,
-);
-
-const toggleOpen = () => {
-  open.value = !open.value;
-};
-
-const calculatedPopoverWidth = computed(() => {
-  return props.popoverBalloonProps?.width || popoverWidth.value;
-});
-
-const popoverHeight = computed(() => {
-  return props.popoverBalloonProps?.height || 'unset';
-});
-
-const popoverMaxHeight = computed(() => {
-  return props.popoverBalloonProps?.maxHeight || 'unset';
-});
-
-onMounted(() => {
-  if (useModelValue.value) {
-    open.value = Boolean(props.modelValue);
-  }
-});
-
-watch(open, (value) => {
-  if (useModelValue.value) {
-    emit('update:modelValue', value);
-  }
-});
-
-watch(
-  () => props.modelValue,
-  (value) => {
-    open.value = !!value;
-  },
-);
-</script>
-
-<style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.unnnic-popover {
-  &__balloon {
-    border-radius: $unnnic-radius-2;
-    padding: $unnnic-space-4;
-    background: $unnnic-color-bg-base;
-    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
-    // margin-top: $unnnic-space-1;
-    position: fixed;
-    width: v-bind(calculatedPopoverWidth);
-    height: v-bind(popoverHeight);
-    max-height: v-bind(popoverMaxHeight);
-    overflow: auto;
-
-    &::-webkit-scrollbar {
-      width: $unnnic-spacing-inline-nano;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: $unnnic-color-neutral-cleanest;
-      border-radius: $unnnic-border-radius-pill;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: $unnnic-color-neutral-soft;
-      border-radius: $unnnic-border-radius-pill;
-    }
-  }
-}
-</style>

package/src/components/RadioGroup/RadioGroup.vue

@@ -1,110 +0,0 @@
-<template>
-  <section class="unnnic-radio-group__container">
-    <UnnnicLabel
-      v-if="label"
-      :label="label"
-      :tooltip="labelTooltip"
-      :useHtmlTooltip="labelUseHtmlTooltip"
-    />
-
-    <section
-      :class="[
-        'unnnic-radio-group__radios',
-        `unnnic-radio-group__radios--state-${state}`,
-      ]"
-    >
-      <slot />
-    </section>
-  </section>
-</template>
-
-<script setup>
-import { ref, provide, watch, computed } from 'vue';
-import UnnnicLabel from '../Label/Label.vue';
-
-const props = defineProps({
-  modelValue: {
-    type: [String, Number],
-    default: '',
-  },
-
-  state: {
-    type: String,
-    default: 'horizontal',
-    validator(value) {
-      return ['horizontal', 'vertical'].includes(value);
-    },
-  },
-
-  label: {
-    type: String,
-  },
-
-  labelTooltip: {
-    type: String,
-  },
-
-  labelUseHtmlTooltip: {
-    type: Boolean,
-  },
-
-  name: {
-    type: String,
-    default: '',
-  },
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-const contextModelValue = ref(props.modelValue);
-
-watch(
-  () => props.modelValue,
-  (newVal) => {
-    if (newVal !== contextModelValue.value) {
-      contextModelValue.value = newVal;
-    }
-  },
-);
-
-watch(contextModelValue, (newVal) => {
-  if (newVal !== props.modelValue) {
-    emit('update:modelValue', newVal);
-  }
-});
-
-const computedName = computed(() => {
-  return (
-    props.name ||
-    `unnnic-radio-group-${Math.random().toString(36).substring(2, 15)}`
-  );
-});
-
-provide('contextModelValue', contextModelValue);
-provide('contextName', computedName);
-</script>
-
-<style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-
-.unnnic-radio-group {
-  &__container {
-    display: flex;
-    flex-direction: column;
-    gap: $unnnic-space-3;
-  }
-
-  &__radios {
-    display: flex;
-    gap: $unnnic-space-4 $unnnic-space-6;
-
-    &--state-horizontal {
-      flex-direction: row;
-    }
-
-    &--state-vertical {
-      flex-direction: column;
-    }
-  }
-}
-</style>

package/src/components/Select/SelectOption.vue

@@ -1,65 +0,0 @@
-<template>
-  <div
-    :class="[
-      'unnnic-select-option',
-      {
-        'unnnic-select-option--disabled': props.disabled,
-        'unnnic-select-option--active': props.active,
-        'unnnic-select-option--focused': props.focused,
-      },
-    ]"
-  >
-    <p class="unnnic-select-option__label">{{ props.label }}</p>
-  </div>
-</template>
-
-<script setup lang="ts">
-defineOptions({
-  name: 'UnnnicSelectOption',
-});
-
-interface SelectOptionProps {
-  label: string;
-  disabled?: boolean;
-  active?: boolean;
-  focused?: boolean;
-}
-
-const props = withDefaults(defineProps<SelectOptionProps>(), {
-  disabled: false,
-  active: false,
-  focused: false,
-});
-</script>
-
-<style lang="scss" scoped>
-@use '@/assets/scss/unnnic' as *;
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.unnnic-select-option {
-  cursor: pointer;
-  border-radius: $unnnic-radius-1;
-  padding: $unnnic-space-2 $unnnic-space-4;
-  font: $unnnic-font-emphasis;
-
-  &:hover:not(&--active):not(&--disabled),
-  &--focused {
-    background-color: $unnnic-color-bg-soft;
-  }
-
-  &--active {
-    background-color: $unnnic-color-bg-active;
-    color: $unnnic-color-fg-inverted;
-  }
-
-  &--disabled {
-    color: $unnnic-color-fg-muted;
-    background-color: $unnnic-color-bg-muted;
-    cursor: not-allowed;
-  }
-}
-</style>