@szum-tech/design-system 3.10.3 → 3.11.1

package/dist/{chunk-DFD2WUOU.js → chunk-SB5UG7OC.js}

@@ -24,4 +24,18 @@ function useLazyRef(fn) {
 }
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3.useEffect : React3.useLayoutEffect;
 
-export { useIsomorphicLayoutEffect, useLazyRef, useValidationLog };
+// src/hooks/use-composed-refs.tsx
+function useComposedRefs(...refs) {
+  return (node) => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    });
+  };
+}
+
+export { useComposedRefs, useIsomorphicLayoutEffect, useLazyRef, useValidationLog };

package/dist/{chunk-YSYZKK24.js → chunk-WXZE35FK.js}

@@ -1,4 +1,4 @@
-import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-DFD2WUOU.js';
+import { useLazyRef, useIsomorphicLayoutEffect } from './chunk-SB5UG7OC.js';
 import { cn } from './chunk-ZD2QRAOX.js';
 import * as React2 from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-7EYMOUWG.cjs → chunk-XIQUR62A.cjs}

@@ -46,6 +46,21 @@ function useLazyRef(fn) {
 }
 var useIsomorphicLayoutEffect = typeof window === "undefined" ? React3__namespace.useEffect : React3__namespace.useLayoutEffect;
 
+// src/hooks/use-composed-refs.tsx
+function useComposedRefs(...refs) {
+  return (node) => {
+    refs.forEach((ref) => {
+      if (!ref) return;
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    });
+  };
+}
+
+exports.useComposedRefs = useComposedRefs;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useLazyRef = useLazyRef;
 exports.useValidationLog = useValidationLog;

package/dist/components/button/index.cjs

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunkEG374TED_cjs = require('../../chunk-EG374TED.cjs');
+var chunkCP43WJCN_cjs = require('../../chunk-CP43WJCN.cjs');
 require('../../chunk-NU5UQPBX.cjs');
-require('../../chunk-D4QID7AI.cjs');
+require('../../chunk-UJX74PFK.cjs');
+require('../../chunk-KQ6QE7BT.cjs');
 require('../../chunk-A7SBXO2Y.cjs');
-require('../../chunk-EUH466AL.cjs');
 require('../../chunk-DGWBE2Y3.cjs');
-require('../../chunk-UJX74PFK.cjs');
+require('../../chunk-EUH466AL.cjs');
+require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-XJZOANXX.cjs');
 require('../../chunk-GHV2TURY.cjs');
 require('../../chunk-3WSQRFUY.cjs');
@@ -19,8 +20,8 @@ require('../../chunk-CFJ44JVK.cjs');
 require('../../chunk-UIOBJSKZ.cjs');
 require('../../chunk-S3ANEJJ7.cjs');
 require('../../chunk-2WQJ36RD.cjs');
+require('../../chunk-S2BCU6WG.cjs');
 require('../../chunk-TH44JYXB.cjs');
-require('../../chunk-XENOUBSI.cjs');
 require('../../chunk-ZVF7J4EI.cjs');
 require('../../chunk-2Y2ZCPNV.cjs');
 require('../../chunk-HCHVDUI6.cjs');
@@ -28,7 +29,7 @@ require('../../chunk-ULEEQ723.cjs');
 require('../../chunk-USIW3VT5.cjs');
 require('../../chunk-VK5EX3OG.cjs');
 require('../../chunk-CXHDWIGF.cjs');
-require('../../chunk-7EYMOUWG.cjs');
+require('../../chunk-XIQUR62A.cjs');
 require('../../chunk-X3ZT3KGX.cjs');
 require('../../chunk-3GNVQFCK.cjs');
 require('../../chunk-TMXVL5CV.cjs');
@@ -39,5 +40,5 @@ require('../../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.Button; }
+  get: function () { return chunkCP43WJCN_cjs.Button; }
 });

package/dist/components/button/index.js

@@ -1,10 +1,11 @@
-export { Button } from '../../chunk-JLKQ6WKK.js';
+export { Button } from '../../chunk-QTYNFISP.js';
 import '../../chunk-OQCNPNPS.js';
