anicca-ui 1.0.0 → 1.1.0

package/dist/demo/theme.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Preview configuration: grouped navigation (mirrors a full admin template),
+ * page titles, accent palette, and shared utility class strings.
+ */
+export type Page = string;
+export interface NavItem {
+    icon: string;
+    label: string;
+    page: Page;
+}
+export interface NavGroup {
+    label: string;
+    icon: string;
+    items: NavItem[];
+}
+export declare const NAV_GROUPS: NavGroup[];
+/** page → title lookup, derived from the nav. */
+export declare const TITLES: Record<string, string>;
+/** Pages rendered without the dashboard shell (own full-screen layout). */
+export declare const STANDALONE: ReadonlySet<Page>;
+/** Accent hexes chosen to read well in both light and dark themes. */
+export declare const ACCENT: {
+    readonly indigo: "#4648d4";
+    readonly green: "#10b981";
+    readonly red: "#ef4444";
+    readonly amber: "#d97706";
+    readonly slate: "#64748b";
+};
+/** Reusable surface + control classes (theme-aware via index.html overrides). */
+export declare const card = "rounded-[22px] glass border border-outline-variant/15 shadow-[0_1px_2px_rgba(11,28,48,0.04),0_20px_44px_-24px_rgba(11,28,48,0.30)]";
+export declare const btnPrimary = "inline-flex items-center gap-2 px-5 py-2.5 rounded-[12px] bg-primary text-on-primary text-label-md font-semibold shadow-sm hover:brightness-[1.06] active:scale-[.98] transition-all";
+export declare const btnGhost = "inline-flex items-center gap-2 px-5 py-2.5 rounded-[12px] border border-outline-variant/50 text-on-surface text-label-md hover:bg-surface-container-low hover:border-outline-variant active:scale-[.98] transition-all";
+export declare const pageShell = "p-margin-desktop max-w-container-max mx-auto space-y-gutter";

package/dist/demo/ui/AuthLayout.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+/** Full-screen split layout for authentication pages. */
+export declare function AuthLayout({ title, subtitle, children, footer }: {
+    title: string;
+    subtitle: string;
+    children: ReactNode;
+    footer?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/HeaderMenus.d.ts

@@ -0,0 +1,2 @@
+export declare function NotificationsMenu(): import("react/jsx-runtime").JSX.Element;
+export declare function MessagesMenu(): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/LandingLayout.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { Page } from '../theme';
+
+export declare function LandingLayout({ active, children }: {
+    active: Page;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/Modal.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+
+/**
+ * Action helpers shared by every interactive control: a toast, an info popup,
+ * a form popup, and a delete confirm popup — all via AniccaPopupProvider.
+ */
+export declare function useActions(): {
+    notify: (message: string, tone?: import('./Toast').Tone) => void;
+    notifyPopup: import('../..').AniccaPopupControls;
+    info: (title: string, body: ReactNode) => string;
+    form: (title: string, fields: string[]) => string;
+    confirm: (title: string, message: string, onConfirm: () => void) => string;
+};
+/**
+ * The "⋮" row menu: a dropdown of actions. Rendered with fixed positioning so
+ * it is never clipped by the table's overflow. Delete asks for confirmation.
+ */
+export declare function RowActions({ label }: {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/Toast.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+export type Tone = 'info' | 'success' | 'error';
+/** Fire a transient toast from anywhere inside <ToastProvider>. */
+export declare const useToast: () => (message: string, tone?: Tone) => void;
+export declare function ToastProvider({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/UserMenu.d.ts

@@ -0,0 +1,9 @@
+interface UserMenuProps {
+    name: string;
+    role: string;
+    onProfile: () => void;
+    onLogout: () => void;
+}
+/** Avatar button in the navbar that opens a Profile / Logout dropdown. */
+export declare function UserMenu({ name, role, onProfile, onLogout }: UserMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/demo/ui/charts.d.ts

@@ -0,0 +1,29 @@
+export interface Series {
+    name: string;
+    color: string;
+    data: number[];
+}
+export declare function LineChart({ series, labels, height, area, sparkline, suffix }: {
+    series: Series[];
+    labels: string[];
+    height?: number;
+    area?: boolean;
+    sparkline?: boolean;
+    suffix?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function BarChart({ series, labels, height, stacked, prefix, suffix }: {
+    series: Series[];
+    labels: string[];
+    height?: number;
+    stacked?: boolean;
+    prefix?: string;
+    suffix?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RadialBar({ items, height }: {
+    items: {
+        label: string;
+        value: number;
+        color: string;
+    }[];
+    height?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/form.d.ts

@@ -0,0 +1,54 @@
+export declare function TextInput({ label, hint, error, icon, type, placeholder, defaultValue }: {
+    label?: string;
+    hint?: string;
+    error?: string;
+    icon?: string;
+    type?: string;
+    placeholder?: string;
+    defaultValue?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Textarea({ label, hint, placeholder, rows }: {
+    label?: string;
+    hint?: string;
+    placeholder?: string;
+    rows?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Select({ label, hint, options }: {
+    label?: string;
+    hint?: string;
+    options: string[];
+}): import("react/jsx-runtime").JSX.Element;
+/** Multi-select with removable chips (Choices.js replacement). */
+export declare function MultiSelect({ label, options }: {
+    label?: string;
+    options: string[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Checkbox({ label }: {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup({ label, options }: {
+    label?: string;
+    options: string[];
+}): import("react/jsx-runtime").JSX.Element;
+/** Toggle switch with optional label row. */
+export declare function SwitchField({ label }: {
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Range({ label, min, max, defaultValue }: {
+    label?: string;
+    min?: number;
+    max?: number;
+    defaultValue?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DatePicker({ label, hint }: {
+    label?: string;
+    hint?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Drag-and-drop file area (Dropzone replacement). */
+export declare function FileDrop({ label }: {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Lightweight rich-text toolbar + editable area (Quill replacement). */
+export declare function RichText({ label }: {
+    label?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo/ui/primitives.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+
+/** Material Symbols glyph, optionally filled. */
+export declare function Icon({ name, className, fill }: {
+    name: string;
+    className?: string;
+    fill?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type BadgeTone = 'success' | 'warn' | 'error' | 'info' | 'neutral';
+export declare function Badge({ tone, children }: {
+    tone: BadgeTone;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/** Self-contained on/off switch with a toast on change. */
+export declare function Toggle({ on: initial }: {
+    on: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/** Labelled text input that keeps its own value (Settings forms). */
+export declare function Field({ label, value }: {
+    label: string;
+    value?: string;
+}): import("react/jsx-runtime").JSX.Element;
+/** Segmented control — pill button group for in-place filtering (no card). */
+export declare function Segmented({ options, value, onChange }: {
+    options: string[];
+    value: string;
+    onChange: (v: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+/** Breadcrumb trail; last entry is the current page. */
+export declare function Crumbs({ trail }: {
+    trail: string[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/demo.d.ts

@@ -0,0 +1 @@
+

package/dist/feedback/Alert/Alert.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export type AniccaAlertVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export interface AniccaAlertLabels {
+    dismiss?: string;
+}
+export interface AniccaAlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    variant?: AniccaAlertVariant;
+    title?: React.ReactNode;
+    /** Replace default variant icon. Pass null to hide icon. */
+    icon?: React.ReactNode | null;
+    /** Show dismiss × button and call this when clicked. */
+    onDismiss?: () => void;
+    labels?: AniccaAlertLabels;
+    /** Visual style. */
+    appearance?: 'soft' | 'outlined';
+}
+/**
+ * AniccaAlert — Inline contextual message with variant icon + optional dismiss.
+ */
+export declare function AniccaAlert({ variant, title, icon, onDismiss, labels, appearance, className, children, ...rest }: AniccaAlertProps): React.ReactElement;

package/dist/feedback/Alert/index.d.ts

@@ -0,0 +1 @@
+export * from './Alert';

package/dist/feedback/Popover/Popover.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export type AniccaPopoverPlacement = 'top' | 'right' | 'bottom' | 'left';
+export interface AniccaPopoverProps {
+    content: React.ReactNode;
+    placement?: AniccaPopoverPlacement;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Disable outside-click dismissal. */
+    disableOutsideClick?: boolean;
+    /** Disable escape key dismissal. */
+    disableEscapeKey?: boolean;
+    /** Trigger event. Default click. */
+    trigger?: 'click' | 'hover';
+    children: React.ReactElement;
+    className?: string;
+}
+/**
+ * AniccaPopover — Click/hover popover that portals to body. Wrap a single trigger element.
+ */
+export declare function AniccaPopover({ content, placement, open: controlledOpen, onOpenChange, disableOutsideClick, disableEscapeKey, trigger, children, className, }: AniccaPopoverProps): React.ReactElement;

package/dist/feedback/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from './Popover';

package/dist/feedback/Popup/Popup.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+
+export type AniccaPopupVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export interface AniccaPopupAction {
+    label: string;
+    onClick: () => void;
+    /** @default 'secondary' */
+    variant?: 'primary' | 'secondary' | 'danger';
+}
+export interface AniccaPopup {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: AniccaPopupVariant;
+    /** Milliseconds before auto-dismiss. 0 = stay until dismissed. Defaults to 0 when actions present, 4000 otherwise. */
+    duration?: number;
+    actions?: AniccaPopupAction[];
+}
+export interface AniccaPopupControls {
+    push: (popup: Omit<AniccaPopup, 'id'> & {
+        id?: string;
+    }) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+}
+export interface AniccaPopupProviderProps {
+    children: React.ReactNode;
+}
+/**
+ * AniccaPopupProvider — Wrap your app to enable center popup notifications via `useAniccaPopup()`.
+ */
+export declare function AniccaPopupProvider({ children }: AniccaPopupProviderProps): React.ReactElement;
+/**
+ * useAniccaPopup — Returns popup controls. Must be used inside AniccaPopupProvider.
+ *
+ * @example
+ * const popup = useAniccaPopup()
+ * popup.push({ title: 'Hapus data?', variant: 'danger', actions: [{ label: 'Hapus', onClick: del, variant: 'danger' }, { label: 'Batal', onClick: () => {} }] })
+ */
+export declare function useAniccaPopup(): AniccaPopupControls;

package/dist/feedback/Popup/index.d.ts

@@ -0,0 +1 @@
+export * from './Popup';

package/dist/feedback/Toast/Toast.d.ts

@@ -0,0 +1,46 @@
+import { default as React } from 'react';
+
+export type AniccaToastVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export type AniccaToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+export interface AniccaToast {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    variant?: AniccaToastVariant;
+    /** Milliseconds before auto-dismiss. 0 = stay until manually closed. */
+    duration?: number;
+    /** Optional action button rendered on the right. */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+}
+interface ToastContextValue {
+    toasts: AniccaToast[];
+    push: (toast: Omit<AniccaToast, 'id'> & {
+        id?: string;
+    }) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+}
+export interface AniccaToastProviderProps {
+    position?: AniccaToastPosition;
+    /** Default duration for toasts that don't specify one. */
+    defaultDuration?: number;
+    /** Maximum visible toasts; older are dropped. */
+    max?: number;
+    children: React.ReactNode;
+}
+/**
+ * AniccaToastProvider — Wrap your app to enable toast notifications via `useAniccaToast()`.
+ */
+export declare function AniccaToastProvider({ position, defaultDuration, max, children, }: AniccaToastProviderProps): React.ReactElement;
+/**
+ * useAniccaToast — Returns toast controls. Must be used inside AniccaToastProvider.
+ *
+ * @example
+ * const toast = useAniccaToast()
+ * toast.push({ title: 'Saved!', variant: 'success' })
+ */
+export declare function useAniccaToast(): ToastContextValue;
+export {};

package/dist/feedback/Toast/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast';

package/dist/feedback/Tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export type AniccaTooltipPlacement = 'top' | 'right' | 'bottom' | 'left';
+export interface AniccaTooltipProps {
+    content: React.ReactNode;
+    placement?: AniccaTooltipPlacement;
+    /** Show delay in ms. Default 200. */
+    delay?: number;
+    /** Disable tooltip behavior (still renders children). */
+    disabled?: boolean;
+    /** Force open (controlled). */
+    open?: boolean;
+    children: React.ReactElement;
+    className?: string;
+}
+/**
+ * AniccaTooltip — Hover/focus tooltip that portals to body, follows trigger position.
+ * Wraps a single child element.
+ */
+export declare function AniccaTooltip({ content, placement, delay, disabled, open: controlledOpen, children, className, }: AniccaTooltipProps): React.ReactElement;

package/dist/feedback/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './Tooltip';

package/dist/feedback/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Alert';
+export * from './Toast';
+export * from './Popup';
+export * from './Tooltip';
+export * from './Popover';

package/dist/index.d.ts

@@ -1,6 +1,12 @@
 
 export * from './theme';
+export * from './primitives';
+export * from './layout';
+export * from './data';
+export * from './feedback';
+export * from './overlay';
 export * from './dashboard';
 export * from './validation';
 export * from './date';
 export * from './utils';
+export * from './auth';

package/dist/layout/Card/Card.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+
+export type AniccaCardVariant = 'elevated' | 'outlined' | 'flat';
+export interface AniccaCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: AniccaCardVariant;
+    /** Render border-left accent color (e.g. for status cards). */
+    accent?: string;
+    /** Disable padding on body; useful when composing with CardHeader/CardBody/CardFooter. */
+    unpadded?: boolean;
+}
+/**
+ * AniccaCard — Container with variants. Compose with CardHeader/Body/Footer or pass children directly.
+ */
+export declare function AniccaCard({ variant, accent, unpadded, className, style, children, ...rest }: AniccaCardProps): React.ReactElement;
+export interface AniccaCardSlotProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare function AniccaCardHeader({ className, children, ...rest }: AniccaCardSlotProps): React.ReactElement;
+export declare function AniccaCardTitle({ className, children, ...rest }: React.HTMLAttributes<HTMLHeadingElement>): React.ReactElement;
+export declare function AniccaCardDescription({ className, children, ...rest }: React.HTMLAttributes<HTMLParagraphElement>): React.ReactElement;
+export declare function AniccaCardBody({ className, children, ...rest }: AniccaCardSlotProps): React.ReactElement;
+export declare function AniccaCardFooter({ className, children, ...rest }: AniccaCardSlotProps): React.ReactElement;

package/dist/layout/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/dist/layout/Divider/Divider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export interface AniccaDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    orientation?: 'horizontal' | 'vertical';
+    /** Optional label rendered in the middle (horizontal only). */
+    label?: React.ReactNode;
+    /** Visual style. */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Custom thickness (px). Default 1. */
+    thickness?: number;
+}
+/**
+ * AniccaDivider — Visual separator. Horizontal with optional label or vertical.
+ */
+export declare function AniccaDivider({ orientation, label, variant, thickness, className, style, ...rest }: AniccaDividerProps): React.ReactElement;

package/dist/layout/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from './Divider';

package/dist/layout/Grid/Grid.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+export interface AniccaGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Number of columns. Accepts number or CSS template string (e.g. "1fr 2fr"). */
+    columns?: number | string;
+    /** Responsive columns: { base, sm, md, lg, xl } */
+    responsive?: {
+        base?: number | string;
+        sm?: number | string;
+        md?: number | string;
+        lg?: number | string;
+        xl?: number | string;
+    };
+    /** Gap in rem or any CSS length. */
+    gap?: number | string;
+    /** Min child column width — uses repeat(auto-fit, minmax(...)). Overrides columns. */
+    minChildWidth?: string;
+    as?: keyof React.JSX.IntrinsicElements;
+}
+/**
+ * AniccaGrid — CSS Grid wrapper with responsive columns + autosizing via minChildWidth.
+ */
+export declare function AniccaGrid({ columns, responsive, gap, minChildWidth, as, className, style, children, ...rest }: AniccaGridProps): React.ReactElement;

package/dist/layout/Grid/index.d.ts

@@ -0,0 +1 @@
+export * from './Grid';

package/dist/layout/Stack/Stack.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export type AniccaStackDirection = 'vertical' | 'horizontal';
+export type AniccaStackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+export type AniccaStackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+export interface AniccaStackProps extends React.HTMLAttributes<HTMLDivElement> {
+    direction?: AniccaStackDirection;
+    /** Gap between items in rem. Accepts number (rem) or string. */
+    gap?: number | string;
+    align?: AniccaStackAlign;
+    justify?: AniccaStackJustify;
+    /** Allow wrap when direction=horizontal. */
+    wrap?: boolean;
+    /** Render a divider element between children. */
+    divider?: React.ReactNode;
+    /** Render as a specific element. */
+    as?: keyof React.JSX.IntrinsicElements;
+}
+/**
+ * AniccaStack — Flexbox stack with consistent gap, optional dividers between items.
+ */
+export declare function AniccaStack({ direction, gap, align, justify, wrap, divider, as, className, style, children, ...rest }: AniccaStackProps): React.ReactElement;

package/dist/layout/Stack/index.d.ts

@@ -0,0 +1 @@
+export * from './Stack';

package/dist/layout/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './Stack';
+export * from './Grid';
+export * from './Divider';

package/dist/overlay/Combobox/Combobox.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+
+export interface AniccaComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface AniccaComboboxLabels {
+    noResults?: string;
+    searchPlaceholder?: string;
+}
+export interface AniccaComboboxProps {
+    options: AniccaComboboxOption[];
+    /** Selected value (controlled). */
+    value?: string;
+    /** Initial value (uncontrolled). */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Override built-in filter. Receives query + option, returns boolean. */
+    filter?: (query: string, option: AniccaComboboxOption) => boolean;
+    /** Custom renderer for each option in the panel. */
+    renderOption?: (option: AniccaComboboxOption, isActive: boolean) => React.ReactNode;
+    label?: string;
+    helper?: string;
+    error?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    /** Allow free-text input (not constrained to options). */
+    allowCustomValue?: boolean;
+    labels?: AniccaComboboxLabels;
+    wrapperClassName?: string;
+    className?: string;
+}
+/**
+ * AniccaCombobox — Searchable select with keyboard navigation. Filters options as user types.
+ */
+export declare function AniccaCombobox({ options, value, defaultValue, onChange, filter, renderOption, label, helper, error, placeholder, required, disabled, allowCustomValue, labels, wrapperClassName, className, }: AniccaComboboxProps): React.ReactElement;

package/dist/overlay/Combobox/index.d.ts

@@ -0,0 +1 @@
+export * from './Combobox';

package/dist/overlay/Drawer/Drawer.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+export type AniccaDrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export type AniccaDrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full' | string;
+export interface AniccaDrawerLabels {
+    close?: string;
+}
+export interface AniccaDrawerProps {
+    open: boolean;
+    onClose: () => void;
+    side?: AniccaDrawerSide;
+    size?: AniccaDrawerSize;
+    title?: React.ReactNode;
+    footer?: React.ReactNode;
+    /** Disable escape key dismissal. */
+    disableEscapeKey?: boolean;
+    /** Disable backdrop click dismissal. */
+    disableBackdropClick?: boolean;
+    labels?: AniccaDrawerLabels;
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * AniccaDrawer — Slide-in panel from any edge with backdrop + scroll lock.
+ */
+export declare function AniccaDrawer({ open, onClose, side, size, title, footer, disableEscapeKey, disableBackdropClick, labels, className, children, }: AniccaDrawerProps): React.ReactElement | null;

package/dist/overlay/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/dist/overlay/Dropdown/Dropdown.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export type AniccaDropdownPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+export interface AniccaDropdownProps {
+    /** Element rendered inside dropdown panel. */
+    content: React.ReactNode;
+    placement?: AniccaDropdownPlacement;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Match panel width to trigger width. */
+    matchTriggerWidth?: boolean;
+    /** Trigger element (any clickable). */
+    children: React.ReactElement;
+    className?: string;
+}
+/**
+ * AniccaDropdown — Click-toggle popover anchored to a trigger element. Closes on outside click + Escape.
+ * Pair with AniccaMenu for menu-style items.
+ */
+export declare function AniccaDropdown({ content, placement, open: controlledOpen, onOpenChange, matchTriggerWidth, children, className, }: AniccaDropdownProps): React.ReactElement;

package/dist/overlay/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown';

package/dist/overlay/Menu/Menu.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+export interface AniccaMenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+/**
+ * AniccaMenu — Container for menu items, dividers, labels. Use inside AniccaDropdown.
+ */
+export declare function AniccaMenu({ className, children, ...rest }: AniccaMenuProps): React.ReactElement;
+export interface AniccaMenuItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    /** Mark as destructive variant (red). */
+    destructive?: boolean;
+    /** Optional shortcut hint (e.g. "⌘K"). */
+    shortcut?: string;
+}
+export declare function AniccaMenuItem({ leftIcon, rightIcon, destructive, shortcut, className, children, ...rest }: AniccaMenuItemProps): React.ReactElement;
+export declare function AniccaMenuDivider({ className }: {
+    className?: string;
+}): React.ReactElement;
+export declare function AniccaMenuLabel({ className, children, ...rest }: React.HTMLAttributes<HTMLDivElement>): React.ReactElement;

package/dist/overlay/Menu/index.d.ts

@@ -0,0 +1 @@
+export * from './Menu';