@tlglobal/ui 2.0.0 → 2.0.1

package/dist/components/accordion/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkQET47X4Ucjs = require('../../chunk-QET47X4U.cjs');
+var _chunkPXVC4OBBcjs = require('../../chunk-PXVC4OBB.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Accordion = _chunkQET47X4Ucjs.Accordion;
+exports.Accordion = _chunkPXVC4OBBcjs.Accordion;
 //# sourceMappingURL=index.cjs.map

package/dist/components/accordion/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Accordion
-} from "../../chunk-QT6A3IGJ.js";
+} from "../../chunk-ODXGLPJL.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Accordion

package/dist/components/alert-dialog/AlertDialog.d.ts

@@ -1,13 +1,20 @@
-import type { ComponentProps, HTMLAttributes, JSX } from "react";
+import type { ComponentProps, ElementRef, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { AlertDialog as RadixAlertDialog } from "radix-ui";
 
 export declare const AlertDialog: {
   Root: typeof RadixAlertDialog.Root;
   Trigger: typeof RadixAlertDialog.Trigger;
-  Content: (props: ComponentProps<typeof RadixAlertDialog.Content>) => JSX.Element;
-  Title: (props: ComponentProps<typeof RadixAlertDialog.Title>) => JSX.Element;
-  Description: (props: ComponentProps<typeof RadixAlertDialog.Description>) => JSX.Element;
-  Footer: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Content: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixAlertDialog.Content> & RefAttributes<ElementRef<typeof RadixAlertDialog.Content>>
+  >;
+  Title: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixAlertDialog.Title> & RefAttributes<ElementRef<typeof RadixAlertDialog.Title>>
+  >;
+  Description: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixAlertDialog.Description> &
+      RefAttributes<ElementRef<typeof RadixAlertDialog.Description>>
+  >;
+  Footer: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
   Action: typeof RadixAlertDialog.Action;
   Cancel: typeof RadixAlertDialog.Cancel;
 };

package/dist/components/alert-dialog/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkENO36WFOcjs = require('../../chunk-ENO36WFO.cjs');
+var _chunkACSNQJA2cjs = require('../../chunk-ACSNQJA2.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.AlertDialog = _chunkENO36WFOcjs.AlertDialog;
+exports.AlertDialog = _chunkACSNQJA2cjs.AlertDialog;
 //# sourceMappingURL=index.cjs.map

package/dist/components/alert-dialog/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   AlertDialog
-} from "../../chunk-KG4EGAMK.js";
+} from "../../chunk-DRL2Z5QN.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   AlertDialog

package/dist/components/attachment/Attachment.d.ts

@@ -1,4 +1,11 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, ImgHTMLAttributes, JSX, LiHTMLAttributes } from "react";
+import type {
+  ButtonHTMLAttributes,
+  ForwardRefExoticComponent,
+  HTMLAttributes,
+  ImgHTMLAttributes,
+  LiHTMLAttributes,
+  RefAttributes,
+} from "react";
 
 export interface AttachmentRootProps extends LiHTMLAttributes<HTMLLIElement> {
   /** Dims the chip and shows a spinner while the file is still uploading. */
@@ -11,12 +18,12 @@ export interface AttachmentRemoveProps extends ButtonHTMLAttributes<HTMLButtonEl
 }
 
 export declare const Attachment: {
-  Root: (props: AttachmentRootProps) => JSX.Element;
-  List: (props: HTMLAttributes<HTMLUListElement>) => JSX.Element;
-  Preview: (props: ImgHTMLAttributes<HTMLImageElement>) => JSX.Element;
-  Icon: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
-  Info: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
-  Name: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
-  Meta: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
-  Remove: (props: AttachmentRemoveProps) => JSX.Element;
+  Root: ForwardRefExoticComponent<AttachmentRootProps & RefAttributes<HTMLLIElement>>;
+  List: ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & RefAttributes<HTMLUListElement>>;
+  Preview: ForwardRefExoticComponent<ImgHTMLAttributes<HTMLImageElement> & RefAttributes<HTMLImageElement>>;
+  Icon: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+  Info: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+  Name: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+  Meta: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+  Remove: ForwardRefExoticComponent<AttachmentRemoveProps & RefAttributes<HTMLButtonElement>>;
 };