-import '../../chunk-YSYZKK24.js';
+import '../../chunk-M7NIRB3U.js';
+import '../../chunk-WXZE35FK.js';
 import '../../chunk-U7XZJQ4O.js';
-import '../../chunk-WMGJCB7O.js';
 import '../../chunk-K5AURCK5.js';
-import '../../chunk-M7NIRB3U.js';
+import '../../chunk-WMGJCB7O.js';
+import '../../chunk-4TRADSTP.js';
 import '../../chunk-E5TYGWGE.js';
 import '../../chunk-DTSFPOLX.js';
 import '../../chunk-P5IUC7HJ.js';
@@ -17,8 +18,8 @@ import '../../chunk-KGGCA634.js';
 import '../../chunk-XJIUGEPN.js';
 import '../../chunk-I3RSTJP6.js';
 import '../../chunk-YUMKV5TH.js';
+import '../../chunk-DL54DIMD.js';
 import '../../chunk-PBEZZMAB.js';
-import '../../chunk-4TRADSTP.js';
 import '../../chunk-U3QKV7I4.js';
 import '../../chunk-6BSR3O2J.js';
 import '../../chunk-5F2Y65JH.js';
@@ -26,7 +27,7 @@ import '../../chunk-3RK5PCIC.js';
 import '../../chunk-P4JIMFSL.js';
 import '../../chunk-BTSHACKG.js';
 import '../../chunk-HNRVLRMN.js';
-import '../../chunk-DFD2WUOU.js';
+import '../../chunk-SB5UG7OC.js';
 import '../../chunk-B7RHEMZH.js';
 import '../../chunk-5MV54MWS.js';
 import '../../chunk-5MJPZUTO.js';

package/dist/components/index.cjs

@@ -2,13 +2,14 @@
 
 'use strict';
 
-var chunkEG374TED_cjs = require('../chunk-EG374TED.cjs');
+var chunkCP43WJCN_cjs = require('../chunk-CP43WJCN.cjs');
 var chunkNU5UQPBX_cjs = require('../chunk-NU5UQPBX.cjs');
-var chunkD4QID7AI_cjs = require('../chunk-D4QID7AI.cjs');
+var chunkUJX74PFK_cjs = require('../chunk-UJX74PFK.cjs');
+var chunkKQ6QE7BT_cjs = require('../chunk-KQ6QE7BT.cjs');
 var chunkA7SBXO2Y_cjs = require('../chunk-A7SBXO2Y.cjs');
-var chunkEUH466AL_cjs = require('../chunk-EUH466AL.cjs');
 var chunkDGWBE2Y3_cjs = require('../chunk-DGWBE2Y3.cjs');
-var chunkUJX74PFK_cjs = require('../chunk-UJX74PFK.cjs');
+var chunkEUH466AL_cjs = require('../chunk-EUH466AL.cjs');
+var chunkXENOUBSI_cjs = require('../chunk-XENOUBSI.cjs');
 var chunkXJZOANXX_cjs = require('../chunk-XJZOANXX.cjs');
 var chunkGHV2TURY_cjs = require('../chunk-GHV2TURY.cjs');
 var chunk3WSQRFUY_cjs = require('../chunk-3WSQRFUY.cjs');
@@ -21,8 +22,8 @@ var chunkCFJ44JVK_cjs = require('../chunk-CFJ44JVK.cjs');
 var chunkUIOBJSKZ_cjs = require('../chunk-UIOBJSKZ.cjs');
 var chunkS3ANEJJ7_cjs = require('../chunk-S3ANEJJ7.cjs');
 var chunk2WQJ36RD_cjs = require('../chunk-2WQJ36RD.cjs');
+var chunkS2BCU6WG_cjs = require('../chunk-S2BCU6WG.cjs');
 var chunkTH44JYXB_cjs = require('../chunk-TH44JYXB.cjs');
