asheeui 1.1.1 → 2.2.1

package/dist/components/container/container-config.d.ts

@@ -1,61 +0,0 @@
-/**
- * Container component configuration for AsheeUI.
- * This file defines the configuration type and defaults for the Container
- * layout primitive, including its maximum width, gutter and centring
- * behaviour. It registers the default configuration with the component
- * registry and provides fallback values for the cascade resolution system.
- */
-/**
- * Maximum content width of a container.
- *
- * - `sm`: a single reading column.
- * - `md`: a narrow application or form column.
- * - `lg`: the default content width.
- * - `xl`: a wide application shell.
- * - `full`: no maximum width.
- */
-export type ContainerSize = "sm" | "md" | "lg" | "xl" | "full";
-/**
- * Theme configuration options for the Container component.
- *
- * Set under `components.container` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface ContainerConfig {
-    /**
-     * Maximum content width.
-     *
-     * @default "lg"
-     */
-    size?: ContainerSize;
-    /**
-     * Whether to reserve a horizontal gutter.
-     * The gutter widens with the viewport, so content never touches the edge on
-     * a phone and never stretches to the full screen on a desktop.
-     *
-     * @default true
-     */
-    gutter?: boolean;
-    /**
-     * Whether to centre the content horizontally.
-     * Leave this on unless the container is nested in another centring
-     * element that already does it.
-     *
-     * @default true
-     */
-    centered?: boolean;
-}
-/**
- * Default config values registered for the Container component.
- */
-export declare const defaultContainerConfig: ContainerConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        container: ContainerConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_CONTAINER_CONFIG: Required<ContainerConfig>;
-//# sourceMappingURL=container-config.d.ts.map

package/dist/components/container/container-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-config.d.ts","sourceRoot":"","sources":["../../../src/components/container/container-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAE/D;;;;;GAKG;AACH,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,sBAAsB,EAAE,eAIpC,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,SAAS,EAAE,eAAe,CAAC;KAC5B;CACF;AAID;;GAEG;AACH,eAAO,MAAM,yBAAyB,EAAE,QAAQ,CAAC,eAAe,CAI/D,CAAC"}

package/dist/components/container/container-config.js

@@ -1,16 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/container/container-config.ts
-var t = {
-	size: "lg",
-	gutter: !0,
-	centered: !0
-};
-e("container", t);
-var n = {
-	size: "lg",
-	gutter: !0,
-	centered: !0
-};
-//#endregion
-export { n as FALLBACK_CONTAINER_CONFIG, t as defaultContainerConfig };

package/dist/components/container/container-styles.d.ts

@@ -1,18 +0,0 @@
-import { ContainerSize } from './container-config';
-/**
- * Maximum width class for each container size.
- * The classes are complete literals so Tailwind can see them.
- */
-export declare const CONTAINER_MAX_WIDTH_CLASS: Record<ContainerSize, string>;
-/**
- * Shared base classes for every container.
- * The container is a block element that never exceeds its parent.
- */
-export declare const CONTAINER_BASE_CLASS = "w-full";
-/**
- * Horizontal gutter applied when the gutter is enabled.
- * The scale token is the layout gutter of the framework, so a container and a
- * section align on the same edge.
- */
-export declare const CONTAINER_GUTTER_CLASS: string;
-//# sourceMappingURL=container-styles.d.ts.map

package/dist/components/container/container-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"container-styles.d.ts","sourceRoot":"","sources":["../../../src/components/container/container-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;GAGG;AACH,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAMnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,WAAW,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,QAA2B,CAAC"}

package/dist/components/container/container-styles.js

@@ -1,12 +0,0 @@
-"use client";
-import { SPACE_PADDING_X_CLASS as e } from "../../shared/spacing.js";
-//#region src/components/container/container-styles.ts
-var t = {
-	sm: "max-w-2xl",
-	md: "max-w-4xl",
-	lg: "max-w-6xl",
-	xl: "max-w-7xl",
-	full: "max-w-none"
-}, n = "w-full", r = e.lg;
-//#endregion
-export { n as CONTAINER_BASE_CLASS, r as CONTAINER_GUTTER_CLASS, t as CONTAINER_MAX_WIDTH_CLASS };

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