package/dist/components/attachment/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkPFK42QIXcjs = require('../../chunk-PFK42QIX.cjs');
+var _chunkZ2LS4QUVcjs = require('../../chunk-Z2LS4QUV.cjs');
 require('../../chunk-6K77FYPP.cjs');
 require('../../chunk-RL3XVDMF.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Attachment = _chunkPFK42QIXcjs.Attachment;
+exports.Attachment = _chunkZ2LS4QUVcjs.Attachment;
 //# sourceMappingURL=index.cjs.map

package/dist/components/attachment/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Attachment
-} from "../../chunk-FSFKN344.js";
+} from "../../chunk-VZSNQ6KY.js";
 import "../../chunk-VVZIMK6K.js";
 import "../../chunk-YL5ANBN3.js";
 import "../../chunk-74GQ35MJ.js";

package/dist/components/button/index.cjs

@@ -2,9 +2,10 @@
 require('../../chunk-QGPKRORJ.cjs');
 
 
-var _chunkHAMZFEZOcjs = require('../../chunk-HAMZFEZO.cjs');
+var _chunkUMGGVQCDcjs = require('../../chunk-UMGGVQCD.cjs');
+require('../../chunk-Q2JCE4CK.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Button = _chunkHAMZFEZOcjs.Button;
+exports.Button = _chunkUMGGVQCDcjs.Button;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/button/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,oCAAiC;AACjC;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,0CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/button/index.cjs"}
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/button/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,oCAAiC;AACjC;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,0CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/button/index.cjs"}

package/dist/components/button/index.js

@@ -2,7 +2,8 @@
 import "../../chunk-3RZGAFXY.js";
 import {
   Button
-} from "../../chunk-7KV2ASQZ.js";
+} from "../../chunk-UC2Y7ECN.js";
+import "../../chunk-LDABSX4U.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Button

package/dist/components/calendar/index.cjs

@@ -2,9 +2,10 @@
 require('../../chunk-ACCDNLKQ.cjs');
 
 
-var _chunk43UYUOCIcjs = require('../../chunk-43UYUOCI.cjs');
+var _chunk44WYLL4Scjs = require('../../chunk-44WYLL4S.cjs');
+require('../../chunk-Q2JCE4CK.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Calendar = _chunk43UYUOCIcjs.Calendar;
+exports.Calendar = _chunk44WYLL4Scjs.Calendar;
 //# sourceMappingURL=index.cjs.map

package/dist/components/calendar/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/calendar/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,oCAAiC;AACjC;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,8CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/calendar/index.cjs"}
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/calendar/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,oCAAiC;AACjC;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,8CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/calendar/index.cjs"}

package/dist/components/calendar/index.js

@@ -2,7 +2,8 @@
 import "../../chunk-7TQYKW62.js";
 import {
   Calendar
-} from "../../chunk-NROYDPOG.js";
+} from "../../chunk-UCL2G3AW.js";
+import "../../chunk-LDABSX4U.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Calendar

package/dist/components/carousel/Carousel.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, JSX, ReactNode } from "react";
+import type { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 import type { EmblaOptionsType } from "embla-carousel";
 
 export interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
@@ -8,9 +8,9 @@ export interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export declare const Carousel: {
-  Root: (props: CarouselRootProps) => JSX.Element;
-  Content: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
-  Item: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
-  Previous: (props: HTMLAttributes<HTMLButtonElement>) => JSX.Element;
-  Next: (props: HTMLAttributes<HTMLButtonElement>) => JSX.Element;
+  Root: ForwardRefExoticComponent<CarouselRootProps & RefAttributes<HTMLDivElement>>;
+  Content: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+  Item: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
+  Previous: ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>;
+  Next: ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>;
 };

package/dist/components/carousel/index.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkT4FTROIQcjs = require('../../chunk-T4FTROIQ.cjs');
-require('../../chunk-5TOJI2VT.cjs');
+var _chunkPZN4WYN7cjs = require('../../chunk-PZN4WYN7.cjs');
+require('../../chunk-BUXNYXY3.cjs');
+require('../../chunk-Q2JCE4CK.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Carousel = _chunkT4FTROIQcjs.Carousel;
+exports.Carousel = _chunkPZN4WYN7cjs.Carousel;
 //# sourceMappingURL=index.cjs.map

package/dist/components/carousel/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/carousel/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,8CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/carousel/index.cjs"}
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/carousel/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,8CAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/carousel/index.cjs"}

package/dist/components/carousel/index.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   Carousel
-} from "../../chunk-KIAO4YXV.js";
-import "../../chunk-Y523KUML.js";
+} from "../../chunk-X2DTRB5I.js";
+import "../../chunk-3G65Q7C4.js";
+import "../../chunk-LDABSX4U.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Carousel

