@club-employes/utopia 4.42.0 → 4.43.0

package/dist/index.d.ts

@@ -1,522 +1,35 @@
-// Type definitions for @club-employes/utopia
-import { ComputedRef, DefineComponent } from 'vue'
-
-// Component prop types
-export interface BadgeProps {
-  variant?: 'default' | 'success' | 'warning' | 'danger'
-  size?: 'small' | 'medium'
-}
-
-export interface ButtonProps {
-  variant?: 'primary' | 'secondary' | 'tertiary'
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-  disabled?: boolean
-  loading?: boolean
-  icon?: string
-  iconPosition?: 'left' | 'right'
-}
-
-export interface IconProps {
-  name: string
-  size?: 'extra-small' | 'small' | 'medium' | 'large'
-  color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'current'
-}
-
-export interface LogoProps {
-  variant?: 'auto' | 'default' | 'white' | 'small' | 'small-white'
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
-  brand?: 'club-employes' | 'gifteo'
-  alt?: string
-  class?: string
-}
-
-export interface CardProps {
-  variant?: 'default' | 'elevated' | 'outlined'
-  size?: 'small' | 'medium' | 'large'
-  disabled?: boolean
-  interactive?: boolean
-  active?: boolean
-}
-
-export interface SearchBoxProps {
-  modelValue?: string
-  placeholder?: string
-  size?: 'small' | 'medium' | 'large'
-  clearable?: boolean
-  disabled?: boolean
-}
-
-export interface InputProps {
-  variant?: 'default' | 'primary' | 'secondary'
-  size?: 'small' | 'medium' | 'large'
-  disabled?: boolean
-}
-
-export interface InputSelectProps {
-  variant?: 'default' | 'primary' | 'secondary'
-  size?: 'small' | 'medium' | 'large'
-  disabled?: boolean
-}
-
-export interface CheckboxProps {
-  modelValue?: boolean
-  disabled?: boolean
-  size?: 'small' | 'medium' | 'large'
-}
-
-export interface SwitchProps {
-  modelValue?: boolean
-  disabled?: boolean
-  size?: 'small' | 'medium' | 'large'
-  label?: string
-}
-
-export interface TextProps {
-  as?: TextTag;
-  family?: "sans" | "mono" | string;
-  weight?: TextWeight;
-  align?: TextAlign;
-  transform?: TextTransform;
-  truncate?: boolean;
-  noWrap?: boolean;
-  variant?: "h1Modal | h2Modal";
-  size?: TextSize;
-  color?: string;
-  underline?: boolean;
-  italic?: boolean;
-  strike?: boolean;
-}
-
-export interface ChipProps {
-  variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'
-  size?: 'extra-small' | 'small' | 'medium' | 'large'
-  disabled?: boolean
-  removable?: boolean
-  leftIcon?: string
-  actionable?: boolean
-  ghost?: boolean
-  customColor?: string
-  customTextColor?: string
-}
-
-export interface InputTextProps {
-  modelValue?: string
-  label?: string
-  placeholder?: string
-  type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url'
-  inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'
-  state?: 'default' | 'error' | 'valid' | 'incomplete' | 'completed'
-  size?: 'extra-small' | 'small' | 'medium' | 'large'
-  disabled?: boolean
-  readonly?: boolean
-  icon?: string
-  iconPosition?: 'left' | 'right'
-  iconClickable?: boolean
-  message?: string
-  required?: boolean
-  min?: number
-  max?: number
-  step?: number
-  maxlength?: number
-  isCode?: boolean
-  forceModelValueOnBlur?: boolean
-}
-
-export interface DropDownOption {
-  value: string | number
-  label: string
-  disabled?: boolean
-}
-
-export interface DropDownProps {
-  modelValue?: string | number | (string | number)[]
-  label?: string
-  placeholder?: string
-  options?: DropDownOption[]
-  state?: 'default' | 'error' | 'valid' | 'incomplete' | 'completed'
-  size?: 'small' | 'medium' | 'large'
-  disabled?: boolean
-  readonly?: boolean
-  multiple?: boolean
-  searchable?: boolean
-  clearable?: boolean
-  message?: string
-  required?: boolean
-  maxHeight?: string
-}
-
-export interface InputCodeProps {
-  modelValue?: string
-  label?: string
-  length?: number
-  type?: 'text' | 'number'
-  size?: 'small' | 'medium' | 'large'
-  state?: 'default' | 'error' | 'valid'
-  disabled?: boolean
-  message?: string
-  required?: boolean
-  autoFocus?: boolean
-}
-
-export interface DataTableProps {
-  columns: Array<{
-    key: string
-    label: string
-    sortable?: boolean
-    width?: string
-    align?: 'left' | 'center' | 'right'
-    formatter?: (value: any) => string
-  }>
-  data: any[]
-  title?: string
-  loading?: boolean
-  selectable?: boolean
-  striped?: boolean
-  hoverable?: boolean
-  rowKey?: string | ((row: any) => string)
-}
-
-export interface FilterChipProps {
-  filters: Record<string, any>
-  disabled?: boolean
-  removable?: boolean
-  variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'
-  size?: 'extra-small' | 'small' | 'medium' | 'large'
-}
-
-export interface BalanceCardProps {
-  campaignName: string
-  category: 'culture' | 'noel' | 'voyages' | 'rentree' | 'retraite' | 'naissance' | 'mariage' | 'sport'
-  totalAmount: number
-  spentAmount: number
-  expirationDate: string | Date
-  variant?: 'default' | 'primary' | 'secondary'
-  size?: 'small' | 'medium' | 'large'
-  disabled?: boolean
-  actionable?: () => void
-  language?: 'fr' | 'en'
-  currency?: string
-}
-
-export interface BalanceCardGroupProps {
-  cards: BalanceCardData[]
-  language?: 'fr' | 'en'
-  currency?: string
-}
-
-export interface BalanceCardData {
-  campaignName: string
-  category: 'culture' | 'noel' | 'voyages' | 'rentree' | 'retraite' | 'naissance' | 'mariage' | 'sport'
-  totalAmount: number
-  amount: number // Montant restant
-  campaignCount: number
-  actionable?: () => void
-  disabled?: boolean
-}
-
-export interface SkeletonProps {
-  width?: string | number
-  height?: string | number
-  variant?: 'text' | 'rectangular' | 'circular'
-  animation?: 'pulse' | 'wave' | 'none'
-  radius?: number
-  bg?: boolean
-}
-
-export interface SkeletonAvatarProps {
-  size?: 'small' | 'medium' | 'large' | number
-  variant?: 'circular' | 'rounded' | 'square'
-  animation?: 'pulse' | 'wave' | 'none'
-  rounded?: boolean
-}
-
-export interface SkeletonTextProps {
-  lines?: number
-  width?: string | string[] | number
-  animation?: 'pulse' | 'wave' | 'none'
-}
-
-export interface ThemeConfig {
-  name: string
-  mode: 'light' | 'dark'
-  cssFile: string
-}
-
-export interface BreadcrumbsItem {
-  label: string;
-  to?: string;
-  iconLeft?: string;
-  iconRight?: string;
-}
-
-export interface BreadcrumbsProps {
-  items: BreadcrumbsItem[]
-}
-
-export interface ThemeProviderProps {
-  theme: ThemeConfig
-}
-
-export interface LinkProps {
-  label: string
-  to: string
-  iconLeft?: string
-  iconRight?: string
-  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-  variant?: 'primary' | 'secondary'
-  active?: boolean
-  disabled?: boolean
-}
-
-export interface PriceTagProps {
-  variantCount?: number;
-  price: number;
-  oldPrice?: number;
-  currency?: string;
-  isSubventioned?: boolean;
-  isDiscounted?: boolean;
-  language?: 'fr' | 'en';
-}
-
-export interface ProductCardProps {
-  id: string;
-  title: string;
-  description?: string;
-  imageUrl: string;
-  logoUrl?: string;
-  isFavorite: boolean;
-  tags?: string[];
-  available?: boolean;
-  variantCount?: number;
-  price?: number;
-  oldPrice?: number;
-  discount?: string;
-  discountTooltip?: string;
-  currency?: string;
-  subventionName?: string;
-  subventionTooltip?: string;
-  language?: 'fr' | 'en';
-}
-
-export interface ErrorStateProps {
-  title?: string
-  description?: string
-  actionLabel?: string
-  retryAction?: () => void
-  spinning?: boolean
-  imageSrc?: string
-  imageAlt?: string
-  preset?: 'gears' | 'search'
-}
-
-export interface RangeSliderProps {
-  min?: number;
-  max: number;
-  currentValue: number | [number, number];
-  unit?: string;
-  showLabels?: boolean;
-  size?: 'medium' | 'large';
-}
-
-export interface FilterPriceProps {
-  currentValue: [number, number];
-  min?: number;
-  max: number;
-  unit?: string;
-}
-
-export interface ModalProps {
-  open?: boolean
-  title?: string
-  size?: 'sm' | 'md' | 'lg' | 'full'
-  position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'
-  closeOnOverlayClick?: boolean
-  showCloseButton?: boolean
-  disableScrollLock?: boolean
-  focusTrap?: boolean
-  blurBackdrop?: boolean
-  animation?: 'slide-top' | 'slide-horizontal' | 'slide-horizontal-left' | 'slide-bottom'
-  onOpenChange?: (open: boolean, reason: 'open' | 'close' | 'overlay' | 'escape' | 'close-button') => void
-}
-
-export type BottomSheetChangeReason = 'open' | 'close' | 'escape' | 'overlay'
-
-export interface BottomSheetProps {
-  title?: string
-  open?: boolean
-  defaultOpen?: boolean
-  closeOnOverlayClick?: boolean
-  focusTrap?: boolean
-  disableScrollLock?: boolean
-  onOpenChange?: (open: boolean, reason: BottomSheetChangeReason) => void
-}
-
-export interface PageNavigationProps {
-  currentPage: number
-  totalPages: number
-  compact?: boolean
-  showSize?: boolean
-  sizeLabel?: string
-  size?: number
-  sizeOptions?: number[]
-  showGoToPage?: boolean
-  goToPageLabel?: string
-}
-
-// Component exports
-export declare const Badge: DefineComponent<BadgeProps>
-export declare const Button: DefineComponent<ButtonProps>
-export declare const Card: DefineComponent<CardProps>
-export declare const Checkbox: DefineComponent<CheckboxProps>
-export declare const Chip: DefineComponent<ChipProps>
-export declare const Header: DefineComponent<{}>
-export declare const Icon: DefineComponent<IconProps>
-export declare const Input: DefineComponent<InputProps>
-export declare const InputSelect: DefineComponent<InputSelectProps>
-export declare const Logo: DefineComponent<LogoProps>
-export declare const Menu: DefineComponent<{}>
-export declare const NavItem: DefineComponent<{}>
-export declare const SearchBox: DefineComponent<SearchBoxProps>
-export declare const Switch: DefineComponent<SwitchProps>
-export declare const Text: DefineComponent<TextProps>
-export declare const InputText: DefineComponent<InputTextProps>
-export declare const DropDown: DefineComponent<DropDownProps>
-export declare const InputCode: DefineComponent<InputCodeProps>
-export declare const DataTable: DefineComponent<DataTableProps>
-export declare const BalanceCard: DefineComponent<BalanceCardProps>
-export declare const BalanceCardGroup: DefineComponent<BalanceCardGroupProps>
-export declare const Skeleton: DefineComponent<SkeletonProps>
-export declare const SkeletonAvatar: DefineComponent<SkeletonAvatarProps>
-export declare const SkeletonText: DefineComponent<SkeletonTextProps>
-export declare const ThemeProvider: DefineComponent<ThemeProviderProps>
-export declare const DefaultLayout: DefineComponent<{}>
-export declare const AuthLayout: DefineComponent<{}>
-export declare const Slider: DefineComponent<{}>
-export declare const Breadcrumbs: DefineComponent<BreadcrumbsProps>
-export declare const Link: DefineComponent<LinkProps>
-export declare const ErrorState: DefineComponent<ErrorStateProps>
-export declare const FeedbackState: DefineComponent<ErrorStateProps>
-
-export declare const PriceTag: DefineComponent<PriceTagProps>
-export declare const FilterChip: DefineComponent<FilterChipProps>
-export declare const ProductCard: DefineComponent<ProductCardProps>
-export declare const RangeSlider: DefineComponent<RangeSliderProps>
-export declare const FilterPrice: DefineComponent<FilterPriceProps>
-export declare const Modal: DefineComponent<ModalProps>
-export declare const BottomSheet: DefineComponent<BottomSheetProps>
-export declare const PageNavigation: DefineComponent<PageNavigationProps>
-
-// Theme exports
-export declare const clubEmployesLight: ThemeConfig
-export declare const clubEmployesDark: ThemeConfig
-export declare const gifteoLight: ThemeConfig
-export declare const gifteoDark: ThemeConfig
-
-// Composable types
-export type BrandTheme = 'club-employes' | 'gifteo'
-export type ThemeMode = 'light' | 'dark'
-export type ThemeName = 
-  | 'club-employes-light'
-  | 'club-employes-dark'
-  | 'gifteo-light'
-  | 'gifteo-dark'
-
-export interface UseThemeReturn {
-  currentTheme: ComputedRef<ThemeConfig>
-  currentBrand: ComputedRef<BrandTheme>
-  currentMode: ComputedRef<ThemeMode>
-  currentBrandName: ComputedRef<string>
-  availableBrands: ComputedRef<Array<{ key: BrandTheme; name: string }>>
-  menuCollapsed: ComputedRef<boolean>
-  isBrandLocked: ComputedRef<boolean>
-  toggleBrand: () => void
-  toggleMode: () => void
-  setBrand: (brand: BrandTheme) => void
-  setMode: (mode: ThemeMode) => void
-  toggleMenuCollapsed: () => void
-  setMenuCollapsed: (collapsed: boolean) => void
-}
-
-export interface UseFaviconReturn {
-  faviconUrl: ComputedRef<string>
-  refreshFavicon: () => void
-  updateFavicon: (faviconUrl: string) => void
-}
-
-export interface UseCurrencyReturn {
-  currencyIconName: ComputedRef<string>
-}
-
-export interface TooltipProps {
-  placement?: 'top' | 'bottom' | 'left' | 'right' | 'auto' | 'top_left' | 'top_right' | 'top_center' | 'bottom_left' | 'bottom_right' | 'bottom_center'
-  openDelay?: number
-  closeDelay?: number
-  offset?: number
-  withArrow?: boolean
-  active?: boolean
-  disabled?: boolean
-  interactive?: boolean
-}
-
-export declare const Tooltip: DefineComponent<TooltipProps>
-// Composable exports
-export declare function useTheme(): UseThemeReturn
-export declare function useFavicon(): UseFaviconReturn
-export declare function useCurrency(currency: Currency): UseCurrencyReturn
-
-// Theme initialization exports
-export declare function initializeTheme(themeName: string): Promise<void>
-export declare function getActiveTheme(): ThemeName | null
-export declare function isValidThemeName(themeName: string): themeName is ThemeName
-export declare function unlockBrand(): void
-
-// Type exports
-export type BadgeVariant = 'default' | 'success' | 'warning' | 'danger'
-export type BadgeSize = 'small' | 'medium'
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary'
-export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
-export type IconName = string
-export type IconSize = 'extra-small' | 'small' | 'medium' | 'large'
-export type IconColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral' | 'current'
-export type LogoVariant = 'auto' | 'default' | 'white' | 'small' | 'small-white'
-export type LogoSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
-export type LogoBrand = 'club-employes' | 'gifteo'
-export type ModalSize = 'sm' | 'md' | 'lg' | 'full'
-export type ModalPosition = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'
-export type ModalAnimation = 'slide-top' | 'slide-horizontal' | 'slide-horizontal-left'
-export type ModalChangeReason = 'open' | 'close' | 'overlay' | 'escape' | 'close-button'
-export type TextTag =
-  | "p"
-  | "span"
-  | "strong"
-  | "em"
-  | "label"
-  | "small"
-  | "h1"
-  | "h2"
-  | "h3"
-  | "h4"
-  | "h5"
-  | "h6";
-export type TextWeight =
-  | "thin"
-  | "extralight"
-  | "light"
-  | "normal"
-  | "medium"
-  | "semibold"
-  | "bold"
-  | "extrabold"
-  | "black";
-export type TextAlign = "left" | "center" | "right" | "justify";
-export type TextTransform = "uppercase" | "lowercase" | "capitalize";
-export type TextSize =
-  | "xs"
-  | "sm"
-  | "base"
-  | "lg"
-  | "xl"
-  | "2xl"
-  | "3xl"
-  | "4xl"
-  | "5xl";
+export { ThemeProvider } from './theme-provider';
+export type { ThemeConfig, ThemeProviderProps } from './theme-provider';
+export * from './components';
+export { Skeleton, SkeletonAvatar, SkeletonText } from './components/atoms/Skeleton';
+export { DefaultLayout, Header, Menu, NavItem } from './components/layouts';
+export { BalanceCard, BalanceCardGroup } from './components/organisms';
+export type { BalanceCardData, BalanceCardGroupProps, BalanceCardProps } from './components/organisms';
+export type { ButtonProps } from './components/atoms/Button/types';
+export type { CardProps } from './components/atoms/Card/types';
+export type { CheckboxProps } from './components/atoms/Checkbox/types';
+export type { ChipProps } from './components/atoms/Chip/types';
+export type { InputTextProps } from './components/atoms/InputText/types';
+export type { LinkProps } from './components/atoms/Link/types';
+export type { LogoProps } from './components/atoms/Logo/types';
+export type { SkeletonAvatarProps, SkeletonProps, SkeletonTextProps } from './components/atoms/Skeleton/types';
+export type { SwitchProps } from './components/atoms/Switch/types';
+export type { BottomSheetChangeReason, BottomSheetProps } from './components/molecules/BottomSheet/types';
+export type { DropDownOption, DropDownProps } from './components/molecules/DropDown/types';
+export type { ErrorStateProps, FeedbackStateProps } from './components/molecules/FeedbackState/types';
+export type { FilterChipProps } from './components/molecules/FilterChip/types';
+export type { InputCodeProps } from './components/molecules/InputCode/types';
+export type { ModalChangeReason, ModalProps } from './components/molecules/Modal/types';
+export type { PriceTagProps } from './components/molecules/PriceTag/types';
+export type { TooltipProps } from './components/molecules/Tooltip/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 { AuthLayoutProps } from './components/layouts/AuthLayout/types';
+export { clubEmployesDark, clubEmployesLight } from './themes/club-employes';
+export { gifteoDark, gifteoLight } from './themes/gifteo';
+export { getActiveTheme, initializeTheme, isValidThemeName, unlockBrand, useBreakpoints, useCurrency, useFavicon, useScrollShadows, useTheme } from './composables';
+export type { ThemeName } from './composables/initializeTheme';
+export type { UseScrollShadowsOptions, UseScrollShadowsReturn } from './composables/useScrollShadows';
+export type { BrandTheme, ThemeMode } from './composables/useTheme';

