@club-employes/utopia 4.42.0 → 4.44.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';