-var chunkXENOUBSI_cjs = require('../chunk-XENOUBSI.cjs');
 var chunkZVF7J4EI_cjs = require('../chunk-ZVF7J4EI.cjs');
 var chunk2Y2ZCPNV_cjs = require('../chunk-2Y2ZCPNV.cjs');
 var chunkHCHVDUI6_cjs = require('../chunk-HCHVDUI6.cjs');
@@ -30,7 +31,7 @@ var chunkULEEQ723_cjs = require('../chunk-ULEEQ723.cjs');
 var chunkUSIW3VT5_cjs = require('../chunk-USIW3VT5.cjs');
 var chunkVK5EX3OG_cjs = require('../chunk-VK5EX3OG.cjs');
 var chunkCXHDWIGF_cjs = require('../chunk-CXHDWIGF.cjs');
-require('../chunk-7EYMOUWG.cjs');
+require('../chunk-XIQUR62A.cjs');
 var chunkX3ZT3KGX_cjs = require('../chunk-X3ZT3KGX.cjs');
 var chunk3GNVQFCK_cjs = require('../chunk-3GNVQFCK.cjs');
 var chunkTMXVL5CV_cjs = require('../chunk-TMXVL5CV.cjs');
@@ -41,131 +42,139 @@ require('../chunk-H2BWO3SI.cjs');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.Button; }
+  get: function () { return chunkCP43WJCN_cjs.Button; }
 });
 Object.defineProperty(exports, "Stepper", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.Stepper; }
+  get: function () { return chunkCP43WJCN_cjs.Stepper; }
 });
 Object.defineProperty(exports, "StepperActivationMode", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperActivationMode; }
+  get: function () { return chunkCP43WJCN_cjs.StepperActivationMode; }
 });
 Object.defineProperty(exports, "StepperContent", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperContent; }
+  get: function () { return chunkCP43WJCN_cjs.StepperContent; }
 });
 Object.defineProperty(exports, "StepperDataState", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperDataState; }
+  get: function () { return chunkCP43WJCN_cjs.StepperDataState; }
 });
 Object.defineProperty(exports, "StepperDescription", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperDescription; }
+  get: function () { return chunkCP43WJCN_cjs.StepperDescription; }
 });
 Object.defineProperty(exports, "StepperFocusIntent", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperFocusIntent; }
+  get: function () { return chunkCP43WJCN_cjs.StepperFocusIntent; }
 });
 Object.defineProperty(exports, "StepperIndicator", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperIndicator; }
+  get: function () { return chunkCP43WJCN_cjs.StepperIndicator; }
 });
 Object.defineProperty(exports, "StepperItem", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperItem; }
+  get: function () { return chunkCP43WJCN_cjs.StepperItem; }
 });
 Object.defineProperty(exports, "StepperNav", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperNav; }
+  get: function () { return chunkCP43WJCN_cjs.StepperNav; }
 });
 Object.defineProperty(exports, "StepperNavigationDirection", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperNavigationDirection; }
+  get: function () { return chunkCP43WJCN_cjs.StepperNavigationDirection; }
 });
 Object.defineProperty(exports, "StepperNextTrigger", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperNextTrigger; }
+  get: function () { return chunkCP43WJCN_cjs.StepperNextTrigger; }
 });
 Object.defineProperty(exports, "StepperOrientation", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperOrientation; }
+  get: function () { return chunkCP43WJCN_cjs.StepperOrientation; }
 });
 Object.defineProperty(exports, "StepperPanel", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperPanel; }
+  get: function () { return chunkCP43WJCN_cjs.StepperPanel; }
 });
 Object.defineProperty(exports, "StepperPrevTrigger", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperPrevTrigger; }
+  get: function () { return chunkCP43WJCN_cjs.StepperPrevTrigger; }
 });
 Object.defineProperty(exports, "StepperTitle", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperTitle; }
+  get: function () { return chunkCP43WJCN_cjs.StepperTitle; }
 });
 Object.defineProperty(exports, "StepperTrigger", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.StepperTrigger; }