package/dist/index.js

@@ -331,7 +331,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       !e.disabled && !e.loading && t("click", a);
     };
     return (a, u) => (f(), m("button", {
-      class: C(["utopia-button", c.value]),
+      class: C(["utopia-button testpp", c.value]),
       disabled: A.disabled || A.loading,
       onClick: r,
       style: rA(i.value),
@@ -373,7 +373,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       ], 64)) : y("", !0)
     ], 14, nt));
   }
-}), mA = /* @__PURE__ */ $(ct, [["__scopeId", "data-v-961dfdef"]]), it = /* @__PURE__ */ U({
+}), mA = /* @__PURE__ */ $(ct, [["__scopeId", "data-v-d3c25e29"]]), it = /* @__PURE__ */ U({
   __name: "Card",
   props: {
     variant: { default: "default" },
@@ -396,7 +396,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       AA(t.$slots, "default", {}, void 0, !0)
     ], 2));
   }
-}), rt = /* @__PURE__ */ $(it, [["__scopeId", "data-v-4b0ecb9f"]]), at = ["checked", "disabled"], ft = { class: "utopia-checkbox__box" }, dt = {
+}), rt = /* @__PURE__ */ $(it, [["__scopeId", "data-v-45641abc"]]), at = ["checked", "disabled"], ft = { class: "utopia-checkbox__box" }, dt = {
   key: 0,
   class: "utopia-checkbox__label"
 }, lt = /* @__PURE__ */ U({
@@ -439,7 +439,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       ])) : y("", !0)
     ], 2));
   }
