@mks2508/mks-ui 0.1.4 → 0.2.0

package/dist/react/ui/AlertDialog/AlertDialog.types.d.ts

@@ -0,0 +1,235 @@
+/**
+ * Type definitions for the AlertDialog component.
+ *
+ * All interfaces follow the IPrefix convention. Type aliases do not.
+ * Slot types define the visual regions available for style overrides.
+ *
+ * @module @mks2508/mks-ui/react/ui/AlertDialog/AlertDialog.types
+ */
+import type { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
+import type { HTMLMotionProps } from 'motion/react';
+import type { IBaseConfig, SlotOverrides } from '../../../core/types';
+/**
+ * Named visual regions of the AlertDialog that can be styled via the `slots` prop.
+ *
+ * | Slot          | Element                                        |
+ * |---------------|------------------------------------------------|
+ * | `root`        | Logical root (no DOM element by default)        |
+ * | `backdrop`    | Semi-transparent overlay behind the dialog       |
+ * | `popup`       | Main dialog container with flip animation        |
+ * | `header`      | Header area containing title and description     |
+ * | `footer`      | Footer area for action buttons                   |
+ * | `title`       | Dialog title text                                |
+ * | `description` | Descriptive text below the title                 |
+ * | `close`       | Close/cancel button                              |
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup slots={{ popup: 'bg-zinc-950 border-cyan-500/20' }}>
+ *   ...
+ * </AlertDialogPopup>
+ * ```
+ */
+export type AlertDialogSlot = 'root' | 'backdrop' | 'popup' | 'header' | 'footer' | 'title' | 'description' | 'close';
+/**
+ * Direction from which the AlertDialog flips into view.
+ * Controls the 3D perspective rotation axis and initial angle.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup from="bottom">...</AlertDialogPopup>
+ * ```
+ */
+export type AlertDialogFlipDirection = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Internal context for the AlertDialog root, tracks open state.
+ */
+export type AlertDialogContextType = {
+    /** Whether the dialog is currently open. */
+    isOpen: boolean;
+    /** Callback to update open state. */
+    setIsOpen: IAlertDialogProps['onOpenChange'];
+};
+/**
+ * Behavioral configuration for the AlertDialog component.
+ * Extends {@link IBaseConfig} with alert-dialog-specific options.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog config={{ from: 'bottom', animation: { duration: 0.3 } }} />
+ * ```
+ */
+export interface IAlertDialogConfig extends IBaseConfig {
+    /**
+     * Direction from which the dialog popup flips into view.
+     * Passed down to AlertDialogPopup if not set directly on the popup.
+     *
+     * @default 'top'
+     */
+    from?: AlertDialogFlipDirection;
+}
+/**
+ * Props for the root AlertDialog component.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialog defaultOpen={false} onOpenChange={(open) => console.log(open)}>
+ *   <AlertDialogTrigger>Open</AlertDialogTrigger>
+ *   <AlertDialogPortal>
+ *     <AlertDialogBackdrop />
+ *     <AlertDialogPopup>...</AlertDialogPopup>
+ *   </AlertDialogPortal>
+ * </AlertDialog>
+ * ```
+ */
+export interface IAlertDialogProps extends React.ComponentProps<typeof AlertDialogPrimitive.Root> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+    /** Behavioral configuration. */
+    config?: IAlertDialogConfig;
+}
+/**
+ * Props for the AlertDialogTrigger button.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger className="bg-destructive text-white">
+ *   Delete Account
+ * </AlertDialogTrigger>
+ * ```
+ */
+export interface IAlertDialogTriggerProps extends React.ComponentProps<typeof AlertDialogPrimitive.Trigger> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogPortal.
+ * The `keepMounted` prop is omitted because it is managed internally
+ * by the AnimatePresence animation logic.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPortal>
+ *   <AlertDialogBackdrop />
+ *   <AlertDialogPopup>...</AlertDialogPopup>
+ * </AlertDialogPortal>
+ * ```
+ */
+export interface IAlertDialogPortalProps extends Omit<React.ComponentProps<typeof AlertDialogPrimitive.Portal>, 'keepMounted'> {
+}
+/**
+ * Props for the AlertDialogBackdrop overlay.
+ *
+ * Extends Motion's HTMLMotionProps for full animation control.
+ * The `render` prop from the base primitive is omitted because
+ * it is managed internally by the motion wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogBackdrop
+ *   transition={{ duration: 0.3 }}
+ *   className="bg-black/60 backdrop-blur-sm"
+ * />
+ * ```
+ */
+export interface IAlertDialogBackdropProps extends Omit<Omit<React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>, 'render'>, keyof HTMLMotionProps<'div'>>, HTMLMotionProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogPopup container.
+ *
+ * Extends Motion's HTMLMotionProps for full animation control.
+ * The `render` prop from the base primitive is omitted because
+ * it is managed internally by the motion wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPopup from="bottom" className="max-w-md">
+ *   <AlertDialogHeader>...</AlertDialogHeader>
+ *   <AlertDialogFooter>...</AlertDialogFooter>
+ * </AlertDialogPopup>
+ * ```
+ */
+export interface IAlertDialogPopupProps extends Omit<Omit<React.ComponentProps<typeof AlertDialogPrimitive.Popup>, 'render'>, keyof HTMLMotionProps<'div'>>, HTMLMotionProps<'div'> {
+    /**
+     * Direction from which the popup flips into view.
+     * Controls 3D perspective rotation.
+     *
+     * @default 'top'
+     */
+    from?: AlertDialogFlipDirection;
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogClose button.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogClose className="border-border">Cancel</AlertDialogClose>
+ * ```
+ */
+export interface IAlertDialogCloseProps extends React.ComponentProps<typeof AlertDialogPrimitive.Close> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogHeader layout wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogHeader>
+ *   <AlertDialogTitle>Are you sure?</AlertDialogTitle>
+ *   <AlertDialogDescription>This cannot be undone.</AlertDialogDescription>
+ * </AlertDialogHeader>
+ * ```
+ */
+export interface IAlertDialogHeaderProps extends React.ComponentProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogFooter layout wrapper.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogFooter>
+ *   <AlertDialogClose>Cancel</AlertDialogClose>
+ *   <Button variant="destructive">Delete</Button>
+ * </AlertDialogFooter>
+ * ```
+ */
+export interface IAlertDialogFooterProps extends React.ComponentProps<'div'> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogTitle text element.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTitle className="text-destructive">
+ *   Confirm Deletion
+ * </AlertDialogTitle>
+ * ```
+ */
+export interface IAlertDialogTitleProps extends React.ComponentProps<typeof AlertDialogPrimitive.Title> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+/**
+ * Props for the AlertDialogDescription text element.
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogDescription>
+ *   This action is permanent and cannot be reversed.
+ * </AlertDialogDescription>
+ * ```
+ */
+export interface IAlertDialogDescriptionProps extends React.ComponentProps<typeof AlertDialogPrimitive.Description> {
+    /** Style overrides for individual visual regions. */
+    slots?: SlotOverrides<AlertDialogSlot>;
+}
+//# sourceMappingURL=AlertDialog.types.d.ts.map

