@misael703/ui 1.9.1 → 1.10.0

package/dist/components/Commerce.js

@@ -1,12 +1,12 @@
 'use client';
 'use strict';
 
-var chunkVXKEX7T2_js = require('../chunk-VXKEX7T2.js');
-require('../chunk-AYQ7FM6O.js');
+var chunkFGNHN34U_js = require('../chunk-FGNHN34U.js');
+require('../chunk-BSAHYKPF.js');
 require('../chunk-FL4ZCWUF.js');
-require('../chunk-6TYPG7MA.js');
+require('../chunk-DFQLWCIC.js');
 require('../chunk-3PXYCXDW.js');
-require('../chunk-CBHWPIHM.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -14,47 +14,47 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "AddressForm", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.AddressForm; }
+  get: function () { return chunkFGNHN34U_js.AddressForm; }
 });
 Object.defineProperty(exports, "CartDrawer", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.CartDrawer; }
+  get: function () { return chunkFGNHN34U_js.CartDrawer; }
 });
 Object.defineProperty(exports, "CompareTable", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.CompareTable; }
+  get: function () { return chunkFGNHN34U_js.CompareTable; }
 });
 Object.defineProperty(exports, "FreeShippingProgress", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.FreeShippingProgress; }
+  get: function () { return chunkFGNHN34U_js.FreeShippingProgress; }
 });
 Object.defineProperty(exports, "OrderSummary", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.OrderSummary; }
+  get: function () { return chunkFGNHN34U_js.OrderSummary; }
 });
 Object.defineProperty(exports, "PriceDisplay", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.PriceDisplay; }
+  get: function () { return chunkFGNHN34U_js.PriceDisplay; }
 });
 Object.defineProperty(exports, "PromoCodeInput", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.PromoCodeInput; }
+  get: function () { return chunkFGNHN34U_js.PromoCodeInput; }
 });
 Object.defineProperty(exports, "QuantitySelector", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.QuantitySelector; }
+  get: function () { return chunkFGNHN34U_js.QuantitySelector; }
 });
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.Rating; }
+  get: function () { return chunkFGNHN34U_js.Rating; }
 });
 Object.defineProperty(exports, "VariantSelector", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.VariantSelector; }
+  get: function () { return chunkFGNHN34U_js.VariantSelector; }
 });
 Object.defineProperty(exports, "WishlistButton", {
   enumerable: true,
-  get: function () { return chunkVXKEX7T2_js.WishlistButton; }
+  get: function () { return chunkFGNHN34U_js.WishlistButton; }
 });
 //# sourceMappingURL=Commerce.js.map
 //# sourceMappingURL=Commerce.js.map

package/dist/components/Commerce.mjs

@@ -1,10 +1,10 @@
 'use client';
-export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-RJMMD7CG.mjs';
-import '../chunk-7AD35TKY.mjs';
+export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from '../chunk-XLLARFVP.mjs';
+import '../chunk-JUSOPJZW.mjs';
 import '../chunk-U3JH4T3A.mjs';
-import '../chunk-IUL73666.mjs';
+import '../chunk-Q4HKSXUE.mjs';
 import '../chunk-5GEWIK4T.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Commerce.mjs.map

package/dist/components/DataTable.d.mts