-}), vt = /* @__PURE__ */ $(lt, [["__scopeId", "data-v-f6bb3059"]]), ut = { class: "utopia-chip__label" }, gt = ["disabled", "aria-label"], mt = /* @__PURE__ */ U({
+}), vt = /* @__PURE__ */ $(lt, [["__scopeId", "data-v-982afd0c"]]), ut = { class: "utopia-chip__label" }, gt = ["disabled", "aria-label"], mt = /* @__PURE__ */ U({
   __name: "Chip",
   props: {
     variant: { default: "default" },
@@ -493,7 +493,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
         class: "utopia-chip__close-button",
         disabled: A.disabled,
         onClick: r,
-        "aria-label": `Supprimer ${a.$slots.default ? a.$slots.default() : "chip"}`
+        "aria-label": `Supprimer ${a.$slots.default?.() || "chip"}`
       }, [
         J(N, {
           name: "X",
@@ -504,7 +504,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       ], 8, gt)) : y("", !0)
     ], 6));
   }
-}), HA = /* @__PURE__ */ $(mt, [["__scopeId", "data-v-38f49559"]]), zt = ["for"], pt = { class: "utopia-inputtext__container_in" }, xt = ["id", "type", "inputmode", "placeholder", "disabled", "readonly", "maxlength", "min", "max", "step"], Pt = {
+}), HA = /* @__PURE__ */ $(mt, [["__scopeId", "data-v-0b7d4b82"]]), zt = ["for"], pt = { class: "utopia-inputtext__container_in" }, xt = ["id", "type", "inputmode", "placeholder", "disabled", "readonly", "maxlength", "min", "max", "step"], Pt = {
   key: 2,
   class: "utopia-inputtext__stepper",
   "aria-hidden": "true"
@@ -893,7 +893,7 @@ const st = ["aria-label", "innerHTML"], tt = /* @__PURE__ */ U({
       ])) : y("", !0)
     ], 2));
   }
