design-zystem 1.0.233 → 1.0.235

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -285,6 +285,16 @@ interface LinkProps {
285
285
  }
286
286
  declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
287
287
 
288
+ interface AvatarProps {
289
+ name: string;
290
+ src?: string | null;
291
+ backgroundColor?: string;
292
+ textColor?: string;
293
+ size?: number;
294
+ shape?: 'circle' | 'square';
295
+ }
296
+ declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, }: AvatarProps) => react_jsx_runtime.JSX.Element;
297
+
288
298
  interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
289
299
  label?: string;
290
300
  children?: ReactNode;
@@ -500,6 +510,8 @@ interface AccordionProps {
500
510
  items?: AccordionItem[];
501
511
  /** Mode single — titre du panneau */
502
512
  title?: ReactNode;
513
+ /** Slot à droite du titre, avant le chevron (badge, action, counter…) */
514
+ titleEnd?: ReactNode;
503
515
  /** Mode single — contenu */
504
516
  children?: ReactNode;
505
517
  defaultOpen?: boolean;
@@ -517,7 +529,7 @@ interface AccordionProps {
517
529
  maxHeight?: number;
518
530
  backgroundHeader?: keyof typeof colors | string;
519
531
  }
520
- declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
532
+ declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
521
533
 
522
534
  interface ColorPickerProps {
523
535
  label?: string;
@@ -918,4 +930,4 @@ interface OptimizeImageOptions {
918
930
  }
919
931
  declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
920
932
 
921
- export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };
933
+ export { Accordion, type AccordionItem, Avatar, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };
package/dist/index.d.ts CHANGED
@@ -285,6 +285,16 @@ interface LinkProps {
285
285
  }
286
286
  declare const Link: ({ children, url, newTab, download, size, variant, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
287
287
 
288
+ interface AvatarProps {
289
+ name: string;
290
+ src?: string | null;
291
+ backgroundColor?: string;
292
+ textColor?: string;
293
+ size?: number;
294
+ shape?: 'circle' | 'square';
295
+ }
296
+ declare const Avatar: ({ name, src, backgroundColor, textColor, size, shape, }: AvatarProps) => react_jsx_runtime.JSX.Element;
297
+
288
298
  interface ButtonProps extends HTMLAttributes<HTMLButtonElement> {
289
299
  label?: string;
290
300
  children?: ReactNode;
@@ -500,6 +510,8 @@ interface AccordionProps {
500
510
  items?: AccordionItem[];
501
511
  /** Mode single — titre du panneau */
502
512
  title?: ReactNode;
513
+ /** Slot à droite du titre, avant le chevron (badge, action, counter…) */
514
+ titleEnd?: ReactNode;
503
515
  /** Mode single — contenu */
504
516
  children?: ReactNode;
505
517
  defaultOpen?: boolean;
@@ -517,7 +529,7 @@ interface AccordionProps {
517
529
  maxHeight?: number;
518
530
  backgroundHeader?: keyof typeof colors | string;
519
531
  }
520
- declare const Accordion: ({ items, title, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
532
+ declare const Accordion: ({ items, title, titleEnd, children, defaultOpen, open: controlledOpen, onToggle, openItemId: controlledItemId, onItemToggle, needCheckbox, checkboxValue, onCheck, bordered, disabled, maxHeight, backgroundHeader, }: AccordionProps) => react_jsx_runtime.JSX.Element;
521
533
 
522
534
  interface ColorPickerProps {
523
535
  label?: string;
@@ -918,4 +930,4 @@ interface OptimizeImageOptions {
918
930
  }
919
931
  declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
920
932
 
921
- export { Accordion, type AccordionItem, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };
933
+ export { Accordion, type AccordionItem, Avatar, Box, Bubble, Bulk, Button, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, Divider, Drawer, FileUploadZone, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, Popover, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Tooltip, colors, formatDate, formatDistance, formatDuration, optimizeImage, truncateFileName, truncateText };