@@ -72,6 +72,41 @@ interface DataTableProps<T> {
      * when the key isn't human-readable (e.g. a UUID).
      */
     rowLabel?: (row: T) => string;
+    /**
+     * Body density. Default `'compact'` (v1.10.0): a readable-dense register
+     * (~30px rows, `--text-xs`, single-line cells) — the right default for
+     * the data-heavy screens this kit serves ("default = product"). Pass
+     * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows
+     * (which wrap to two lines).
+     */
+    density?: 'comfortable' | 'compact';
+    /**
+     * Makes every row a navigable link. The kit renders a real, keyboard-
+     * operable, screen-reader-labelled `<a>` stretched over the row — valid
+     * table markup (no `role` hacks, no `asChild` on `<tr>`, never an
+     * onClick-only div). One Tab stop per row; Enter activates; the focus
+     * ring shows on the row. Additive; combinable with `onRowClick`.
+     */
+    rowHref?: (row: T) => string;
+    /**
+     * Makes every row activate a callback (pointer **and** keyboard).
+     * Renders a real stretched `<button>` with the same a11y guarantees as
+     * `rowHref`. Prefer `rowHref` when the action is navigation.
+     */
+    onRowClick?: (row: T) => void;
+    /**
+     * Full-control escape hatch — the render-prop polymorphism the kit uses
+     * for data/array-driven components (cf. `AppShell.linkAs`; deliberately
+     * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the
+     * row, the kit-rendered `cells`, and the row key; return your own row
+     * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,
+     * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).
+     */
+    renderRow?: (args: {
+        row: T;
+        cells: React.ReactNode;
+        rowKey: string;
+    }) => React.ReactNode;
     className?: string;
 }
 /**
@@ -85,7 +120,7 @@ interface DataTableProps<T> {
  * - No virtualization; tested up to ~200 rows. For large datasets, plug
  *   in react-window/tanstack-virtual around the body rows.
  */
-declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, selectable, selectedKeys, onSelectionChange, empty, error, loading, stickyHeader, mobileLayout, ariaLabel, rowLabel, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, selectable, selectedKeys, onSelectionChange, empty, error, loading, stickyHeader, mobileLayout, ariaLabel, rowLabel, className, density, rowHref, onRowClick, renderRow, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 interface AccordionProps {
     multiple?: boolean;
     defaultOpen?: string[];

package/dist/components/DataTable.d.ts

@@ -72,6 +72,41 @@ interface DataTableProps<T> {
      * when the key isn't human-readable (e.g. a UUID).
      */
     rowLabel?: (row: T) => string;
+    /**
+     * Body density. Default `'compact'` (v1.10.0): a readable-dense register
+     * (~30px rows, `--text-xs`, single-line cells) — the right default for
+     * the data-heavy screens this kit serves ("default = product"). Pass
+     * `'comfortable'` to opt back into the pre-1.10.0 airy 14px/16px rows
+     * (which wrap to two lines).
+     */
+    density?: 'comfortable' | 'compact';
+    /**
+     * Makes every row a navigable link. The kit renders a real, keyboard-
+     * operable, screen-reader-labelled `<a>` stretched over the row — valid
+     * table markup (no `role` hacks, no `asChild` on `<tr>`, never an
+     * onClick-only div). One Tab stop per row; Enter activates; the focus
+     * ring shows on the row. Additive; combinable with `onRowClick`.
+     */
+    rowHref?: (row: T) => string;
+    /**
+     * Makes every row activate a callback (pointer **and** keyboard).
+     * Renders a real stretched `<button>` with the same a11y guarantees as
+     * `rowHref`. Prefer `rowHref` when the action is navigation.
+     */
+    onRowClick?: (row: T) => void;
+    /**
+     * Full-control escape hatch — the render-prop polymorphism the kit uses
+     * for data/array-driven components (cf. `AppShell.linkAs`; deliberately
+     * NOT `asChild`, which would emit invalid markup on `<tr>`). Receives the
+     * row, the kit-rendered `cells`, and the row key; return your own row
+     * element (e.g. a framework `<Link>` wrapping a `<tr>`). When set,
+     * `rowHref`/`onRowClick` are ignored (you own row interactivity & a11y).
+     */
+    renderRow?: (args: {
+        row: T;
+        cells: React.ReactNode;
+        rowKey: string;
+    }) => React.ReactNode;
     className?: string;
 }
 /**
@@ -85,7 +120,7 @@ interface DataTableProps<T> {
  * - No virtualization; tested up to ~200 rows. For large datasets, plug
  *   in react-window/tanstack-virtual around the body rows.
  */
-declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, selectable, selectedKeys, onSelectionChange, empty, error, loading, stickyHeader, mobileLayout, ariaLabel, rowLabel, className, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T>({ columns, rows, rowKey, sort, onSortChange, selectable, selectedKeys, onSelectionChange, empty, error, loading, stickyHeader, mobileLayout, ariaLabel, rowLabel, className, density, rowHref, onRowClick, renderRow, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 interface AccordionProps {
     multiple?: boolean;
     defaultOpen?: string[];

package/dist/components/DataTable.js

@@ -1,11 +1,11 @@
 'use client';
 'use strict';
 
-var chunkBESBMV7N_js = require('../chunk-BESBMV7N.js');
+var chunkDIDQCPXU_js = require('../chunk-DIDQCPXU.js');
 require('../chunk-HYUINOPJ.js');
-require('../chunk-X7O37QLL.js');
-require('../chunk-6TYPG7MA.js');
-require('../chunk-CBHWPIHM.js');
+require('../chunk-KTWHW6UV.js');
+require('../chunk-DFQLWCIC.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -13,27 +13,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.Accordion; }
+  get: function () { return chunkDIDQCPXU_js.Accordion; }
 });
 Object.defineProperty(exports, "AccordionItem", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.AccordionItem; }
+  get: function () { return chunkDIDQCPXU_js.AccordionItem; }
 });
 Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.Breadcrumbs; }
