@mihcm/ui 0.14.1

package/dist/Sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../src/Sheet.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EASL,KAAK,cAAc,EAEnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA2BlE,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,UAAU,2CAsF5E;AAID,eAAO,MAAM,oBAAoB;;;8EA4DhC,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,eAAO,MAAM,YAAY,8GAexB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACxE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,+GAqBtB,CAAC;AAIF,eAAO,MAAM,WAAW,2HAUvB,CAAC;AAEF,eAAO,MAAM,WAAW,2HAUvB,CAAC;AAEF,eAAO,MAAM,UAAU,mIAUtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uIAU5B,CAAC"}

package/dist/Sheet.js

@@ -0,0 +1,191 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Sheet (web variant — React DOM).
+ *
+ * A slide-out panel from a screen edge, extending the Dialog pattern.
+ * Composable sub-components:
+ *
+ *   <Sheet open={open} onOpenChange={setOpen}>
+ *     <SheetContent side="right">
+ *       <SheetHeader>
+ *         <SheetTitle>Settings</SheetTitle>
+ *         <SheetDescription>Adjust your preferences.</SheetDescription>
+ *       </SheetHeader>
+ *       ... body content ...
+ *       <SheetFooter>
+ *         <Button onClick={() => setOpen(false)}>Done</Button>
+ *       </SheetFooter>
+ *     </SheetContent>
+ *   </Sheet>
+ *
+ * Controlled-only: pass `open` and `onOpenChange`.
+ * Dismisses on backdrop click and Escape (unlike AlertDialog).
+ *
+ * Wiki: docs/components/Sheet.md
+ */
+import { createContext, forwardRef, useContext, useCallback, useEffect, useLayoutEffect, useRef, useState, } from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+const SHEET_MOTION_MS = 500;
+const SheetStateContext = createContext('closed');
+const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+function requestSheetFrame(callback) {
+    if (typeof window !== 'undefined' && typeof window.requestAnimationFrame === 'function') {
+        return window.requestAnimationFrame(callback);
+    }
+    return setTimeout(() => callback(typeof performance === 'undefined' ? Date.now() : performance.now()), 16);
+}
+function cancelSheetFrame(id) {
+    if (typeof window !== 'undefined' && typeof window.cancelAnimationFrame === 'function') {
+        window.cancelAnimationFrame(id);
+        return;
+    }
+    clearTimeout(id);
+}
+/**
+ * Root provider. Renders a native `<dialog>` and manages its
+ * `showModal()` / `close()` lifecycle. Dismisses on backdrop click
+ * and Escape key.
+ */
+export function Sheet({ open, onOpenChange, children, className }) {
+    const dialogRef = useRef(null);
+    const closeTimerRef = useRef(null);
+    const animationFrameRef = useRef(null);
+    const [state, setState] = useState(open ? 'open' : 'closed');
+    useIsomorphicLayoutEffect(() => {
+        const el = dialogRef.current;
+        if (!el)
+            return;
+        if (closeTimerRef.current) {
+            clearTimeout(closeTimerRef.current);
+            closeTimerRef.current = null;
+        }
+        if (animationFrameRef.current !== null) {
+            cancelSheetFrame(animationFrameRef.current);
+            animationFrameRef.current = null;
+        }
+        if (open && !el.open) {
+            setState('closed');
+            el.showModal();
+            animationFrameRef.current = requestSheetFrame(() => {
+                animationFrameRef.current = null;
+                setState('open');
+            });
+        }
+        else if (open) {
+            setState('open');
+        }
+        else if (!open && el.open) {
+            setState('closed');
+            closeTimerRef.current = setTimeout(() => {
+                if (el.open)
+                    el.close();
+            }, SHEET_MOTION_MS);
+        }
+        else {
+            setState('closed');
+        }
+        return () => {
+            if (animationFrameRef.current !== null) {
+                cancelSheetFrame(animationFrameRef.current);
+                animationFrameRef.current = null;
+            }
+            if (closeTimerRef.current) {
+                clearTimeout(closeTimerRef.current);
+                closeTimerRef.current = null;
+            }
+        };
+    }, [open]);
+    const handleCancel = useCallback((e) => {
+        e.preventDefault();
+        onOpenChange(false);
+    }, [onOpenChange]);
+    const handleBackdropClick = useCallback((e) => {
+        if (e.target === dialogRef.current) {
+            onOpenChange(false);
+        }
+    }, [onOpenChange]);
+    return (_jsx("dialog", { ref: dialogRef, onCancel: handleCancel, onClick: handleBackdropClick, "data-state": state, className: cn('fixed inset-0 z-50 m-0 h-dvh w-dvw max-h-dvh max-w-none', 'bg-transparent p-0', 'backdrop:bg-black/50 backdrop:backdrop-blur-sm', 'opacity-0 transition-opacity duration-[500ms] ease-[cubic-bezier(0.32,0.72,0,1)]', 'data-[state=open]:opacity-100 data-[state=closed]:opacity-0', className), children: _jsx(SheetStateContext.Provider, { value: state, children: children }) }));
+}
+/* ── Content panel ──────────────────────────────────────────────────── */
+export const sheetContentVariants = cva([
+    'fixed flex flex-col border border-border bg-card text-card-foreground shadow-lg',
+    'will-change-transform transform-gpu transition-transform duration-[500ms] ease-[cubic-bezier(0.32,0.72,0,1)]',
+    'motion-reduce:transition-none',
+].join(' '), {
+    variants: {
+        side: {
+            right: [
+                'inset-y-0 right-0 h-full border-l',
+                'data-[state=open]:translate-x-0 data-[state=closed]:translate-x-full',
+            ].join(' '),
+            left: [
+                'inset-y-0 left-0 h-full border-r',
+                'data-[state=open]:translate-x-0 data-[state=closed]:-translate-x-full',
+            ].join(' '),
+            top: [
+                'inset-x-0 top-0 w-full border-b',
+                'data-[state=open]:translate-y-0 data-[state=closed]:-translate-y-full',
+            ].join(' '),
+            bottom: [
+                'inset-x-0 bottom-0 w-full border-t',
+                'data-[state=open]:translate-y-0 data-[state=closed]:translate-y-full',
+            ].join(' '),
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+            xl: '',
+            full: '',
+        },
+    },
+    compoundVariants: [
+        /* Horizontal sheets (left/right) — size controls width */
+        { side: 'right', size: 'sm', className: 'w-72' },
+        { side: 'right', size: 'md', className: 'w-96' },
+        { side: 'right', size: 'lg', className: 'w-[32rem]' },
+        { side: 'right', size: 'xl', className: 'w-[48rem]' },
+        { side: 'right', size: 'full', className: 'w-dvw' },
+        { side: 'left', size: 'sm', className: 'w-72' },
+        { side: 'left', size: 'md', className: 'w-96' },
+        { side: 'left', size: 'lg', className: 'w-[32rem]' },
+        { side: 'left', size: 'xl', className: 'w-[48rem]' },
+        { side: 'left', size: 'full', className: 'w-dvw' },
+        /* Vertical sheets (top/bottom) — size controls height */
+        { side: 'top', size: 'sm', className: 'h-48' },
+        { side: 'top', size: 'md', className: 'h-72' },
+        { side: 'top', size: 'lg', className: 'h-96' },
+        { side: 'top', size: 'xl', className: 'h-[32rem]' },
+        { side: 'top', size: 'full', className: 'h-dvh' },
+        { side: 'bottom', size: 'sm', className: 'h-48' },
+        { side: 'bottom', size: 'md', className: 'h-72' },
+        { side: 'bottom', size: 'lg', className: 'h-96' },
+        { side: 'bottom', size: 'xl', className: 'h-[32rem]' },
+        { side: 'bottom', size: 'full', className: 'h-dvh' },
+    ],
+    defaultVariants: { side: 'right', size: 'md' },
+});
+export const SheetContent = forwardRef(function SheetContent({ className, side, size, ...props }, ref) {
+    const state = useContext(SheetStateContext);
+    const resolvedSide = side ?? 'right';
+    return (_jsx("div", { ref: ref, role: "document", "data-state": state, "data-side": resolvedSide, className: cn(sheetContentVariants({ side: resolvedSide, size }), className), ...props }));
+});
+export const SheetClose = forwardRef(function SheetClose({ className, onClose, ...props }, ref) {
+    return (_jsx("button", { ref: ref, type: "button", "aria-label": "Close", onClick: onClose, className: cn('absolute right-4 top-4 rounded-sm p-1 opacity-60 transition-opacity duration-150', 'hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring', className), ...props, children: _jsx("svg", { "aria-hidden": true, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2, className: "h-4 w-4", children: _jsx("path", { strokeLinecap: "round", d: "M4 12L12 4M4 4l8 8" }) }) }));
+});
+/* ── Layout helpers ─────────────────────────────────────────────────── */
+export const SheetHeader = forwardRef(function SheetHeader({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('flex flex-col gap-1.5 p-6 pb-0', className), ...props }));
+});
+export const SheetFooter = forwardRef(function SheetFooter({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn('flex items-center justify-end gap-2 p-6 pt-0', className), ...props }));
+});
+export const SheetTitle = forwardRef(function SheetTitle({ className, ...props }, ref) {
+    return (_jsx("h2", { ref: ref, className: cn('text-lg font-semibold leading-tight', className), ...props }));
+});
+export const SheetDescription = forwardRef(function SheetDescription({ className, ...props }, ref) {
+    return (_jsx("p", { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
+});
+//# sourceMappingURL=Sheet.js.map

package/dist/Sheet.js.map

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

package/dist/Sheet.native.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Sheet (React Native variant).
+ *
+ * Uses RN `<Modal>` with `Animated` for slide transitions. Same
+ * composable API as web:
+ *
+ *   <Sheet open={open} onOpenChange={setOpen}>
+ *     <SheetContent side="right">
+ *       <SheetHeader>
+ *         <SheetTitle>Settings</SheetTitle>
+ *         <SheetDescription>Adjust your preferences.</SheetDescription>
+ *       </SheetHeader>
+ *       <SheetFooter>…</SheetFooter>
+ *     </SheetContent>
+ *   </Sheet>
+ *
+ * Wiki: docs/components/Sheet.md
+ */
+import { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type VariantProps } from 'class-variance-authority';
+type ClassedViewProps = Omit<ViewProps, 'style'> & {
+    className?: string;
+};
+export interface SheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    children: ReactNode;
+}
+export declare function Sheet({ open, onOpenChange, children }: SheetProps): import("react/jsx-runtime").JSX.Element;
+export declare const sheetContentVariants: (props?: ({
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
+    size?: "full" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SheetContentProps extends ClassedViewProps, VariantProps<typeof sheetContentVariants> {
+}
+export declare const SheetContent: import("react").ForwardRefExoticComponent<SheetContentProps & import("react").RefAttributes<View>>;
+export interface SheetCloseProps extends ClassedViewProps {
+    onClose?: () => void;
+}
+export declare const SheetClose: import("react").ForwardRefExoticComponent<SheetCloseProps & import("react").RefAttributes<View>>;
+export declare const SheetHeader: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const SheetFooter: import("react").ForwardRefExoticComponent<Omit<ViewProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<View>>;
+export declare const SheetTitle: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<Text>>;
+export declare const SheetDescription: import("react").ForwardRefExoticComponent<Omit<TextProps, "style"> & {
+    className?: string;
+} & import("react").RefAttributes<Text>>;
+export {};
+//# sourceMappingURL=Sheet.native.d.ts.map

package/dist/Sheet.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.native.d.ts","sourceRoot":"","sources":["../src/Sheet.native.tsx"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,IAAI,EACJ,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,KAAK,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAK1E,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,UAAU,2CAoBjE;AAID,eAAO,MAAM,oBAAoB;;;8EA0ChC,CAAC;AAEF,MAAM,WAAW,iBACf,SAAQ,gBAAgB,EACtB,YAAY,CAAC,OAAO,oBAAoB,CAAC;CAAG;AAEhD,eAAO,MAAM,YAAY,oGAyCxB,CAAC;AAIF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,kGAetB,CAAC;AAIF,eAAO,MAAM,WAAW;gBAvJyC,MAAM;wCA6JtE,CAAC;AAEF,eAAO,MAAM,WAAW;gBA/JyC,MAAM;wCAyKtE,CAAC;AAEF,eAAO,MAAM,UAAU;gBA1K0C,MAAM;wCAqLtE,CAAC;AAEF,eAAO,MAAM,gBAAgB;gBAvLoC,MAAM;wCAiMtE,CAAC"}

package/dist/Sheet.native.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable react-hooks/refs, react-hooks/purity -- RN Animated API reads refs during render */
+/**
+ * Sheet (React Native variant).
+ *
+ * Uses RN `<Modal>` with `Animated` for slide transitions. Same
+ * composable API as web:
+ *
+ *   <Sheet open={open} onOpenChange={setOpen}>
+ *     <SheetContent side="right">
+ *       <SheetHeader>
+ *         <SheetTitle>Settings</SheetTitle>
+ *         <SheetDescription>Adjust your preferences.</SheetDescription>
+ *       </SheetHeader>
+ *       <SheetFooter>…</SheetFooter>
+ *     </SheetContent>
+ *   </Sheet>
+ *
+ * Wiki: docs/components/Sheet.md
+ */
+import { forwardRef, useEffect, useRef, } from 'react';
+import { Animated, Dimensions, Modal, Pressable, Text, View, } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { cn } from './internal/cn.js';
+export function Sheet({ open, onOpenChange, children }) {
+    return (_jsx(Modal, { visible: open, transparent: true, animationType: "fade", onRequestClose: () => onOpenChange(false), statusBarTranslucent: true, children: _jsx(Pressable, { onPress: () => onOpenChange(false), className: "flex-1 bg-black/50", accessibilityRole: "none", children: _jsx(Pressable, { onPress: (e) => e.stopPropagation(), className: "flex-1", children: children }) }) }));
+}
+/* ── Content panel ──────────────────────────────────────────────────── */
+export const sheetContentVariants = cva('absolute border border-border bg-card', {
+    variants: {
+        side: {
+            right: 'right-0 top-0 bottom-0 border-l',
+            left: 'left-0 top-0 bottom-0 border-r',
+            top: 'top-0 left-0 right-0 border-b',
+            bottom: 'bottom-0 left-0 right-0 border-t',
+        },
+        size: {
+            sm: '',
+            md: '',
+            lg: '',
+            xl: '',
+            full: '',
+        },
+    },
+    compoundVariants: [
+        { side: 'right', size: 'sm', className: 'w-72' },
+        { side: 'right', size: 'md', className: 'w-96' },
+        { side: 'right', size: 'lg', className: 'w-[480px]' },
+        { side: 'right', size: 'xl', className: 'w-[600px]' },
+        { side: 'right', size: 'full', className: 'w-full' },
+        { side: 'left', size: 'sm', className: 'w-72' },
+        { side: 'left', size: 'md', className: 'w-96' },
+        { side: 'left', size: 'lg', className: 'w-[480px]' },
+        { side: 'left', size: 'xl', className: 'w-[600px]' },
+        { side: 'left', size: 'full', className: 'w-full' },
+        { side: 'top', size: 'sm', className: 'h-48' },
+        { side: 'top', size: 'md', className: 'h-72' },
+        { side: 'top', size: 'lg', className: 'h-96' },
+        { side: 'top', size: 'xl', className: 'h-[480px]' },
+        { side: 'top', size: 'full', className: 'h-full' },
+        { side: 'bottom', size: 'sm', className: 'h-48' },
+        { side: 'bottom', size: 'md', className: 'h-72' },
+        { side: 'bottom', size: 'lg', className: 'h-96' },
+        { side: 'bottom', size: 'xl', className: 'h-[480px]' },
+        { side: 'bottom', size: 'full', className: 'h-full' },
+    ],
+    defaultVariants: { side: 'right', size: 'md' },
+});
+export const SheetContent = forwardRef(function SheetContent({ className, side, size, ...props }, ref) {
+    const { width, height } = Dimensions.get('window');
+    const slideAnim = useRef(new Animated.Value(1)).current;
+    useEffect(() => {
+        Animated.timing(slideAnim, {
+            toValue: 0,
+            duration: 250,
+            useNativeDriver: true,
+        }).start();
+    }, [slideAnim]);
+    const getTransform = () => {
+        const s = side ?? 'right';
+        switch (s) {
+            case 'right':
+                return { translateX: slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, width] }) };
+            case 'left':
+                return { translateX: slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, -width] }) };
+            case 'top':
+                return { translateY: slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, -height] }) };
+            case 'bottom':
+                return { translateY: slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, height] }) };
+            default:
+                return { translateX: slideAnim.interpolate({ inputRange: [0, 1], outputRange: [0, width] }) };
+        }
+    };
+    return (_jsx(Animated.View, { style: { transform: [getTransform()] }, children: _jsx(View, { ref: ref, className: cn(sheetContentVariants({ side, size }), className), ...props }) }));
+});
+export const SheetClose = forwardRef(function SheetClose({ className, onClose, ...props }, ref) {
+    return (_jsx(Pressable, { ref: ref, onPress: onClose, accessibilityRole: "button", accessibilityLabel: "Close", className: cn('absolute right-4 top-4 p-1 opacity-60', className), ...props, children: _jsx(Text, { className: "text-foreground text-base", children: "\u2715" }) }));
+});
+/* ── Layout helpers ─────────────────────────────────────────────────── */
+export const SheetHeader = forwardRef(function SheetHeader({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('gap-1.5 p-6 pb-0', className), ...props }));
+});
+export const SheetFooter = forwardRef(function SheetFooter({ className, ...props }, ref) {
+    return (_jsx(View, { ref: ref, className: cn('flex-row items-center justify-end gap-2 p-6 pt-0', className), ...props }));
+});
+export const SheetTitle = forwardRef(function SheetTitle({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, accessibilityRole: "header", className: cn('text-lg font-semibold leading-tight text-foreground', className), ...props }));
+});
+export const SheetDescription = forwardRef(function SheetDescription({ className, ...props }, ref) {
+    return (_jsx(Text, { ref: ref, className: cn('text-sm text-muted-foreground', className), ...props }));
+});
+//# sourceMappingURL=Sheet.native.js.map

