@codefast/ui 0.2.21 → 0.2.22

package/dist/components/quote.d.ts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { QuoteHTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface QuoteProps extends QuoteHTMLAttributes<HTMLQuoteElement> {
+interface QuoteProps extends ComponentProps<'q'> {
     asChild?: boolean;
 }
-declare const Quote: react.ForwardRefExoticComponent<QuoteProps & react.RefAttributes<HTMLQuoteElement>>;
+declare function Quote({ asChild, ...props }: QuoteProps): JSX.Element;
 
 export { Quote, type QuoteProps };

package/dist/components/quote.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-Q6MSEHGB.js";export{a as Quote};
+import{a}from"../chunk-RWFLRGFY.js";export{a as Quote};
 //# sourceMappingURL=quote.js.map

package/dist/components/radio-cards.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkETTCZZHOcjs = require('../chunk-ETTCZZHO.cjs');require('../chunk-SMJEDCFP.cjs');exports.RadioCards = _chunkETTCZZHOcjs.a; exports.RadioCardsItem = _chunkETTCZZHOcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkWUDXQ77Wcjs = require('../chunk-WUDXQ77W.cjs');require('../chunk-SMJEDCFP.cjs');exports.RadioCards = _chunkWUDXQ77Wcjs.a; exports.RadioCardsItem = _chunkWUDXQ77Wcjs.b;
 //# sourceMappingURL=radio-cards.cjs.map

package/dist/components/radio-cards.d.cts

@@ -1,10 +1,9 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
-type RadioCardsProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-declare const RadioCards: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type RadioCardsItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const RadioCardsItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type RadioCardsProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+declare function RadioCards({ className, ...props }: RadioCardsProps): JSX.Element;
+type RadioCardsItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+declare function RadioCardsItem({ className, ...props }: RadioCardsItemProps): JSX.Element;
 
 export { RadioCards, RadioCardsItem, type RadioCardsItemProps, type RadioCardsProps };

package/dist/components/radio-cards.d.ts

@@ -1,10 +1,9 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
-type RadioCardsProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-declare const RadioCards: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type RadioCardsItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const RadioCardsItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type RadioCardsProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+declare function RadioCards({ className, ...props }: RadioCardsProps): JSX.Element;
+type RadioCardsItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+declare function RadioCardsItem({ className, ...props }: RadioCardsItemProps): JSX.Element;
 
 export { RadioCards, RadioCardsItem, type RadioCardsItemProps, type RadioCardsProps };

package/dist/components/radio-cards.js

@@ -1,2 +1,2 @@
-import{a,b}from"../chunk-VOEO3FKM.js";import"../chunk-OKUFCFYT.js";export{a as RadioCards,b as RadioCardsItem};
+import{a,b}from"../chunk-DV2WTX6F.js";import"../chunk-OKUFCFYT.js";export{a as RadioCards,b as RadioCardsItem};
 //# sourceMappingURL=radio-cards.js.map

package/dist/components/radio-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNQ3TA2GCcjs = require('../chunk-NQ3TA2GC.cjs');require('../chunk-SMJEDCFP.cjs');exports.RadioGroup = _chunkNQ3TA2GCcjs.a; exports.RadioGroupItem = _chunkNQ3TA2GCcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkGLQEDQFRcjs = require('../chunk-GLQEDQFR.cjs');require('../chunk-SMJEDCFP.cjs');exports.RadioGroup = _chunkGLQEDQFRcjs.a; exports.RadioGroupItem = _chunkGLQEDQFRcjs.b;
 //# sourceMappingURL=radio-group.cjs.map

package/dist/components/radio-group.d.cts

@@ -1,10 +1,9 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
-type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+declare function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element;
+type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): JSX.Element;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/radio-group.d.ts

@@ -1,10 +1,9 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 
-type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
+declare function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element;
+type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): JSX.Element;
 
 export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };

package/dist/components/radio-group.js

@@ -1,2 +1,2 @@
-import{a,b}from"../chunk-YYH3T4UA.js";import"../chunk-OKUFCFYT.js";export{a as RadioGroup,b as RadioGroupItem};
+import{a,b}from"../chunk-ZSMC6CLH.js";import"../chunk-OKUFCFYT.js";export{a as RadioGroup,b as RadioGroupItem};
 //# sourceMappingURL=radio-group.js.map