+  get: function () { return chunkDIDQCPXU_js.Breadcrumbs; }
 });
 Object.defineProperty(exports, "DataTable", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.DataTable; }
+  get: function () { return chunkDIDQCPXU_js.DataTable; }
 });
 Object.defineProperty(exports, "TablePagination", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.TablePagination; }
+  get: function () { return chunkDIDQCPXU_js.TablePagination; }
 });
 Object.defineProperty(exports, "TableToolbar", {
   enumerable: true,
-  get: function () { return chunkBESBMV7N_js.TableToolbar; }
+  get: function () { return chunkDIDQCPXU_js.TableToolbar; }
 });
 //# sourceMappingURL=DataTable.js.map
 //# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.mjs

@@ -1,9 +1,9 @@
 'use client';
-export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from '../chunk-PDLQUQK7.mjs';
+export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, TableToolbar } from '../chunk-WDDSHKU2.mjs';
 import '../chunk-GVYZAOWU.mjs';
-import '../chunk-PWAIOLZH.mjs';
-import '../chunk-IUL73666.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+import '../chunk-ETG3VM56.mjs';
+import '../chunk-Q4HKSXUE.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=DataTable.mjs.map

package/dist/components/Display.d.mts

@@ -21,8 +21,14 @@ type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'i
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: Extensible<BadgeVariant>;
     dot?: boolean;
+    /**
+     * Pulsing status dot. Lets ONE component cover a "status" column
+     * (previously you had to mix `StatusIndicator` + `Badge`, which read
+     * inconsistently). Implies a dot. Respects `prefers-reduced-motion`.
+     */
+    pulse?: boolean;
 }
-declare function Badge({ variant, dot, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ variant, dot, pulse, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
 type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     variant?: Extensible<AlertVariant>;

package/dist/components/Display.d.ts

@@ -21,8 +21,14 @@ type BadgeVariant = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'i
 interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     variant?: Extensible<BadgeVariant>;
     dot?: boolean;
+    /**
+     * Pulsing status dot. Lets ONE component cover a "status" column
+     * (previously you had to mix `StatusIndicator` + `Badge`, which read
+     * inconsistently). Implies a dot. Respects `prefers-reduced-motion`.
+     */
+    pulse?: boolean;
 }
-declare function Badge({ variant, dot, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
+declare function Badge({ variant, dot, pulse, className, children, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
 type AlertVariant = 'info' | 'success' | 'warning' | 'danger';
 interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
     variant?: Extensible<AlertVariant>;

package/dist/components/Display.js

@@ -1,8 +1,8 @@
 'use client';
 'use strict';
 
-var chunkJL73XCFX_js = require('../chunk-JL73XCFX.js');
-require('../chunk-CBHWPIHM.js');
+var chunkTS2WNAQC_js = require('../chunk-TS2WNAQC.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-EUB4PHPI.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
@@ -11,47 +11,47 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Alert", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Alert; }
+  get: function () { return chunkTS2WNAQC_js.Alert; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Badge; }
+  get: function () { return chunkTS2WNAQC_js.Badge; }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Card; }
+  get: function () { return chunkTS2WNAQC_js.Card; }
 });
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.CardBody; }
+  get: function () { return chunkTS2WNAQC_js.CardBody; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.CardFooter; }
+  get: function () { return chunkTS2WNAQC_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.CardHeader; }
+  get: function () { return chunkTS2WNAQC_js.CardHeader; }
 });
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Chip; }
+  get: function () { return chunkTS2WNAQC_js.Chip; }
 });
 Object.defineProperty(exports, "ChipGroup", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.ChipGroup; }
