@weni/unnnic-system 3.2.9-alpha.7 → 3.2.9

package/dist/unnnic.js

@@ -1,188 +0,0 @@
-import { bf as c, bb as s, bG as e, aQ as r, bm as t, bp as u, aI as o, aJ as U, bc as b, bd as l, aV as d, aX as C, aY as m, aZ as p, a$ as g, bA as T, a_ as h, bi as I, bC as S, bS as D, bD as M, bQ as A, bB as P, by as v, bJ as w, bK as x, bL as B, bM as R, bO as L, bP as N, b0 as k, c0 as F, bH as E, b1 as f, bn as j, bs as y, b$ as z, bx as H, bo as q, bT as G, bU as J, bu as K, aO as O, aP as Q, bR as V, aD as W, aE as X, aR as Y, aT as Z, aS as _, bw as $, bg as nn, aF as an, aH as cn, aG as sn, bj as en, b4 as rn, b5 as tn, b6 as un, b7 as on, bE as Un, ba as bn, bX as ln, bt as dn, bI as Cn, b2 as mn, bN as pn, b9 as gn, b8 as Tn, bY as hn, aK as In, aL as Sn, aW as Dn, bh as Mn, br as An, bF as Pn, bq as vn, bk as wn, aM as xn, bV as Bn, aN as Rn, bl as Ln, be as Nn, bZ as kn, b_ as Fn, bz as En, c1 as fn, c2 as jn, aU as yn, bW as zn, bv as Hn, b3 as qn, c as Gn, U as Jn, Q as Kn, M as On, ag as Qn, o as Vn, Y as Wn, $ as Xn, f as Yn, g as Zn, N as _n, O as $n, t as na, w as aa, x as ia, y as ca, A as sa, aa as ea, z as ra, T as ta, ac as ua, as as oa, ad as Ua, aq as ba, ab as la, a8 as da, aj as Ca, ak as ma, al as pa, am as ga, ao as Ta, ap as ha, B as Ia, aC as Sa, ah as Da, C as Ma, Z as Aa, a2 as Pa, aB as va, a7 as wa, _ as xa, at as Ba, au as Ra, a4 as La, m as Na, n as ka, ar as Fa, u as Ea, a as fa, p as ja, r as ya, q as za, a6 as Ha, R as qa, b as Ga, e as Ja, d as Ka, V as Oa, F as Qa, G as Va, H as Wa, I as Xa, ae as Ya, L as Za, ax as _a, a3 as $a, ai as ni, D as ai, an as ii, K as ci, J as si, ay as ei, i as ri, j as ti, v as ui, S as oi, a1 as Ui, af as bi, a0 as li, W as di, k as Ci, av as mi, l as pi, X as gi, P as Ti, az as hi, aA as Ii, a9 as Si, s as Di, aw as Mi, a5 as Ai, E as Pi } from "./index-4cd729ce.js";
-import "vue";
-export {
-  c as UnnnicAccordion,
-  s as UnnnicAlert,
-  e as UnnnicAudioRecorder,
-  r as UnnnicAvatarIcon,
-  t as UnnnicBanner,
-  u as UnnnicBreadcrumb,
-  o as UnnnicButton,
-  U as UnnnicButtonIcon,
-  b as UnnnicCallAlert,
-  l as UnnnicCallModal,
-  d as UnnnicCard,
-  C as UnnnicCardCompany,
-  m as UnnnicCardData,
-  p as UnnnicCardImage,
-  g as UnnnicCardInformation,
-  T as UnnnicCardNumber,
-  h as UnnnicCardProject,
-  I as UnnnicCarousel,
-  S as UnnnicChartBar,
-  D as UnnnicChartFunnel,
-  M as UnnnicChartLine,
-  A as UnnnicChartMultiLine,
-  P as UnnnicChartRainbow,
-  v as UnnnicChatText,
-  w as UnnnicChatsContact,
-  x as UnnnicChatsDashboardTagLive,
-  B as UnnnicChatsHeader,
-  R as UnnnicChatsMessage,
-  L as UnnnicChatsNavbar,
-  N as UnnnicChatsUserAvatar,
-  k as UnnnicCheckbox,
-  F as UnnnicChip,
-  E as UnnnicCircleProgressBar,
-  f as UnnnicCollapse,
-  j as UnnnicComment,
-  y as UnnnicDataArea,
-  z as UnnnicDataTable,
-  H as UnnnicDateFilter,
-  q as UnnnicDatePicker,
-  G as UnnnicDisclaimer,
-  J as UnnnicDrawer,
-  K as UnnnicDropArea,
-  O as UnnnicDropdown,
-  Q as UnnnicDropdownItem,
-  V as UnnnicEmojiPicker,
-  W as UnnnicFontSize,
-  X as UnnnicFormElement,
-  Y as UnnnicIcon,
-  Z as UnnnicIconLoading,
-  _ as UnnnicIconSvg,
-  $ as UnnnicImportCard,
-  nn as UnnnicIndicator,
-  an as UnnnicInput,
-  cn as UnnnicInputDatePicker,
-  sn as UnnnicInputNext,
-  en as UnnnicLabel,
-  rn as UnnnicModal,
-  tn as UnnnicModalDialog,
-  un as UnnnicModalNext,
-  on as UnnnicModalUpload,
-  Un as UnnnicMoodRating,
-  bn as UnnnicMultiSelect,
-  ln as UnnnicNavigator,
-  dn as UnnnicPagination,
-  Cn as UnnnicProgressBar,
-  mn as UnnnicRadio,
-  pn as UnnnicReplyMessage,
-  gn as UnnnicSelectItem,
-  Tn as UnnnicSelectSmart,
-  hn as UnnnicSelectTime,
-  In as UnnnicSidebar,
-  Sn as UnnnicSidebarItem,
-  Dn as UnnnicSimpleCard,
-  Mn as UnnnicSkeletonLoading,
-  An as UnnnicSlider,
-  Pn as UnnnicStarRating,
-  vn as UnnnicSwitch,
-  wn as UnnnicTab,
-  xn as UnnnicTable,
-  Bn as UnnnicTableNext,
-  Rn as UnnnicTableRow,
-  Ln as UnnnicTabsExpanded,
-  Nn as UnnnicTag,
-  kn as UnnnicTemplatePreview,
-  Fn as UnnnicTemplatePreviewModal,
-  En as UnnnicTextArea,
-  fn as UnnnicToast,
-  jn as UnnnicToastManager,
-  yn as UnnnicToolTip,
-  zn as UnnnicTour,
-  Hn as UnnnicUploadArea,
-  qn as UnnniclanguageSelect,
-  Gn as components,
-  Jn as default,
-  Kn as unnnicAccordion,
-  On as unnnicAlert,
-  Qn as unnnicAudioRecorder,
-  Vn as unnnicAvatarIcon,
-  Wn as unnnicBanner,
-  Xn as unnnicBreadcrumb,
-  Yn as unnnicButton,
-  Zn as unnnicButtonIcon,
-  _n as unnnicCallAlert,
-  $n as unnnicCallModal,
-  na as unnnicCard,
-  aa as unnnicCardCompany,
-  ia as unnnicCardData,
-  ca as unnnicCardImage,
-  sa as unnnicCardInformation,
-  ea as unnnicCardNumber,
-  ra as unnnicCardProject,
-  ta as unnnicCarousel,
-  ua as unnnicChartBar,
-  oa as unnnicChartFunnel,
-  Ua as unnnicChartLine,
-  ba as unnnicChartMultiLine,
-  la as unnnicChartRainbow,
-  da as unnnicChatText,
-  Ca as unnnicChatsContact,
-  ma as unnnicChatsDashboardTagLive,
-  pa as unnnicChatsHeader,
-  ga as unnnicChatsMessage,
-  Ta as unnnicChatsNavbar,
-  ha as unnnicChatsUserAvatar,
-  Ia as unnnicCheckbox,
-  Sa as unnnicChip,
-  Da as unnnicCircleProgressBar,
-  Ma as unnnicCollapse,
-  Aa as unnnicComment,
-  Pa as unnnicDataArea,
-  va as unnnicDataTable,
-  wa as unnnicDateFilter,
-  xa as unnnicDatePicker,
-  Ba as unnnicDisclaimer,
-  Ra as unnnicDrawer,
-  La as unnnicDropArea,
-  Na as unnnicDropdown,
-  ka as unnnicDropdownItem,
-  Fa as unnnicEmojiPicker,
-  Ea as unnnicFontSize,
-  fa as unnnicFormElement,
-  ja as unnnicIcon,
-  ya as unnnicIconLoading,
-  za as unnnicIconSvg,
-  Ha as unnnicImportCard,
-  qa as unnnicIndicator,
-  Ga as unnnicInput,
-  Ja as unnnicInputDatePicker,
-  Ka as unnnicInputNext,
-  Oa as unnnicLabel,
-  Qa as unnnicModal,
-  Va as unnnicModalDialog,
-  Wa as unnnicModalNext,
-  Xa as unnnicModalUpload,
-  Ya as unnnicMoodRating,
-  Za as unnnicMultiSelect,
-  _a as unnnicNavigator,
-  $a as unnnicPagination,
-  ni as unnnicProgressBar,
-  ai as unnnicRadio,
-  ii as unnnicReplyMessage,
-  ci as unnnicSelectItem,
-  si as unnnicSelectSmart,
-  ei as unnnicSelectTime,
-  ri as unnnicSidebar,
-  ti as unnnicSidebarItem,
-  ui as unnnicSimpleCard,
-  oi as unnnicSkeletonLoading,
-  Ui as unnnicSlider,
-  bi as unnnicStarRating,
-  li as unnnicSwitch,
-  di as unnnicTab,
-  Ci as unnnicTable,
-  mi as unnnicTableNext,
-  pi as unnnicTableRow,
-  gi as unnnicTabsExpanded,
-  Ti as unnnicTag,
-  hi as unnnicTemplatePreview,
-  Ii as unnnicTemplatePreviewModal,
-  Si as unnnicTextArea,
-  Di as unnnicToolTip,
-  Mi as unnnicTour,
-  Ai as unnnicUploadArea,
-  Pi as unnniclanguageSelect
-};

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
-    class="unnnic-popover"
-    ref="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/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>