@lglab/compose-ui 0.1.0 → 0.2.0

package/dist/components/accordion.d.ts

@@ -0,0 +1,30 @@
+import { Accordion as BaseAccordion } from '@base-ui/react/accordion';
+import * as React from 'react';
+type AccordionRootProps = React.ComponentProps<typeof BaseAccordion.Root>;
+declare const AccordionRoot: {
+    ({ className, ...props }: AccordionRootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AccordionItemProps = React.ComponentProps<typeof BaseAccordion.Item>;
+declare const AccordionItem: {
+    ({ className, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AccordionHeaderProps = React.ComponentProps<typeof BaseAccordion.Header>;
+declare const AccordionHeader: {
+    ({ className, ...props }: AccordionHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AccordionTriggerProps = React.ComponentProps<typeof BaseAccordion.Trigger>;
+declare const AccordionTrigger: {
+    ({ className, children, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AccordionPanelProps = React.ComponentProps<typeof BaseAccordion.Panel>;
+declare const AccordionPanel: {
+    ({ className, ...props }: AccordionPanelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel };
+export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAErE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAEjE,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAEzE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAOjE,CAAA;AAQD,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;AAE7E,QAAA,MAAM,eAAe;8BAA6B,oBAAoB;;CAErE,CAAA;AAQD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE/E,QAAA,MAAM,gBAAgB;wCAAuC,qBAAqB;;CAiBjF,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAUnE,CAAA;AAQD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAA;AAE1F,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,CAAA"}

package/dist/components/button.d.ts

@@ -1,8 +1,7 @@
 import { Button as BaseButton } from '@base-ui/react/button';
+import { ButtonSize, ButtonVariant } from '../lib/button-variants';
 import * as React from 'react';
-type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
-type ButtonSize = 'sm' | 'default' | 'lg' | 'icon';
-export type ButtonProps = React.ComponentProps<typeof BaseButton> & {
+type ButtonProps = React.ComponentProps<typeof BaseButton> & {
     /** Visual style variant */
     variant?: ButtonVariant;
     /** Size of the button */
@@ -17,4 +16,5 @@ declare const Button: {
     displayName: string;
 };
 export { Button };
+export type { ButtonProps };
 //# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAG5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,aAAa,GACd,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,MAAM,CAAA;AACV,KAAK,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CAAA;AAmClD,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAClE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,MAAM;uFAST,WAAW;;CAiBb,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAG/B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAC3D,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,MAAM;uFAST,WAAW;;CAiBb,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/dialog.d.ts

@@ -1,31 +1,32 @@
 import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ButtonSize, ButtonVariant } from '../lib/button-variants';
 import * as React from 'react';
-export type DialogRootProps = React.ComponentProps<typeof BaseDialog.Root>;
+type DialogRootProps = React.ComponentProps<typeof BaseDialog.Root>;
 declare const DialogRoot: {
     (props: DialogRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {
+type DialogTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {
     /** Visual style variant */
-    variant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    variant?: ButtonVariant;
     /** Size of the trigger button */
-    size?: 'sm' | 'default' | 'lg';
+    size?: ButtonSize;
 };
 declare const DialogTrigger: {
     ({ className, variant, size, ...props }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogPortalProps = React.ComponentProps<typeof BaseDialog.Portal>;
+type DialogPortalProps = React.ComponentProps<typeof BaseDialog.Portal>;
 declare const DialogPortal: {
     (props: DialogPortalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>;
+type DialogBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>;
 declare const DialogBackdrop: {
     ({ className, ...props }: DialogBackdropProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {
+type DialogPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {
     /** Size of the dialog popup */
     size?: 'sm' | 'default' | 'lg' | 'xl' | 'full';
 };
@@ -33,35 +34,36 @@ declare const DialogPopup: {
     ({ className, size, ...props }: DialogPopupProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogTitleProps = React.ComponentProps<typeof BaseDialog.Title>;
+type DialogTitleProps = React.ComponentProps<typeof BaseDialog.Title>;
 declare const DialogTitle: {
     ({ className, ...props }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>;
+type DialogDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>;
 declare const DialogDescription: {
     ({ className, ...props }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {
+type DialogCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {
     /** Visual style variant */
-    variant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    variant?: ButtonVariant;
     /** Size of the close button */
-    size?: 'sm' | 'default' | 'lg';
+    size?: ButtonSize;
 };
 declare const DialogClose: {
     ({ className, variant, size, ...props }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DialogHeader: {
     ({ className, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DialogFooter: {
     ({ className, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, };
+export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAE1E,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAqCD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IACjF,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAE9E,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAElF,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AAmCD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IAC7E,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAE5E,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAExF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAqCD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IAC7E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAU/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,CAAA"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/components/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AAmCD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;CAC/C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAU/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,CAAA;AAED,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,CAAA"}

package/dist/components/drawer.d.ts

@@ -1,31 +1,32 @@
 import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { ButtonSize, ButtonVariant } from '../lib/button-variants';
 import * as React from 'react';
-export type DrawerRootProps = React.ComponentProps<typeof BaseDialog.Root>;
+type DrawerRootProps = React.ComponentProps<typeof BaseDialog.Root>;
 declare const DrawerRoot: {
     (props: DrawerRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {
+type DrawerTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {
     /** Visual style variant */
-    variant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    variant?: ButtonVariant;
     /** Size of the trigger button */
-    size?: 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+    size?: ButtonSize;
 };
 declare const DrawerTrigger: {
     ({ className, variant, size, ...props }: DrawerTriggerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerPortalProps = React.ComponentProps<typeof BaseDialog.Portal>;
+type DrawerPortalProps = React.ComponentProps<typeof BaseDialog.Portal>;
 declare const DrawerPortal: {
     (props: DrawerPortalProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>;
+type DrawerBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>;
 declare const DrawerBackdrop: {
     ({ className, ...props }: DrawerBackdropProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {
+type DrawerPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {
     /** Side from which the drawer slides in */
     side?: 'top' | 'right' | 'bottom' | 'left';
 };
@@ -33,40 +34,41 @@ declare const DrawerPopup: {
     ({ className, side, ...props }: DrawerPopupProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerTitleProps = React.ComponentProps<typeof BaseDialog.Title>;
+type DrawerTitleProps = React.ComponentProps<typeof BaseDialog.Title>;
 declare const DrawerTitle: {
     ({ className, ...props }: DrawerTitleProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>;
+type DrawerDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>;
 declare const DrawerDescription: {
     ({ className, ...props }: DrawerDescriptionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {
+type DrawerCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {
     /** Visual style variant */
-    variant?: 'default' | 'secondary' | 'outline' | 'ghost';
+    variant?: ButtonVariant;
     /** Size of the close button */
-    size?: 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+    size?: ButtonSize;
 };
 declare const DrawerClose: {
     ({ className, variant, size, ...props }: DrawerCloseProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DrawerHeader: {
     ({ className, ...props }: DrawerHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
+type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DrawerContent: {
     ({ className, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
+type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
 declare const DrawerFooter: {
     ({ className, ...props }: DrawerFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, };
+export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, };
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAE1E,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAwCD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IACjF,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CAChE,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAE9E,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAElF,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AA+CD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IAC7E,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAE5E,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAExF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAwCD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IAC7E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAA;IACvD,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;CAChE,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAErE,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAEjE,CAAA;AAQD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAEpE,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,CAAA"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/components/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,UAAU,EACf,KAAK,aAAa,EAEnB,MAAM,wBAAwB,CAAA;AAO/B,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AAEnE,QAAA,MAAM,UAAU;YAAW,eAAe;;CAEzC,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,GAAG;IAC1E,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa;6CAA4C,kBAAkB;;CAOhF,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;AAEvE,QAAA,MAAM,YAAY;YAAW,iBAAiB;;CAE7C,CAAA;AAQD,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAYnE,CAAA;AA+CD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;CAC3C,CAAA;AAED,QAAA,MAAM,WAAW;oCAAmC,gBAAgB;;CAOnE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAA;AAErE,QAAA,MAAM,WAAW;8BAA6B,gBAAgB;;CAO7D,CAAA;AAQD,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAQD,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,GAAG;IACtE,2BAA2B;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,UAAU,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW;6CAA4C,gBAAgB;;CAO5E,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE9D,QAAA,MAAM,aAAa;8BAA6B,kBAAkB;;CAEjE,CAAA;AAQD,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA;AAE7D,QAAA,MAAM,YAAY;8BAA6B,iBAAiB;;CAE/D,CAAA;AAQD,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,CAAA;AAED,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,CAAA"}

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

@@ -1,34 +1,35 @@
 import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
 import * as React from 'react';
-export type ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>;
+type ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>;
 declare const ScrollAreaRoot: {
     ({ className, ...props }: ScrollAreaRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>;
+type ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>;
 declare const ScrollAreaViewport: {
     ({ className, ...props }: ScrollAreaViewportProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>;
+type ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>;
 declare const ScrollAreaContent: {
     ({ className, ...props }: ScrollAreaContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>;
+type ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>;
 declare const ScrollAreaScrollbar: {
     ({ className, orientation, ...props }: ScrollAreaScrollbarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>;
+type ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>;
 declare const ScrollAreaThumb: {
     ({ className, ...props }: ScrollAreaThumbProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>;
+type ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>;
 declare const ScrollAreaCorner: {
     ({ className, ...props }: ScrollAreaCornerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaCorner, };
+export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, };
 //# sourceMappingURL=scroll-area.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAElF,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAEnE,CAAA;AAID,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AAE1F,QAAA,MAAM,kBAAkB;8BAA6B,uBAAuB;;CAO3E,CAAA;AAID,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAExF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAID,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CACzD,OAAO,cAAc,CAAC,SAAS,CAChC,CAAA;AAED,QAAA,MAAM,mBAAmB;2CAItB,wBAAwB;;CAc1B,CAAA;AAID,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAEpF,QAAA,MAAM,eAAe;8BAA6B,oBAAoB;;CAWrE,CAAA;AAID,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AAEtF,QAAA,MAAM,gBAAgB;8BAA6B,qBAAqB;;CAEvE,CAAA;AAID,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAA;AACzE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAE3E,QAAA,MAAM,cAAc;8BAA6B,mBAAmB;;CAEnE,CAAA;AAID,KAAK,uBAAuB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;AAEnF,QAAA,MAAM,kBAAkB;8BAA6B,uBAAuB;;CAO3E,CAAA;AAID,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,CAAA;AAEjF,QAAA,MAAM,iBAAiB;8BAA6B,sBAAsB;;CAEzE,CAAA;AAID,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,CAAA;AAErF,QAAA,MAAM,mBAAmB;2CAItB,wBAAwB;;CAc1B,CAAA;AAID,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,CAAA;AAE7E,QAAA,MAAM,eAAe;8BAA6B,oBAAoB;;CAWrE,CAAA;AAID,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,MAAM,CAAC,CAAA;AAE/E,QAAA,MAAM,gBAAgB;8BAA6B,qBAAqB;;CAEvE,CAAA;AAID,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,CAAA;AAED,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,CAAA"}

package/dist/components/tabs.d.ts

@@ -1,11 +1,11 @@
 import { Tabs as BaseTabs } from '@base-ui/react/tabs';
 import * as React from 'react';
-export type TabsRootProps = React.ComponentProps<typeof BaseTabs.Root>;
+type TabsRootProps = React.ComponentProps<typeof BaseTabs.Root>;
 declare const TabsRoot: {
     ({ className, ...props }: TabsRootProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type TabsListProps = React.ComponentProps<typeof BaseTabs.List> & {
+type TabsListProps = React.ComponentProps<typeof BaseTabs.List> & {
     /** Orientation of the tabs list */
     orientation?: 'horizontal' | 'vertical';
 };
@@ -13,7 +13,7 @@ declare const TabsList: {
     ({ className, orientation, ...props }: TabsListProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type TabsTabProps = React.ComponentProps<typeof BaseTabs.Tab> & {
+type TabsTabProps = React.ComponentProps<typeof BaseTabs.Tab> & {
     /** Size of the tab */
     size?: 'sm' | 'default' | 'lg';
 };
@@ -21,7 +21,7 @@ declare const TabsTab: {
     ({ className, size, ...props }: TabsTabProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type TabsIndicatorProps = React.ComponentProps<typeof BaseTabs.Indicator> & {
+type TabsIndicatorProps = React.ComponentProps<typeof BaseTabs.Indicator> & {
     /** Orientation of the indicator (should match the tabs list orientation) */
     orientation?: 'horizontal' | 'vertical';
 };
@@ -29,10 +29,11 @@ declare const TabsIndicator: {
     ({ className, orientation, ...props }: TabsIndicatorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export type TabsPanelProps = React.ComponentProps<typeof BaseTabs.Panel>;
+type TabsPanelProps = React.ComponentProps<typeof BaseTabs.Panel>;
 declare const TabsPanel: {
     ({ className, ...props }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel };
+export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, };
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAEtE,QAAA,MAAM,QAAQ;8BAA6B,aAAa;;CAEvD,CAAA;AAuBD,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IACvE,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,QAAQ;2CAAyD,aAAa;;CAOnF,CAAA;AAiCD,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG;IACrE,sBAAsB;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,OAAO;oCAAmC,YAAY;;CAE3D,CAAA;AAyBD,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG;IACjF,4EAA4E;IAC5E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa;2CAIhB,kBAAkB;;CAOpB,CAAA;AAQD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAExE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAWzD,CAAA;AAQD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/components/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAA;AAE/D,QAAA,MAAM,QAAQ;8BAA6B,aAAa;;CAEvD,CAAA;AAuBD,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,GAAG;IAChE,mCAAmC;IACnC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,QAAQ;2CAAyD,aAAa;;CAOnF,CAAA;AAiCD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG;IAC9D,sBAAsB;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B,CAAA;AAED,QAAA,MAAM,OAAO;oCAAmC,YAAY;;CAE3D,CAAA;AAyBD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,SAAS,CAAC,GAAG;IAC1E,4EAA4E;IAC5E,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa;2CAIhB,kBAAkB;;CAOpB,CAAA;AAQD,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AAEjE,QAAA,MAAM,SAAS;8BAA6B,cAAc;;CAWzD,CAAA;AAQD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,CAAA;AAEhE,YAAY,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,CAAA"}

package/dist/index.d.ts

@@ -3,4 +3,11 @@ export { ScrollAreaRoot, ScrollAreaViewport, ScrollAreaContent, ScrollAreaScroll
 export { TabsRoot, TabsList, TabsTab, TabsIndicator, TabsPanel } from './components/tabs';
 export { DialogRoot, DialogTrigger, DialogPortal, DialogBackdrop, DialogPopup, DialogTitle, DialogDescription, DialogClose, DialogHeader, DialogFooter, } from './components/dialog';
 export { DrawerRoot, DrawerTrigger, DrawerPortal, DrawerBackdrop, DrawerPopup, DrawerTitle, DrawerDescription, DrawerClose, DrawerHeader, DrawerContent, DrawerFooter, } from './components/drawer';
+export { AccordionRoot, AccordionItem, AccordionHeader, AccordionTrigger, AccordionPanel, } from './components/accordion';
+export type { ButtonProps } from './components/button';
+export type { ScrollAreaRootProps, ScrollAreaViewportProps, ScrollAreaContentProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaCornerProps, } from './components/scroll-area';
+export type { TabsRootProps, TabsListProps, TabsTabProps, TabsIndicatorProps, TabsPanelProps, } from './components/tabs';
+export type { DialogRootProps, DialogTriggerProps, DialogPortalProps, DialogBackdropProps, DialogPopupProps, DialogTitleProps, DialogDescriptionProps, DialogCloseProps, DialogHeaderProps, DialogFooterProps, } from './components/dialog';
+export type { DrawerRootProps, DrawerTriggerProps, DrawerPortalProps, DrawerBackdropProps, DrawerPopupProps, DrawerTitleProps, DrawerDescriptionProps, DrawerCloseProps, DrawerHeaderProps, DrawerContentProps, DrawerFooterProps, } from './components/drawer';
+export type { AccordionRootProps, AccordionItemProps, AccordionHeaderProps, AccordionTriggerProps, AccordionPanelProps, } from './components/accordion';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACzF,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,UAAU,EACV,aAAa,EACb,YAAY,EACZ,cAAc,EACd,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,YAAY,GACb,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,eAAe,EACf,gBAAgB,EAChB,cAAc,GACf,MAAM,wBAAwB,CAAA;AAE/B,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACtD,YAAY,EACV,mBAAmB,EACnB,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,aAAa,EACb,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,GACf,MAAM,mBAAmB,CAAA;AAC1B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,qBAAqB,CAAA;AAC5B,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,wBAAwB,CAAA"}

package/dist/index.es.js

@@ -1,87 +1,18 @@
 "use client";
-import { jsx as a, jsxs as w, Fragment as N } from "react/jsx-runtime";
-import { Button as D } from "@base-ui/react/button";
-import { cva as i } from "class-variance-authority";
-import { clsx as k } from "clsx";
-import { twMerge as z } from "tailwind-merge";
-import { forwardRef as b, createElement as m } from "react";
-import { ScrollArea as d } from "@base-ui/react/scroll-area";
-import { Tabs as u } from "@base-ui/react/tabs";
-import { Dialog as s } from "@base-ui/react/dialog";
-const T = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), C = (e) => e.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (r, t, n) => n ? n.toUpperCase() : t.toLowerCase()
-), f = (e) => {
-  const r = C(e);
-  return r.charAt(0).toUpperCase() + r.slice(1);
-}, v = (...e) => e.filter((r, t, n) => !!r && r.trim() !== "" && n.indexOf(r) === t).join(" ").trim(), V = (e) => {
-  for (const r in e)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
-      return !0;
-};
-var A = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-const P = b(
-  ({
-    color: e = "currentColor",
-    size: r = 24,
-    strokeWidth: t = 2,
-    absoluteStrokeWidth: n,
-    className: c = "",
-    children: l,
-    iconNode: g,
-    ...p
-  }, y) => m(
-    "svg",
-    {
-      ref: y,
-      ...A,
-      width: r,
-      height: r,
-      stroke: e,
-      strokeWidth: n ? Number(t) * 24 / Number(r) : t,
-      className: v("lucide", c),
-      ...!l && !V(p) && { "aria-hidden": "true" },
-      ...p
-    },
-    [
-      ...g.map(([h, x]) => m(h, x)),
-      ...Array.isArray(l) ? l : [l]
-    ]
-  )
-);
-const S = (e, r) => {
-  const t = b(
-    ({ className: n, ...c }, l) => m(P, {
-      ref: l,
-      iconNode: r,
-      className: v(
-        `lucide-${T(f(e))}`,
-        `lucide-${e}`,
-        n
-      ),
-      ...c
-    })
-  );
-  return t.displayName = f(e), t;
-};
-const R = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], B = S("loader-circle", R);
-function o(...e) {
-  return z(k(e));
-}
-const j = i(
+import { jsx as t, jsxs as m, Fragment as y } from "react/jsx-runtime";
+import { Button as v } from "@base-ui/react/button";
+import { LoaderCircle as N, ChevronDown as h } from "lucide-react";
+import { cva as n } from "class-variance-authority";
+import { clsx as x } from "clsx";
+import { twMerge as w } from "tailwind-merge";
+import { ScrollArea as l } from "@base-ui/react/scroll-area";
+import { Tabs as d } from "@base-ui/react/tabs";
+import { Dialog as i } from "@base-ui/react/dialog";
+import { Accordion as c } from "@base-ui/react/accordion";
+const u = n(
   // Base styles
   [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-80 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive"
   ],
   {
     variants: {
@@ -107,76 +38,80 @@ const j = i(
       size: "default"
     }
   }
-), L = ({
+);
+function r(...e) {
+  return w(x(e));
+}
+const D = ({
   className: e,
-  variant: r,
-  size: t,
-  loading: n = !1,
-  loadingText: c,
-  disabled: l,
+  variant: a,
+  size: o,
+  loading: s = !1,
+  loadingText: p,
+  disabled: f,
   children: g,
-  ...p
-}) => /* @__PURE__ */ a(
-  D,
+  ...b
+}) => /* @__PURE__ */ t(
+  v,
   {
-    className: o(j({ variant: r, size: t }), e),
-    disabled: l || n,
-    ...p,
-    children: n ? /* @__PURE__ */ w(N, { children: [
-      /* @__PURE__ */ a(B, { className: "animate-spin" }),
-      c ?? g
+    className: r(u({ variant: a, size: o }), e),
+    disabled: f || s,
+    ...b,
+    children: s ? /* @__PURE__ */ m(y, { children: [
+      /* @__PURE__ */ t(N, { className: "animate-spin" }),
+      p ?? g
     ] }) : g
   }
 );
-L.displayName = "Button";
-const I = ({ className: e, ...r }) => /* @__PURE__ */ a(d.Root, { className: o("relative", e), ...r });
-I.displayName = "ScrollArea.Root";
-const _ = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  d.Viewport,
+D.displayName = "Button";
+const T = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Root, { className: r("relative", e), ...a });
+T.displayName = "ScrollAreaRoot";
+const k = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Viewport,
   {
-    className: o("h-full overscroll-contain pr-3", e),
-    ...r
+    className: r("h-full overscroll-contain pr-3", e),
+    ...a
   }
 );
-_.displayName = "ScrollArea.Viewport";
-const F = ({ className: e, ...r }) => /* @__PURE__ */ a(d.Content, { className: o("min-w-full", e), ...r });
-F.displayName = "ScrollArea.Content";
-const $ = ({
+k.displayName = "ScrollAreaViewport";
+const A = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Content, { className: r("min-w-full", e), ...a });
+A.displayName = "ScrollAreaContent";
+const z = ({
   className: e,
-  orientation: r = "vertical",
-  ...t
-}) => /* @__PURE__ */ a(
-  d.Scrollbar,
+  orientation: a = "vertical",
+  ...o
+}) => /* @__PURE__ */ t(
+  l.Scrollbar,
   {
-    className: o(
+    className: r(
       "flex touch-none select-none p-0.5 transition-colors duration-150 ease-out",
       "data-hovering:bg-muted/50",
-      r === "vertical" && "h-full w-2.5",
-      r === "horizontal" && "h-2.5 w-full flex-col",
+      a === "vertical" && "h-full w-2.5",
+      a === "horizontal" && "h-2.5 w-full flex-col",
       e
     ),
-    orientation: r,
-    ...t
+    orientation: a,
+    ...o
   }
 );
-$.displayName = "ScrollArea.Scrollbar";
-const H = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  d.Thumb,
+z.displayName = "ScrollAreaScrollbar";
+const P = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  l.Thumb,
   {
-    className: o(
+    className: r(
       "relative flex-1 rounded-full bg-border transition-colors",
       "hover:bg-muted-foreground/50",
       e
     ),
-    ...r
+    ...a
   }
 );
-H.displayName = "ScrollArea.Thumb";
-const M = ({ className: e, ...r }) => /* @__PURE__ */ a(d.Corner, { className: o("bg-muted/50", e), ...r });
-M.displayName = "ScrollArea.Corner";
-const U = ({ className: e, ...r }) => /* @__PURE__ */ a(u.Root, { className: o("flex flex-col", e), ...r });
-U.displayName = "Tabs.Root";
-const W = i(
+P.displayName = "ScrollAreaThumb";
+const C = ({ className: e, ...a }) => /* @__PURE__ */ t(l.Corner, { className: r("bg-muted/50", e), ...a });
+C.displayName = "ScrollAreaCorner";
+const S = ({ className: e, ...a }) => /* @__PURE__ */ t(d.Root, { className: r("flex flex-col", e), ...a });
+S.displayName = "TabsRoot";
+const R = n(
   ["relative inline-flex w-fit items-center gap-1", "rounded-lg bg-muted p-1"],
   {
     variants: {
@@ -189,15 +124,15 @@ const W = i(
       orientation: "horizontal"
     }
   }
-), Z = ({ className: e, orientation: r = "horizontal", ...t }) => /* @__PURE__ */ a(
-  u.List,
+), V = ({ className: e, orientation: a = "horizontal", ...o }) => /* @__PURE__ */ t(
+  d.List,
   {
-    className: o(W({ orientation: r }), e),
-    ...t
+    className: r(R({ orientation: a }), e),
+    ...o
   }
 );
-Z.displayName = "Tabs.List";
-const E = i(
+V.displayName = "TabsList";
+const B = n(
   [
     "relative z-10 inline-flex items-center justify-center whitespace-nowrap",
     "rounded-md px-3 py-1.5 text-sm font-medium",
@@ -220,9 +155,9 @@ const E = i(
       size: "default"
     }
   }
-), K = ({ className: e, size: r, ...t }) => /* @__PURE__ */ a(u.Tab, { className: o(E({ size: r }), e), ...t });
-K.displayName = "Tabs.Tab";
-const O = i(
+), H = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(d.Tab, { className: r(B({ size: a }), e), ...o });
+H.displayName = "TabsTab";
+const I = n(
   ["absolute rounded-md bg-background shadow-sm", "transition-all duration-200 ease-out"],
   {
     variants: {
@@ -235,82 +170,56 @@ const O = i(
       orientation: "horizontal"
     }
   }
-), q = ({
+), j = ({
   className: e,
-  orientation: r = "horizontal",
-  ...t
-}) => /* @__PURE__ */ a(
-  u.Indicator,
+  orientation: a = "horizontal",
+  ...o
+}) => /* @__PURE__ */ t(
+  d.Indicator,
   {
-    className: o(O({ orientation: r }), e),
-    ...t
+    className: r(I({ orientation: a }), e),
+    ...o
   }
 );
-q.displayName = "Tabs.Indicator";
-const G = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  u.Panel,
+j.displayName = "TabsIndicator";
+const F = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  d.Panel,
   {
-    className: o(
+    className: r(
       "mt-2 ring-offset-background",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
       e
     ),
-    ...r
+    ...a
   }
 );
-G.displayName = "Tabs.Panel";
-const J = (e) => /* @__PURE__ */ a(s.Root, { ...e });
-J.displayName = "Dialog.Root";
-const Q = i(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
-    "transition-all",
-    "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50"
-  ],
+F.displayName = "TabsPanel";
+const L = (e) => /* @__PURE__ */ t(i.Root, { ...e });
+L.displayName = "DialogRoot";
+const _ = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  i.Trigger,
   {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        sm: "h-8 rounded-md px-3 text-xs",
-        default: "h-9 px-4 py-2",
-        lg: "h-10 rounded-md px-6"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), X = ({ className: e, variant: r, size: t, ...n }) => /* @__PURE__ */ a(
-  s.Trigger,
-  {
-    className: o(Q({ variant: r, size: t }), e),
-    ...n
+    className: r(u({ variant: a, size: o }), e),
+    ...s
   }
 );
-X.displayName = "Dialog.Trigger";
-const Y = (e) => /* @__PURE__ */ a(s.Portal, { ...e });
-Y.displayName = "Dialog.Portal";
-const ee = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  s.Backdrop,
+_.displayName = "DialogTrigger";
+const M = (e) => /* @__PURE__ */ t(i.Portal, { ...e });
+M.displayName = "DialogPortal";
+const $ = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  i.Backdrop,
   {
-    className: o(
+    className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
       "transition-opacity duration-200",
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...r
+    ...a
   }
 );
-ee.displayName = "Dialog.Backdrop";
-const re = i(
+$.displayName = "DialogBackdrop";
+const q = n(
   [
     "fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2",
     "w-full max-w-[calc(100vw-2rem)] rounded-lg border border-border bg-background p-6 shadow-lg",
@@ -335,126 +244,71 @@ const re = i(
       size: "default"
     }
   }
-), ae = ({ className: e, size: r, ...t }) => /* @__PURE__ */ a(
-  s.Popup,
+), E = ({ className: e, size: a, ...o }) => /* @__PURE__ */ t(
+  i.Popup,
   {
-    className: o(re({ size: r }), e),
-    ...t
+    className: r(q({ size: a }), e),
+    ...o
   }
 );
-ae.displayName = "Dialog.Popup";
-const te = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  s.Title,
+E.displayName = "DialogPopup";
+const G = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  i.Title,
   {
-    className: o("text-lg font-semibold leading-none tracking-tight", e),
-    ...r
+    className: r("text-lg font-semibold leading-none tracking-tight", e),
+    ...a
   }
 );
-te.displayName = "Dialog.Title";
-const oe = ({ className: e, ...r }) => /* @__PURE__ */ a(s.Description, { className: o("mt-2", e), ...r });
-oe.displayName = "Dialog.Description";
-const ne = i(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
-    "transition-all",
-    "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        sm: "h-8 rounded-md px-3 text-xs",
-        default: "h-9 px-4 py-2",
-        lg: "h-10 rounded-md px-6"
-      }
-    },
-    defaultVariants: {
-      variant: "outline",
-      size: "default"
-    }
-  }
-), se = ({ className: e, variant: r, size: t, ...n }) => /* @__PURE__ */ a(
-  s.Close,
+G.displayName = "DialogTitle";
+const J = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Description, { className: r("mt-2", e), ...a });
+J.displayName = "DialogDescription";
+const K = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  i.Close,
   {
-    className: o(ne({ variant: r, size: t }), e),
-    ...n
+    className: r(u({ variant: a ?? "outline", size: o }), e),
+    ...s
   }
 );
-se.displayName = "Dialog.Close";
-const ie = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: o("flex flex-col space-y-1 mb-5", e), ...r });
-ie.displayName = "Dialog.Header";
-const le = ({ className: e, ...r }) => /* @__PURE__ */ a(
+K.displayName = "DialogClose";
+const O = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1 mb-5", e), ...a });
+O.displayName = "DialogHeader";
+const Q = ({ className: e, ...a }) => /* @__PURE__ */ t(
   "div",
   {
-    className: o(
+    className: r(
       "mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
       e
     ),
-    ...r
+    ...a
   }
 );
-le.displayName = "Dialog.Footer";
-const de = (e) => /* @__PURE__ */ a(s.Root, { ...e });
-de.displayName = "Drawer.Root";
-const ce = i(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
-    "transition-all",
-    "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50"
-  ],
+Q.displayName = "DialogFooter";
+const U = (e) => /* @__PURE__ */ t(i.Root, { ...e });
+U.displayName = "DrawerRoot";
+const W = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  i.Trigger,
   {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-), ue = ({ className: e, variant: r, size: t, ...n }) => /* @__PURE__ */ a(
-  s.Trigger,
-  {
-    className: o(ce({ variant: r, size: t }), e),
-    ...n
+    className: r(u({ variant: a, size: o }), e),
+    ...s
   }
 );
-ue.displayName = "Drawer.Trigger";
-const ge = (e) => /* @__PURE__ */ a(s.Portal, { ...e });
-ge.displayName = "Drawer.Portal";
-const pe = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  s.Backdrop,
+W.displayName = "DrawerTrigger";
+const X = (e) => /* @__PURE__ */ t(i.Portal, { ...e });
+X.displayName = "DrawerPortal";
+const Y = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  i.Backdrop,
   {
-    className: o(
+    className: r(
       "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
       "transition-opacity duration-300",
       "data-starting-style:opacity-0 data-ending-style:opacity-0",
       e
     ),
-    ...r
+    ...a
   }
 );
-pe.displayName = "Drawer.Backdrop";
-const me = i(
+Y.displayName = "DrawerBackdrop";
+const Z = n(
   [
     "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
     "outline-none",
@@ -491,99 +345,117 @@ const me = i(
       side: "right"
     }
   }
-), fe = ({ className: e, side: r, ...t }) => /* @__PURE__ */ a(
-  s.Popup,
+), ee = ({ className: e, side: a, ...o }) => /* @__PURE__ */ t(
+  i.Popup,
   {
-    className: o(me({ side: r }), e),
-    ...t
+    className: r(Z({ side: a }), e),
+    ...o
   }
 );
-fe.displayName = "Drawer.Popup";
-const be = ({ className: e, ...r }) => /* @__PURE__ */ a(
-  s.Title,
+ee.displayName = "DrawerPopup";
+const ae = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  i.Title,
   {
-    className: o("text-lg font-semibold leading-none tracking-tight", e),
-    ...r
+    className: r("text-lg font-semibold leading-none tracking-tight", e),
+    ...a
   }
 );
-be.displayName = "Drawer.Title";
-const ve = ({ className: e, ...r }) => /* @__PURE__ */ a(s.Description, { className: o("", e), ...r });
-ve.displayName = "Drawer.Description";
-const ye = i(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
-    "transition-all",
-    "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50"
-  ],
+ae.displayName = "DrawerTitle";
+const te = ({ className: e, ...a }) => /* @__PURE__ */ t(i.Description, { className: r("", e), ...a });
+te.displayName = "DrawerDescription";
+const re = ({ className: e, variant: a, size: o, ...s }) => /* @__PURE__ */ t(
+  i.Close,
   {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border border-border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
-        ghost: "hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "outline",
-      size: "default"
-    }
+    className: r(u({ variant: a ?? "outline", size: o }), e),
+    ...s
   }
-), he = ({ className: e, variant: r, size: t, ...n }) => /* @__PURE__ */ a(
-  s.Close,
+);
+re.displayName = "DrawerClose";
+const oe = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("flex flex-col space-y-1.5", e), ...a });
+oe.displayName = "DrawerHeader";
+const ie = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("py-5", e), ...a });
+ie.displayName = "DrawerContent";
+const se = ({ className: e, ...a }) => /* @__PURE__ */ t("div", { className: r("", e), ...a });
+se.displayName = "DrawerFooter";
+const ne = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Root, { className: r("w-full", e), ...a });
+ne.displayName = "AccordionRoot";
+const le = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  c.Item,
+  {
+    className: r("border-b border-border last:border-b-0", e),
+    ...a
+  }
+);
+le.displayName = "AccordionItem";
+const de = ({ className: e, ...a }) => /* @__PURE__ */ t(c.Header, { className: r("flex", e), ...a });
+de.displayName = "AccordionHeader";
+const ce = ({ className: e, children: a, ...o }) => /* @__PURE__ */ m(
+  c.Trigger,
+  {
+    className: r(
+      "flex flex-1 items-center justify-between py-3 font-medium",
+      "transition-all duration-200",
+      "outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "data-disabled:pointer-events-none data-disabled:opacity-80",
+      "[&[data-panel-open]_svg:last-child]:rotate-180",
+      e
+    ),
+    ...o,
+    children: [
+      a,
+      /* @__PURE__ */ t(h, { className: "h-5 w-5 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+);
+ce.displayName = "AccordionTrigger";
+const ue = ({ className: e, ...a }) => /* @__PURE__ */ t(
+  c.Panel,
   {
-    className: o(ye({ variant: r, size: t }), e),
-    ...n
+    className: r(
+      "overflow-hidden duration-200 h-(--accordion-panel-height) transition-height ease-out data-ending-style:h-0 data-starting-style:h-0",
+      e
+    ),
+    ...a
   }
 );
-he.displayName = "Drawer.Close";
-const xe = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: o("flex flex-col space-y-1.5", e), ...r });
-xe.displayName = "Drawer.Header";
-const we = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: o("py-5", e), ...r });
-we.displayName = "Drawer.Content";
-const Ne = ({ className: e, ...r }) => /* @__PURE__ */ a("div", { className: o("", e), ...r });
-Ne.displayName = "Drawer.Footer";
+ue.displayName = "AccordionPanel";
 export {
-  L as Button,
-  ee as DialogBackdrop,
-  se as DialogClose,
-  oe as DialogDescription,
-  le as DialogFooter,
-  ie as DialogHeader,
-  ae as DialogPopup,
-  Y as DialogPortal,
-  J as DialogRoot,
-  te as DialogTitle,
-  X as DialogTrigger,
-  pe as DrawerBackdrop,
-  he as DrawerClose,
-  we as DrawerContent,
-  ve as DrawerDescription,
-  Ne as DrawerFooter,
-  xe as DrawerHeader,
-  fe as DrawerPopup,
-  ge as DrawerPortal,
-  de as DrawerRoot,
-  be as DrawerTitle,
-  ue as DrawerTrigger,
-  F as ScrollAreaContent,
-  M as ScrollAreaCorner,
-  I as ScrollAreaRoot,
-  $ as ScrollAreaScrollbar,
-  H as ScrollAreaThumb,
-  _ as ScrollAreaViewport,
-  q as TabsIndicator,
-  Z as TabsList,
-  G as TabsPanel,
-  U as TabsRoot,
-  K as TabsTab
+  de as AccordionHeader,
+  le as AccordionItem,
+  ue as AccordionPanel,
+  ne as AccordionRoot,
+  ce as AccordionTrigger,
+  D as Button,
+  $ as DialogBackdrop,
+  K as DialogClose,
+  J as DialogDescription,
+  Q as DialogFooter,
+  O as DialogHeader,
+  E as DialogPopup,
+  M as DialogPortal,
+  L as DialogRoot,
+  G as DialogTitle,
+  _ as DialogTrigger,
+  Y as DrawerBackdrop,
+  re as DrawerClose,
+  ie as DrawerContent,
+  te as DrawerDescription,
+  se as DrawerFooter,
+  oe as DrawerHeader,
+  ee as DrawerPopup,
+  X as DrawerPortal,
+  U as DrawerRoot,
+  ae as DrawerTitle,
+  W as DrawerTrigger,
+  A as ScrollAreaContent,
+  C as ScrollAreaCorner,
+  T as ScrollAreaRoot,
+  z as ScrollAreaScrollbar,
+  P as ScrollAreaThumb,
+  k as ScrollAreaViewport,
+  j as TabsIndicator,
+  V as TabsList,
+  F as TabsPanel,
+  S as TabsRoot,
+  H as TabsTab
 };

package/dist/lib/button-variants.d.ts

@@ -0,0 +1,7 @@
+export type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+export type ButtonSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
+export declare const buttonVariants: (props?: ({
+    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=button-variants.d.ts.map

package/dist/lib/button-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-variants.d.ts","sourceRoot":"","sources":["../../src/lib/button-variants.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,SAAS,GACT,OAAO,GACP,aAAa,GACb,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAEjF,eAAO,MAAM,cAAc;;;8EA+B1B,CAAA"}

package/dist/styles/default.css

@@ -17,6 +17,7 @@
   --color-accent: var(--accent);
   --color-accent-foreground: var(--accent-foreground);
   --color-destructive: var(--destructive);
+  --color-input: var(--input);
   --color-border: var(--border);
   --color-ring: var(--ring);
 }
@@ -35,6 +36,7 @@
   --accent-foreground: oklch(0.205 0 0);
   --destructive: oklch(0.577 0.245 27.325);
   --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
   --ring: oklch(0.708 0 0);
 }
 
@@ -51,6 +53,7 @@
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
   --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
   --ring: oklch(0.556 0 0);
 }
 
@@ -67,7 +70,18 @@
     --accent: oklch(0.269 0 0);
     --accent-foreground: oklch(0.985 0 0);
     --destructive: oklch(0.704 0.191 22.216);
+    --input: oklch(1 0 0 / 15%);
     --border: oklch(1 0 0 / 10%);
     --ring: oklch(0.556 0 0);
   }
 }
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lglab/compose-ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A collection of components built with Base UI & Tailwind CSS",
   "author": "LGLab",
   "license": "MIT",