@central-ui/react 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,88 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import type { ReactElement } from 'react';
+import type { LucideProps } from 'lucide-react';
+/**
+ * OpenHandler and CloseHandler give behavior to your button children. Popup already includes its portal; do not add one. Use Title to name the dialog and Description when supporting text is needed. Header, Body, and Footer organize content.
+ *
+ * @example Complete composition
+ * import { Button, Dialog } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Dialog.Root>
+ *       <Dialog.OpenHandler>
+ *         <Button.default variant="secondary">Account details</Button.default>
+ *       </Dialog.OpenHandler>
+ *       <Dialog.Backdrop />
+ *       <Dialog.Popup>
+ *         <Dialog.Header>
+ *           <Dialog.Title>Account details</Dialog.Title>
+ *           <Dialog.Description>Review your account information.</Dialog.Description>
+ *           <Dialog.CloseButton aria-label="Close">
+ *             <Dialog.CloseButtonIcon />
+ *           </Dialog.CloseButton>
+ *         </Dialog.Header>
+ *         <Dialog.Body>Your account is ready to use.</Dialog.Body>
+ *         <Dialog.Footer>
+ *           <Dialog.CloseHandler>
+ *             <Button.default variant="primary">Done</Button.default>
+ *           </Dialog.CloseHandler>
+ *         </Dialog.Footer>
+ *       </Dialog.Popup>
+ *     </Dialog.Root>
+ *   )
+ * }
+ *
+ * @example Require an explicit close action
+ * // Keep the same trigger, title, and popup content.
+ * ;<Dialog.Root disablePointerDismissal>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Dialog.Root>
+ */
+export declare const Root: <Payload>(props: BaseDialog.Root.Props<Payload>) => React.JSX.Element;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const OpenHandler: import("react").ForwardRefExoticComponent<Omit<Omit<BaseDialog.Trigger.Props<unknown>, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const CloseHandler: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopupProps = Omit<BaseDialog.Popup.Props, 'className'> & {
+    className?: string;
+} & Pick<BaseDialog.Portal.Props, 'container' | 'keepMounted'> & StyleProps;
+/** Already includes the portal. Keep it in the matching Root and let the native open state control visibility. */
+export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogPopupProps, "className"> & {
+    className?: string;
+} & Pick<import("@base-ui/react").AlertDialogPortalProps, "keepMounted" | "container"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type BackdropProps = Omit<BaseDialog.Backdrop.Props, 'className'> & {
+    className?: string;
+} & Pick<BaseDialog.Portal.Props, 'container' | 'keepMounted'> & StyleProps;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "className"> & {
+    className?: string;
+} & Pick<import("@base-ui/react").AlertDialogPortalProps, "keepMounted" | "container"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Header: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Body: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Footer: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare const CloseButtonIcon: import("react").ForwardRefExoticComponent<Omit<LucideProps & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<LucideProps>;
+} & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,IAAI,uEAAkB,CAAA;AACnC,8IAA8I;AAC9I,eAAO,MAAM,WAAW;gBAGR,MAAM;IAClB,2GAA2G;cACjG,YAAY;6DAIxB,CAAA;AAEF,8IAA8I;AAC9I,eAAO,MAAM,YAAY;gBAGT,MAAM;IAClB,2GAA2G;cACjG,YAAY;6DAIxB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,GAC5D,UAAU,CAAA;AACZ,kHAAkH;AAClH,eAAO,MAAM,KAAK;gBAJJ,MAAM;4JAmCnB,CAAA;AACD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG;IACzE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,GAC5D,UAAU,CAAA;AACZ,eAAO,MAAM,QAAQ;gBAHP,MAAM;4JAoBnB,CAAA;AACD,eAAO,MAAM,MAAM,uNAajB,CAAA;AAEF,eAAO,MAAM,IAAI,uNAaf,CAAA;AAEF,eAAO,MAAM,MAAM,uNAajB,CAAA;AAEF,eAAO,MAAM,KAAK;gBAE2C,MAAM;2EAYjE,CAAA;AAEF,eAAO,MAAM,WAAW;gBAE2C,MAAM;6EAYvE,CAAA;AAEF,eAAO,MAAM,WAAW;gBAEqC,MAAM;0EAYjE,CAAA;AAEF,8GAA8G;AAC9G,eAAO,MAAM,eAAe;IAGxB,2EAA2E;eAChE,YAAY,CAAC,WAAW,CAAC;sEAiBtC,CAAA"}