+  get: function () { return chunkTS2WNAQC_js.ChipGroup; }
 });
 Object.defineProperty(exports, "ProductCard", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.ProductCard; }
+  get: function () { return chunkTS2WNAQC_js.ProductCard; }
 });
 Object.defineProperty(exports, "Skeleton", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Skeleton; }
+  get: function () { return chunkTS2WNAQC_js.Skeleton; }
 });
 Object.defineProperty(exports, "Spinner", {
   enumerable: true,
-  get: function () { return chunkJL73XCFX_js.Spinner; }
+  get: function () { return chunkTS2WNAQC_js.Spinner; }
 });
 //# sourceMappingURL=Display.js.map
 //# sourceMappingURL=Display.js.map

package/dist/components/Display.mjs

@@ -1,6 +1,6 @@
 'use client';
-export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from '../chunk-3MOVUNRA.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from '../chunk-GD3IZ66H.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-IEPKSPBX.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';

package/dist/components/Display3.js

@@ -1,14 +1,14 @@
 'use client';
 'use strict';
 
-var chunkDI3O3TS5_js = require('../chunk-DI3O3TS5.js');
+var chunkZMRN4DMC_js = require('../chunk-ZMRN4DMC.js');
 require('../chunk-56NJXIH7.js');
 require('../chunk-HHEYTMBY.js');
 require('../chunk-XMLBKK7X.js');
 require('../chunk-7I5LFBQR.js');
 require('../chunk-WAGWB35Q.js');
 require('../chunk-3PXYCXDW.js');
-require('../chunk-CBHWPIHM.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -16,27 +16,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.Calendar; }
+  get: function () { return chunkZMRN4DMC_js.Calendar; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.StatusIndicator; }
+  get: function () { return chunkZMRN4DMC_js.StatusIndicator; }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.Timeline; }
+  get: function () { return chunkZMRN4DMC_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.TimelineItem; }
+  get: function () { return chunkZMRN4DMC_js.TimelineItem; }
 });
 Object.defineProperty(exports, "Tree", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.Tree; }
+  get: function () { return chunkZMRN4DMC_js.Tree; }
 });
 Object.defineProperty(exports, "UserCell", {
   enumerable: true,
-  get: function () { return chunkDI3O3TS5_js.UserCell; }
+  get: function () { return chunkZMRN4DMC_js.UserCell; }
 });
 //# sourceMappingURL=Display3.js.map
 //# sourceMappingURL=Display3.js.map

package/dist/components/Display3.mjs

@@ -1,12 +1,12 @@
 'use client';
-export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-S7M7GTUZ.mjs';
+export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-YL2IWHUZ.mjs';
 import '../chunk-OJNEGJ3P.mjs';
 import '../chunk-N5D6AC6M.mjs';
 import '../chunk-6P2TKRTL.mjs';
 import '../chunk-PRML6VEF.mjs';
 import '../chunk-FKBQYQQD.mjs';
 import '../chunk-5GEWIK4T.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Display3.mjs.map

package/dist/components/Editing.js

@@ -1,11 +1,11 @@
 'use client';
 'use strict';
 
-var chunkVUJMOT6K_js = require('../chunk-VUJMOT6K.js');
-require('../chunk-AYQ7FM6O.js');
+var chunkO72DMPH6_js = require('../chunk-O72DMPH6.js');
+require('../chunk-BSAHYKPF.js');
 require('../chunk-FL4ZCWUF.js');
 require('../chunk-HYUINOPJ.js');