+  get: function () { return chunkCP43WJCN_cjs.StepperTrigger; }
 });
 Object.defineProperty(exports, "Toaster", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.Toaster; }
+  get: function () { return chunkCP43WJCN_cjs.Toaster; }
 });
 Object.defineProperty(exports, "toast", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.toast; }
+  get: function () { return chunkCP43WJCN_cjs.toast; }
 });
 Object.defineProperty(exports, "useStepperContext", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.useStepperContext; }
+  get: function () { return chunkCP43WJCN_cjs.useStepperContext; }
 });
 Object.defineProperty(exports, "useStepperFocusContext", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.useStepperFocusContext; }
+  get: function () { return chunkCP43WJCN_cjs.useStepperFocusContext; }
 });
 Object.defineProperty(exports, "useStepperItemContext", {
   enumerable: true,
-  get: function () { return chunkEG374TED_cjs.useStepperItemContext; }
+  get: function () { return chunkCP43WJCN_cjs.useStepperItemContext; }
 });
 Object.defineProperty(exports, "Textarea", {
   enumerable: true,
   get: function () { return chunkNU5UQPBX_cjs.Textarea; }
 });
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollArea; }
+});
+Object.defineProperty(exports, "ScrollBar", {
+  enumerable: true,
+  get: function () { return chunkUJX74PFK_cjs.ScrollBar; }
+});
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.Timeline; }
+  get: function () { return chunkKQ6QE7BT_cjs.Timeline; }
 });
 Object.defineProperty(exports, "TimelineConnector", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineConnector; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineConnector; }
 });
 Object.defineProperty(exports, "TimelineContent", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineContent; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineContent; }
 });
 Object.defineProperty(exports, "TimelineDescription", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineDescription; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineDescription; }
 });
 Object.defineProperty(exports, "TimelineDot", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineDot; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineDot; }
 });
 Object.defineProperty(exports, "TimelineHeader", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineHeader; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineHeader; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineItem; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineItem; }
 });
 Object.defineProperty(exports, "TimelineTime", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineTime; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineTime; }
 });
 Object.defineProperty(exports, "TimelineTitle", {
   enumerable: true,
-  get: function () { return chunkD4QID7AI_cjs.TimelineTitle; }
+  get: function () { return chunkKQ6QE7BT_cjs.TimelineTitle; }
 });
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
@@ -179,21 +188,21 @@ Object.defineProperty(exports, "TooltipTrigger", {
   enumerable: true,
   get: function () { return chunkA7SBXO2Y_cjs.TooltipTrigger; }
 });
-Object.defineProperty(exports, "TypingText", {
-  enumerable: true,
-  get: function () { return chunkEUH466AL_cjs.TypingText; }
-});
 Object.defineProperty(exports, "WordRotate", {
   enumerable: true,
   get: function () { return chunkDGWBE2Y3_cjs.WordRotate; }
 });