package/dist/components/radio.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk6ZIF4ES2cjs = require('../chunk-6ZIF4ES2.cjs');require('../chunk-SMJEDCFP.cjs');exports.Radio = _chunk6ZIF4ES2cjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk2HQFST3Ncjs = require('../chunk-2HQFST3N.cjs');require('../chunk-SMJEDCFP.cjs');exports.Radio = _chunk2HQFST3Ncjs.a;
 //# sourceMappingURL=radio.cjs.map

package/dist/components/radio.d.cts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { InputHTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
+interface RadioProps extends Omit<ComponentProps<'input'>, 'type'> {
     onValueChange?: (value: string) => void;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+declare function Radio({ className, onChange, onValueChange, ...props }: RadioProps): JSX.Element;
 
 export { Radio };

package/dist/components/radio.d.ts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { InputHTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface RadioProps extends InputHTMLAttributes<HTMLInputElement> {
+interface RadioProps extends Omit<ComponentProps<'input'>, 'type'> {
     onValueChange?: (value: string) => void;
 }
-declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLInputElement>>;
+declare function Radio({ className, onChange, onValueChange, ...props }: RadioProps): JSX.Element;
 
 export { Radio };

package/dist/components/radio.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../chunk-QHIW6FRI.js";import"../chunk-OKUFCFYT.js";export{a as Radio};
+"use client";import{a}from"../chunk-ULZZJB4X.js";import"../chunk-OKUFCFYT.js";export{a as Radio};
 //# sourceMappingURL=radio.js.map

package/dist/components/resizable.d.cts

@@ -3,7 +3,7 @@ import { ComponentProps, JSX } from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare function ResizablePanelGroup({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
-declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLImageElement | HTMLQuoteElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLStyleElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLPreElement | HTMLObjectElement | HTMLSlotElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/components/resizable.d.ts

@@ -3,7 +3,7 @@ import { ComponentProps, JSX } from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 declare function ResizablePanelGroup({ className, ...props }: ComponentProps<typeof ResizablePrimitive.PanelGroup>): JSX.Element;
-declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: react.ForwardRefExoticComponent<Omit<react.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement | HTMLImageElement | HTMLQuoteElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLStyleElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLPreElement | HTMLObjectElement | HTMLSlotElement | HTMLTitleElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/dist/components/scroll-area.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkR2MLZOZCcjs = require('../chunk-R2MLZOZC.cjs');require('../chunk-SMJEDCFP.cjs');exports.ScrollArea = _chunkR2MLZOZCcjs.a; exports.ScrollAreaScrollbar = _chunkR2MLZOZCcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkNLWL4Y2Ecjs = require('../chunk-NLWL4Y2E.cjs');require('../chunk-SMJEDCFP.cjs');exports.ScrollArea = _chunkNLWL4Y2Ecjs.a; exports.ScrollAreaScrollbar = _chunkNLWL4Y2Ecjs.b;
 //# sourceMappingURL=scroll-area.cjs.map

package/dist/components/scroll-area.d.cts

@@ -1,8 +1,8 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { Scope } from '@radix-ui/react-context';
+import { ComponentProps, JSX } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
 declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
@@ -84,10 +84,13 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;
+type ScopedProps<P> = P & {
+    __scopeScrollArea?: Scope;
+};
 type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
-type ScrollAreaProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
-declare const ScrollArea: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & react.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & react.RefAttributes<HTMLDivElement>>;
-type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
-declare const ScrollAreaScrollbar: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type ScrollAreaProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
+declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScopedProps<ScrollAreaProps>): JSX.Element;
+type ScrollAreaScrollbarProps = ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>;
+declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScopedProps<ScrollAreaScrollbarProps>): JSX.Element;
 
 export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps };

package/dist/components/scroll-area.d.ts

@@ -1,8 +1,8 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { Scope } from '@radix-ui/react-context';
+import { ComponentProps, JSX } from 'react';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
 declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
@@ -84,10 +84,13 @@ declare const scrollAreaScrollbarVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type ScrollAreaScrollbarVariantsProps = VariantProps<typeof scrollAreaScrollbarVariants>;
+type ScopedProps<P> = P & {
+    __scopeScrollArea?: Scope;
+};
 type ScrollAreaContextValue = Pick<ScrollAreaScrollbarVariantsProps, 'size'>;
-type ScrollAreaProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
-declare const ScrollArea: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & react.RefAttributes<HTMLDivElement>, "ref"> & ScrollAreaContextValue & react.RefAttributes<HTMLDivElement>>;
-type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Scrollbar>;
-declare const ScrollAreaScrollbar: react.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type ScrollAreaProps = ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue;
+declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScopedProps<ScrollAreaProps>): JSX.Element;
+type ScrollAreaScrollbarProps = ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>;
+declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScopedProps<ScrollAreaScrollbarProps>): JSX.Element;
 
 export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps };

package/dist/components/scroll-area.js

@@ -1,2 +1,2 @@
-"use client";import{a,b}from"../chunk-45RGI67J.js";import"../chunk-OKUFCFYT.js";export{a as ScrollArea,b as ScrollAreaScrollbar};
+"use client";import{a,b}from"../chunk-HJPUT7OQ.js";import"../chunk-OKUFCFYT.js";export{a as ScrollArea,b as ScrollAreaScrollbar};
 //# sourceMappingURL=scroll-area.js.map

package/dist/components/section.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkFGNXNSKEcjs = require('../chunk-FGNXNSKE.cjs');exports.Section = _chunkFGNXNSKEcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkG4Y2RF3Bcjs = require('../chunk-G4Y2RF3B.cjs');exports.Section = _chunkG4Y2RF3Bcjs.a;
 //# sourceMappingURL=section.cjs.map

package/dist/components/section.d.cts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface SectionProps extends HTMLAttributes<HTMLElement> {
+interface SectionProps extends ComponentProps<'section'> {
     asChild?: boolean;
 }
-declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+declare function Section({ asChild, ...props }: SectionProps): JSX.Element;
 
 export { Section, type SectionProps };

package/dist/components/section.d.ts

@@ -1,9 +1,8 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
+import { ComponentProps, JSX } from 'react';
 
-interface SectionProps extends HTMLAttributes<HTMLElement> {
+interface SectionProps extends ComponentProps<'section'> {
     asChild?: boolean;
 }
-declare const Section: react.ForwardRefExoticComponent<SectionProps & react.RefAttributes<HTMLElement>>;
+declare function Section({ asChild, ...props }: SectionProps): JSX.Element;
 
 export { Section, type SectionProps };

package/dist/components/section.js

@@ -1,2 +1,2 @@
-import{a}from"../chunk-GFCGQ4ND.js";export{a as Section};
+import{a}from"../chunk-2G5LO5HZ.js";export{a as Section};
 //# sourceMappingURL=section.js.map

package/dist/components/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZI4IYAXIcjs = require('../chunk-ZI4IYAXI.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Select = _chunkZI4IYAXIcjs.a; exports.SelectContent = _chunkZI4IYAXIcjs.g; exports.SelectGroup = _chunkZI4IYAXIcjs.b; exports.SelectItem = _chunkZI4IYAXIcjs.i; exports.SelectLabel = _chunkZI4IYAXIcjs.h; exports.SelectScrollDownButton = _chunkZI4IYAXIcjs.f; exports.SelectScrollUpButton = _chunkZI4IYAXIcjs.e; exports.SelectSeparator = _chunkZI4IYAXIcjs.j; exports.SelectTrigger = _chunkZI4IYAXIcjs.d; exports.SelectValue = _chunkZI4IYAXIcjs.c;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkW3Y5Q4KWcjs = require('../chunk-W3Y5Q4KW.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Select = _chunkW3Y5Q4KWcjs.a; exports.SelectContent = _chunkW3Y5Q4KWcjs.g; exports.SelectGroup = _chunkW3Y5Q4KWcjs.b; exports.SelectItem = _chunkW3Y5Q4KWcjs.i; exports.SelectLabel = _chunkW3Y5Q4KWcjs.h; exports.SelectScrollDownButton = _chunkW3Y5Q4KWcjs.f; exports.SelectScrollUpButton = _chunkW3Y5Q4KWcjs.e; exports.SelectSeparator = _chunkW3Y5Q4KWcjs.j; exports.SelectTrigger = _chunkW3Y5Q4KWcjs.d; exports.SelectValue = _chunkW3Y5Q4KWcjs.c;
 //# sourceMappingURL=select.cjs.map

package/dist/components/select.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentProps } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { ButtonVariantsProps } from '../variants/button.variants.cjs';
 import 'tailwind-variants';
@@ -7,25 +7,25 @@ import 'tailwind-variants/dist/config.js';
 
 type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: react.FC<SelectPrimitive.SelectProps>;
-type SelectGroupProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
+type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
 declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
-type SelectValueProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
+type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
 declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
-interface SelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
     size?: ButtonVariantsProps['size'];
 }
-declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type SelectScrollUpButtonProps = ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
-declare const SelectScrollUpButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectScrollDownButtonProps = ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;
-declare const SelectScrollDownButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
-declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectLabelProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
-declare const SelectLabel: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectItemProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
-declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectSeparatorProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
-declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare function SelectTrigger({ children, className, size, ...props }: SelectTriggerProps): JSX.Element;
+type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): JSX.Element;
+type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): JSX.Element;
+type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
+declare function SelectContent({ children, className, position, ...props }: SelectContentProps): JSX.Element;
+type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
+declare function SelectLabel({ className, ...props }: SelectLabelProps): JSX.Element;
+type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
+declare function SelectItem({ children, className, ...props }: SelectItemProps): JSX.Element;
+type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
+declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): JSX.Element;
 
 export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/components/select.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ComponentProps } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { ButtonVariantsProps } from '../variants/button.variants.js';
 import 'tailwind-variants';
