@club-employes/utopia 4.63.0 → 4.67.0

package/dist/components/atoms/Button/Button.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, Comp
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
     size: "xs" | "sm" | "md" | "lg" | "xl";
-    variant: "primary" | "secondary" | "tertiary";
+    variant: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
     disabled: boolean;
     loading: boolean;
     iconPosition: "left" | "right";

package/dist/components/atoms/Button/types.d.ts

@@ -1,5 +1,5 @@
 export interface ButtonProps {
-    variant?: 'primary' | 'secondary' | 'tertiary';
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'danger';
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     disabled?: boolean;
     loading?: boolean;

package/dist/components/atoms/RangeSlider/RangeSlider.d.ts

@@ -1,13 +1,13 @@
 import { RangeSliderProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<RangeSliderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update-value": (value: number | [number, number]) => any;
+    "update:modelValue": (value: number | [number, number]) => any;
 }, string, PublicProps, Readonly<RangeSliderProps> & Readonly<{
-    "onUpdate-value"?: ((value: number | [number, number]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number | [number, number]) => any) | undefined;
 }>, {
     size: "medium" | "large";
+    modelValue: number | [number, number];
     min: number;
-    currentValue: number | [number, number];
     showLabels: boolean;
     unit: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/dist/components/atoms/RangeSlider/types.d.ts

@@ -1,7 +1,7 @@
 export interface RangeSliderProps {
     min?: number;
     max: number;
-    currentValue: number | [number, number];
+    modelValue: number | [number, number];
     showLabels?: boolean;
     unit?: string;
     size?: 'medium' | 'large';

package/dist/components/molecules/DatePicker/DatePicker.d.ts

@@ -0,0 +1,26 @@
+import { DatePickerProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<DatePickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: string | Date | null) => any;
+    "update:modelValue": (value: string | Date | null) => any;
+}, string, PublicProps, Readonly<DatePickerProps> & Readonly<{
+    onChange?: ((value: string | Date | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+}>, {
+    label: string;
+    message: string;
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    modelValue: string | Date | null;
+    placeholder: string;
+    state: "default" | "valid" | "error";
+    readonly: boolean;
+    clearable: boolean;
+    format: string;
+    enableTime: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+    triggerRef: HTMLDivElement;
+    menuRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as DatePicker } from './DatePicker';

package/dist/components/molecules/DatePicker/types.d.ts

@@ -0,0 +1,15 @@
+export interface DatePickerProps {
+    modelValue?: string | Date | null;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    state?: 'default' | 'valid' | 'error';
+    message?: string;
+    size?: 'small' | 'medium' | 'large';
+    format?: string;
+    minDate?: Date | string;
+    maxDate?: Date | string;
+    enableTime?: boolean;
+}

package/dist/components/molecules/DropFilter/DropFilter.d.ts

@@ -12,7 +12,11 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<DropFilterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropFilterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+declare const __VLS_component: DefineComponent<DropFilterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropFilterProps> & Readonly<{}>, {
+    activeFiltersCount: number;
+    isSort: boolean;
+    isDefaultSort: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
     triggerRef: HTMLDivElement;
     menuRef: HTMLDivElement;
 }, any>;

package/dist/components/molecules/DropFilter/types.d.ts

@@ -1,4 +1,6 @@
 export interface DropFilterProps {
     label: string;
-    activeFiltersCount: number;
+    activeFiltersCount?: number;
+    isSort?: boolean;
+    isDefaultSort?: boolean;
 }

package/dist/components/molecules/FilterChip/FilterChip.d.ts

@@ -1,14 +1,9 @@
 import { FilterChipProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<FilterChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:filters": (filters: Record<string, string>) => any;
-}, string, PublicProps, Readonly<FilterChipProps> & Readonly<{
-    "onUpdate:filters"?: ((filters: Record<string, string>) => any) | undefined;
-}>, {
+declare const _default: DefineComponent<FilterChipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<FilterChipProps> & Readonly<{}>, {
     size: "extra-small" | "small" | "medium" | "large";
     variant: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
     disabled: boolean;
     removable: boolean;
-    filters: Record<string, any>;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/molecules/FilterChip/types.d.ts

@@ -1,5 +1,10 @@
+export interface FilterChipItem {
+    id: string;
+    label: string;
+    remove: () => void;
+}
 export interface FilterChipProps {
-    filters: Record<string, any>;
+    modelValue: FilterChipItem[];
     disabled?: boolean;
     removable?: boolean;
     variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger';

package/dist/components/molecules/Modal/Modal.d.ts

@@ -15,7 +15,7 @@ declare function __VLS_template(): {
             $: ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly variant?: "primary" | "secondary" | "tertiary" | undefined;
+                readonly variant?: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | undefined;
                 readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly loading?: boolean | undefined;
@@ -44,7 +44,7 @@ declare function __VLS_template(): {
                 click: (event: MouseEvent) => any;
             }, string, {
                 size: "xs" | "sm" | "md" | "lg" | "xl";
-                variant: "primary" | "secondary" | "tertiary";
+                variant: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
                 disabled: boolean;
                 loading: boolean;
                 iconPosition: "left" | "right";
@@ -71,7 +71,7 @@ declare function __VLS_template(): {
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
         } & Readonly<{
             size: "xs" | "sm" | "md" | "lg" | "xl";
-            variant: "primary" | "secondary" | "tertiary";
+            variant: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
             disabled: boolean;
             loading: boolean;
             iconPosition: "left" | "right";
@@ -112,7 +112,7 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
         $: ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly variant?: "primary" | "secondary" | "tertiary" | undefined;
+            readonly variant?: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | undefined;
             readonly size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
             readonly disabled?: boolean | undefined;
             readonly loading?: boolean | undefined;
@@ -141,7 +141,7 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
             click: (event: MouseEvent) => any;
         }, string, {
             size: "xs" | "sm" | "md" | "lg" | "xl";
-            variant: "primary" | "secondary" | "tertiary";
+            variant: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
             disabled: boolean;
             loading: boolean;
             iconPosition: "left" | "right";
@@ -168,7 +168,7 @@ declare const __VLS_component: DefineComponent<ModalProps, {}, {}, {}, {}, Compo
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
     } & Readonly<{
         size: "xs" | "sm" | "md" | "lg" | "xl";
-        variant: "primary" | "secondary" | "tertiary";
+        variant: "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger";
         disabled: boolean;
         loading: boolean;
         iconPosition: "left" | "right";

package/dist/components/molecules/PriceTag/types.d.ts

@@ -1,3 +1,4 @@
+import { TextSize, TextWeight } from '../../atoms/Text/types';
 export interface PriceTagProps {
     variantCount?: number;
     price?: number;
@@ -8,4 +9,7 @@ export interface PriceTagProps {
     isSubventioned?: boolean;
     isDiscounted?: boolean;
     language?: 'fr' | 'en';
+    color?: string;
+    size?: TextSize;
+    weight?: TextWeight;
 }

package/dist/components/molecules/Tabs/Tab.d.ts

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

package/dist/components/molecules/Tabs/Tabs.d.ts

@@ -0,0 +1,14 @@
+import { TabsProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<TabsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:modelValue": (id: string) => any;
+    tabChange: (id: string) => any;
+}, string, PublicProps, Readonly<TabsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((id: string) => any) | undefined;
+    onTabChange?: ((id: string) => any) | undefined;
+}>, {
+    ariaLabel: string;
+    modelValue: string;
+    fullWidth: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/molecules/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Tabs } from './Tabs';
+export { default as Tab } from './Tab';

package/dist/components/molecules/Tabs/types.d.ts

@@ -0,0 +1,14 @@
+import { IconSize } from '../../atoms/Icon';
+export interface TabsProps {
+    modelValue: string;
+    fullWidth?: boolean;
+    ariaLabel?: string;
+    isDisabled?: boolean;
+}
+export interface TabProps {
+    label: string;
+    id: string;
+    isDisabled?: boolean;
+    icon?: string;
+    iconSize?: IconSize;
+}

package/dist/components/molecules/index.d.ts

@@ -16,3 +16,8 @@ export type { SlideType, SliderProps } from './Slider';
 export { Tooltip } from './Tooltip';
 export { DropFilter } from './DropFilter';
 export { FilterSelect, type FilterSelectOption, type FilterSelectProps } from './FilterSelect';
+export { Tabs } from './Tabs';
+export { Tab } from './Tabs';
+export type { TabsProps, TabProps } from './Tabs/types';
+export { DatePicker } from './DatePicker';
+export type { DatePickerProps } from './DatePicker';

package/dist/components/organisms/FilterGroup/FilterGroup.d.ts

@@ -0,0 +1,13 @@
+import { FilterGroupProps, Filter } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<FilterGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:filters": (value: Filter[]) => any;
+    "reset-filters": () => any;
+}, string, PublicProps, Readonly<FilterGroupProps> & Readonly<{
+    "onUpdate:filters"?: ((value: Filter[]) => any) | undefined;
+    "onReset-filters"?: (() => any) | undefined;
+}>, {
+    label: string;
+    resetFiltersLabel: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/organisms/FilterGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as FilterGroup } from './FilterGroup';

package/dist/components/organisms/FilterGroup/types.d.ts

@@ -0,0 +1,18 @@
+import { FilterSelectProps } from '../../molecules';
+import { FilterPriceProps } from '../FilterPrice/types';
+export type FilterType = 'Select' | 'Price';
+export interface Filter {
+    label: string;
+    type: FilterType;
+    value: FilterSelectProps | FilterPriceProps;
+}
+export interface Sort {
+    label: string;
+    value: FilterSelectProps;
+}
+export interface FilterGroupProps {
+    label?: string;
+    filters: Filter[];
+    sort?: Sort;
+    resetFiltersLabel?: string;
+}

package/dist/components/organisms/FilterPrice/FilterPrice.d.ts

@@ -2,9 +2,9 @@ import { FilterPriceProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { Currency } from '../..';
 declare const _default: DefineComponent<FilterPriceProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update-value": (value: [number, number]) => any;
+    "update:modelValue": (value: [number, number]) => any;
 }, string, PublicProps, Readonly<FilterPriceProps> & Readonly<{
-    "onUpdate-value"?: ((value: [number, number]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
 }>, {
     min: number;
     currency: Currency;

package/dist/components/organisms/FilterPrice/types.d.ts

@@ -2,7 +2,7 @@ import { Currency } from '../../atoms';
 export interface FilterPriceProps {
     labelMin?: string;
     labelMax?: string;
-    currentValue: [number, number];
+    modelValue: [number, number];
     min?: number;
     max: number;
     currency?: Currency;

package/dist/components/organisms/index.d.ts

@@ -7,3 +7,5 @@ export { Breadcrumbs } from './Breadcrumbs';
 export { ProductCard } from './ProductCard';
 export { FilterPrice } from './FilterPrice';
 export { PageNavigation } from './PageNavigation';
+export { FilterGroup } from './FilterGroup';
+export type { FilterGroupProps, Filter, Sort } from './FilterGroup/types';

package/dist/composables/useTabsNavigation.d.ts

@@ -0,0 +1,10 @@
+import { Ref, VNode, ComputedRef, VNodeProps } from 'vue';
+import { TabsProps } from '../components/molecules/Tabs/types';
+export declare function useTabs(props: TabsProps, emit: any, tabVNodes: Ref<VNode[]>): {
+    tabRefs: Ref<Record<string, HTMLButtonElement | null>, Record<string, HTMLButtonElement | null>>;
+    tabs: ComputedRef<(( VNodeProps & {
+        [key: string]: any;
+    }) | null)[]>;
+    updateActiveTab: (tabProps: any) => void;
+    handleKeyDown: (event: KeyboardEvent, index: number) => void;
+};

package/dist/icons-list.json

@@ -1,5 +1,5 @@
 {
-  "generated": "2025-12-04T10:15:33.252Z",
+  "generated": "2025-12-19T10:30:00.901Z",
   "count": 1239,
   "icons": [
     "Accessibility",

package/dist/index.d.ts

@@ -24,10 +24,12 @@ export type { ModalChangeReason, ModalProps } from './components/molecules/Modal
 export type { PriceTagProps } from './components/molecules/PriceTag/types';
 export type { TooltipProps } from './components/molecules/Tooltip/types';
 export type { FilterSelectOption, FilterSelectProps } from './components/molecules/FilterSelect/types';
+export type { DatePickerProps } from './components/molecules/DatePicker/types';
 export type { BreadcrumbsItem, BreadcrumbsProps } from './components/organisms/Breadcrumbs/types';
 export type { FilterPriceProps } from './components/organisms/FilterPrice/types';
 export type { PageNavigationProps } from './components/organisms/PageNavigation/types';
 export type { ProductCardProps } from './components/organisms/ProductCard/types';
+export type { FilterGroupProps, Filter, Sort } from './components/organisms/FilterGroup/types';
 export type { AuthLayoutProps } from './components/layouts/AuthLayout/types';
 export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
 export { gifteoDark, gifteoLight } from './themes/gifteo';