-Object.defineProperty(exports, "ScrollArea", {
+Object.defineProperty(exports, "TypingText", {
   enumerable: true,
-  get: function () { return chunkUJX74PFK_cjs.ScrollArea; }
+  get: function () { return chunkEUH466AL_cjs.TypingText; }
 });
-Object.defineProperty(exports, "ScrollBar", {
+Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkUJX74PFK_cjs.ScrollBar; }
+  get: function () { return chunkXENOUBSI_cjs.RadioGroup; }
+});
+Object.defineProperty(exports, "RadioGroupItem", {
+  enumerable: true,
+  get: function () { return chunkXENOUBSI_cjs.RadioGroupItem; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
@@ -383,17 +392,17 @@ Object.defineProperty(exports, "Marquee", {
   enumerable: true,
   get: function () { return chunk2WQJ36RD_cjs.Marquee; }
 });
-Object.defineProperty(exports, "Progress", {
+Object.defineProperty(exports, "Masonry", {
   enumerable: true,
-  get: function () { return chunkTH44JYXB_cjs.Progress; }
+  get: function () { return chunkS2BCU6WG_cjs.Masonry; }
 });
-Object.defineProperty(exports, "RadioGroup", {
+Object.defineProperty(exports, "MasonryItem", {
   enumerable: true,
-  get: function () { return chunkXENOUBSI_cjs.RadioGroup; }
+  get: function () { return chunkS2BCU6WG_cjs.MasonryItem; }
 });
-Object.defineProperty(exports, "RadioGroupItem", {
+Object.defineProperty(exports, "Progress", {
   enumerable: true,
-  get: function () { return chunkXENOUBSI_cjs.RadioGroupItem; }
+  get: function () { return chunkTH44JYXB_cjs.Progress; }
 });
 Object.defineProperty(exports, "Badge", {
   enumerable: true,

package/dist/components/index.d.cts

@@ -32,6 +32,7 @@ export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, Acco
 export { CountingNumber, CountingNumberProps } from './counting-number/index.cjs';
 export { TypingText, TypingTextAnimationVariant, TypingTextProps } from './typing-text/index.cjs';
 export { WordRotate, WordRotateAnimationStyle, WordRotateProps } from './word-rotate/index.cjs';
+export { ItemElement, Masonry, MasonryCache, MasonryCacheConstructor, MasonryCacheKey, MasonryElement, MasonryIntervalTree, MasonryItem, MasonryItemElement, MasonryItemProps, MasonryListNode, MasonryPositioner, MasonryPositionerItem, MasonryProps, MasonryTree, MasonryTreeNode, NodeColor, NodeOperation } from './masonry/index.cjs';
 export { toast } from 'sonner';
 import 'react';
 import 'radix-ui';

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export { Accordion, AccordionContent, AccordionContentProps, AccordionItem, Acco
 export { CountingNumber, CountingNumberProps } from './counting-number/index.js';
 export { TypingText, TypingTextAnimationVariant, TypingTextProps } from './typing-text/index.js';
 export { WordRotate, WordRotateAnimationStyle, WordRotateProps } from './word-rotate/index.js';
+export { ItemElement, Masonry, MasonryCache, MasonryCacheConstructor, MasonryCacheKey, MasonryElement, MasonryIntervalTree, MasonryItem, MasonryItemElement, MasonryItemProps, MasonryListNode, MasonryPositioner, MasonryPositionerItem, MasonryProps, MasonryTree, MasonryTreeNode, NodeColor, NodeOperation } from './masonry/index.js';
 export { toast } from 'sonner';
 import 'react';
 import 'radix-ui';

package/dist/components/index.js

@@ -1,12 +1,13 @@
 "use client";
 
-export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-JLKQ6WKK.js';
+export { Button, Stepper, StepperActivationMode, StepperContent, StepperDataState, StepperDescription, StepperFocusIntent, StepperIndicator, StepperItem, StepperNav, StepperNavigationDirection, StepperNextTrigger, StepperOrientation, StepperPanel, StepperPrevTrigger, StepperTitle, StepperTrigger, Toaster, toast, useStepperContext, useStepperFocusContext, useStepperItemContext } from '../chunk-QTYNFISP.js';
 export { Textarea } from '../chunk-OQCNPNPS.js';
-export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../chunk-YSYZKK24.js';
+export { ScrollArea, ScrollBar } from '../chunk-M7NIRB3U.js';
+export { Timeline, TimelineConnector, TimelineContent, TimelineDescription, TimelineDot, TimelineHeader, TimelineItem, TimelineTime, TimelineTitle } from '../chunk-WXZE35FK.js';
 export { Tooltip, TooltipContent, TooltipTrigger } from '../chunk-U7XZJQ4O.js';
-export { TypingText } from '../chunk-WMGJCB7O.js';
 export { WordRotate } from '../chunk-K5AURCK5.js';
-export { ScrollArea, ScrollBar } from '../chunk-M7NIRB3U.js';
+export { TypingText } from '../chunk-WMGJCB7O.js';
+export { RadioGroup, RadioGroupItem } from '../chunk-4TRADSTP.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator } from '../chunk-E5TYGWGE.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from '../chunk-DTSFPOLX.js';
 export { Spinner } from '../chunk-P5IUC7HJ.js';
@@ -19,8 +20,8 @@ export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup,
 export { Separator } from '../chunk-XJIUGEPN.js';
 export { Label } from '../chunk-I3RSTJP6.js';
 export { Marquee } from '../chunk-YUMKV5TH.js';
+export { Masonry, MasonryItem } from '../chunk-DL54DIMD.js';
 export { Progress } from '../chunk-PBEZZMAB.js';
-export { RadioGroup, RadioGroupItem } from '../chunk-4TRADSTP.js';
 export { Badge, BadgeButton, BadgeDot } from '../chunk-U3QKV7I4.js';
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../chunk-6BSR3O2J.js';
 export { Checkbox } from '../chunk-5F2Y65JH.js';
@@ -28,7 +29,7 @@ export { ColorSwatch } from '../chunk-3RK5PCIC.js';
 export { CountingNumber } from '../chunk-P4JIMFSL.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../chunk-BTSHACKG.js';
 export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from '../chunk-HNRVLRMN.js';
-import '../chunk-DFD2WUOU.js';
+import '../chunk-SB5UG7OC.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '../chunk-B7RHEMZH.js';
 export { Alert, AlertDescription, AlertTitle } from '../chunk-5MV54MWS.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '../chunk-5MJPZUTO.js';

package/dist/components/masonry/index.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var chunkS2BCU6WG_cjs = require('../../chunk-S2BCU6WG.cjs');
+require('../../chunk-XIQUR62A.cjs');
+
+
+
+Object.defineProperty(exports, "Masonry", {
+  enumerable: true,
+  get: function () { return chunkS2BCU6WG_cjs.Masonry; }
+});
+Object.defineProperty(exports, "MasonryItem", {
+  enumerable: true,
+  get: function () { return chunkS2BCU6WG_cjs.MasonryItem; }
+});

package/dist/components/masonry/index.d.cts

@@ -0,0 +1,181 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import React__default from 'react';
+
+/**
+ * Props for the Masonry component
+ */
+type MasonryProps = React.ComponentProps<"div"> & {
+    /**
+     * The width of each column in pixels.
+     * @default 200
+     */
+    columnWidth?: number;
+    /**
+     * Fixed number of columns. Takes precedence over `columnWidth` if provided.
+     */
+    columnCount?: number;
+    /**
+     * Maximum number of columns allowed. Useful for responsive layouts.
+     */
+    maxColumnCount?: number;
+    /**
+     * Gap between items. Can be a single number for uniform spacing or an object
+     * with separate `column` and `row` gaps.
+     * @default 16
+     * @example
+     * gap={20}
+     * gap={{ column: 16, row: 24 }}
+     */
+    gap?: number | {
+        column: number;
+        row: number;
+    };
+    /**
+     * Default height for items before they are measured. Used for initial layout calculations.
+     * @default 300
+     */
+    itemHeight?: number;
+    /**
+     * Default container width used during SSR or before first measurement.
+     */
+    defaultWidth?: number;
+    /**
+     * Default container height used during SSR or before first measurement.
+     */
+    defaultHeight?: number;
+    /**
+     * Number of pixels to render outside the visible viewport for smoother scrolling.
+     * @default 200
+     */
+    overscan?: number;
+    /**
+     * Scroll event sampling rate in frames per second. Higher values provide smoother
+     * updates but may impact performance.
+     * @default 12
+     */
+    scrollFps?: number;
+    /**
+     * Content to display while items are being measured or loaded.
+     */
+    fallback?: React.ReactNode;
+    /**
+     * When `true`, items are positioned linearly (left-to-right, top-to-bottom)
+     * instead of using the default masonry algorithm that fills shortest columns first.
+     * @default false
+     */
+    linear?: boolean;
+    /**
+     * When `true`, renders the component as its child element using Radix UI's Slot.
+     * @default false
+     */
+    asChild?: boolean;
+};
+type MasonryElement = React.ComponentRef<"div">;
+/**
+ * A performant masonry layout component that efficiently arranges items of varying heights
+ * into columns. Features virtualization, resize observation, and smooth scrolling performance.
+ *
+ * @component
+ * @example
+ * // Basic usage
+ * <Masonry>
+ *   {items.map((item, index) => (
+ *     <Masonry.Item key={index}>
+ *       <img src={item.url} alt={item.title} />
+ *     </Masonry.Item>
+ *   ))}
+ * </Masonry>
+ *
+ * @example
+ * // Custom column width and gap
+ * <Masonry columnWidth={250} gap={{ column: 20, row: 30 }}>
+ *   {items.map((item, index) => (
+ *     <Masonry.Item key={index}>
+ *       <Card>{item.content}</Card>
+ *     </Masonry.Item>
+ *   ))}
+ * </Masonry>
+ *
+ * @example
+ * // Fixed number of columns with linear positioning
+ * <Masonry columnCount={3} linear>
+ *   {items.map((item, index) => (
+ *     <Masonry.Item key={index}>
+ *       {item.content}
+ *     </Masonry.Item>
+ *   ))}
+ * </Masonry>
+ *
+ * @example
+ * // With fallback content
+ * <Masonry fallback={<Spinner />}>
+ *   {items.map((item, index) => (
+ *     <Masonry.Item key={index}>
+ *       <LazyImage src={item.url} />
+ *     </Masonry.Item>
+ *   ))}
+ * </Masonry>
+ */
+declare function Masonry(props: MasonryProps): react_jsx_runtime.JSX.Element;
+
+type MasonryItemProps = React__default.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+type MasonryItemElement = HTMLDivElement;
+declare function MasonryItem({ asChild, ref, ...props }: MasonryItemProps): react_jsx_runtime.JSX.Element;
+
+type NodeColor = 0 | 1 | 2;
+type NodeOperation = 0 | 1;
+type ItemElement = HTMLDivElement;
+type MasonryListNode = {
+    index: number;
+    high: number;
+    next: MasonryListNode | null;
+};
+type MasonryTreeNode = {
+    max: number;
+    low: number;
+    high: number;
+    color: NodeColor;
+    parent: MasonryTreeNode;
+    right: MasonryTreeNode;
+    left: MasonryTreeNode;
+    list: MasonryListNode;
+};
+type MasonryTree = {
+    root: MasonryTreeNode;
+    size: number;
+};
+type MasonryIntervalTree = {
+    insert(low: number, high: number, index: number): void;
+    remove(index: number): void;
+    search(low: number, high: number, onCallback: (index: number, low: number) => void): void;
+    size: number;
+};
+type MasonryCacheKey = string | number | symbol;
+type MasonryCacheConstructor = (new () => MasonryCache) | Record<MasonryCacheKey, unknown>;
+type MasonryCache<K = MasonryCacheKey, V = unknown> = {
+    set: (k: K, v: V) => V;
+    get: (k: K) => V | undefined;
+};
+type MasonryPositioner = {
+    columnCount: number;
+    columnWidth: number;
+    set: (index: number, height: number) => void;
+    get: (index: number) => MasonryPositionerItem | undefined;
+    update: (updates: number[]) => void;
+    range: (low: number, high: number, onItemRender: (index: number, left: number, top: number) => void) => void;
+    size: () => number;
+    estimateHeight: (itemCount: number, defaultItemHeight: number) => number;
+    shortestColumn: () => number;
+    all: () => Array<MasonryPositionerItem>;
+};
+type MasonryPositionerItem = {
+    top: number;
+    left: number;
+    height: number;
+    columnIndex: number;
+};
+
+export { type ItemElement, Masonry, type MasonryCache, type MasonryCacheConstructor, type MasonryCacheKey, type MasonryElement, type MasonryIntervalTree, MasonryItem, type MasonryItemElement, type MasonryItemProps, type MasonryListNode, type MasonryPositioner, type MasonryPositionerItem, type MasonryProps, type MasonryTree, type MasonryTreeNode, type NodeColor, type NodeOperation };