package/dist/components/dialog/index.js

@@ -0,0 +1,102 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Dialog as BaseDialog } from '@base-ui/react/dialog';
+import { cloneElement, forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { X } from 'lucide-react';
+/**
+ * OpenHandler and CloseHandler give behavior to your button children. Popup already includes its portal; do not add one. Use Title to name the dialog and Description when supporting text is needed. Header, Body, and Footer organize content.
+ *
+ * @example Complete composition
+ * import { Button, Dialog } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Dialog.Root>
+ *       <Dialog.OpenHandler>
+ *         <Button.default variant="secondary">Account details</Button.default>
+ *       </Dialog.OpenHandler>
+ *       <Dialog.Backdrop />
+ *       <Dialog.Popup>
+ *         <Dialog.Header>
+ *           <Dialog.Title>Account details</Dialog.Title>
+ *           <Dialog.Description>Review your account information.</Dialog.Description>
+ *           <Dialog.CloseButton aria-label="Close">
+ *             <Dialog.CloseButtonIcon />
+ *           </Dialog.CloseButton>
+ *         </Dialog.Header>
+ *         <Dialog.Body>Your account is ready to use.</Dialog.Body>
+ *         <Dialog.Footer>
+ *           <Dialog.CloseHandler>
+ *             <Button.default variant="primary">Done</Button.default>
+ *           </Dialog.CloseHandler>
+ *         </Dialog.Footer>
+ *       </Dialog.Popup>
+ *     </Dialog.Root>
+ *   )
+ * }
+ *
+ * @example Require an explicit close action
+ * // Keep the same trigger, title, and popup content.
+ * ;<Dialog.Root disablePointerDismissal>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Dialog.Root>
+ */
+export const Root = BaseDialog.Root;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const OpenHandler = forwardRef(function OpenHandler({ children, ...props }, ref) {
+    return _jsx(BaseDialog.Trigger, { ...props, ref: ref, render: children });
+});
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const CloseHandler = forwardRef(function CloseHandler({ children, ...props }, ref) {
+    return _jsx(BaseDialog.Close, { ...props, ref: ref, render: children });
+});
+/** Already includes the portal. Keep it in the matching Root and let the native open state control visibility. */
+export const Popup = forwardRef(function Popup({ disableStyle, container, keepMounted, className, style, ...props }, ref) {
+    const baseStyle = {
+        position: 'fixed',
+        top: '50%',
+        left: '50%',
+        translate: '-50% -50%',
+        zIndex: 40,
+    };
+    return (_jsx(BaseDialog.Portal, { container: container, keepMounted: keepMounted, children: _jsx(BaseDialog.Viewport, { children: _jsx(BaseDialog.Popup, { ...props, ref: ref, "data-component": "dialog-popup", "data-style-disabled": disableStyle ? '' : undefined, className: className, style: typeof style === 'function'
+                    ? (state) => ({ ...baseStyle, ...style(state) })
+                    : { ...baseStyle, ...style } }) }) }));
+});
+export const Backdrop = forwardRef(function Backdrop({ disableStyle, container, keepMounted, className, ...props }, ref) {
+    return (_jsx(BaseDialog.Portal, { container: container, keepMounted: keepMounted, children: _jsx(BaseDialog.Backdrop, { ...props, ref: ref, "data-component": "dialog-backdrop", "data-style-disabled": disableStyle ? '' : undefined, className: className }) }));
+});
+export const Header = forwardRef(function Header({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "dialog-header", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Body = forwardRef(function Body({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "dialog-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Footer = forwardRef(function Footer({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "dialog-footer", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Title = forwardRef(function Title({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDialog.Title, { ...props, ref: ref, "data-component": "dialog-title", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDialog.Description, { ...props, ref: ref, "data-component": "dialog-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const CloseButton = forwardRef(function CloseButton({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDialog.Close, { ...props, ref: ref, "data-component": "dialog-closebutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export const CloseButtonIcon = forwardRef(function CloseButtonIcon({ disableStyle, children, className, ...props }, ref) {
+    return cloneElement(children ?? _jsx(X, {}), {
+        ...props,
+        ref,
+        'aria-hidden': true,
+        ...{
+            'data-component': 'dialog-closebuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children?.props.className, className),
+    });
+});
+//# sourceMappingURL=index.js.map

package/dist/components/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/dialog/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/divider/index.d.ts

@@ -0,0 +1,21 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { HTMLAttributes } from 'react';
+/**
+ * Use the default divider alone for a rule, or put Text inside for a labeled divider. It does not manage section visibility.
+ *
+ * @example Complete composition
+ * import { Divider } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex flex-col gap-3">
+ *       <p className="text-sm">General settings</p>
+ *       <Divider.default />
+ *       <p className="text-sm text-neutral-600">Advanced settings</p>
+ *     </div>
+ *   )
+ * }
+ */
+export default function Divider({ disableStyle, className, ...props }: HTMLAttributes<HTMLHRElement> & StyleProps): import("react").JSX.Element;
+export declare function Text({ disableStyle, className, ...props }: HTMLAttributes<HTMLParagraphElement> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/divider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG3C;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,aAAa,CAAC,GAAG,UAAU,+BAS5C;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,UAAU,+BASnD"}

package/dist/components/divider/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Use the default divider alone for a rule, or put Text inside for a labeled divider. It does not manage section visibility.
+ *
+ * @example Complete composition
+ * import { Divider } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex flex-col gap-3">
+ *       <p className="text-sm">General settings</p>
+ *       <Divider.default />
+ *       <p className="text-sm text-neutral-600">Advanced settings</p>
+ *     </div>
+ *   )
+ * }
+ */
+export default function Divider({ disableStyle, className, ...props }) {
+    return (_jsx("hr", { "data-component": "divider-divider", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function Text({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "divider-text", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+//# sourceMappingURL=index.js.map

package/dist/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/divider/index.tsx"],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;GAeG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACmC;IAC3C,OAAO,CACL,+BACiB,iBAAiB,yBACX,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,OAAO,CACL,8BACiB,cAAc,yBACR,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,KAChB,KAAK,GACT,CACH,CAAA;AACH,CAAC"}

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

@@ -0,0 +1,99 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
+import type { ReactElement } from 'react';
+import type { LucideProps } from 'lucide-react';
+/**
+ * Choose swipeDirection on Root and keep trigger and Popup in that Root. Popup already includes its portal. Provider and Indent parts are for an optional indented-background composition, not required for a basic drawer.
+ *
+ * @example Complete composition
+ * import { Button, Drawer } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Drawer.Root swipeDirection="right">
+ *       <Drawer.OpenHandler>
+ *         <Button.default variant="secondary">Open account</Button.default>
+ *       </Drawer.OpenHandler>
+ *       <Drawer.Backdrop />
+ *       <Drawer.Popup>
+ *         <Drawer.Header>
+ *           <Drawer.Title>Account</Drawer.Title>
+ *           <Drawer.Description>Manage your account.</Drawer.Description>
+ *           <Drawer.CloseButton aria-label="Close drawer">
+ *             <Drawer.CloseButtonIcon />
+ *           </Drawer.CloseButton>
+ *         </Drawer.Header>
+ *         <Drawer.Body>Account information goes here.</Drawer.Body>
+ *         <Drawer.Footer>
+ *           <Drawer.CloseHandler>
+ *             <Button.default variant="primary">Done</Button.default>
+ *           </Drawer.CloseHandler>
+ *         </Drawer.Footer>
+ *       </Drawer.Popup>
+ *     </Drawer.Root>
+ *   )
+ * }
+ *
+ * @example Open from the bottom
+ * // Keep the same Popup and trigger; direction belongs to Root.
+ * ;<Drawer.Root swipeDirection="down">
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Drawer.Root>
+ */
+export declare function Root<Payload = unknown>({ swipeDirection, ...props }: BaseDrawer.Root.Props<Payload>): import("react").JSX.Element;
+/** Optional: use around IndentBackground, Indent and drawers when app indentation is needed. */
+export declare const Provider: typeof BaseDrawer.Provider;
+/** Optional: background layer for app indentation; use with Indent inside Provider. */
+export declare const IndentBackground: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerIndentBackgroundProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Optional: wraps the app content when indentation is needed; use inside Provider. */
+export declare const Indent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerIndentProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Optional: a custom swipe-to-open area outside Popup but inside Root. Unpainted by default; style its size and position at the call site. */
+export declare const SwipeArea: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerSwipeAreaProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const OpenHandler: import("react").ForwardRefExoticComponent<Omit<Omit<BaseDrawer.Trigger.Props<unknown>, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export declare const CloseHandler: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerCloseProps, "children" | "className" | "render"> & {
+    className?: string;
+    /** Supply your own accessible control. It receives the behavior; its own className owns the appearance. */
+    children: ReactElement;
+}, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export type PopupProps = Omit<BaseDrawer.Popup.Props, 'className'> & {
+    className?: string;
+} & Pick<BaseDrawer.Portal.Props, 'container' | 'keepMounted'> & StyleProps;
+/** Already includes the portal. Keep it in the matching Root and let the native open state control visibility. */
+export declare const Popup: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerPopupProps, "className"> & {
+    className?: string;
+} & Pick<import("@base-ui/react").DrawerPortalProps, "keepMounted" | "container"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerBackdropProps, "className"> & {
+    className?: string;
+} & Pick<import("@base-ui/react").DrawerPortalProps, "keepMounted" | "container"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Header: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Body: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Footer: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerTitleProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerDescriptionProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").DrawerCloseProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export declare const CloseButtonIcon: import("react").ForwardRefExoticComponent<Omit<LucideProps & {
+    /** Omit for the supplied default icon; pass a child only to replace it. */
+    children?: ReactElement<LucideProps>;
+} & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAE5D,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,wBAAgB,IAAI,CAAC,OAAO,GAAG,OAAO,EAAE,EACtC,cAAwB,EACxB,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,+BAEhC;AACD,gGAAgG;AAChG,eAAO,MAAM,QAAQ,4BAAsB,CAAA;AAC3C,uFAAuF;AACvF,eAAO,MAAM,gBAAgB;gBAGb,MAAM;uEAapB,CAAA;AAEF,uFAAuF;AACvF,eAAO,MAAM,MAAM;gBAE2C,MAAM;uEAYlE,CAAA;AAEF,+IAA+I;AAC/I,eAAO,MAAM,SAAS;gBAE2C,MAAM;uEAYrE,CAAA;AAEF,8IAA8I;AAC9I,eAAO,MAAM,WAAW;gBAGR,MAAM;IAClB,2GAA2G;cACjG,YAAY;6DAIxB,CAAA;AAEF,8IAA8I;AAC9I,eAAO,MAAM,YAAY;gBAGT,MAAM;IAClB,2GAA2G;cACjG,YAAY;6DAIxB,CAAA;AAEF,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,CAAC,GAAG;IACnE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,GAAG,aAAa,CAAC,GAC5D,UAAU,CAAA;AACZ,kHAAkH;AAClH,eAAO,MAAM,KAAK;gBAJJ,MAAM;uJAuDnB,CAAA;AACD,eAAO,MAAM,QAAQ;gBAE2C,MAAM;uJAoBpE,CAAA;AACF,eAAO,MAAM,MAAM,uNAajB,CAAA;AAEF,eAAO,MAAM,IAAI,uNAaf,CAAA;AAEF,eAAO,MAAM,MAAM,uNAajB,CAAA;AAEF,eAAO,MAAM,KAAK;gBAE2C,MAAM;2EAYjE,CAAA;AAEF,eAAO,MAAM,WAAW;gBAE2C,MAAM;6EAYvE,CAAA;AAEF,eAAO,MAAM,WAAW;gBAEqC,MAAM;0EAYjE,CAAA;AAEF,8GAA8G;AAC9G,eAAO,MAAM,eAAe;IAGxB,2EAA2E;eAChE,YAAY,CAAC,WAAW,CAAC;sEAiBtC,CAAA"}

package/dist/components/drawer/index.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Drawer as BaseDrawer } from '@base-ui/react/drawer';
+import { cloneElement, forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
+import { X } from 'lucide-react';
+/**
+ * Choose swipeDirection on Root and keep trigger and Popup in that Root. Popup already includes its portal. Provider and Indent parts are for an optional indented-background composition, not required for a basic drawer.
+ *
+ * @example Complete composition
+ * import { Button, Drawer } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Drawer.Root swipeDirection="right">
+ *       <Drawer.OpenHandler>
+ *         <Button.default variant="secondary">Open account</Button.default>
+ *       </Drawer.OpenHandler>
+ *       <Drawer.Backdrop />
+ *       <Drawer.Popup>
+ *         <Drawer.Header>
+ *           <Drawer.Title>Account</Drawer.Title>
+ *           <Drawer.Description>Manage your account.</Drawer.Description>
+ *           <Drawer.CloseButton aria-label="Close drawer">
+ *             <Drawer.CloseButtonIcon />
+ *           </Drawer.CloseButton>
+ *         </Drawer.Header>
+ *         <Drawer.Body>Account information goes here.</Drawer.Body>
+ *         <Drawer.Footer>
+ *           <Drawer.CloseHandler>
+ *             <Button.default variant="primary">Done</Button.default>
+ *           </Drawer.CloseHandler>
+ *         </Drawer.Footer>
+ *       </Drawer.Popup>
+ *     </Drawer.Root>
+ *   )
+ * }
+ *
+ * @example Open from the bottom
+ * // Keep the same Popup and trigger; direction belongs to Root.
+ * ;<Drawer.Root swipeDirection="down">
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Drawer.Root>
+ */
+export function Root({ swipeDirection = 'right', ...props }) {
+    return _jsx(BaseDrawer.Root, { ...props, swipeDirection: swipeDirection });
+}
+/** Optional: use around IndentBackground, Indent and drawers when app indentation is needed. */
+export const Provider = BaseDrawer.Provider;
+/** Optional: background layer for app indentation; use with Indent inside Provider. */
+export const IndentBackground = forwardRef(function IndentBackground({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.IndentBackground, { ...props, ref: ref, "data-component": "drawer-indentbackground", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Optional: wraps the app content when indentation is needed; use inside Provider. */
+export const Indent = forwardRef(function Indent({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.Indent, { ...props, ref: ref, "data-component": "drawer-indent", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Optional: a custom swipe-to-open area outside Popup but inside Root. Unpainted by default; style its size and position at the call site. */
+export const SwipeArea = forwardRef(function SwipeArea({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.SwipeArea, { ...props, ref: ref, "data-component": "drawer-swipearea", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const OpenHandler = forwardRef(function OpenHandler({ children, ...props }, ref) {
+    return _jsx(BaseDrawer.Trigger, { ...props, ref: ref, render: children });
+});
+/** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
+export const CloseHandler = forwardRef(function CloseHandler({ children, ...props }, ref) {
+    return _jsx(BaseDrawer.Close, { ...props, ref: ref, render: children });
+});
+/** Already includes the portal. Keep it in the matching Root and let the native open state control visibility. */
+export const Popup = forwardRef(function Popup({ disableStyle, container, keepMounted, className, style, ...props }, ref) {
+    return (_jsx(BaseDrawer.Portal, { container: container, keepMounted: keepMounted, children: _jsx(BaseDrawer.Viewport, { children: _jsx(BaseDrawer.Popup, { ...props, ref: ref, "data-component": "drawer-popup", "data-style-disabled": disableStyle ? '' : undefined, className: className, style: (state) => {
+                    const offset = state.swipeDirection === 'left' || state.swipeDirection === 'up'
+                        ? '-100%'
+                        : '100%';
+                    const vertical = state.swipeDirection === 'up' || state.swipeDirection === 'down';
+                    const transitioning = state.transitionStatus === 'starting' ||
+                        state.transitionStatus === 'ending';
+                    const baseStyle = {
+                        zIndex: 40,
+                        transform: transitioning
+                            ? vertical
+                                ? 'translateY(' + offset + ')'
+                                : 'translateX(' + offset + ')'
+                            : vertical
+                                ? 'translateY(calc(var(--drawer-snap-point-offset, 0px) + var(--drawer-swipe-movement-y, 0px)))'
+                                : 'translateX(var(--drawer-swipe-movement-x, 0px))',
+                        transitionProperty: 'transform',
+                        transitionDuration: state.swiping
+                            ? '0ms'
+                            : state.transitionStatus === 'ending'
+                                ? 'calc(var(--drawer-swipe-strength, 1) * 300ms)'
+                                : '300ms',
+                        transitionTimingFunction: 'ease-out',
+                    };
+                    return {
+                        ...baseStyle,
+                        ...(typeof style === 'function' ? style(state) : style),
+                    };
+                } }) }) }));
+});
+export const Backdrop = forwardRef(function Backdrop({ disableStyle, container, keepMounted, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.Portal, { container: container, keepMounted: keepMounted, children: _jsx(BaseDrawer.Backdrop, { ...props, ref: ref, "data-component": "drawer-backdrop", "data-style-disabled": disableStyle ? '' : undefined, className: className }) }));
+});
+export const Header = forwardRef(function Header({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "drawer-header", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Body = forwardRef(function Body({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "drawer-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Footer = forwardRef(function Footer({ disableStyle, className, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, "data-component": "drawer-footer", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Title = forwardRef(function Title({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.Title, { ...props, ref: ref, "data-component": "drawer-title", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Description = forwardRef(function Description({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.Description, { ...props, ref: ref, "data-component": "drawer-description", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const CloseButton = forwardRef(function CloseButton({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseDrawer.Close, { ...props, ref: ref, "data-component": "drawer-closebutton", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** A default icon is supplied. Omit children for the usual case; pass an icon only to replace that visual. */
+export const CloseButtonIcon = forwardRef(function CloseButtonIcon({ disableStyle, children, className, ...props }, ref) {
+    return cloneElement(children ?? _jsx(X, {}), {
+        ...props,
+        ref,
+        'aria-hidden': true,
+        ...{
+            'data-component': 'drawer-closebuttonicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children?.props.className, className),
+    });
+});
+//# sourceMappingURL=index.js.map

package/dist/components/drawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drawer/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/empty/index.d.ts

@@ -0,0 +1,40 @@
+import type { StyleProps } from '../../types/Style.ts';
+import type { ComponentProps, HTMLAttributes, ImgHTMLAttributes, ReactElement } from 'react';
+/**
+ * Compose Surface and Body for an empty-state panel. You decide when the panel appears; it does not inspect your data. Image/Icon and ActionsList are optional ways to explain the state and offer a next action.
+ *
+ * @example Complete composition
+ * import { Button, Empty } from '@central-ui/react'
+ * import { FolderOpen } from 'lucide-react'
+ *
+ * function Example() {
+ *   return (
+ *     <Empty.Surface>
+ *       <Empty.Body>
+ *         <Empty.Icon>
+ *           <FolderOpen aria-hidden="true" />
+ *         </Empty.Icon>
+ *         <Empty.Title>No projects yet</Empty.Title>
+ *         <Empty.Description>Create a project to get started.</Empty.Description>
+ *         <Empty.ActionsList>
+ *           <Button.default variant="secondary" size="small">
+ *             Create project
+ *           </Button.default>
+ *         </Empty.ActionsList>
+ *       </Empty.Body>
+ *     </Empty.Surface>
+ *   )
+ * }
+ */
+export declare function Surface({ disableStyle, className, children, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+export declare function Body({ disableStyle, className, ...props }: ComponentProps<'div'> & StyleProps): import("react").JSX.Element;
+export declare function Title({ disableStyle, className, ...props }: HTMLAttributes<HTMLParagraphElement> & StyleProps): import("react").JSX.Element;
+export declare function Description({ disableStyle, className, ...props }: HTMLAttributes<HTMLParagraphElement> & StyleProps): import("react").JSX.Element;
+export declare function Image({ disableStyle, className, ...props }: ImgHTMLAttributes<HTMLImageElement> & StyleProps): import("react").JSX.Element;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare function Icon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+export declare function ActionsList({ disableStyle, className, ...props }: HTMLAttributes<HTMLDivElement> & StyleProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/empty/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/empty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,YAAY,EACb,MAAM,OAAO,CAAA;AAId;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,OAAO,CAAC,EACtB,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAW7C;AAED,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,UAAU,+BASpC;AAED,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,UAAU,+BASnD;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,oBAAoB,CAAC,GAAG,UAAU,+BASnD;AAED,wBAAgB,KAAK,CAAC,EACpB,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,GAAG,UAAU,+BAUlD;AAED,wHAAwH;AACxH,wBAAgB,IAAI,CAAC,EACnB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,qGAAqG;IACrG,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC9C,CAAC,GACA,UAAU,8GAWX;AAED,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG,UAAU,+BAS7C"}