package/dist/Sheet.native.js.map

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

package/dist/Sidebar.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Sidebar (web-only — React DOM).
+ *
+ * A composable, collapsible sidebar with mobile sheet support,
+ * keyboard shortcuts (Ctrl/Cmd+B), and cookie persistence.
+ *
+ * Composes: Button, Sheet, Separator, Skeleton, Tooltip, Input.
+ *
+ *   <SidebarProvider>
+ *     <Sidebar>
+ *       <SidebarHeader />
+ *       <SidebarContent>
+ *         <SidebarGroup>
+ *           <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+ *           <SidebarGroupContent>
+ *             <SidebarMenu>
+ *               <SidebarMenuItem>
+ *                 <SidebarMenuButton>Dashboard</SidebarMenuButton>
+ *               </SidebarMenuItem>
+ *             </SidebarMenu>
+ *           </SidebarGroupContent>
+ *         </SidebarGroup>
+ *       </SidebarContent>
+ *       <SidebarFooter />
+ *     </Sidebar>
+ *     <SidebarInset>…main content…</SidebarInset>
+ *   </SidebarProvider>
+ *
+ * Wiki: docs/components/Sidebar.md
+ */
+import { type AnchorHTMLAttributes, type ButtonHTMLAttributes, type ComponentProps, type HTMLAttributes } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import { Tooltip } from './Tooltip.js';
+type SidebarSide = 'left' | 'right';
+type SidebarVariant = 'sidebar' | 'floating' | 'inset';
+type SidebarCollapsible = 'offcanvas' | 'icon' | 'none';
+type SidebarPosition = 'contained' | 'fixed';
+interface SidebarContextValue {
+    state: 'expanded' | 'collapsed';
+    open: boolean;
+    setOpen: (open: boolean | ((prev: boolean) => boolean)) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean | ((prev: boolean) => boolean)) => void;
+    isMobile: boolean;
+    side: SidebarSide;
+    variant: SidebarVariant;
+    collapsible: SidebarCollapsible;
+    position: SidebarPosition;
+    toggleSidebar: () => void;
+}
+export declare function useSidebar(): SidebarContextValue;
+export interface SidebarProviderProps extends HTMLAttributes<HTMLDivElement> {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Initial mobile Sheet open state. Useful for examples and forced mobile previews. */
+    defaultOpenMobile?: boolean;
+    /** Controlled mobile Sheet open state. */
+    openMobile?: boolean;
+    /** Called when mobile Sheet open state changes. */
+    onOpenMobileChange?: (open: boolean) => void;
+    side?: SidebarSide;
+    variant?: SidebarVariant;
+    collapsible?: SidebarCollapsible;
+    position?: SidebarPosition;
+    /** Force mobile behavior for previews/tests. When omitted, matchMedia decides. */
+    mobile?: boolean;
+    /** Breakpoint in px where the sidebar switches to mobile Sheet mode. */
+    mobileBreakpoint?: number;
+    /** Expanded desktop width. */
+    width?: string;
+    /** Collapsed icon-rail width. */
+    iconWidth?: string;
+    /** Mobile Sheet width. */
+    mobileWidth?: string;
+}
+export declare const SidebarProvider: import("react").ForwardRefExoticComponent<SidebarProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    side?: SidebarSide;
+    variant?: SidebarVariant;
+    collapsible?: SidebarCollapsible;
+    position?: SidebarPosition;
+}
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+export declare const SidebarTrigger: import("react").ForwardRefExoticComponent<Omit<import("./Button.js").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarRail: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarInset: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarInput: import("react").ForwardRefExoticComponent<Omit<import("./Input.js").InputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const SidebarHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarSeparator: import("react").ForwardRefExoticComponent<Omit<import("./Separator.js").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarGroup: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarGroupLabel: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarGroupAction: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarGroupContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarMenu: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const SidebarMenuItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SidebarMenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarMenuButtonVariants> {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | ComponentProps<typeof Tooltip>;
+}
+export declare const SidebarMenuButton: import("react").ForwardRefExoticComponent<SidebarMenuButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarMenuAction: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SidebarMenuBadge: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export interface SidebarMenuSkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    showIcon?: boolean;
+}
+export declare const SidebarMenuSkeleton: import("react").ForwardRefExoticComponent<SidebarMenuSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SidebarMenuSub: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;
+export declare const SidebarMenuSubItem: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export interface SidebarMenuSubButtonProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    asChild?: boolean;
+    size?: 'sm' | 'md';
+    isActive?: boolean;
+}
+export declare const SidebarMenuSubButton: import("react").ForwardRefExoticComponent<SidebarMenuSubButtonProps & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};
+//# sourceMappingURL=Sidebar.d.ts.map

package/dist/Sidebar.d.ts.map

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