@misael703/ui 1.50.0 → 1.52.0

package/dist/components/Toggle.d.ts

@@ -18,6 +18,12 @@ interface ToggleGroupBaseProps {
     className?: string;
     ariaLabel?: string;
     children: React.ReactNode;
+    /**
+     * Sliding active indicator: a single pill that animates between segments
+     * instead of the active item lighting up in place. Only meaningful for
+     * `type="single"`. On by default for `SegmentedControl`, off otherwise.
+     */
+    indicator?: boolean;
 }
 interface ToggleGroupSingleProps extends ToggleGroupBaseProps {
     type: 'single';
@@ -47,7 +53,7 @@ declare function ToggleGroup(props: ToggleGroupProps): react_jsx_runtime.JSX.Ele
  *   </SegmentedControl>
  */
 type SegmentedControlProps = Omit<ToggleGroupSingleProps, 'type'>;
-declare function SegmentedControl({ className, ...rest }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
+declare function SegmentedControl({ className, indicator, ...rest }: SegmentedControlProps): react_jsx_runtime.JSX.Element;
 interface ToggleGroupItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
     value: string;
     /**

package/dist/components/Toggle.js

@@ -1,30 +1,30 @@
 'use client';
 'use strict';
 
-var chunk5LSPN6Q6_js = require('../chunk-5LSPN6Q6.js');
+var chunkNBWCHPRN_js = require('../chunk-NBWCHPRN.js');
 require('../chunk-PASF6T4H.js');
 
 
 
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.SegmentedControl; }
+  get: function () { return chunkNBWCHPRN_js.SegmentedControl; }
 });
 Object.defineProperty(exports, "SegmentedControlItem", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.SegmentedControlItem; }
+  get: function () { return chunkNBWCHPRN_js.SegmentedControlItem; }
 });
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.Toggle; }
+  get: function () { return chunkNBWCHPRN_js.Toggle; }
 });
 Object.defineProperty(exports, "ToggleGroup", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.ToggleGroup; }
+  get: function () { return chunkNBWCHPRN_js.ToggleGroup; }
 });
 Object.defineProperty(exports, "ToggleGroupItem", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.ToggleGroupItem; }
+  get: function () { return chunkNBWCHPRN_js.ToggleGroupItem; }
 });
 //# sourceMappingURL=Toggle.js.map
 //# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { SegmentedControl, SegmentedControlItem, Toggle, ToggleGroup, ToggleGroupItem } from '../chunk-4N2PCBGA.mjs';
+export { SegmentedControl, SegmentedControlItem, Toggle, ToggleGroup, ToggleGroupItem } from '../chunk-CNV2E2M5.mjs';
 import '../chunk-IEPCH3JB.mjs';
 //# sourceMappingURL=Toggle.mjs.map
 //# sourceMappingURL=Toggle.mjs.map

package/dist/hooks/index.d.mts

@@ -1,6 +1,7 @@
 export { useDelayedUnmount } from './useDelayedUnmount.mjs';
 export { PopoverAlign, PopoverPosition, PopoverSide, UsePopoverPositionOptions, VirtualElement, usePopoverPosition } from './usePopoverPosition.mjs';
 export { UseDismissOptions, useDismiss } from './useDismiss.mjs';
+export { UseVirtualRowsOptions, VirtualRowsRange, useVirtualRows } from './useVirtualRows.mjs';
 export { useFocusTrap } from './useFocusTrap.mjs';
 export { useEscape } from './useEscape.mjs';
 export { useScrollLock } from './useScrollLock.mjs';

package/dist/hooks/index.d.ts

@@ -1,6 +1,7 @@
 export { useDelayedUnmount } from './useDelayedUnmount.js';
 export { PopoverAlign, PopoverPosition, PopoverSide, UsePopoverPositionOptions, VirtualElement, usePopoverPosition } from './usePopoverPosition.js';
 export { UseDismissOptions, useDismiss } from './useDismiss.js';
+export { UseVirtualRowsOptions, VirtualRowsRange, useVirtualRows } from './useVirtualRows.js';
 export { useFocusTrap } from './useFocusTrap.js';
 export { useEscape } from './useEscape.js';
 export { useScrollLock } from './useScrollLock.js';

package/dist/hooks/index.js

@@ -1,11 +1,12 @@
 'use client';
 'use strict';
 
-require('../chunk-2KZ4NI3X.js');
+require('../chunk-HT43MPKW.js');
 var chunkD2H4VZVL_js = require('../chunk-D2H4VZVL.js');
 var chunkFL4ZCWUF_js = require('../chunk-FL4ZCWUF.js');
 var chunkNPXEZCTA_js = require('../chunk-NPXEZCTA.js');
 var chunk55P5FA5Q_js = require('../chunk-55P5FA5Q.js');
+var chunk6D5UP23V_js = require('../chunk-6D5UP23V.js');
 var chunkXMLBKK7X_js = require('../chunk-XMLBKK7X.js');
 var chunkCRKYET66_js = require('../chunk-CRKYET66.js');
 
@@ -27,6 +28,10 @@ Object.defineProperty(exports, "useFocusTrap", {
   enumerable: true,
   get: function () { return chunk55P5FA5Q_js.useFocusTrap; }
 });
+Object.defineProperty(exports, "useVirtualRows", {
+  enumerable: true,
+  get: function () { return chunk6D5UP23V_js.useVirtualRows; }
+});
 Object.defineProperty(exports, "useDismiss", {
   enumerable: true,
   get: function () { return chunkXMLBKK7X_js.useDismiss; }

package/dist/hooks/index.mjs

@@ -1,9 +1,10 @@
 'use client';
-import '../chunk-QQE3XOEM.mjs';
+import '../chunk-JT6OOSI2.mjs';
 export { useScrollLock } from '../chunk-R5DCDEB5.mjs';
 export { useDelayedUnmount } from '../chunk-U3JH4T3A.mjs';
 export { useEscape } from '../chunk-6W7ZGWNA.mjs';
 export { useFocusTrap } from '../chunk-XOV4D6J3.mjs';
+export { useVirtualRows } from '../chunk-YTKPENNW.mjs';
 export { useDismiss } from '../chunk-6P2TKRTL.mjs';
 export { usePopoverPosition } from '../chunk-5XT2LX3I.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/hooks/useVirtualRows.d.mts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+/**
+ * Fixed-height row windowing, zero dependencies. Renders only the rows
+ * inside (viewport + overscan) and replaces the rest with two pixel-exact
+ * spacers, so a 10k-row table costs ~40 DOM rows.
+ *
+ * Deliberately FIXED-height only: variable heights need a measurement
+ * cache (tanstack-virtual territory) and the kit's dense table rows are
+ * uniform by design. Anything that breaks uniformity (row expansion,
+ * mobile cards, wrapping `comfortable` cells) must not be combined with
+ * this — `DataTable` gates those combinations off automatically.
+ */
+interface UseVirtualRowsOptions {
+    /** Total row count (the full dataset length, not the rendered window). */
+    count: number;
+    /** Fixed pixel height of every row. The math trusts it: measure once in devtools. */
+    rowHeight: number;
+    /** Extra rows rendered above/below the viewport. Default 6. */
+    overscan?: number;
+    /**
+     * When `false` the hook is inert and returns the full range with zero
+     * padding — callers keep one uniform render path instead of forking on
+     * "virtual or not" (hooks can't be called conditionally).
+     */
+    enabled?: boolean;
+}
+interface VirtualRowsRange {
+    /** First rendered index (inclusive). */
+    start: number;
+    /** Last rendered index (exclusive). */
+    end: number;
+    /** Pixel height of the spacer above the window. */
+    padTop: number;
+    /** Pixel height of the spacer below the window. */
+    padBottom: number;
+}
+declare function useVirtualRows(scrollRef: React.RefObject<HTMLElement | null>, { count, rowHeight, overscan, enabled }: UseVirtualRowsOptions): VirtualRowsRange;
+
+export { type UseVirtualRowsOptions, type VirtualRowsRange, useVirtualRows };

package/dist/hooks/useVirtualRows.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+
+/**
+ * Fixed-height row windowing, zero dependencies. Renders only the rows
+ * inside (viewport + overscan) and replaces the rest with two pixel-exact
+ * spacers, so a 10k-row table costs ~40 DOM rows.
+ *
+ * Deliberately FIXED-height only: variable heights need a measurement
+ * cache (tanstack-virtual territory) and the kit's dense table rows are
+ * uniform by design. Anything that breaks uniformity (row expansion,
+ * mobile cards, wrapping `comfortable` cells) must not be combined with
+ * this — `DataTable` gates those combinations off automatically.
+ */
+interface UseVirtualRowsOptions {
+    /** Total row count (the full dataset length, not the rendered window). */
+    count: number;
+    /** Fixed pixel height of every row. The math trusts it: measure once in devtools. */
+    rowHeight: number;
+    /** Extra rows rendered above/below the viewport. Default 6. */
+    overscan?: number;
+    /**
+     * When `false` the hook is inert and returns the full range with zero
+     * padding — callers keep one uniform render path instead of forking on
+     * "virtual or not" (hooks can't be called conditionally).
+     */
+    enabled?: boolean;
+}
+interface VirtualRowsRange {
+    /** First rendered index (inclusive). */
+    start: number;
+    /** Last rendered index (exclusive). */
+    end: number;
+    /** Pixel height of the spacer above the window. */
+    padTop: number;
+    /** Pixel height of the spacer below the window. */
+    padBottom: number;
+}
+declare function useVirtualRows(scrollRef: React.RefObject<HTMLElement | null>, { count, rowHeight, overscan, enabled }: UseVirtualRowsOptions): VirtualRowsRange;
+
+export { type UseVirtualRowsOptions, type VirtualRowsRange, useVirtualRows };

package/dist/hooks/useVirtualRows.js

@@ -0,0 +1,13 @@
+'use client';
+'use strict';
+
+var chunk6D5UP23V_js = require('../chunk-6D5UP23V.js');
+
+
+
+Object.defineProperty(exports, "useVirtualRows", {
+  enumerable: true,
+  get: function () { return chunk6D5UP23V_js.useVirtualRows; }
+});
+//# sourceMappingURL=useVirtualRows.js.map
+//# sourceMappingURL=useVirtualRows.js.map

package/dist/hooks/useVirtualRows.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useVirtualRows.js"}

package/dist/hooks/useVirtualRows.mjs

@@ -0,0 +1,4 @@
+'use client';
+export { useVirtualRows } from '../chunk-YTKPENNW.mjs';
+//# sourceMappingURL=useVirtualRows.mjs.map
+//# sourceMappingURL=useVirtualRows.mjs.map

package/dist/hooks/useVirtualRows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"useVirtualRows.mjs"}

package/dist/index.d.mts

@@ -47,5 +47,6 @@ export { Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger }
 export { Portal, PortalProps } from './components/Portal.mjs';
 export { PopoverAlign, PopoverPosition, PopoverSide, UsePopoverPositionOptions, VirtualElement, usePopoverPosition } from './hooks/usePopoverPosition.mjs';
 export { UseDismissOptions, useDismiss } from './hooks/useDismiss.mjs';
+export { UseVirtualRowsOptions, VirtualRowsRange, useVirtualRows } from './hooks/useVirtualRows.mjs';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -47,5 +47,6 @@ export { Collapsible, CollapsibleContent, CollapsibleProps, CollapsibleTrigger }
 export { Portal, PortalProps } from './components/Portal.js';
 export { PopoverAlign, PopoverPosition, PopoverSide, UsePopoverPositionOptions, VirtualElement, usePopoverPosition } from './hooks/usePopoverPosition.js';
 export { UseDismissOptions, useDismiss } from './hooks/useDismiss.js';
+export { UseVirtualRowsOptions, VirtualRowsRange, useVirtualRows } from './hooks/useVirtualRows.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/index.js

@@ -5,7 +5,7 @@ require('./chunk-4REALDR3.js');
 var chunkCTOPKHEE_js = require('./chunk-CTOPKHEE.js');
 require('./chunk-2LTV7VB5.js');
 var chunkL5R6FKHH_js = require('./chunk-L5R6FKHH.js');
-var chunk5LSPN6Q6_js = require('./chunk-5LSPN6Q6.js');
+var chunkNBWCHPRN_js = require('./chunk-NBWCHPRN.js');
 var chunkEI2V2GGG_js = require('./chunk-EI2V2GGG.js');
 var chunkMR2KQSBB_js = require('./chunk-MR2KQSBB.js');
 var chunkQHRP73CS_js = require('./chunk-QHRP73CS.js');
@@ -30,7 +30,7 @@ var chunkMIUDP3FD_js = require('./chunk-MIUDP3FD.js');
 var chunkQ4MSQLMS_js = require('./chunk-Q4MSQLMS.js');
 var chunkT3IZPDGQ_js = require('./chunk-T3IZPDGQ.js');
 var chunk2PNXLTEM_js = require('./chunk-2PNXLTEM.js');
-var chunk2IKGRN2O_js = require('./chunk-2IKGRN2O.js');
+var chunkUZX2SE42_js = require('./chunk-UZX2SE42.js');
 var chunkMW7HQCFC_js = require('./chunk-MW7HQCFC.js');
 var chunkAKUGR3AX_js = require('./chunk-AKUGR3AX.js');
 var chunk6SSTTJV4_js = require('./chunk-6SSTTJV4.js');
@@ -42,11 +42,12 @@ var chunkJDK4GEME_js = require('./chunk-JDK4GEME.js');
 var chunkWAGWB35Q_js = require('./chunk-WAGWB35Q.js');
 var chunk3PXYCXDW_js = require('./chunk-3PXYCXDW.js');
 var chunkCJLCPURD_js = require('./chunk-CJLCPURD.js');
-require('./chunk-2KZ4NI3X.js');
+require('./chunk-HT43MPKW.js');
 require('./chunk-D2H4VZVL.js');
 require('./chunk-FL4ZCWUF.js');
 require('./chunk-NPXEZCTA.js');
 require('./chunk-55P5FA5Q.js');
+var chunk6D5UP23V_js = require('./chunk-6D5UP23V.js');
 var chunkMJMLNETS_js = require('./chunk-MJMLNETS.js');
 var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
 var chunkCRKYET66_js = require('./chunk-CRKYET66.js');
@@ -77,23 +78,23 @@ Object.defineProperty(exports, "useToast", {
 });
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.SegmentedControl; }
+  get: function () { return chunkNBWCHPRN_js.SegmentedControl; }
 });
 Object.defineProperty(exports, "SegmentedControlItem", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.SegmentedControlItem; }