@@ -7,25 +7,25 @@ import 'tailwind-variants/dist/config.js';
 
 type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
 declare const Select: react.FC<SelectPrimitive.SelectProps>;
-type SelectGroupProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;
+type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
 declare const SelectGroup: react.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & react.RefAttributes<HTMLDivElement>>;
-type SelectValueProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;
+type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
 declare const SelectValue: react.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & react.RefAttributes<HTMLSpanElement>>;
-interface SelectTriggerProps extends ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
+interface SelectTriggerProps extends ComponentProps<typeof SelectPrimitive.Trigger> {
     size?: ButtonVariantsProps['size'];
 }
-declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type SelectScrollUpButtonProps = ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;
-declare const SelectScrollUpButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectScrollDownButtonProps = ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;
-declare const SelectScrollDownButton: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectContentProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
-declare const SelectContent: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectLabelProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;
-declare const SelectLabel: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectItemProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;
-declare const SelectItem: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-type SelectSeparatorProps = ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;
-declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+declare function SelectTrigger({ children, className, size, ...props }: SelectTriggerProps): JSX.Element;
+type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): JSX.Element;
+type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): JSX.Element;
+type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
+declare function SelectContent({ children, className, position, ...props }: SelectContentProps): JSX.Element;
+type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
+declare function SelectLabel({ className, ...props }: SelectLabelProps): JSX.Element;
+type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
+declare function SelectItem({ children, className, ...props }: SelectItemProps): JSX.Element;
+type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
+declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): JSX.Element;
 
 export { Select, SelectContent, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectItem, type SelectItemProps, SelectLabel, type SelectLabelProps, type SelectProps, SelectScrollDownButton, type SelectScrollDownButtonProps, SelectScrollUpButton, type SelectScrollUpButtonProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import{a,b,c,d,e,f,g,h,i,j}from"../chunk-547HQJXN.js";import"../chunk-AGY7ZINL.js";import"../chunk-OKUFCFYT.js";export{a as Select,g as SelectContent,b as SelectGroup,i as SelectItem,h as SelectLabel,f as SelectScrollDownButton,e as SelectScrollUpButton,j as SelectSeparator,d as SelectTrigger,c as SelectValue};
+import{a,b,c,d,e,f,g,h,i,j}from"../chunk-UDGC4CDE.js";import"../chunk-AGY7ZINL.js";import"../chunk-OKUFCFYT.js";export{a as Select,g as SelectContent,b as SelectGroup,i as SelectItem,h as SelectLabel,f as SelectScrollDownButton,e as SelectScrollUpButton,j as SelectSeparator,d as SelectTrigger,c as SelectValue};
 //# sourceMappingURL=select.js.map

package/dist/components/separator.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkTBXU3Q76cjs = require('../chunk-TBXU3Q76.cjs');require('../chunk-SMJEDCFP.cjs');exports.Separator = _chunkTBXU3Q76cjs.a; exports.SeparatorItem = _chunkTBXU3Q76cjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkYZHSPX6Ycjs = require('../chunk-YZHSPX6Y.cjs');require('../chunk-SMJEDCFP.cjs');exports.Separator = _chunkYZHSPX6Ycjs.a; exports.SeparatorItem = _chunkYZHSPX6Ycjs.b;
 //# sourceMappingURL=separator.cjs.map

package/dist/components/separator.d.cts

@@ -1,8 +1,7 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ComponentProps, JSX } from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 declare const separatorVariants: tailwind_variants.TVReturnType<{
@@ -77,10 +76,10 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type SeparatorVariantsProps = VariantProps<typeof separatorVariants>;
-interface SeparatorProps extends ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, Omit<SeparatorVariantsProps, 'orientation'> {
+interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<SeparatorVariantsProps, 'orientation'> {
 }
-declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
-type SeparatorItemProps = HTMLAttributes<HTMLDivElement>;
-declare const SeparatorItem: react.ForwardRefExoticComponent<SeparatorItemProps & react.RefAttributes<HTMLDivElement>>;
+declare function Separator({ align, className, decorative, orientation, ...props }: SeparatorProps): JSX.Element;
+type SeparatorItemProps = ComponentProps<'div'>;
+declare function SeparatorItem({ className, ...props }: SeparatorItemProps): JSX.Element;
 
 export { Separator, SeparatorItem, type SeparatorProps };

package/dist/components/separator.d.ts

@@ -1,8 +1,7 @@
-import * as react from 'react';
-import { ComponentPropsWithoutRef, HTMLAttributes } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
+import { ComponentProps, JSX } from 'react';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 
 declare const separatorVariants: tailwind_variants.TVReturnType<{
@@ -77,10 +76,10 @@ declare const separatorVariants: tailwind_variants.TVReturnType<{
     };
 }>, unknown, unknown, undefined>>;
 type SeparatorVariantsProps = VariantProps<typeof separatorVariants>;
-interface SeparatorProps extends ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, Omit<SeparatorVariantsProps, 'orientation'> {
+interface SeparatorProps extends ComponentProps<typeof SeparatorPrimitive.Root>, Omit<SeparatorVariantsProps, 'orientation'> {
 }
-declare const Separator: react.ForwardRefExoticComponent<SeparatorProps & react.RefAttributes<HTMLDivElement>>;
-type SeparatorItemProps = HTMLAttributes<HTMLDivElement>;
-declare const SeparatorItem: react.ForwardRefExoticComponent<SeparatorItemProps & react.RefAttributes<HTMLDivElement>>;
+declare function Separator({ align, className, decorative, orientation, ...props }: SeparatorProps): JSX.Element;
+type SeparatorItemProps = ComponentProps<'div'>;
+declare function SeparatorItem({ className, ...props }: SeparatorItemProps): JSX.Element;
 
 export { Separator, SeparatorItem, type SeparatorProps };

package/dist/components/separator.js

@@ -1,2 +1,2 @@
-import{a,b}from"../chunk-BTBWKZ7N.js";import"../chunk-OKUFCFYT.js";export{a as Separator,b as SeparatorItem};
+import{a,b}from"../chunk-6EKIIH2A.js";import"../chunk-OKUFCFYT.js";export{a as Separator,b as SeparatorItem};
 //# sourceMappingURL=separator.js.map

package/dist/components/sheet.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkOGAQB3MBcjs = require('../chunk-OGAQB3MB.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Sheet = _chunkOGAQB3MBcjs.a; exports.SheetBody = _chunkOGAQB3MBcjs.e; exports.SheetClose = _chunkOGAQB3MBcjs.i; exports.SheetContent = _chunkOGAQB3MBcjs.c; exports.SheetDescription = _chunkOGAQB3MBcjs.h; exports.SheetFooter = _chunkOGAQB3MBcjs.f; exports.SheetHeader = _chunkOGAQB3MBcjs.d; exports.SheetTitle = _chunkOGAQB3MBcjs.g; exports.SheetTrigger = _chunkOGAQB3MBcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkMTR3VABRcjs = require('../chunk-MTR3VABR.cjs');require('../chunk-PGD5STRH.cjs');require('../chunk-SMJEDCFP.cjs');exports.Sheet = _chunkMTR3VABRcjs.a; exports.SheetBody = _chunkMTR3VABRcjs.e; exports.SheetClose = _chunkMTR3VABRcjs.i; exports.SheetContent = _chunkMTR3VABRcjs.c; exports.SheetDescription = _chunkMTR3VABRcjs.h; exports.SheetFooter = _chunkMTR3VABRcjs.f; exports.SheetHeader = _chunkMTR3VABRcjs.d; exports.SheetTitle = _chunkMTR3VABRcjs.g; exports.SheetTrigger = _chunkMTR3VABRcjs.b;
 //# sourceMappingURL=sheet.cjs.map

package/dist/components/sheet.d.cts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ComponentPropsWithoutRef, ComponentProps, JSX } from 'react';
+import { ComponentProps, JSX } from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
@@ -59,27 +59,24 @@ declare const sheetContentVariants: tailwind_variants.TVReturnType<{
 type SheetContentVariantsProps = VariantProps<typeof sheetContentVariants>;
 type SheetProps = ComponentProps<typeof DialogPrimitive.Root>;
 declare const Sheet: react.FC<DialogPrimitive.DialogProps>;
-type SheetTriggerProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
+type SheetTriggerProps = ComponentProps<typeof DialogPrimitive.Trigger>;
 declare const SheetTrigger: react.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-type SheetContentProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & SheetContentVariantsProps;
-declare const SheetContent: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & SheetContentVariantsProps & react.RefAttributes<HTMLDivElement>>;
-type SheetHeaderProps = HTMLAttributes<HTMLDivElement>;
+type SheetContentProps = ComponentProps<typeof DialogPrimitive.Content> & SheetContentVariantsProps;
+declare function SheetContent({ children, className, side, ...props }: SheetContentProps): JSX.Element;
+type SheetHeaderProps = ComponentProps<'div'>;
 declare function SheetHeader({ className, ...props }: SheetHeaderProps): JSX.Element;
-type SheetBodyProps = HTMLAttributes<HTMLDivElement>;
+type SheetBodyProps = ComponentProps<'div'>;
 declare function SheetBody({ className, ...props }: SheetHeaderProps): JSX.Element;
-type SheetFooterProps = HTMLAttributes<HTMLDivElement>;
+type SheetFooterProps = ComponentProps<'div'>;
 declare function SheetFooter({ className, ...props }: SheetFooterProps): JSX.Element;
-declare namespace SheetFooter {
-    var displayName: string;
-}
-type SheetTitleProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
-declare const SheetTitle: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
-type SheetDescriptionProps = ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
-declare const SheetDescription: react.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & react.RefAttributes<HTMLParagraphElement>, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
-interface SheetCloseProps extends ComponentPropsWithoutRef<typeof DialogPrimitive.Close> {
+type SheetTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
+declare function SheetTitle({ className, ...props }: SheetTitleProps): JSX.Element;
+type SheetDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
+declare function SheetDescription({ className, ...props }: SheetDescriptionProps): JSX.Element;
+interface SheetCloseProps extends ComponentProps<typeof DialogPrimitive.Close> {
     size?: ButtonVariantsProps['size'];
     variant?: ButtonVariantsProps['variant'];
 }
-declare const SheetClose: react.ForwardRefExoticComponent<SheetCloseProps & react.RefAttributes<HTMLButtonElement>>;
+declare function SheetClose({ className, size, variant, ...props }: SheetCloseProps): JSX.Element;
 
 export { Sheet, SheetBody, type SheetBodyProps, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps };