design-zystem 1.0.451 → 1.0.453

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.
Files changed (5) hide show
  1. package/dist/ui/index.d.mts +4 -1
  2. package/dist/ui/index.d.ts +4 -1
  3. package/dist/ui/index.js +9 -0
  4. package/dist/ui/index.mjs +9 -0
  5. package/package.json +1 -1
package/dist/ui/index.d.mts CHANGED
@@ -23,6 +23,7 @@ declare const layoutVariants: (props?: ({
23
23
  wrap?: boolean | null | undefined;
24
24
  fullWidth?: boolean | null | undefined;
25
25
  fullHeight?: boolean | null | undefined;
26
+ grow?: boolean | null | undefined;
26
27
  padding?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
27
28
  paddingX?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
28
29
  paddingY?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
@@ -1275,12 +1276,14 @@ interface PopoverProps {
1275
1276
  align?: 'start' | 'center' | 'end';
1276
1277
  side?: 'top' | 'bottom' | 'left' | 'right';
1277
1278
  sideOffset?: number;
1279
+ /** Décalage le long du bord d'alignement ; négatif avec `align="end"` = vers le bas ou la droite. */
1280
+ alignOffset?: number;
1278
1281
  open?: boolean;
1279
1282
  onOpenChange?: (open: boolean) => void;
1280
1283
  width?: string;
1281
1284
  className?: string;
1282
1285
  }
1283
- declare const Popover: ({ trigger, items, children, align, side, sideOffset, open, onOpenChange, width, className, }: PopoverProps) => react.JSX.Element;
1286
+ declare const Popover: ({ trigger, items, children, align, side, sideOffset, alignOffset, open, onOpenChange, width, className, }: PopoverProps) => react.JSX.Element;
1284
1287
 
1285
1288
  interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
1286
1289
  /** Rétracte le panneau en rail d'icônes (64px, assez large pour des boutons de 40px comme en déplié) — contrôlé par le consommateur, comme `Tabs value`. */
package/dist/ui/index.d.ts CHANGED
@@ -23,6 +23,7 @@ declare const layoutVariants: (props?: ({
23
23
  wrap?: boolean | null | undefined;
24
24
  fullWidth?: boolean | null | undefined;
25
25
  fullHeight?: boolean | null | undefined;
26
+ grow?: boolean | null | undefined;
26
27
  padding?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
27
28
  paddingX?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
28
29
  paddingY?: 0 | 0.5 | 1 | 1.5 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | null | undefined;
@@ -1275,12 +1276,14 @@ interface PopoverProps {
1275
1276
  align?: 'start' | 'center' | 'end';
1276
1277
  side?: 'top' | 'bottom' | 'left' | 'right';
1277
1278
  sideOffset?: number;
1279
+ /** Décalage le long du bord d'alignement ; négatif avec `align="end"` = vers le bas ou la droite. */
1280
+ alignOffset?: number;
1278
1281
  open?: boolean;
1279
1282
  onOpenChange?: (open: boolean) => void;
1280
1283
  width?: string;
1281
1284
  className?: string;
1282
1285
  }
1283
- declare const Popover: ({ trigger, items, children, align, side, sideOffset, open, onOpenChange, width, className, }: PopoverProps) => react.JSX.Element;
1286
+ declare const Popover: ({ trigger, items, children, align, side, sideOffset, alignOffset, open, onOpenChange, width, className, }: PopoverProps) => react.JSX.Element;
1284
1287
 
1285
1288
  interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
1286
1289
  /** Rétracte le panneau en rail d'icônes (64px, assez large pour des boutons de 40px comme en déplié) — contrôlé par le consommateur, comme `Tabs value`. */
package/dist/ui/index.js CHANGED
@@ -319,6 +319,10 @@ var layoutVariants = (0, import_class_variance_authority.cva)("flex box-border",
319
319
  true: "h-full",
320
320
  false: ""
321
321
  },
322
+ grow: {
323
+ true: "flex-1 min-h-0 min-w-0",
324
+ false: ""
325
+ },
322
326
  padding: {
323
327
  0: "p-0",
324
328
  0.5: "p-0.5",
@@ -446,6 +450,7 @@ var Layout = (0, import_react.forwardRef)(
446
450
  wrap,
447
451
  fullWidth,
448
452
  fullHeight,
453
+ grow,
449
454
  padding,
450
455
  paddingX,
451
456
  paddingY,
@@ -468,6 +473,7 @@ var Layout = (0, import_react.forwardRef)(
468
473
  "wrap",
469
474
  "fullWidth",
470
475
  "fullHeight",
476
+ "grow",
471
477
  "padding",
472
478
  "paddingX",
473
479
  "paddingY",
@@ -496,6 +502,7 @@ var Layout = (0, import_react.forwardRef)(
496
502
  // Pleine largeur par défaut ; une `width` explicite reprend la main.
497
503
  fullWidth: fullWidth != null ? fullWidth : width === void 0,
498
504
  fullHeight,
505
+ grow,
499
506
  padding,
500
507
  paddingX,
501
508
  paddingY,
@@ -5058,6 +5065,7 @@ var Popover = ({
5058
5065
  align = "end",
5059
5066
  side = "bottom",
5060
5067
  sideOffset = 6,
5068
+ alignOffset,
5061
5069
  open,
5062
5070
  onOpenChange,
5063
5071
  width,
@@ -5070,6 +5078,7 @@ var Popover = ({
5070
5078
  align,
5071
5079
  side,
5072
5080
  sideOffset,
5081
+ alignOffset,
5073
5082
  style: width ? { width } : void 0,
5074
5083
  onClick: (event) => event.stopPropagation(),
5075
5084
  className: cn(
package/dist/ui/index.mjs CHANGED
@@ -89,6 +89,10 @@ var layoutVariants = cva("flex box-border", {
89
89
  true: "h-full",
90
90
  false: ""
91
91
  },
92
+ grow: {
93
+ true: "flex-1 min-h-0 min-w-0",
94
+ false: ""
95
+ },
92
96
  padding: {
93
97
  0: "p-0",
94
98
  0.5: "p-0.5",
@@ -216,6 +220,7 @@ var Layout = forwardRef(
216
220
  wrap,
217
221
  fullWidth,
218
222
  fullHeight,
223
+ grow,
219
224
  padding,
220
225
  paddingX,
221
226
  paddingY,
@@ -238,6 +243,7 @@ var Layout = forwardRef(
238
243
  "wrap",
239
244
  "fullWidth",
240
245
  "fullHeight",
246
+ "grow",
241
247
  "padding",
242
248
  "paddingX",
243
249
  "paddingY",
@@ -266,6 +272,7 @@ var Layout = forwardRef(
266
272
  // Pleine largeur par défaut ; une `width` explicite reprend la main.
267
273
  fullWidth: fullWidth != null ? fullWidth : width === void 0,
268
274
  fullHeight,
275
+ grow,
269
276
  padding,
270
277
  paddingX,
271
278
  paddingY,
@@ -4851,6 +4858,7 @@ var Popover = ({
4851
4858
  align = "end",
4852
4859
  side = "bottom",
4853
4860
  sideOffset = 6,
4861
+ alignOffset,
4854
4862
  open,
4855
4863
  onOpenChange,
4856
4864
  width,
@@ -4863,6 +4871,7 @@ var Popover = ({
4863
4871
  align,
4864
4872
  side,
4865
4873
  sideOffset,
4874
+ alignOffset,
4866
4875
  style: width ? { width } : void 0,
4867
4876
  onClick: (event) => event.stopPropagation(),
4868
4877
  className: cn(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.451",
3
+ "version": "1.0.453",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",