@s-hirano-ist/s-ui 1.2.0 → 1.3.0

package/dist/ui/dialog.d.ts

@@ -1,21 +1,109 @@
 import { Dialog as DialogPrimitive } from "radix-ui";
 import * as React from "react";
+/**
+ * Root dialog component for modal overlays.
+ *
+ * @remarks
+ * Built on Radix UI Dialog primitive. Provides accessible modal dialogs
+ * with focus trapping and keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogTrigger asChild>
+ *     <Button>Open Dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Dialog Title</DialogTitle>
+ *       <DialogDescription>Dialog description text.</DialogDescription>
+ *     </DialogHeader>
+ *     <p>Dialog content</p>
+ *     <DialogFooter>
+ *       <Button>Close</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ *
+ * @see {@link DialogContent} for the dialog body
+ * @see {@link DialogTrigger} for the trigger button
+ */
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+/**
+ * Button or element that opens the dialog.
+ *
+ * @see {@link Dialog} for parent component
+ */
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Portal for rendering dialog outside the DOM hierarchy.
+ * @internal
+ */
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+/**
+ * Semi-transparent overlay behind the dialog.
+ *
+ * @remarks
+ * Automatically included by DialogContent.
+ * Provides backdrop blur and click-outside-to-close behavior.
+ */
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Main content container for the dialog.
+ *
+ * @remarks
+ * Centered modal with overlay, animations, and proper styling.
+ * Includes the DialogOverlay automatically.
+ *
+ * @param props - Content props including fullWidth option
+ * @returns A styled dialog content container
+ *
+ * @see {@link Dialog} for parent component
+ * @see {@link DialogHeader} for header section
+ * @see {@link DialogFooter} for footer section
+ */
 declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     fullWidth?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Header section for dialog title and description.
+ *
+ * @see {@link DialogTitle} for the title element
+ * @see {@link DialogDescription} for the description element
+ */
 declare function DialogHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace DialogHeader {
     var displayName: string;
 }
+/**
+ * Footer section for dialog actions.
+ *
+ * @remarks
+ * Typically contains buttons for confirm/cancel actions.
+ * Uses flexbox with responsive layout.
+ */
 declare function DialogFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace DialogFooter {
     var displayName: string;
 }
+/**
+ * Title element for the dialog.
+ *
+ * @remarks
+ * Provides accessible naming for the dialog.
+ *
+ * @see {@link DialogHeader} for parent section
+ */
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description text for the dialog.
+ *
+ * @remarks
+ * Provides accessible description for the dialog content.
+ *
+ * @see {@link DialogHeader} for parent section
+ */
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa;gBAGL,OAAO;wCAiBnB,CAAC;AAGH,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAUtC;kBAbQ,YAAY;;;AAgBrB,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAUtC;kBAbQ,YAAY;;;AAgBrB,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../ui/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC;;;;GAIG;AACH,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C;;;GAGG;AACH,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,aAAa;gBAGL,OAAO;wCAiBnB,CAAC;AAGH;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAUtC;kBAbQ,YAAY;;;AAgBrB;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,2CAUtC;kBAbQ,YAAY;;;AAgBrB;;;;;;;GAOG;AACH,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}

package/dist/ui/dialog.js

@@ -3,23 +3,111 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import * as React from "react";
 import { cn } from "../utils/cn";
+/**
+ * Root dialog component for modal overlays.
+ *
+ * @remarks
+ * Built on Radix UI Dialog primitive. Provides accessible modal dialogs
+ * with focus trapping and keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={open} onOpenChange={setOpen}>
+ *   <DialogTrigger asChild>
+ *     <Button>Open Dialog</Button>
+ *   </DialogTrigger>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Dialog Title</DialogTitle>
+ *       <DialogDescription>Dialog description text.</DialogDescription>
+ *     </DialogHeader>
+ *     <p>Dialog content</p>
+ *     <DialogFooter>
+ *       <Button>Close</Button>
+ *     </DialogFooter>
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ *
+ * @see {@link DialogContent} for the dialog body
+ * @see {@link DialogTrigger} for the trigger button
+ */
 const Dialog = DialogPrimitive.Root;