@@ -1,3 +0,0 @@
-export * from './Container';
-export * from './container-config';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/container/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC"}

package/dist/components/container/index.js

@@ -1,3 +0,0 @@
-export * from "./Container.js";
-export * from "./container-config.js";
-export * from "./container-styles.js";

package/dist/components/cta/CTA.d.ts

@@ -1,81 +0,0 @@
-import { ElementType, HTMLAttributes, ReactNode } from 'react';
-import { ActionConfig } from '../../shared';
-import { CtaConfig } from './cta-config';
-type BaseCtaProps = CtaConfig & Omit<HTMLAttributes<HTMLElement>, "color" | "title">;
-/**
- * Props for the CTA component.
- */
-export interface CtaProps extends BaseCtaProps {
-    /**
-     * Short label above the title.
-     */
-    eyebrow?: ReactNode;
-    /**
-     * The headline of the band.
-     */
-    title: ReactNode;
-    /**
-     * Supporting sentence under the headline.
-     */
-    description?: ReactNode;
-    /**
-     * The emphasised action of the band.
-     */
-    primaryAction?: ActionConfig;
-    /**
-     * The supporting action of the band.
-     */
-    secondaryAction?: ActionConfig;
-    /**
-     * Element to render the band as.
-     * Defaults to `section`.
-     *
-     * @default "section"
-     */
-    as?: ElementType;
-    /**
-     * Content below the actions, for example a small print line.
-     */
-    children?: ReactNode;
-}
-/**
- * A closing call to action.
- *
- * CTA is the band a page ends on: one statement, one or two actions, and
- * optionally a panel that lifts it off the page. It deliberately does not own a
- * form: a consumer that wants an email field in the band places its own controls
- * through `children`, so the framework never couples a layout pattern to an
- * application's subscription flow.
- *
- * @param props - CTA configuration options and element attributes.
- * @param props.title - The headline of the band.
- * @param props.eyebrow - Short label above the headline.
- * @param props.description - Supporting sentence under the headline.
- * @param props.primaryAction - The emphasised action.
- * @param props.secondaryAction - The supporting action.
- * @param props.align - Content alignment. Defaults to "center".
- * @param props.spacing - Vertical padding. Defaults to "lg".
- * @param props.background - Background treatment. Defaults to "none".
- * @param props.panel - Panel treatment. Defaults to "bordered".
- * @param props.containerSize - Maximum content width. Defaults to "lg".
- * @param props.contained - Respect the framework's width and gutter.
- * Defaults to true.
- * @param props.as - Element to render. Defaults to "section".
- * @returns The rendered band.
- *
- * @example
- * ```tsx
- * <CTA
- *   eyebrow="Ready when you are"
- *   title="Send your first campaign today"
- *   description="No card required, and no setup call."
- *   primaryAction={{ label: "Create an account", href: "/signup" }}
- *   secondaryAction={{ label: "Talk to sales", href: "/contact", variant: "ghost" }}
- * />
- * ```
- *
- * @see Hero - The leading band of the same page.
- */
-export declare const CTA: import('react').ForwardRefExoticComponent<CtaProps & import('react').RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=CTA.d.ts.map

package/dist/components/cta/CTA.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CTA.d.ts","sourceRoot":"","sources":["../../../src/components/cta/CTA.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EACL,KAAK,WAAW,EAEhB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAOjD,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,cAAc,CAAC;AAOnE,KAAK,YAAY,GAAG,SAAS,GAC3B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,QAAS,SAAQ,YAAY;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;;;;OAKG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,GAAG,kGAsEf,CAAC"}

package/dist/components/cta/CTA.js