+  get: function () { return chunkNBWCHPRN_js.SegmentedControlItem; }
 });
 Object.defineProperty(exports, "Toggle", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.Toggle; }
+  get: function () { return chunkNBWCHPRN_js.Toggle; }
 });
 Object.defineProperty(exports, "ToggleGroup", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.ToggleGroup; }
+  get: function () { return chunkNBWCHPRN_js.ToggleGroup; }
 });
 Object.defineProperty(exports, "ToggleGroupItem", {
   enumerable: true,
-  get: function () { return chunk5LSPN6Q6_js.ToggleGroupItem; }
+  get: function () { return chunkNBWCHPRN_js.ToggleGroupItem; }
 });
 Object.defineProperty(exports, "PermissionMatrix", {
   enumerable: true,
@@ -473,31 +474,31 @@ Object.defineProperty(exports, "ContextMenu", {
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.Accordion; }
+  get: function () { return chunkUZX2SE42_js.Accordion; }
 });
 Object.defineProperty(exports, "AccordionItem", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.AccordionItem; }
+  get: function () { return chunkUZX2SE42_js.AccordionItem; }
 });
 Object.defineProperty(exports, "Breadcrumbs", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.Breadcrumbs; }
+  get: function () { return chunkUZX2SE42_js.Breadcrumbs; }
 });
 Object.defineProperty(exports, "ColumnToggle", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.ColumnToggle; }