+/**
+ * Button or element that opens the dialog.
+ *
+ * @see {@link Dialog} for parent component
+ */
 const DialogTrigger = DialogPrimitive.Trigger;
+/**
+ * Portal for rendering dialog outside the DOM hierarchy.
+ * @internal
+ */
 const DialogPortal = DialogPrimitive.Portal;
+/**
+ * Semi-transparent overlay behind the dialog.
+ *
+ * @remarks
+ * Automatically included by DialogContent.
+ * Provides backdrop blur and click-outside-to-close behavior.
+ */
 const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80 data-[state=closed]:animate-out data-[state=open]:animate-in", className), ref: ref, ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+/**
+ * Main content container for the dialog.
+ *
+ * @remarks
+ * Centered modal with overlay, animations, and proper styling.
+ * Includes the DialogOverlay automatically.
+ *
+ * @param props - Content props including fullWidth option
+ * @returns A styled dialog content container
+ *
+ * @see {@link Dialog} for parent component
+ * @see {@link DialogHeader} for header section
+ * @see {@link DialogFooter} for footer section
+ */
 const DialogContent = React.forwardRef(({ className, children, fullWidth = false, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsx(DialogPrimitive.Content, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-4xl translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg", !fullWidth && "max-w-lg", className), ref: ref, ...props, children: children })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
+/**
+ * Header section for dialog title and description.
+ *
+ * @see {@link DialogTitle} for the title element
+ * @see {@link DialogDescription} for the description element
+ */
 function DialogHeader({ className, ...props }) {
     return (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
 }
 DialogHeader.displayName = "DialogHeader";
+/**
+ * Footer section for dialog actions.
+ *
+ * @remarks
+ * Typically contains buttons for confirm/cancel actions.
+ * Uses flexbox with responsive layout.
+ */
 function DialogFooter({ className, ...props }) {
     return (_jsx("div", { className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
 }
 DialogFooter.displayName = "DialogFooter";
+/**
+ * Title element for the dialog.
+ *
+ * @remarks
+ * Provides accessible naming for the dialog.
+ *
+ * @see {@link DialogHeader} for parent section
+ */
 const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { className: cn("font-semibold text-lg leading-none tracking-tight", className), ref: ref, ...props })));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
+/**
+ * Description text for the dialog.
+ *
+ * @remarks
+ * Provides accessible description for the dialog content.
+ *
+ * @see {@link DialogHeader} for parent section
+ */
 const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { className: cn("text-muted-foreground text-sm", className), ref: ref, ...props })));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../ui/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC;AAEpC,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC;AAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,MAAM,CAAC;AAE5C,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,CAAC,OAAO,IACvB,SAAS,EAAE,EAAE,CACZ,wJAAwJ,EACxJ,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC;AAEhE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAKpC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAChE,MAAC,YAAY,eACZ,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,CAAC,OAAO,IACvB,SAAS,EAAE,EAAE,CACZ,8fAA8f,EAC9f,CAAC,SAAS,IAAI,UAAU,EACxB,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,YAER,QAAQ,GACgB,IACZ,CACf,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC,OAAO,CAAC,WAAW,CAAC;AAEhE,SAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,oDAAoD,EACpD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,SAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,wDAAwD,EACxD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAGlC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CACZ,mDAAmD,EACnD,SAAS,CACT,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC;AAE5D,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,KAAC,eAAe,CAAC,WAAW,IAC3B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,EACzD,GAAG,EAAE,GAAG,KACJ,KAAK,GACR,CACF,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,eAAe,CAAC,WAAW,CAAC,WAAW,CAAC;AAExE,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../ui/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/ui/drawer.d.ts

@@ -1,14 +1,99 @@
 import type * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
+/**
+ * Root drawer component for slide-in panels.
+ *
+ * @remarks
+ * Built on the vaul library. Provides accessible slide-in panels
+ * from any direction (top, bottom, left, right).
+ *
+ * @example
+ * ```tsx
+ * <Drawer>
+ *   <DrawerTrigger asChild>
+ *     <Button>Open Drawer</Button>
+ *   </DrawerTrigger>
+ *   <DrawerContent>
+ *     <DrawerHeader>
+ *       <DrawerTitle>Drawer Title</DrawerTitle>
+ *       <DrawerDescription>Drawer description.</DrawerDescription>
+ *     </DrawerHeader>
+ *     <p>Drawer content</p>
+ *     <DrawerFooter>
+ *       <DrawerClose asChild>
+ *         <Button>Close</Button>
+ *       </DrawerClose>
+ *     </DrawerFooter>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ *
+ * @see {@link DrawerContent} for the drawer body
+ * @see {@link DrawerTrigger} for the trigger button
+ */
 declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button or element that opens the drawer.
+ *
+ * @see {@link Drawer} for parent component
+ */
 declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Portal for rendering drawer outside the DOM hierarchy.
+ * @internal
+ */
 declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button that closes the drawer.
+ *
+ * @see {@link DrawerFooter} for typical placement
+ */
 declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Semi-transparent overlay behind the drawer.
+ *
+ * @remarks
+ * Automatically included by DrawerContent.
+ */
 declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main content container for the drawer.
+ *
+ * @remarks
+ * Supports all four directions via the vaul direction prop.
+ * Includes a drag handle indicator for bottom drawers.
+ *
+ * @see {@link Drawer} for parent component
+ * @see {@link DrawerHeader} for header section
+ * @see {@link DrawerFooter} for footer section
+ */
 declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Header section for drawer title and description.
+ *
+ * @see {@link DrawerTitle} for the title element
+ * @see {@link DrawerDescription} for the description element
+ */
 declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Footer section for drawer actions.
+ *
+ * @remarks
+ * Positioned at the bottom of the drawer.
+ * Typically contains buttons for actions.
+ */
 declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title element for the drawer.
+ *
+ * @see {@link DrawerHeader} for parent section
+ */
 declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Description text for the drawer.
+ *
+ * @see {@link DrawerHeader} for parent section
+ */
 declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../ui/drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED;;;GAGG;AACH,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED;;;;;GAKG;AACH,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED;;;;;;;;;;GAUG;AACH,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED;;;;;GAKG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED;;;;;;GAMG;AACH,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED;;;;GAIG;AACH,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}

package/dist/ui/drawer.js

@@ -2,33 +2,118 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer as DrawerPrimitive } from "vaul";
 import { cn } from "../utils/cn";