@@ -1,60 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { useAsheeConfig as t } from "../../libs/context.js";
-import { resolveConfigCascade as n } from "../../utils/resolve-token.js";
-import { SectionHeading as r } from "../section-kit/SectionHeading.js";
-import { Container as i } from "../container/Container.js";
-import { Section as a } from "../section/Section.js";
-import { ActionGroup as o } from "../section-kit/ActionGroup.js";
-import { FALLBACK_CTA_CONFIG as s } from "./cta-config.js";
-import { CTA_INNER_CLASS as c, CTA_PANEL_CLASS as l } from "./cta-styles.js";
-import { forwardRef as u } from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/cta/CTA.tsx
-var p = u(({ eyebrow: u, title: p, description: m, primaryAction: h, secondaryAction: g, align: _, spacing: v, background: y, panel: b, containerSize: x, contained: S, as: C, className: w, children: T, ...E }, D) => {
-	let O = t(), k = n({
-		align: _,
-		spacing: v,
-		background: y,
-		panel: b,
-		containerSize: x,
-		contained: S
-	}, O.components?.cta, s), A = /* @__PURE__ */ d("div", {
-		className: l[k.panel],
-		children: /* @__PURE__ */ f("div", {
-			className: e(c, k.align === "center" && "items-center text-center"),
-			children: [
-				/* @__PURE__ */ d(r, {
-					eyebrow: u,
-					title: p,
-					description: m,
-					align: k.align,
-					size: "lg"
-				}),
-				/* @__PURE__ */ d(o, {
-					primaryAction: h,
-					secondaryAction: g,
-					align: k.align
-				}),
-				T
-			]
-		})
-	});
-	return /* @__PURE__ */ d(a, {
-		ref: D,
-		as: C,
-		spacing: k.spacing,
-		background: k.background,
-		contained: !1,
-		className: w,
-		...E,
-		children: k.contained ? /* @__PURE__ */ d(i, {
-			size: k.containerSize,
-			children: A
-		}) : A
-	});
-});
-p.displayName = "CTA";
-//#endregion
-export { p as CTA };

package/dist/components/cta/cta-config.d.ts

@@ -1,69 +0,0 @@
-import { Space } from '../../shared';
-import { ContainerSize } from '../container/container-config';
-import { SectionBackground } from '../section/section-config';
-/**
- * Visual treatment of the call to action panel.
- *
- * - `bordered`: a bordered surface on the page background.
- * - `muted`: a subdued surface without a border.
- * - `plain`: no panel, so the actions sit directly on the band.
- */
-export type CtaPanel = "bordered" | "muted" | "plain";
-/**
- * Theme configuration options for the CTA component.
- *
- * Set under `components.cta` in the AsheeUI config. Values feed the
- * component-level fallback tier of the theme cascade.
- */
-export interface CtaConfig {
-    /**
-     * Alignment of the panel content.
-     *
-     * @default "center"
-     */
-    align?: "start" | "center";
-    /**
-     * Vertical padding of the band.
-     *
-     * @default "lg"
-     */
-    spacing?: Space;
-    /**
-     * Background treatment of the band.
-     *
-     * @default "none"
-     */
-    background?: SectionBackground;
-    /**
-     * Panel treatment.
-     *
-     * @default "bordered"
-     */
-    panel?: CtaPanel;
-    /**
-     * Maximum content width of the band.
-     *
-     * @default "lg"
-     */
-    containerSize?: ContainerSize;
-    /**
-     * Whether the band wraps its content in a {@link Container}.
-     *
-     * @default true
-     */
-    contained?: boolean;
-}
-/**
- * Default config values registered for the CTA component.
- */
-export declare const defaultCtaConfig: CtaConfig;
-declare module "../../libs/registry" {
-    interface ComponentTypeConfigRegistry {
-        cta: CtaConfig;
-    }
-}
-/**
- * Hard fallback values used when no config tier provides a value.
- */
-export declare const FALLBACK_CTA_CONFIG: Required<CtaConfig>;
-//# sourceMappingURL=cta-config.d.ts.map

