@khipu/design-system 0.2.0-alpha.97 → 0.2.0-alpha.99

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.
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@khipu/design-system/beercss",
3
- "version": "0.2.0-alpha.97",
3
+ "version": "0.2.0-alpha.99",
4
4
  "description": "Khipu BeerCSS bundle with Material Design 3 and Khipu customizations",
5
- "buildDate": "2026-07-06T19:38:43.198Z",
5
+ "buildDate": "2026-07-06T20:11:57.464Z",
6
6
  "includes": {
7
7
  "beercss": "4.0.1",
8
8
  "khipu-tokens": "latest",
@@ -19,8 +19,8 @@
19
19
  },
20
20
  "scopeClass": ".kds-theme-root",
21
21
  "cdn": {
22
- "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.97/dist/beercss/khipu-beercss.min.css",
23
- "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.97/dist/beercss/khipu-beercss.scoped.min.css",
24
- "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.97/dist/beercss/khipu-beercss.min.js"
22
+ "css": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.min.css",
23
+ "cssScoped": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.scoped.min.css",
24
+ "js": "https://cdn.jsdelivr.net/npm/@khipu/design-system@0.2.0-alpha.99/dist/beercss/khipu-beercss.min.js"
25
25
  }
26
26
  }
package/dist/index.d.mts CHANGED
@@ -3446,7 +3446,7 @@ declare const KdsInvoiceSticky: React__default.ForwardRefExoticComponent<KdsInvo
3446
3446
  * Sin `.open`, el scrim queda `display: none` y no se ve.
3447
3447
  */
3448
3448
 
3449
- interface KdsBottomSheetProps {
3449
+ interface KdsBottomSheetProps extends React__default.HTMLAttributes<HTMLDivElement> {
3450
3450
  /** Controla la visibilidad. */
3451
3451
  open: boolean;
3452
3452
  /** Callback cuando se debe cerrar (close button / ESC / click fuera). */
package/dist/index.d.ts CHANGED
@@ -3446,7 +3446,7 @@ declare const KdsInvoiceSticky: React__default.ForwardRefExoticComponent<KdsInvo
3446
3446
  * Sin `.open`, el scrim queda `display: none` y no se ve.
3447
3447
  */
3448
3448
 
3449
- interface KdsBottomSheetProps {
3449
+ interface KdsBottomSheetProps extends React__default.HTMLAttributes<HTMLDivElement> {
3450
3450
  /** Controla la visibilidad. */
3451
3451
  open: boolean;
3452
3452
  /** Callback cuando se debe cerrar (close button / ESC / click fuera). */
package/dist/index.js CHANGED
@@ -2472,7 +2472,8 @@ var KdsBottomSheet = (0, import_react39.forwardRef)(
2472
2472
  showGrabber = true,
2473
2473
  showCloseButton = false,
2474
2474
  container,
2475
- className
2475
+ className,
2476
+ ...props
2476
2477
  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
2477
2478
  Dialog2.Root,
2478
2479
  {
@@ -2480,7 +2481,7 @@ var KdsBottomSheet = (0, import_react39.forwardRef)(
2480
2481
  onOpenChange: (o) => {
2481
2482
  if (!o) onClose();
2482
2483
  },
2483
- children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog2.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
2484
+ children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog2.Portal, { container, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
2484
2485
  Dialog2.Content,
2485
2486
  {
2486
2487
  ref,
@@ -2489,6 +2490,7 @@ var KdsBottomSheet = (0, import_react39.forwardRef)(
2489
2490
  const target = e.target;
2490
2491
  if (target.closest(".kds-bottom-sheet")) e.preventDefault();
2491
2492
  },
2493
+ ...props,
2492
2494
  children: [
2493
2495
  showGrabber && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
2494
2496
  showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -2506,7 +2508,7 @@ var KdsBottomSheet = (0, import_react39.forwardRef)(
2506
2508
  actions && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "kds-bottom-sheet-actions", children: actions })
2507
2509
  ]
2508
2510
  }
2509
- ) }) })
2511
+ ) }) }) })
2510
2512
  }
2511
2513
  )
2512
2514
  );
package/dist/index.mjs CHANGED
@@ -2355,7 +2355,8 @@ var KdsBottomSheet = forwardRef35(
2355
2355
  showGrabber = true,
2356
2356
  showCloseButton = false,
2357
2357
  container,
2358
- className
2358
+ className,
2359
+ ...props
2359
2360
  }, ref) => /* @__PURE__ */ jsx37(
2360
2361
  Dialog2.Root,
2361
2362
  {
@@ -2363,7 +2364,7 @@ var KdsBottomSheet = forwardRef35(
2363
2364
  onOpenChange: (o) => {
2364
2365
  if (!o) onClose();
2365
2366
  },
2366
- children: /* @__PURE__ */ jsx37(Dialog2.Portal, { container, children: /* @__PURE__ */ jsx37(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ jsxs27(
2367
+ children: /* @__PURE__ */ jsx37(Dialog2.Portal, { container, children: /* @__PURE__ */ jsx37("div", { className: "kds-theme-root", style: { display: "contents" }, children: /* @__PURE__ */ jsx37(Dialog2.Overlay, { className: "kds-bottom-sheet-scrim open", children: /* @__PURE__ */ jsxs27(
2367
2368
  Dialog2.Content,
2368
2369
  {
2369
2370
  ref,
@@ -2372,6 +2373,7 @@ var KdsBottomSheet = forwardRef35(
2372
2373
  const target = e.target;
2373
2374
  if (target.closest(".kds-bottom-sheet")) e.preventDefault();
2374
2375
  },
2376
+ ...props,
2375
2377
  children: [
2376
2378
  showGrabber && /* @__PURE__ */ jsx37("div", { className: "kds-bottom-sheet-grabber", "aria-hidden": "true" }),
2377
2379
  showCloseButton && /* @__PURE__ */ jsx37(Dialog2.Close, { asChild: true, children: /* @__PURE__ */ jsx37(
@@ -2389,7 +2391,7 @@ var KdsBottomSheet = forwardRef35(
2389
2391
  actions && /* @__PURE__ */ jsx37("div", { className: "kds-bottom-sheet-actions", children: actions })
2390
2392
  ]
2391
2393
  }
2392
- ) }) })
2394
+ ) }) }) })
2393
2395
  }
2394
2396
  )
2395
2397
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khipu/design-system",
3
- "version": "0.2.0-alpha.97",
3
+ "version": "0.2.0-alpha.99",
4
4
  "description": "Khipu Design System - UI components and design tokens for the Khipu payment platform",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",