+/**
+ * Root drawer component for slide-in panels.
+ *
+ * @remarks
+ * Built on the vaul library. Provides accessible slide-in panels
+ * from any direction (top, bottom, left, right).
+ *
+ * @example
+ * ```tsx
+ * <Drawer>
+ *   <DrawerTrigger asChild>
+ *     <Button>Open Drawer</Button>
+ *   </DrawerTrigger>
+ *   <DrawerContent>
+ *     <DrawerHeader>
+ *       <DrawerTitle>Drawer Title</DrawerTitle>
+ *       <DrawerDescription>Drawer description.</DrawerDescription>
+ *     </DrawerHeader>
+ *     <p>Drawer content</p>
+ *     <DrawerFooter>
+ *       <DrawerClose asChild>
+ *         <Button>Close</Button>
+ *       </DrawerClose>
+ *     </DrawerFooter>
+ *   </DrawerContent>
+ * </Drawer>
+ * ```
+ *
+ * @see {@link DrawerContent} for the drawer body
+ * @see {@link DrawerTrigger} for the trigger button
+ */
 function Drawer({ ...props }) {
     return _jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
+/**
+ * Button or element that opens the drawer.
+ *
+ * @see {@link Drawer} for parent component
+ */
 function DrawerTrigger({ ...props }) {
     return _jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
+/**
+ * Portal for rendering drawer outside the DOM hierarchy.
+ * @internal
+ */
 function DrawerPortal({ ...props }) {
     return _jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
+/**
+ * Button that closes the drawer.
+ *
+ * @see {@link DrawerFooter} for typical placement
+ */
 function DrawerClose({ ...props }) {
     return _jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
+/**
+ * Semi-transparent overlay behind the drawer.
+ *
+ * @remarks
+ * Automatically included by DrawerContent.
+ */
 function DrawerOverlay({ className, ...props }) {
     return (_jsx(DrawerPrimitive.Overlay, { className: cn("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", className), "data-slot": "drawer-overlay", ...props }));
 }
+/**
+ * Main content container for the drawer.
+ *
+ * @remarks
+ * Supports all four directions via the vaul direction prop.
+ * Includes a drag handle indicator for bottom drawers.
+ *
+ * @see {@link Drawer} for parent component
+ * @see {@link DrawerHeader} for header section
+ * @see {@link DrawerFooter} for footer section
+ */
 function DrawerContent({ className, children, ...props }) {
     return (_jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [_jsx(DrawerOverlay, {}), _jsxs(DrawerPrimitive.Content, { className: cn("group/drawer-content fixed z-50 flex h-auto flex-col bg-background", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className), "data-slot": "drawer-content", ...props, children: [_jsx("div", { className: "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children] })] }));
 }
+/**
+ * Header section for drawer title and description.
+ *
+ * @see {@link DrawerTitle} for the title element
+ * @see {@link DrawerDescription} for the description element
+ */
 function DrawerHeader({ className, ...props }) {
     return (_jsx("div", { className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className), "data-slot": "drawer-header", ...props }));
 }
+/**
+ * Footer section for drawer actions.
+ *
+ * @remarks
+ * Positioned at the bottom of the drawer.
+ * Typically contains buttons for actions.
+ */
 function DrawerFooter({ className, ...props }) {
     return (_jsx("div", { className: cn("mt-auto flex flex-col gap-2 p-4", className), "data-slot": "drawer-footer", ...props }));
 }
+/**
+ * Title element for the drawer.
+ *
+ * @see {@link DrawerHeader} for parent section
+ */
 function DrawerTitle({ className, ...props }) {
     return (_jsx(DrawerPrimitive.Title, { className: cn("font-semibold text-foreground", className), "data-slot": "drawer-title", ...props }));
 }
+/**
+ * Description text for the drawer.
+ *
+ * @see {@link DrawerHeader} for parent section
+ */
 function DrawerDescription({ className, ...props }) {
     return (_jsx(DrawerPrimitive.Description, { className: cn("text-muted-foreground text-sm", className), "data-slot": "drawer-description", ...props }));
 }

package/dist/ui/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../ui/drawer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAEjD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,SAAS,MAAM,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,KAAK,KAAK,GAAI,CAAC;AAC/D,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EAC8C;IACtD,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EAC6C;IACrD,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EAC4C;IACpD,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,KAAC,eAAe,CAAC,OAAO,IACvB,SAAS,EAAE,EAAE,CACZ,wJAAwJ,EACxJ,SAAS,CACT,eACS,gBAAgB,KACtB,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,MAAC,YAAY,iBAAW,eAAe,aACtC,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,IACvB,SAAS,EAAE,EAAE,CACZ,oEAAoE,EACpE,gQAAgQ,EAChQ,qRAAqR,EACrR,6NAA6N,EAC7N,uNAAuN,EACvN,SAAS,CACT,eACS,gBAAgB,KACtB,KAAK,aAET,cAAK,SAAS,EAAC,iIAAiI,GAAG,EAClJ,QAAQ,IACgB,IACZ,CACf,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,0LAA0L,EAC1L,SAAS,CACT,eACS,eAAe,KACrB,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,eACjD,eAAe,KACrB,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACN,KAAC,eAAe,CAAC,KAAK,IACrB,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,eAC/C,cAAc,KACpB,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,eAAe,CAAC,WAAW,IAC3B,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,eAC/C,oBAAoB,KAC1B,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../ui/drawer.tsx"],"names":[],"mappings":"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"}

package/dist/ui/dropdown-menu.d.ts

@@ -1,20 +1,108 @@
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import * as React from "react";
+/**
+ * Root dropdown menu component.
+ *
+ * @remarks
+ * Built on Radix UI DropdownMenu primitive. Provides accessible
+ * dropdown menus with keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenu>
+ *   <DropdownMenuTrigger asChild>
+ *     <Button>Open Menu</Button>
+ *   </DropdownMenuTrigger>
+ *   <DropdownMenuContent>
+ *     <DropdownMenuLabel>My Account</DropdownMenuLabel>
+ *     <DropdownMenuSeparator />
+ *     <DropdownMenuItem>Profile</DropdownMenuItem>
+ *     <DropdownMenuItem>Settings</DropdownMenuItem>
+ *   </DropdownMenuContent>
+ * </DropdownMenu>
+ * ```
+ *
+ * @see {@link DropdownMenuContent} for the menu body
+ * @see {@link DropdownMenuTrigger} for the trigger button
+ */
 declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+/**
+ * Button or element that opens the dropdown menu.
+ *
+ * @see {@link DropdownMenu} for parent component
+ */
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Group container for related menu items.
+ *
+ * @see {@link DropdownMenuItem} for items within the group
+ */
 declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Portal for rendering menu outside the DOM hierarchy.
+ * @internal
+ */
 declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+/**
+ * Root for nested submenu.
+ *
+ * @see {@link DropdownMenuSubContent} for submenu content
+ */
 declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+/**
+ * Group for radio-style menu items.
+ */
 declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Content container for nested submenu.
+ *
+ * @see {@link DropdownMenuSub} for parent component
+ */
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Main content container for the dropdown menu.
+ *
+ * @remarks
+ * Contains menu items with proper animations and positioning.
+ *
+ * @see {@link DropdownMenu} for parent component
+ * @see {@link DropdownMenuItem} for menu items
+ */
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Individual selectable item in the dropdown menu.
+ *
+ * @remarks
+ * Supports keyboard navigation and focus states.
+ *
+ * @see {@link DropdownMenuContent} for parent component
+ */
 declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Non-interactive label for a menu section.
+ *
+ * @see {@link DropdownMenuContent} for parent component
+ */
 declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Visual separator between menu sections.
+ */
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Keyboard shortcut hint for a menu item.
+ *
+ * @example
+ * ```tsx
+ * <DropdownMenuItem>
+ *   Save
+ *   <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>
+ * </DropdownMenuItem>
+ * ```
+ */
 declare function DropdownMenuShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
 declare namespace DropdownMenuShortcut {
     var displayName: string;

package/dist/ui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAgBvB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGZ,OAAO;wCAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGb,OAAO;wCAYf,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,iBAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAOvC;kBAVQ,oBAAoB;;;AAa7B,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACtB,CAAC"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../ui/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D;;;;GAIG;AACH,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD;;;GAGG;AACH,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD;;;;GAIG;AACH,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD;;GAEG;AACH,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH;;;;;;;;GAQG;AACH,QAAA,MAAM,mBAAmB,0KAgBvB,CAAC;AAGH;;;;;;;GAOG;AACH,QAAA,MAAM,gBAAgB;YAGZ,OAAO;wCAYf,CAAC;AAGH;;;;GAIG;AACH,QAAA,MAAM,iBAAiB;YAGb,OAAO;wCAYf,CAAC;AAGH;;GAEG;AACH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH;;;;;;;;;;GAUG;AACH,iBAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAOvC;kBAVQ,oBAAoB;;;AAa7B,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACtB,CAAC"}