package/dist/components/cta/cta-config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cta-config.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-config.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,SAAS;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;IAEhB;;;;OAIG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAE/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB;;;;OAIG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAO9B,CAAC;AAEF,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,GAAG,EAAE,SAAS,CAAC;KAChB;CACF;AAID;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,QAAQ,CAAC,SAAS,CAOnD,CAAC"}

package/dist/components/cta/cta-config.js

@@ -1,22 +0,0 @@
-"use client";
-import { registerComponentDefaults as e } from "../../libs/registry.js";
-//#region src/components/cta/cta-config.ts
-var t = {
-	align: "center",
-	spacing: "lg",
-	background: "none",
-	panel: "bordered",
-	containerSize: "lg",
-	contained: !0
-};
-e("cta", t);
-var n = {
-	align: "center",
-	spacing: "lg",
-	background: "none",
-	panel: "bordered",
-	containerSize: "lg",
-	contained: !0
-};
-//#endregion
-export { n as FALLBACK_CTA_CONFIG, t as defaultCtaConfig };

package/dist/components/cta/cta-styles.d.ts

@@ -1,8 +0,0 @@
-import { CtaPanel } from './cta-config';
-/** Panel treatment classes. */
-export declare const CTA_PANEL_CLASS: Record<CtaPanel, string>;
-/** Inner arrangement of the panel. */
-export declare const CTA_INNER_CLASS = "flex flex-col gap-6";
-/** Centred variant of the inner arrangement. */
-export declare const CTA_CENTERED_CLASS = "items-center text-center";
-//# sourceMappingURL=cta-styles.d.ts.map

package/dist/components/cta/cta-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"cta-styles.d.ts","sourceRoot":"","sources":["../../../src/components/cta/cta-styles.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE7C,+BAA+B;AAC/B,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAIpD,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,eAAe,wBAAwB,CAAC;AAErD,gDAAgD;AAChD,eAAO,MAAM,kBAAkB,6BAA6B,CAAC"}

package/dist/components/cta/cta-styles.js

@@ -1,9 +0,0 @@
-"use client";
-//#region src/components/cta/cta-styles.ts
-var e = {
-	bordered: "rounded-md border border-border bg-background p-8 md:p-12",
-	muted: "rounded-md bg-secondary/50 p-8 md:p-12",
-	plain: ""
-}, t = "flex flex-col gap-6", n = "items-center text-center";
-//#endregion
-export { n as CTA_CENTERED_CLASS, t as CTA_INNER_CLASS, e as CTA_PANEL_CLASS };

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

@@ -1,3 +0,0 @@
-export * from './CTA';
-export * from './cta-config';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/cta/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}

package/dist/components/cta/index.js

@@ -1,3 +0,0 @@
-export * from "./CTA.js";
-export * from "./cta-config.js";
-export * from "./cta-styles.js";

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