package/dist/react/ui/AlertDialog/AlertDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAM/D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,UAAU,GACV,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,aAAa,GACb,OAAO,CAAC;AAMZ;;;;;;;;GAQG;AACH,MAAM,MAAM,wBAAwB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAM3E;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG;IACnC,4CAA4C;IAC5C,MAAM,EAAE,OAAO,CAAC;IAChB,qCAAqC;IACrC,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC9C,CAAC;AAMF;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAmB,SAAQ,WAAW;IACrD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC;AAMD;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC;IAC9D,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACvC,gCAAgC;IAChC,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC;IACjE,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,EACxD,aAAa,CACd;CAAG;AAEN;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,yBACf,SAAQ,IAAI,CACR,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,EAC1E,MAAM,eAAe,CAAC,KAAK,CAAC,CAC7B,EACD,eAAe,CAAC,KAAK,CAAC;IACxB,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,sBACf,SAAQ,IAAI,CACR,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,EACvE,MAAM,eAAe,CAAC,KAAK,CAAC,CAC7B,EACD,eAAe,CAAC,KAAK,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC;IAC/D,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1E,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;;GAUG;AACH,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1E,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC;IAC/D,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,4BACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC;IACrE,qDAAqD;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACxC"}

package/dist/react/ui/AlertDialog/index.d.ts