package/dist/components/chart/Chart.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, JSX, ReactNode } from "react";
+import type { ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from "react";
 import * as RechartsPrimitive from "recharts";
 
 export interface ChartConfigEntry {
@@ -15,9 +15,9 @@ export interface ChartContainerProps extends HTMLAttributes<HTMLDivElement> {
 }
 
 export declare const Chart: {
-  Container: (props: ChartContainerProps) => JSX.Element;
+  Container: ForwardRefExoticComponent<ChartContainerProps & RefAttributes<HTMLDivElement>>;
   Tooltip: typeof RechartsPrimitive.Tooltip;
-  TooltipContent: (props: Record<string, unknown>) => JSX.Element | null;
+  TooltipContent: ForwardRefExoticComponent<Record<string, unknown> & RefAttributes<HTMLDivElement>>;
   Legend: typeof RechartsPrimitive.Legend;
-  LegendContent: (props: Record<string, unknown>) => JSX.Element | null;
+  LegendContent: ForwardRefExoticComponent<Record<string, unknown> & RefAttributes<HTMLDivElement>>;
 };

package/dist/components/chart/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkF5XBFNFLcjs = require('../../chunk-F5XBFNFL.cjs');
+var _chunk5H6YBTVYcjs = require('../../chunk-5H6YBTVY.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Chart = _chunkF5XBFNFLcjs.Chart;
+exports.Chart = _chunk5H6YBTVYcjs.Chart;
 //# sourceMappingURL=index.cjs.map

package/dist/components/chart/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Chart
-} from "../../chunk-C35O5Z4E.js";
+} from "../../chunk-WDQGXT4B.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Chart

package/dist/components/combobox/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunk7VXLTE5Scjs = require('../../chunk-7VXLTE5S.cjs');
-require('../../chunk-HRO7NGJR.cjs');
+var _chunkJFDZ7CMLcjs = require('../../chunk-JFDZ7CML.cjs');
+require('../../chunk-A2ZOWFFG.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Combobox = _chunk7VXLTE5Scjs.Combobox;
+exports.Combobox = _chunkJFDZ7CMLcjs.Combobox;
 //# sourceMappingURL=index.cjs.map

package/dist/components/combobox/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Combobox
-} from "../../chunk-GAIT5TGX.js";
-import "../../chunk-3FJ2AYA2.js";
+} from "../../chunk-GLOGO66M.js";
+import "../../chunk-OKUW3EEZ.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Combobox

package/dist/components/command/Command.d.ts

@@ -1,13 +1,15 @@
-import type { ComponentProps, JSX } from "react";
+import type { ComponentProps, ElementRef, ForwardRefExoticComponent, RefAttributes } from "react";
 import { Command as Cmdk } from "cmdk";
 
 export declare const Command: {
-  Root: (props: ComponentProps<typeof Cmdk>) => JSX.Element;
-  Input: (props: ComponentProps<typeof Cmdk.Input>) => JSX.Element;
-  List: (props: ComponentProps<typeof Cmdk.List>) => JSX.Element;
-  Empty: (props: ComponentProps<typeof Cmdk.Empty>) => JSX.Element;
-  Group: (props: ComponentProps<typeof Cmdk.Group>) => JSX.Element;
-  Item: (props: ComponentProps<typeof Cmdk.Item>) => JSX.Element;
-  Separator: (props: ComponentProps<typeof Cmdk.Separator>) => JSX.Element;
-  Dialog: (props: ComponentProps<typeof Cmdk.Dialog>) => JSX.Element;
+  Root: ForwardRefExoticComponent<ComponentProps<typeof Cmdk> & RefAttributes<ElementRef<typeof Cmdk>>>;
+  Input: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.Input> & RefAttributes<ElementRef<typeof Cmdk.Input>>>;
+  List: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.List> & RefAttributes<ElementRef<typeof Cmdk.List>>>;
+  Empty: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.Empty> & RefAttributes<ElementRef<typeof Cmdk.Empty>>>;
+  Group: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.Group> & RefAttributes<ElementRef<typeof Cmdk.Group>>>;
+  Item: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.Item> & RefAttributes<ElementRef<typeof Cmdk.Item>>>;
+  Separator: ForwardRefExoticComponent<
+    ComponentProps<typeof Cmdk.Separator> & RefAttributes<ElementRef<typeof Cmdk.Separator>>
+  >;
+  Dialog: ForwardRefExoticComponent<ComponentProps<typeof Cmdk.Dialog> & RefAttributes<ElementRef<typeof Cmdk.Dialog>>>;
 };

package/dist/components/command/index.cjs

@@ -2,9 +2,9 @@
 require('../../chunk-ARIUBUZS.cjs');
 
 