@@ -1,128 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { DrawerConfig } from './drawer-config';
-type BaseDrawerProps = DrawerConfig & Omit<HTMLAttributes<HTMLDivElement>, "content">;
-/**
- * Props for the drawer's backdrop overlay.
- */
-export interface DrawerOverlayProps {
-    /**
-     * Extra classes applied to the overlay.
-     */
-    className?: string;
-}
-/**
- * Props for the drawer's content panel.
- */
-export interface DrawerContentProps {
-    /**
-     * Extra classes applied to the drawer content.
-     */
-    className?: string;
-}
-/**
- * Configuration options for the Drawer component.
- */
-export interface DrawerProps extends BaseDrawerProps {
-    /**
-     * Whether the drawer is open.
-     * Controls the visibility of the drawer.
-     */
-    isOpen: boolean;
-    /**
-     * Callback fired when the drawer should close.
-     * Called when the overlay is clicked, Escape is pressed, or the close button is triggered.
-     */
-    onClose?: () => void;
-    /**
-     * Backdrop overlay overrides, including its class override.
-     */
-    overlay?: DrawerOverlayProps;
-    /**
-     * Content panel overrides, including its class override.
-     */
-    content?: DrawerContentProps;
-    /**
-     * The content to display inside the drawer.
-     */
-    children: ReactNode;
-}
-/**
- * A sliding panel that appears from the edge of the screen.
- *
- * Drawer displays content in a panel that slides in from the right, left,
- * top, or bottom edge. It supports overlay click and Escape key dismissal,
- * animation controls, and sizing options. Visual tokens resolve through
- * the standard AsheeUI cascade: prop, component config, global theme
- * defaults, and the built-in fallback.
- *
- * The drawer renders in a portal with dialog semantics and locks body scroll
- * while it is open. Focus moves into the drawer, cannot leave it, and returns
- * to the element that was focused before it opened. The dialog element is the
- * container that receives the consumer's attributes, so a consumer names the
- * drawer with the standard `aria-label` or `aria-labelledby` attribute.
- * The component manages its own animation states to prevent transition
- * flashes.
- *
- * @param props - Drawer configuration options and HTML div props.
- * @param props.isOpen - Whether the drawer is open.
- * @param props.onClose - Callback fired when the drawer should close.
- * @param props.placement - The placement of the drawer. Defaults to "right".
- * @param props.size - The size of the drawer. Defaults to "md".
- * @param props.animated - Whether the drawer has slide animations. Defaults to true.
- * @param props.closeOnOverlayClick - Whether clicking the overlay closes the drawer. Defaults to true.
- * @param props.closeOnEsc - Whether pressing Escape closes the drawer. Defaults to true.
- * @param props.overlay - Backdrop overlay overrides (className).
- * @param props.content - Content panel overrides (className).
- * @param props.children - The content to display inside the drawer.
- * @param props.className - Extra classes for the container.
- *
- * @example
- * ```tsx
- * import { Drawer, Button } from "asheeui";
- * import { useState } from "react";
- *
- * export function Example() {
- *   const [isOpen, setIsOpen] = useState(false);
- *
- *   return (
- *     <>
- *       <Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
- *       <Drawer
- *         isOpen={isOpen}
- *         onClose={() => setIsOpen(false)}
- *         placement="right"
- *         size="md"
- *       >
- *         <div className="p-6">
- *           <h2 className="text-xl font-bold">Drawer Content</h2>
- *           <p>This is the drawer content.</p>
- *           <Button onClick={() => setIsOpen(false)}>Close</Button>
- *         </div>
- *       </Drawer>
- *     </>
- *   );
- * }
- * ```
- *
- * @example
- * ```tsx
- * // Bottom drawer with custom sizing
- * <Drawer
- *   isOpen={isOpen}
- *   onClose={onClose}
- *   placement="bottom"
- *   size="full"
- *   overlay={{ className: "bg-background/80" }}
- * >
- *   <div className="p-6 max-h-[80vh] overflow-y-auto">
- *     {content}
- *   </div>
- * </Drawer>
- * ```
- *
- * @see DrawerConfig - The configuration type for component defaults.
- * @see useAsheeConfig - Hook for accessing the global configuration.
- */
-export declare const Drawer: import('react').ForwardRefExoticComponent<DrawerProps & import('react').RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Drawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/drawer/Drawer.tsx"],"names":[],"mappings":"AAUA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,YAAY,EAIlB,MAAM,iBAAiB,CAAC;AASzB,KAAK,eAAe,GAAG,YAAY,GACjC,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD;;;OAGG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4EG;AACH,eAAO,MAAM,MAAM,wGA4NlB,CAAC"}

package/dist/components/drawer/Drawer.js