@@ -0,0 +1,194 @@
+import type { AlertDialogContextType, IAlertDialogProps, IAlertDialogTriggerProps, IAlertDialogPortalProps, IAlertDialogBackdropProps, IAlertDialogPopupProps, IAlertDialogCloseProps, IAlertDialogHeaderProps, IAlertDialogFooterProps, IAlertDialogTitleProps, IAlertDialogDescriptionProps } from './AlertDialog.types';
+declare const useAlertDialog: () => AlertDialogContextType;
+/**
+ * Root AlertDialog component. Manages open state and provides context
+ * to all child sub-components.
+ *
+ * Supports both controlled (`open` + `onOpenChange`) and uncontrolled
+ * (`defaultOpen`) usage patterns.
+ *
+ * @param props - {@link IAlertDialogProps}
+ * @returns The rendered alert dialog root
+ *
+ * @example
+ * ```tsx
+ * // Uncontrolled
+ * <AlertDialog>
+ *   <AlertDialogTrigger>Open</AlertDialogTrigger>
+ *   <AlertDialogPortal>...</AlertDialogPortal>
+ * </AlertDialog>
+ *
+ * // Controlled
+ * const [open, setOpen] = useState(false);
+ * <AlertDialog open={open} onOpenChange={setOpen}>
+ *   ...
+ * </AlertDialog>
+ * ```
+ */
+declare function AlertDialog({ slots: _slots, config: _config, ...props }: IAlertDialogProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button that opens the AlertDialog when clicked.
+ * Renders as a button element by default.
+ *
+ * @param props - {@link IAlertDialogTriggerProps}
+ * @returns The rendered trigger button
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTrigger className="bg-destructive text-destructive-foreground">
+ *   Delete Account
+ * </AlertDialogTrigger>
+ * ```
+ */
+declare function AlertDialogTrigger({ slots: _slots, ...props }: IAlertDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Portal wrapper that renders alert dialog content outside the DOM hierarchy.
+ * Manages AnimatePresence for enter/exit animations of the backdrop and popup.
+ *
+ * The portal is automatically kept mounted for exit animations and only
+ * renders its children when the dialog is open.
+ *
+ * @param props - {@link IAlertDialogPortalProps}
+ * @returns The rendered portal with AnimatePresence
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogPortal>
+ *   <AlertDialogBackdrop />
+ *   <AlertDialogPopup>...</AlertDialogPopup>
+ * </AlertDialogPortal>
+ * ```
+ */
+declare function AlertDialogPortal(props: IAlertDialogPortalProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Semi-transparent overlay behind the alert dialog.
+ * Animates in with a fade and optional blur effect.
+ *
+ * @param props - {@link IAlertDialogBackdropProps}
+ * @returns The rendered animated backdrop
+ *
+ * @example
+ * ```tsx
+ * // Default backdrop
+ * <AlertDialogBackdrop />
+ *
+ * // Custom backdrop with blur
+ * <AlertDialogBackdrop
+ *   className="bg-black/60 backdrop-blur-md"
+ *   transition={{ duration: 0.3 }}
+ * />
+ * ```
+ */
+declare function AlertDialogBackdrop({ transition, slots, className, ...props }: IAlertDialogBackdropProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Main dialog container with a 3D perspective flip animation.
+ *
+ * The `from` prop controls which direction the dialog flips from:
+ * - `top` / `bottom` rotate around the X axis
+ * - `left` / `right` rotate around the Y axis
+ *
+ * Uses spring physics for a natural, bouncy entrance.
+ *
+ * @param props - {@link IAlertDialogPopupProps}
+ * @returns The rendered animated popup
+ *
+ * @example
+ * ```tsx
+ * // Flip from top (default)
+ * <AlertDialogPopup>...</AlertDialogPopup>
+ *
+ * // Flip from bottom with custom spring
+ * <AlertDialogPopup
+ *   from="bottom"
+ *   transition={{ type: 'spring', stiffness: 200, damping: 30 }}
+ * >
+ *   ...
+ * </AlertDialogPopup>
+ * ```
+ */
+declare function AlertDialogPopup({ from, initialFocus, finalFocus, transition, slots, className, ...props }: IAlertDialogPopupProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Button that closes the AlertDialog when clicked.
+ * Typically used in the footer alongside a confirm action.
+ *
+ * @param props - {@link IAlertDialogCloseProps}
+ * @returns The rendered close button
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogClose className="border border-border px-4 py-2 rounded-md">
+ *   Cancel
+ * </AlertDialogClose>
+ * ```
+ */
+declare function AlertDialogClose({ slots, className, ...props }: IAlertDialogCloseProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout wrapper for the dialog title and description.
+ * Provides consistent spacing and text alignment.
+ *
+ * @param props - {@link IAlertDialogHeaderProps}
+ * @returns The rendered header container
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogHeader>
+ *   <AlertDialogTitle>Confirm Action</AlertDialogTitle>
+ *   <AlertDialogDescription>This cannot be undone.</AlertDialogDescription>
+ * </AlertDialogHeader>
+ * ```
+ */
+declare function AlertDialogHeader({ slots, className, ...props }: IAlertDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Layout wrapper for dialog action buttons.
+ * Uses responsive flex layout: column on mobile, row on desktop.
+ *
+ * @param props - {@link IAlertDialogFooterProps}
+ * @returns The rendered footer container
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogFooter>
+ *   <AlertDialogClose>Cancel</AlertDialogClose>
+ *   <Button variant="destructive" onClick={handleDelete}>
+ *     Delete
+ *   </Button>
+ * </AlertDialogFooter>
+ * ```
+ */
+declare function AlertDialogFooter({ slots, className, ...props }: IAlertDialogFooterProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Title element for the AlertDialog.
+ * Automatically associated with the dialog for accessibility via Base UI.
+ *
+ * @param props - {@link IAlertDialogTitleProps}
+ * @returns The rendered title element
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogTitle className="text-destructive">
+ *   Delete Workspace
+ * </AlertDialogTitle>
+ * ```
+ */
+declare function AlertDialogTitle({ slots, className, ...props }: IAlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Description element for the AlertDialog.
+ * Provides additional context about the action being confirmed.
+ * Automatically associated with the dialog for accessibility via Base UI.
+ *
+ * @param props - {@link IAlertDialogDescriptionProps}
+ * @returns The rendered description element
+ *
+ * @example
+ * ```tsx
+ * <AlertDialogDescription>
+ *   This will permanently delete the workspace and all associated data.
+ *   This action cannot be undone.
+ * </AlertDialogDescription>
+ * ```
+ */
+declare function AlertDialogDescription({ slots, className, ...props }: IAlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogBackdrop, AlertDialogClose, AlertDialogTrigger, AlertDialogPopup, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, useAlertDialog, };
+export type { IAlertDialogProps, IAlertDialogTriggerProps, IAlertDialogPortalProps, IAlertDialogCloseProps, IAlertDialogBackdropProps, IAlertDialogPopupProps, IAlertDialogHeaderProps, IAlertDialogFooterProps, IAlertDialogTitleProps, IAlertDialogDescriptionProps, IAlertDialogConfig, AlertDialogSlot, AlertDialogContextType, AlertDialogFlipDirection, } from './AlertDialog.types';
+export { AlertDialogStyles } from './AlertDialog.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/ui/AlertDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/ui/AlertDialog/index.tsx"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EACV,sBAAsB,EACtB,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,yBAAyB,EACzB,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,EAC7B,MAAM,qBAAqB,CAAC;AAM7B,QAAA,MAA4B,cAAc,8BACsB,CAAC;AAMjE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,EACnB,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,OAAO,EACf,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAgBnB;AAMD;;;;;;;;;;;;;GAaG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,KAAK,EAAE,MAAM,EACb,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAO1B;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,iBAAiB,CAAC,KAAK,EAAE,uBAAuB,2CAcxD;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,UAAiD,EACjD,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,yBAAyB,2CAqB3B;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,gBAAgB,CAAC,EACxB,IAAY,EACZ,YAAY,EACZ,UAAU,EACV,UAA4D,EAC5D,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAoCxB;AAMD;;;;;;;;;;;;;GAaG;AACH,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAQxB;AAMD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAQzB;AAMD;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,iBAAiB,CAAC,EACzB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAQzB;AAMD;;;;;;;;;;;;;GAaG;AACH,iBAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAQxB;AAMD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,4BAA4B,2CAY9B;AAMD,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,GACf,CAAC;AAGF,YAAY,EACV,iBAAiB,EACjB,wBAAwB,EACxB,uBAAuB,EACvB,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,4BAA4B,EAC5B,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}