-var _chunkHRO7NGJRcjs = require('../../chunk-HRO7NGJR.cjs');
+var _chunkA2ZOWFFGcjs = require('../../chunk-A2ZOWFFG.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Command = _chunkHRO7NGJRcjs.Command;
+exports.Command = _chunkA2ZOWFFGcjs.Command;
 //# sourceMappingURL=index.cjs.map

package/dist/components/command/index.js

@@ -2,7 +2,7 @@
 import "../../chunk-E3KELI3Q.js";
 import {
   Command
-} from "../../chunk-3FJ2AYA2.js";
+} from "../../chunk-OKUW3EEZ.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Command

package/dist/components/context-menu/ContextMenu.d.ts

@@ -1,19 +1,42 @@
-import type { ComponentProps, HTMLAttributes, JSX } from "react";
+import type { ComponentProps, ElementRef, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { ContextMenu as RadixContextMenu } from "radix-ui";
 
 export declare const ContextMenu: {
   Root: typeof RadixContextMenu.Root;
   Trigger: typeof RadixContextMenu.Trigger;
-  Content: (props: ComponentProps<typeof RadixContextMenu.Content>) => JSX.Element;
-  Item: (props: ComponentProps<typeof RadixContextMenu.Item> & { inset?: boolean }) => JSX.Element;
-  CheckboxItem: (props: ComponentProps<typeof RadixContextMenu.CheckboxItem>) => JSX.Element;
+  Content: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.Content> & RefAttributes<ElementRef<typeof RadixContextMenu.Content>>
+  >;
+  Item: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.Item> & { inset?: boolean } & RefAttributes<
+        ElementRef<typeof RadixContextMenu.Item>
+      >
+  >;
+  CheckboxItem: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.CheckboxItem> &
+      RefAttributes<ElementRef<typeof RadixContextMenu.CheckboxItem>>
+  >;
   RadioGroup: typeof RadixContextMenu.RadioGroup;
-  RadioItem: (props: ComponentProps<typeof RadixContextMenu.RadioItem>) => JSX.Element;
-  Label: (props: ComponentProps<typeof RadixContextMenu.Label> & { inset?: boolean }) => JSX.Element;
-  Separator: (props: ComponentProps<typeof RadixContextMenu.Separator>) => JSX.Element;
-  Shortcut: (props: HTMLAttributes<HTMLSpanElement>) => JSX.Element;
+  RadioItem: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.RadioItem> & RefAttributes<ElementRef<typeof RadixContextMenu.RadioItem>>
+  >;
+  Label: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.Label> & { inset?: boolean } & RefAttributes<
+        ElementRef<typeof RadixContextMenu.Label>
+      >
+  >;
+  Separator: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.Separator> & RefAttributes<ElementRef<typeof RadixContextMenu.Separator>>
+  >;
+  Shortcut: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
   Group: typeof RadixContextMenu.Group;
   Sub: typeof RadixContextMenu.Sub;
-  SubTrigger: (props: ComponentProps<typeof RadixContextMenu.SubTrigger> & { inset?: boolean }) => JSX.Element;
-  SubContent: (props: ComponentProps<typeof RadixContextMenu.SubContent>) => JSX.Element;
+  SubTrigger: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.SubTrigger> & { inset?: boolean } & RefAttributes<
+        ElementRef<typeof RadixContextMenu.SubTrigger>
+      >
+  >;
+  SubContent: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixContextMenu.SubContent> & RefAttributes<ElementRef<typeof RadixContextMenu.SubContent>>
+  >;
 };

package/dist/components/context-menu/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkHFYNUSDCcjs = require('../../chunk-HFYNUSDC.cjs');
+var _chunkTS6NCZG4cjs = require('../../chunk-TS6NCZG4.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.ContextMenu = _chunkHFYNUSDCcjs.ContextMenu;
+exports.ContextMenu = _chunkTS6NCZG4cjs.ContextMenu;
 //# sourceMappingURL=index.cjs.map

package/dist/components/context-menu/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   ContextMenu
-} from "../../chunk-7USP3KPM.js";
+} from "../../chunk-XBXIJY6C.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   ContextMenu

package/dist/components/date-picker/index.cjs