-require('../chunk-CBHWPIHM.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -13,23 +13,23 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "ConfirmDialog", {
   enumerable: true,
-  get: function () { return chunkVUJMOT6K_js.ConfirmDialog; }
+  get: function () { return chunkO72DMPH6_js.ConfirmDialog; }
 });
 Object.defineProperty(exports, "DescriptionList", {
   enumerable: true,
-  get: function () { return chunkVUJMOT6K_js.DescriptionList; }
+  get: function () { return chunkO72DMPH6_js.DescriptionList; }
 });
 Object.defineProperty(exports, "DescriptionListItem", {
   enumerable: true,
-  get: function () { return chunkVUJMOT6K_js.DescriptionListItem; }
+  get: function () { return chunkO72DMPH6_js.DescriptionListItem; }
 });
 Object.defineProperty(exports, "DiffViewer", {
   enumerable: true,
-  get: function () { return chunkVUJMOT6K_js.DiffViewer; }
+  get: function () { return chunkO72DMPH6_js.DiffViewer; }
 });
 Object.defineProperty(exports, "TransferList", {
   enumerable: true,
-  get: function () { return chunkVUJMOT6K_js.TransferList; }
+  get: function () { return chunkO72DMPH6_js.TransferList; }
 });
 //# sourceMappingURL=Editing.js.map
 //# sourceMappingURL=Editing.js.map

package/dist/components/Editing.mjs

@@ -1,9 +1,9 @@
 'use client';
-export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, TransferList } from '../chunk-CCZOHDVF.mjs';
-import '../chunk-7AD35TKY.mjs';
+export { ConfirmDialog, DescriptionList, DescriptionListItem, DiffViewer, TransferList } from '../chunk-BCE5WXM6.mjs';
+import '../chunk-JUSOPJZW.mjs';
 import '../chunk-U3JH4T3A.mjs';
 import '../chunk-GVYZAOWU.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Editing.mjs.map

package/dist/components/Filters.d.mts

@@ -33,5 +33,25 @@ interface SortDropdownProps<T = string> {
     id?: string;
 }
 declare function SortDropdown<T extends string = string>({ value, options, onChange, label, className, id, }: SortDropdownProps<T>): react_jsx_runtime.JSX.Element;
+interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Right-aligned slot for row-level actions (e.g. clear-all, export). */
+    actions?: React.ReactNode;
+    /** Min column width (px) before the responsive grid wraps. Default 160. */
+    minColWidth?: number;
+    /**
+     * Fixed column count instead of width-driven auto-fit. Use for a
+     * deterministic N-up row rather than wrapping by available width.
+     */
+    columns?: number;
+}
+declare function FilterBar({ actions, minColWidth, columns, className, children, style, ...rest }: FilterBarProps): React.JSX.Element;
+interface FilterFieldProps {
+    label: React.ReactNode;
+    /** Override the auto-generated id (when the control sets its own id). */
+    htmlFor?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FilterField({ label, htmlFor, children, className, }: FilterFieldProps): React.JSX.Element;
 
-export { BulkActionBar, type BulkActionBarProps, FilterPanel, type FilterPanelProps, FilterSection, type FilterSectionProps, SortDropdown, type SortDropdownProps, type SortOption };
+export { BulkActionBar, type BulkActionBarProps, FilterBar, type FilterBarProps, FilterField, type FilterFieldProps, FilterPanel, type FilterPanelProps, FilterSection, type FilterSectionProps, SortDropdown, type SortDropdownProps, type SortOption };

package/dist/components/Filters.d.ts

@@ -33,5 +33,25 @@ interface SortDropdownProps<T = string> {
     id?: string;
 }
 declare function SortDropdown<T extends string = string>({ value, options, onChange, label, className, id, }: SortDropdownProps<T>): react_jsx_runtime.JSX.Element;
+interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Right-aligned slot for row-level actions (e.g. clear-all, export). */
+    actions?: React.ReactNode;
+    /** Min column width (px) before the responsive grid wraps. Default 160. */
+    minColWidth?: number;
+    /**
+     * Fixed column count instead of width-driven auto-fit. Use for a
+     * deterministic N-up row rather than wrapping by available width.
+     */
+    columns?: number;
+}
+declare function FilterBar({ actions, minColWidth, columns, className, children, style, ...rest }: FilterBarProps): React.JSX.Element;
+interface FilterFieldProps {
+    label: React.ReactNode;
+    /** Override the auto-generated id (when the control sets its own id). */
+    htmlFor?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+declare function FilterField({ label, htmlFor, children, className, }: FilterFieldProps): React.JSX.Element;
 
-export { BulkActionBar, type BulkActionBarProps, FilterPanel, type FilterPanelProps, FilterSection, type FilterSectionProps, SortDropdown, type SortDropdownProps, type SortOption };
+export { BulkActionBar, type BulkActionBarProps, FilterBar, type FilterBarProps, FilterField, type FilterFieldProps, FilterPanel, type FilterPanelProps, FilterSection, type FilterSectionProps, SortDropdown, type SortDropdownProps, type SortOption };

package/dist/components/Filters.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunkJPPRP5R7_js = require('../chunk-JPPRP5R7.js');
-require('../chunk-6TYPG7MA.js');
-require('../chunk-CBHWPIHM.js');
+var chunk4QXDOJ7A_js = require('../chunk-4QXDOJ7A.js');
+require('../chunk-DFQLWCIC.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -11,19 +11,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "BulkActionBar", {
   enumerable: true,
-  get: function () { return chunkJPPRP5R7_js.BulkActionBar; }
+  get: function () { return chunk4QXDOJ7A_js.BulkActionBar; }
+});
+Object.defineProperty(exports, "FilterBar", {
+  enumerable: true,
+  get: function () { return chunk4QXDOJ7A_js.FilterBar; }
+});
+Object.defineProperty(exports, "FilterField", {
+  enumerable: true,
+  get: function () { return chunk4QXDOJ7A_js.FilterField; }
 });
 Object.defineProperty(exports, "FilterPanel", {
   enumerable: true,
-  get: function () { return chunkJPPRP5R7_js.FilterPanel; }
+  get: function () { return chunk4QXDOJ7A_js.FilterPanel; }
 });
 Object.defineProperty(exports, "FilterSection", {
   enumerable: true,
-  get: function () { return chunkJPPRP5R7_js.FilterSection; }
+  get: function () { return chunk4QXDOJ7A_js.FilterSection; }
 });
 Object.defineProperty(exports, "SortDropdown", {
   enumerable: true,
-  get: function () { return chunkJPPRP5R7_js.SortDropdown; }
+  get: function () { return chunk4QXDOJ7A_js.SortDropdown; }
 });
 //# sourceMappingURL=Filters.js.map
 //# sourceMappingURL=Filters.js.map

package/dist/components/Filters.mjs

@@ -1,7 +1,7 @@
 'use client';
-export { BulkActionBar, FilterPanel, FilterSection, SortDropdown } from '../chunk-XYKOXQUS.mjs';
-import '../chunk-IUL73666.mjs';
-import '../chunk-Q4BKGBTV.mjs';
+export { BulkActionBar, FilterBar, FilterField, FilterPanel, FilterSection, SortDropdown } from '../chunk-4SEJTTTV.mjs';
+import '../chunk-Q4HKSXUE.mjs';
+import '../chunk-PQV7HHCJ.mjs';
 import '../chunk-CIBJKJV3.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Filters.mjs.map

package/dist/components/Gallery.js

@@ -1,9 +1,9 @@
 'use client';
 'use strict';
 
-var chunk3XXTCTFO_js = require('../chunk-3XXTCTFO.js');
-require('../chunk-6TYPG7MA.js');
-require('../chunk-CBHWPIHM.js');
+var chunkJYHY3UWA_js = require('../chunk-JYHY3UWA.js');
+require('../chunk-DFQLWCIC.js');
+require('../chunk-4VMQLSHV.js');
 require('../chunk-RQOTH7I7.js');
 require('../chunk-PASF6T4H.js');
 
@@ -11,11 +11,11 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "ImageGallery", {
   enumerable: true,
-  get: function () { return chunk3XXTCTFO_js.ImageGallery; }
+  get: function () { return chunkJYHY3UWA_js.ImageGallery; }
 });
 Object.defineProperty(exports, "Lightbox", {
   enumerable: true,
-  get: function () { return chunk3XXTCTFO_js.Lightbox; }
+  get: function () { return chunkJYHY3UWA_js.Lightbox; }
 });
 //# sourceMappingURL=Gallery.js.map
 //# sourceMappingURL=Gallery.js.map