+  get: function () { return chunkUZX2SE42_js.ColumnToggle; }
 });
 Object.defineProperty(exports, "DataTable", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.DataTable; }
+  get: function () { return chunkUZX2SE42_js.DataTable; }
 });
 Object.defineProperty(exports, "TablePagination", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.TablePagination; }
+  get: function () { return chunkUZX2SE42_js.TablePagination; }
 });
 Object.defineProperty(exports, "TableToolbar", {
   enumerable: true,
-  get: function () { return chunk2IKGRN2O_js.TableToolbar; }
+  get: function () { return chunkUZX2SE42_js.TableToolbar; }
 });
 Object.defineProperty(exports, "Popover", {
   enumerable: true,
@@ -719,6 +720,10 @@ Object.defineProperty(exports, "PageHeader", {
   enumerable: true,
   get: function () { return chunkCJLCPURD_js.PageHeader; }
 });
+Object.defineProperty(exports, "useVirtualRows", {
+  enumerable: true,
+  get: function () { return chunk6D5UP23V_js.useVirtualRows; }
+});
 Object.defineProperty(exports, "LocaleProvider", {
   enumerable: true,
   get: function () { return chunkMJMLNETS_js.LocaleProvider; }

package/dist/index.mjs

@@ -3,7 +3,7 @@ import './chunk-CHVTPN3K.mjs';
 export { formatCurrency, formatNumber } from './chunk-WYOJ7YRQ.mjs';
 import './chunk-XTHC46M2.mjs';
 export { ToastProvider, useToast } from './chunk-JL77KUET.mjs';
-export { SegmentedControl, SegmentedControlItem, Toggle, ToggleGroup, ToggleGroupItem } from './chunk-4N2PCBGA.mjs';
+export { SegmentedControl, SegmentedControlItem, Toggle, ToggleGroup, ToggleGroupItem } from './chunk-CNV2E2M5.mjs';
 export { PermissionMatrix } from './chunk-C4XPGEU2.mjs';
 export { Combobox, DatePicker, FileUpload, MonthPicker, YearPicker } from './chunk-MMFYXM3J.mjs';
 export { ResizableGroup, ResizableHandle, ResizablePanel } from './chunk-ML5IYW5D.mjs';
@@ -28,7 +28,7 @@ export { AttachmentList, CommentThread, _internal } from './chunk-EE3VOAU4.mjs';
 export { AddressForm, CartDrawer, CompareTable, FreeShippingProgress, OrderSummary, PriceDisplay, PromoCodeInput, QuantitySelector, Rating, VariantSelector, WishlistButton } from './chunk-3TS54SJB.mjs';
 export { Drawer, Modal } from './chunk-AP655IUN.mjs';
 export { ContextMenu } from './chunk-NS6CI6RP.mjs';
-export { Accordion, AccordionItem, Breadcrumbs, ColumnToggle, DataTable, TablePagination, TableToolbar } from './chunk-LPKS5CM5.mjs';
+export { Accordion, AccordionItem, Breadcrumbs, ColumnToggle, DataTable, TablePagination, TableToolbar } from './chunk-VNRZAYM7.mjs';
 export { Popover } from './chunk-FR4JV3JA.mjs';
 export { EmptyState, Kpi, NumberInput, Pagination } from './chunk-YEIU5W7E.mjs';
 export { Checkbox, FormField, Input, InputGroup, InputGroupAddon, Label, Radio, Select, Switch, Textarea } from './chunk-SUQLII3F.mjs';
@@ -40,11 +40,12 @@ export { format } from './chunk-SDR7JKDF.mjs';
 export { Portal } from './chunk-FKBQYQQD.mjs';
 export { BRAND_DEFAULTS, configureBrand, getBrand, resetBrand } from './chunk-5GEWIK4T.mjs';
 export { AppShell, PageHeader } from './chunk-LDCG4KDI.mjs';
-import './chunk-QQE3XOEM.mjs';
+import './chunk-JT6OOSI2.mjs';
 import './chunk-R5DCDEB5.mjs';
 import './chunk-U3JH4T3A.mjs';
 import './chunk-6W7ZGWNA.mjs';
 import './chunk-XOV4D6J3.mjs';
+export { useVirtualRows } from './chunk-YTKPENNW.mjs';
 export { LocaleProvider, esMessages, useLocale } from './chunk-H6ZT2DJ2.mjs';
 export { useDismiss } from './chunk-6P2TKRTL.mjs';
 export { usePopoverPosition } from './chunk-5XT2LX3I.mjs';