@@ -1,10 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkXMCP5ITGcjs = require('../../chunk-XMCP5ITG.cjs');
-require('../../chunk-43UYUOCI.cjs');
+var _chunkRXX2IGK5cjs = require('../../chunk-RXX2IGK5.cjs');
+require('../../chunk-44WYLL4S.cjs');
+require('../../chunk-Q2JCE4CK.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.DatePicker = _chunkXMCP5ITGcjs.DatePicker;
+exports.DatePicker = _chunkRXX2IGK5cjs.DatePicker;
 //# sourceMappingURL=index.cjs.map

package/dist/components/date-picker/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/date-picker/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,kDAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/date-picker/index.cjs"}
+{"version":3,"sources":["/home/runner/work/Atoms/Atoms/packages/ui/dist/components/date-picker/index.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,kDAAC","file":"/home/runner/work/Atoms/Atoms/packages/ui/dist/components/date-picker/index.cjs"}

package/dist/components/date-picker/index.js

@@ -1,8 +1,9 @@
 'use client';
 import {
   DatePicker
-} from "../../chunk-L5ASRHVY.js";
-import "../../chunk-NROYDPOG.js";
+} from "../../chunk-2HCSVAI5.js";
+import "../../chunk-UCL2G3AW.js";
+import "../../chunk-LDABSX4U.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   DatePicker

package/dist/components/dialog/Dialog.d.ts

@@ -1,12 +1,18 @@
-import type { ComponentProps, HTMLAttributes, JSX } from "react";
+import type { ComponentProps, ElementRef, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { Dialog as RadixDialog } from "radix-ui";
 
 export declare const Dialog: {
   Root: typeof RadixDialog.Root;
   Trigger: typeof RadixDialog.Trigger;
   Close: typeof RadixDialog.Close;
-  Content: (props: ComponentProps<typeof RadixDialog.Content>) => JSX.Element;
-  Title: (props: ComponentProps<typeof RadixDialog.Title>) => JSX.Element;
-  Description: (props: ComponentProps<typeof RadixDialog.Description>) => JSX.Element;
-  Footer: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Content: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixDialog.Content> & RefAttributes<ElementRef<typeof RadixDialog.Content>>
+  >;
+  Title: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixDialog.Title> & RefAttributes<ElementRef<typeof RadixDialog.Title>>
+  >;
+  Description: ForwardRefExoticComponent<
+    ComponentProps<typeof RadixDialog.Description> & RefAttributes<ElementRef<typeof RadixDialog.Description>>
+  >;
+  Footer: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 };

package/dist/components/dialog/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkATQSUWABcjs = require('../../chunk-ATQSUWAB.cjs');
+var _chunkC4F5WANAcjs = require('../../chunk-C4F5WANA.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Dialog = _chunkATQSUWABcjs.Dialog;
+exports.Dialog = _chunkC4F5WANAcjs.Dialog;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Dialog
-} from "../../chunk-CQNMLNRY.js";
+} from "../../chunk-6MJNOSPS.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Dialog

package/dist/components/drawer/Drawer.d.ts

@@ -1,12 +1,18 @@
-import type { ComponentProps, HTMLAttributes, JSX } from "react";
+import type { ComponentProps, ElementRef, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from "react";
 import { Drawer as VaulDrawer } from "vaul";
 
 export declare const Drawer: {
   Root: typeof VaulDrawer.Root;
   Trigger: typeof VaulDrawer.Trigger;
   Close: typeof VaulDrawer.Close;
-  Content: (props: ComponentProps<typeof VaulDrawer.Content>) => JSX.Element;
-  Title: (props: ComponentProps<typeof VaulDrawer.Title>) => JSX.Element;
-  Description: (props: ComponentProps<typeof VaulDrawer.Description>) => JSX.Element;
-  Footer: (props: HTMLAttributes<HTMLDivElement>) => JSX.Element;
+  Content: ForwardRefExoticComponent<
+    ComponentProps<typeof VaulDrawer.Content> & RefAttributes<ElementRef<typeof VaulDrawer.Content>>
+  >;
+  Title: ForwardRefExoticComponent<
+    ComponentProps<typeof VaulDrawer.Title> & RefAttributes<ElementRef<typeof VaulDrawer.Title>>
+  >;
+  Description: ForwardRefExoticComponent<
+    ComponentProps<typeof VaulDrawer.Description> & RefAttributes<ElementRef<typeof VaulDrawer.Description>>
+  >;
+  Footer: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
 };

package/dist/components/drawer/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});'use client';
 
 
-var _chunkLZEQUT4Lcjs = require('../../chunk-LZEQUT4L.cjs');
+var _chunkRX5FOAD2cjs = require('../../chunk-RX5FOAD2.cjs');
 require('../../chunk-NSTYHMFW.cjs');
 
 
-exports.Drawer = _chunkLZEQUT4Lcjs.Drawer;
+exports.Drawer = _chunkRX5FOAD2cjs.Drawer;
 //# sourceMappingURL=index.cjs.map

package/dist/components/drawer/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   Drawer
-} from "../../chunk-YEH5VLWU.js";
+} from "../../chunk-YY7LSY6F.js";
 import "../../chunk-74GQ35MJ.js";
 export {
   Drawer