-}), pa = /* @__PURE__ */ $(Gt, [["__scopeId", "data-v-e7890292"]]);
+}), pa = /* @__PURE__ */ $(Gt, [["__scopeId", "data-v-590ea41c"]]);
 function As(A) {
   return [
     "club-employes-light",
@@ -1440,7 +1440,7 @@ const Et = /* @__PURE__ */ U({
       })
     ]));
   }
-}), ba = /* @__PURE__ */ $($t, [["__scopeId", "data-v-a8cdcb4e"]]), An = ["for"], en = { class: "utopia-dropdown__container" }, sn = ["id", "disabled", "aria-expanded"], tn = { key: 0 }, nn = {
+}), ba = /* @__PURE__ */ $($t, [["__scopeId", "data-v-7df648fa"]]), An = ["for"], en = { class: "utopia-dropdown__container" }, sn = ["id", "disabled", "aria-expanded"], tn = { key: 0 }, nn = {
   key: 0,
   class: "utopia-dropdown__chips-shadow utopia-dropdown__chips-shadow--left"
 }, on = {
@@ -6091,6 +6091,7 @@ export {
   xa as initializeTheme,
   As as isValidThemeName,
   Ma as unlockBrand,
+  Jt as useBreakpoints,
   Lt as useCurrency,
   Oa as useFavicon,
   es as useScrollShadows,

package/dist/theme-provider/ThemeProvider.d.ts

@@ -0,0 +1,28 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+interface ThemeConfig {
+    name: string;
+    mode?: 'light' | 'dark';
+    cssFile?: string;
+    cssContent?: string;
+    logo?: string;
+}
+interface Props {
+    theme: ThemeConfig;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & 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/theme-provider/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ThemeProvider } from './ThemeProvider';
+export interface ThemeConfig {
+    name: string;
+    mode?: 'light' | 'dark';
+    cssFile?: string;
+    logo?: string;
+}
+export interface ThemeProviderProps {
+    theme: ThemeConfig;
+}
+export type ThemeMode = 'light' | 'dark';

package/dist/themes/club-employes/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from '../../theme-provider';
+export declare const clubEmployesLight: ThemeConfig;
+export declare const clubEmployesDark: ThemeConfig;
+export default clubEmployesLight;