@@ -1,71 +0,0 @@
-"use client";
-"use client";
-import { cn as e } from "../../utils/cn.js";
-import { ASHEE_GLOBAL_LAYER as t } from "../../utils/stacking.js";
-import { useAsheeConfig as n } from "../../libs/context.js";
-import { resolveCascade as r, resolveClassKey as i } from "../../utils/resolve-token.js";
-import { useBodyScrollLock as a } from "../../libs/use-body-scroll-lock.js";
-import { useDialogOverlay as o } from "../../libs/use-dialog-overlay.js";
-import { FALLBACK_DRAWER_CONFIG as s } from "./drawer-config.js";
-import { DRAWER_ANIMATION_STATE as c, DRAWER_BORDER_PLACEMENT_CLASS as l, DRAWER_CONTAINER_PLACEMENT_CLASS as u, DRAWER_HEIGHT_CLASS as d, DRAWER_WIDTH_CLASS as f } from "./drawer-styles.js";
-import { forwardRef as p, useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { FloatingFocusManager as ee, FloatingPortal as b } from "@floating-ui/react";
-//#region src/components/drawer/Drawer.tsx
-var x = p(({ isOpen: p, onClose: x, placement: S, size: te, animated: ne, closeOnOverlayClick: C, closeOnEsc: w, overlay: T, content: E, className: D, children: O, style: k, ...A }, j) => {
-	let M = n().components?.drawer, [N, P] = _(p ? "open" : "unmounted");
-	h(() => {
-		if (p) {
-			P("opening");
-			let e = requestAnimationFrame(() => {
-				P("open");
-			});
-			return () => cancelAnimationFrame(e);
-		}
-		if (N !== "unmounted") {
-			P("closing");
-			let e = setTimeout(() => {
-				P("unmounted");
-			}, 250);
-			return () => clearTimeout(e);
-		}
-	}, [p]);
-	let { context: F, setDialogRef: I } = o(p), L = g(null), R = m((e) => {
-		L.current = e, I(e), typeof j == "function" ? j(e) : j && (j.current = e);
-	}, [j, I]);
-	a(p);
-	let z = r(te, M?.size, void 0, s.size), B = r(S, M?.placement, void 0, s.placement), V = r(C, M?.closeOnOverlayClick, void 0, s.closeOnOverlayClick), H = r(w, M?.closeOnEsc, void 0, s.closeOnEsc), U = r(ne, M?.animated, void 0, s.animated), W = T?.className ?? "bg-background/80 backdrop-blur-md", G = E?.className ?? "bg-secondary", K = B === "left" || B === "right", q = K ? i(z, f, s.size) : "w-full", J = K ? "h-full" : i(z, d, s.size), Y = u[B] ?? u.right, X = l[B] ?? l.right, Z = c[B], Q = N === "open" || N === "opening", re = U ? Q ? Z.open : Z.closed : "", ie = U ? Q ? "drawer-backdrop-in" : "drawer-backdrop-out" : "", $ = m((e) => {
-		H && e.key === "Escape" && x && x();
-	}, [H, x]);
-	return h(() => {
-		if (N !== "unmounted") return window.addEventListener("keydown", $), () => window.removeEventListener("keydown", $);
-	}, [N, $]), N === "unmounted" ? null : /* @__PURE__ */ v(b, { children: /* @__PURE__ */ v(ee, {
-		context: F,
-		modal: !0,
-		initialFocus: L,
-		returnFocus: !0,
-		closeOnFocusOut: !1,
-		children: /* @__PURE__ */ y("div", {
-			ref: R,
-			role: "dialog",
-			"aria-modal": "true",
-			tabIndex: -1,
-			className: e("fixed inset-0 flex w-full h-full outline-none", Y, D),
-			style: { zIndex: t.overlay },
-			...A,
-			children: [/* @__PURE__ */ v("div", {
-				"data-ashee-backdrop": "",
-				"aria-hidden": "true",
-				onClick: V ? x : void 0,
-				className: e("absolute inset-0", W, ie)
-			}), /* @__PURE__ */ v("div", {
-				style: k,
-				className: e("relative z-10 flex flex-col text-foreground shadow-2xl border-border", X, q, J, G, re),
-				children: O
-			})]
-		})
-	}) });
-});
-x.displayName = "Drawer";
-//#endregion
-export { x as Drawer };