beez-ui 0.4.0

package/dist/components/typing-animation.js

@@ -0,0 +1,155 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState, } from "react";
+import { motion, } from "motion/react";
+import { cn } from "../lib/utils.js";
+const motionElements = {
+    article: motion.article,
+    div: motion.div,
+    h1: motion.h1,
+    h2: motion.h2,
+    h3: motion.h3,
+    h4: motion.h4,
+    h5: motion.h5,
+    h6: motion.h6,
+    li: motion.li,
+    p: motion.p,
+    section: motion.section,
+    span: motion.span,
+};
+export function TypingAnimation({ children, words, className, duration = 80, typeSpeed, deleteSpeed, delay = 0, pauseDelay = 1000, loop = false, as: Component = "span", startOnView = true, showCursor = true, blinkCursor = true, cursorStyle = "line", ...props }) {
+    const MotionComponent = motionElements[Component];
+    const [displayedText, setDisplayedText] = useState("");
+    const [currentWordIndex, setCurrentWordIndex] = useState(0);
+    const [currentCharIndex, setCurrentCharIndex] = useState(0);
+    const [phase, setPhase] = useState("typing");
+    const elementRef = useRef(null);
+    const [isInView, setIsInView] = useState(() => !startOnView || typeof IntersectionObserver === "undefined");
+    const wordsToAnimate = useMemo(() => words ?? (children ? [children] : []), [words, children]);
+    const hasMultipleWords = wordsToAnimate.length > 1;
+    const typingSpeed = typeSpeed ?? duration;
+    const deletingSpeed = deleteSpeed ?? typingSpeed / 2;
+    const shouldStart = startOnView ? isInView : true;
+    const animationSourceKey = useMemo(() => (words ? words.join("\u0000") : (children ?? "")), [words, children]);
+    const lastResetSourceKeyRef = useRef(animationSourceKey);
+    useEffect(() => {
+        if (!startOnView || isInView) {
+            return;
+        }
+        const element = elementRef.current;
+        if (!element || typeof IntersectionObserver === "undefined") {
+            return;
+        }
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                setIsInView(true);
+                observer.disconnect();
+            }
+        }, {
+            threshold: 0.3,
+        });
+        observer.observe(element);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isInView, startOnView]);
+    useEffect(() => {
+        if (lastResetSourceKeyRef.current === animationSourceKey) {
+            return;
+        }
+        lastResetSourceKeyRef.current = animationSourceKey;
+        const resetTimeout = setTimeout(() => {
+            setDisplayedText("");
+            setCurrentWordIndex(0);
+            setCurrentCharIndex(0);
+            setPhase("typing");
+        }, 0);
+        return () => {
+            clearTimeout(resetTimeout);
+        };
+    }, [animationSourceKey]);
+    useEffect(() => {
+        let timeout = null;
+        if (shouldStart && wordsToAnimate.length > 0) {
+            const timeoutDelay = delay > 0 && displayedText === ""
+                ? delay
+                : phase === "typing"
+                    ? typingSpeed
+                    : phase === "deleting"
+                        ? deletingSpeed
+                        : pauseDelay;
+            timeout = setTimeout(() => {
+                const currentWord = wordsToAnimate[currentWordIndex] || "";
+                const graphemes = Array.from(currentWord);
+                switch (phase) {
+                    case "typing":
+                        if (currentCharIndex < graphemes.length) {
+                            setDisplayedText(graphemes.slice(0, currentCharIndex + 1).join(""));
+                            setCurrentCharIndex(currentCharIndex + 1);
+                        }
+                        else {
+                            if (hasMultipleWords || loop) {
+                                const isLastWord = currentWordIndex === wordsToAnimate.length - 1;
+                                if (!isLastWord || loop) {
+                                    setPhase("pause");
+                                }
+                            }
+                        }
+                        break;
+                    case "pause":
+                        setPhase("deleting");
+                        break;
+                    case "deleting":
+                        if (currentCharIndex > 0) {
+                            setDisplayedText(graphemes.slice(0, currentCharIndex - 1).join(""));
+                            setCurrentCharIndex(currentCharIndex - 1);
+                        }
+                        else {
+                            const nextIndex = (currentWordIndex + 1) % wordsToAnimate.length;
+                            setCurrentWordIndex(nextIndex);
+                            setPhase("typing");
+                        }
+                        break;
+                }
+            }, timeoutDelay);
+        }
+        return () => {
+            if (timeout !== null) {
+                clearTimeout(timeout);
+            }
+        };
+    }, [
+        shouldStart,
+        phase,
+        currentCharIndex,
+        currentWordIndex,
+        displayedText,
+        wordsToAnimate,
+        hasMultipleWords,
+        loop,
+        typingSpeed,
+        deletingSpeed,
+        pauseDelay,
+        delay,
+    ]);
+    const currentWordGraphemes = Array.from(wordsToAnimate[currentWordIndex] || "");
+    const isComplete = !loop &&
+        currentWordIndex === wordsToAnimate.length - 1 &&
+        currentCharIndex >= currentWordGraphemes.length &&
+        phase !== "deleting";
+    const shouldShowCursor = showCursor &&
+        !isComplete &&
+        (hasMultipleWords || loop || currentCharIndex < currentWordGraphemes.length);
+    const getCursorChar = () => {
+        switch (cursorStyle) {
+            case "block":
+                return "▌";
+            case "underscore":
+                return "_";
+            case "line":
+            default:
+                return "|";
+        }
+    };
+    return (_jsxs(MotionComponent, { ref: elementRef, className: cn("tracking-[-0.02em]", Component === "h1" && "text-3xl font-bold leading-tight md:text-4xl", Component === "span" && "inline-block", className), ...props, children: [displayedText, shouldShowCursor && (_jsx("span", { className: cn("inline-block", blinkCursor && "animate-blink-cursor"), children: getCursorChar() }))] }));
+}

package/dist/constants/sidebar.d.ts

@@ -0,0 +1,9 @@
+/** Defines the cookie contract shared by the UI and server-side consumers. */
+/** Stable cookie key read by server entrypoints and written by the sidebar. */
+export declare const SIDEBAR_COOKIE_NAME = "sidebar_state";
+/** Serialized value representing expanded navigation. */
+export declare const SIDEBAR_COOKIE_OPEN_VALUE = "true";
+/** Serialized value representing collapsed navigation. */
+export declare const SIDEBAR_COOKIE_COLLAPSED_VALUE = "false";
+/** Preference lifetime in seconds, as required by the cookie max-age field. */
+export declare const SIDEBAR_COOKIE_MAX_AGE: number;

package/dist/constants/sidebar.js

@@ -0,0 +1,20 @@
+/** Defines the cookie contract shared by the UI and server-side consumers. */
+/** Number of days the navigation preference remains valid. */
+const SIDEBAR_COOKIE_MAX_AGE_DAYS = 7;
+/** Converts preference days into hours. */
+const SIDEBAR_COOKIE_MAX_AGE_HOURS_PER_DAY = 24;
+/** Converts preference hours into minutes. */
+const SIDEBAR_COOKIE_MAX_AGE_MINUTES_PER_HOUR = 60;
+/** Converts preference minutes into cookie max-age seconds. */
+const SIDEBAR_COOKIE_MAX_AGE_SECONDS_PER_MINUTE = 60;
+/** Stable cookie key read by server entrypoints and written by the sidebar. */
+export const SIDEBAR_COOKIE_NAME = "sidebar_state";
+/** Serialized value representing expanded navigation. */
+export const SIDEBAR_COOKIE_OPEN_VALUE = "true";
+/** Serialized value representing collapsed navigation. */
+export const SIDEBAR_COOKIE_COLLAPSED_VALUE = "false";
+/** Preference lifetime in seconds, as required by the cookie max-age field. */
+export const SIDEBAR_COOKIE_MAX_AGE = SIDEBAR_COOKIE_MAX_AGE_SECONDS_PER_MINUTE *
+    SIDEBAR_COOKIE_MAX_AGE_MINUTES_PER_HOUR *
+    SIDEBAR_COOKIE_MAX_AGE_HOURS_PER_DAY *
+    SIDEBAR_COOKIE_MAX_AGE_DAYS;

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/hooks/use-mobile.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+/** Viewport width in CSS pixels at which desktop navigation begins. */
+const MOBILE_BREAKPOINT = 768;
+function subscribeToMobileBreakpoint(onStoreChange) {
+    const mediaQueryList = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    mediaQueryList.addEventListener("change", onStoreChange);
+    return () => {
+        mediaQueryList.removeEventListener("change", onStoreChange);
+    };
+}
+function getMobileSnapshot() {
+    return window.innerWidth < MOBILE_BREAKPOINT;
+}
+function getServerMobileSnapshot() {
+    return false;
+}
+export function useIsMobile() {
+    return React.useSyncExternalStore(subscribeToMobileBreakpoint, getMobileSnapshot, getServerMobileSnapshot);
+}

package/dist/hooks/use-sidebar-persistence.d.ts

@@ -0,0 +1,4 @@
+/** Resolves opt-in persistence after hydration, without changing controlled state. */
+export declare function useSidebarPersistence(storageKey?: string): boolean | null;
+/** Stores an optional preference while retaining usable navigation in private mode. */
+export declare function saveSidebarPreference(storageKey: string | undefined, open: boolean): void;

package/dist/hooks/use-sidebar-persistence.js

@@ -0,0 +1,45 @@
+"use client";
+/** Keeps optional browser persistence separate from the sidebar rendering contract. */
+import { useCallback, useSyncExternalStore } from "react";
+import { SIDEBAR_COOKIE_COLLAPSED_VALUE, SIDEBAR_COOKIE_OPEN_VALUE } from "../constants/sidebar.js";
+/** Reads a preference without making unavailable browser storage a render failure. */
+function readSidebarPreference(storageKey) {
+    if (!storageKey || typeof window === "undefined")
+        return null;
+    try {
+        const value = window.localStorage.getItem(storageKey);
+        if (value === SIDEBAR_COOKIE_OPEN_VALUE)
+            return true;
+        if (value === SIDEBAR_COOKIE_COLLAPSED_VALUE)
+            return false;
+    }
+    catch {
+        // Persisted preferences are optional; blocked storage retains the server default.
+    }
+    return null;
+}
+/** Subscribes to browser storage updates and releases the listener on unmount. */
+function subscribeToStorage(onChange) {
+    window.addEventListener("storage", onChange);
+    return () => window.removeEventListener("storage", onChange);
+}
+/** Keeps the first hydrated render identical to the server-provided preference. */
+function getServerPreference() {
+    return null;
+}
+/** Resolves opt-in persistence after hydration, without changing controlled state. */
+export function useSidebarPersistence(storageKey) {
+    const getSnapshot = useCallback(() => readSidebarPreference(storageKey), [storageKey]);
+    return useSyncExternalStore(subscribeToStorage, getSnapshot, getServerPreference);
+}
+/** Stores an optional preference while retaining usable navigation in private mode. */
+export function saveSidebarPreference(storageKey, open) {
+    if (!storageKey)
+        return;
+    try {
+        window.localStorage.setItem(storageKey, open ? SIDEBAR_COOKIE_OPEN_VALUE : SIDEBAR_COOKIE_COLLAPSED_VALUE);
+    }
+    catch {
+        // The current in-memory state remains authoritative if storage is blocked.
+    }
+}

package/dist/index.d.ts

@@ -0,0 +1,48 @@
+/** Exposes shared UI without promoting server-safe exports into a client boundary. */
+export { useTheme } from "next-themes";
+export { Link, type LinkProps } from "./components/link.js";
+export { BeezUIProvider, type BeezUIProviderProps } from "./providers/native-provider.js";
+export type { BeezUIComponents, BeezImageProps, BeezLinkProps } from "./providers/beez-ui-provider.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/avatar.js";
+export * from "./components/badge.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/carousel.js";
+export * from "./components/checkbox.js";
+export * from "./components/dialog.js";
+export * from "./components/dropdown-menu.js";
+export * from "./components/hover-card.js";
+export * from "./components/input.js";
+export * from "./components/pagination.js";
+export * from "./components/popover.js";
+export * from "./components/select.js";
+export * from "./components/separator.js";
+export * from "./components/sheet.js";
+export * from "./components/sidebar.js";
+export * from "./components/skeleton.js";
+export * from "./components/switch.js";
+export * from "./components/table.js";
+export * from "./components/tabs.js";
+export * from "./components/textarea.js";
+export * from "./components/tooltip.js";
+export * from "./components/svgs/whatsappIcon.js";
+export * from "./lib/utils.js";
+export * from "./hooks/use-mobile.js";
+export * from "./constants/sidebar.js";
+export * from "./sonner.js";
+export * from "./components/alert.js";
+export * from "./components/animated-theme-toggler.js";
+export * from "./components/calendar.js";
+export * from "./components/data-table.js";
+export * from "./components/filter-query-bar.js";
+export * from "./components/filter-query-grammar.js";
+export * from "./components/form.js";
+export * from "./components/highlighter.js";
+export * from "./components/input-group.js";
+export * from "./components/label.js";
+export * from "./components/radio-group.js";
+export * from "./components/typing-animation.js";
+export * from "./components/themed-toaster.js";
+export * from "./theme.js";
+export * from "./lib/year-month-filter.js";

package/dist/index.js

@@ -0,0 +1,47 @@
+/** Exposes shared UI without promoting server-safe exports into a client boundary. */
+export { useTheme } from "next-themes";
+export { Link } from "./components/link.js";
+export { BeezUIProvider } from "./providers/native-provider.js";
+export * from "./components/alert-dialog.js";
+export * from "./components/avatar.js";
+export * from "./components/badge.js";
+export * from "./components/button.js";
+export * from "./components/card.js";
+export * from "./components/carousel.js";
+export * from "./components/checkbox.js";
+export * from "./components/dialog.js";
+export * from "./components/dropdown-menu.js";
+export * from "./components/hover-card.js";
+export * from "./components/input.js";
+export * from "./components/pagination.js";
+export * from "./components/popover.js";
+export * from "./components/select.js";
+export * from "./components/separator.js";
+export * from "./components/sheet.js";
+export * from "./components/sidebar.js";
+export * from "./components/skeleton.js";
+export * from "./components/switch.js";
+export * from "./components/table.js";
+export * from "./components/tabs.js";
+export * from "./components/textarea.js";
+export * from "./components/tooltip.js";
+export * from "./components/svgs/whatsappIcon.js";
+export * from "./lib/utils.js";
+export * from "./hooks/use-mobile.js";
+export * from "./constants/sidebar.js";
+export * from "./sonner.js";
+export * from "./components/alert.js";
+export * from "./components/animated-theme-toggler.js";
+export * from "./components/calendar.js";
+export * from "./components/data-table.js";
+export * from "./components/filter-query-bar.js";
+export * from "./components/filter-query-grammar.js";
+export * from "./components/form.js";
+export * from "./components/highlighter.js";
+export * from "./components/input-group.js";
+export * from "./components/label.js";
+export * from "./components/radio-group.js";
+export * from "./components/typing-animation.js";
+export * from "./components/themed-toaster.js";
+export * from "./theme.js";
+export * from "./lib/year-month-filter.js";

package/dist/lib/image-dimensions.d.ts

@@ -0,0 +1,2 @@
+/** Converts native image dimensions into a positive numeric value. */
+export declare function imageDimension(value: string | number | undefined): number;

package/dist/lib/image-dimensions.js

@@ -0,0 +1,7 @@
+/** Supplies intrinsic dimensions required by responsive and optimized image adapters. */
+const DEFAULT_IMAGE_DIMENSION_PX = 40;
+/** Converts native image dimensions into a positive numeric value. */
+export function imageDimension(value) {
+    const parsed = Number(value);
+    return Number.isFinite(parsed) && parsed > 0 ? parsed : DEFAULT_IMAGE_DIMENSION_PX;
+}

package/dist/lib/utils.d.ts

@@ -0,0 +1,2 @@
+/** Shares class composition and Tailwind conflict resolution across consumers. */
+export { cn } from "cnfast";

package/dist/lib/utils.js

@@ -0,0 +1,2 @@
+/** Shares class composition and Tailwind conflict resolution across consumers. */
+export { cn } from "cnfast";

package/dist/lib/year-month-filter.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Parsea un texto `MM/AAAA` a su valor numérico comparable `AAAAMM`
+ * (por ejemplo `06/2026` → `202606`). Devuelve `null` cuando el texto no es
+ * un mes-año válido.
+ */
+export declare function parseYearMonthFilterInput(value: string): number | null;
+/**
+ * Formatea un valor numérico `AAAAMM` de vuelta a `MM/AAAA` para rehidratar
+ * los inputs del filtro al reabrir el diálogo.
+ */
+/**
+ * Evalúa un filtro de rango de año-mes contra el valor numérico `AAAAMM` de una
+ * fila (`null` cuando la fila no tiene fecha). Devuelve `true` cuando el filtro
+ * no aplica, replicando el contrato de los demás matchers de la tabla.
+ */
+export declare function matchesAdvancedYearMonthRangeFilter(columnFilterValue: unknown, value: number | null): boolean;

package/dist/lib/year-month-filter.js

@@ -0,0 +1,48 @@
+const YEAR_MONTH_INPUT_PATTERN = /^(0[1-9]|1[0-2])\/(\d{4})$/;
+/**
+ * Parsea un texto `MM/AAAA` a su valor numérico comparable `AAAAMM`
+ * (por ejemplo `06/2026` → `202606`). Devuelve `null` cuando el texto no es
+ * un mes-año válido.
+ */
+export function parseYearMonthFilterInput(value) {
+    const match = YEAR_MONTH_INPUT_PATTERN.exec(value.trim());
+    if (!match) {
+        return null;
+    }
+    const [, month, year] = match;
+    return Number(`${year}${month}`);
+}
+/**
+ * Formatea un valor numérico `AAAAMM` de vuelta a `MM/AAAA` para rehidratar
+ * los inputs del filtro al reabrir el diálogo.
+ */
+/**
+ * Evalúa un filtro de rango de año-mes contra el valor numérico `AAAAMM` de una
+ * fila (`null` cuando la fila no tiene fecha). Devuelve `true` cuando el filtro
+ * no aplica, replicando el contrato de los demás matchers de la tabla.
+ */
+export function matchesAdvancedYearMonthRangeFilter(columnFilterValue, value) {
+    if (!columnFilterValue ||
+        typeof columnFilterValue !== "object" ||
+        columnFilterValue.kind !== "yearMonthRange") {
+        return true;
+    }
+    const filterValue = columnFilterValue;
+    const hasValue = value != null && Number.isFinite(value);
+    if (filterValue.mode === "hasValue") {
+        return hasValue;
+    }
+    if (filterValue.mode === "noValue") {
+        return !hasValue;
+    }
+    if (!hasValue) {
+        return false;
+    }
+    if (filterValue.min != null && value < filterValue.min) {
+        return false;
+    }
+    if (filterValue.max != null && value > filterValue.max) {
+        return false;
+    }
+    return true;
+}

package/dist/next.d.ts

@@ -0,0 +1,14 @@
+/** Isolates optional Next.js imports from the framework-neutral package entrypoint. */
+import { type ReactNode } from "react";
+import { type BeezUIProviderProps as BaseBeezUIProviderProps } from "./providers/beez-ui-provider.js";
+/** Configures Next adapters without forcing image host configuration on existing apps. */
+export interface BeezUIProviderProps {
+    children: ReactNode;
+    /** Enables the image optimizer; configure allowed image hosts in the application. */
+    optimizeImages?: boolean;
+    /** Keeps speculative navigation opt-in, matching LaTribu's existing behavior. */
+    prefetch?: boolean;
+    themeOptions?: BaseBeezUIProviderProps["themeOptions"];
+}
+/** Activates Next.js navigation and images for every descendant using shared primitives. */
+export declare function BeezUIProvider({ children, optimizeImages, prefetch, themeOptions }: BeezUIProviderProps): import("react").JSX.Element;

package/dist/next.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Isolates optional Next.js imports from the framework-neutral package entrypoint. */
+import { useMemo } from "react";
+import NextImageModule from "next/image.js";
+import NextLinkModule from "next/link.js";
+import { BeezUIProvider as BaseBeezUIProvider } from "./providers/beez-ui-provider.js";
+import { imageDimension } from "./lib/image-dimensions.js";
+/** Supports both native ESM loading of Next's CommonJS modules and bundler interop. */
+const NextImage = NextImageModule.default ?? NextImageModule;
+const NextLink = NextLinkModule.default ?? NextLinkModule;
+/** Activates Next.js navigation and images for every descendant using shared primitives. */
+export function BeezUIProvider({ children, optimizeImages = false, prefetch = false, themeOptions }) {
+    const components = useMemo(() => ({
+        /** Delegates routing while retaining the consumer's native link props. */
+        Link: function NextRoutingAdapter({ prefetch: linkPrefetch, ...props }) {
+            return _jsx(NextLink, { ...props, prefetch: linkPrefetch ?? prefetch });
+        },
+        /** Delegates loading to Next while the avatar primitive owns error/fallback state. */
+        Image: function NextImageAdapter(props) {
+            if (!props.src)
+                return _jsx("img", { ...props });
+            return _jsx(NextImage, { ...props, alt: props.alt ?? "", src: props.src, width: imageDimension(props.width), height: imageDimension(props.height), unoptimized: !optimizeImages });
+        },
+    }), [optimizeImages, prefetch]);
+    return _jsx(BaseBeezUIProvider, { components: components, themeOptions: themeOptions, children: children });
+}

package/dist/providers/beez-ui-provider.d.ts

@@ -0,0 +1,27 @@
+/** Shares optional rendering adapters without importing a framework into the core. */
+import { type ComponentProps, type ComponentType, type ReactNode } from "react";
+import { type ThemeProviderProps } from "next-themes";
+/** Defines the native link contract accepted by routing adapters. */
+export type BeezLinkProps = ComponentProps<"a"> & {
+    href: string;
+    /** Optional navigation hint consumed by framework adapters, never by native anchors. */
+    prefetch?: boolean;
+};
+/** Defines the native image contract accepted by image adapters. */
+export type BeezImageProps = ComponentProps<"img">;
+/** Lets each application select only the adapters it needs. */
+export interface BeezUIComponents {
+    Link?: ComponentType<BeezLinkProps>;
+    Image?: ComponentType<BeezImageProps>;
+}
+/** Configures descendants while leaving theme and application state to the consumer. */
+export interface BeezUIProviderProps {
+    children: ReactNode;
+    components?: BeezUIComponents;
+    /** Shares light/dark/system behavior while keeping the library's class-based theme contract. */
+    themeOptions?: Omit<ThemeProviderProps, "children" | "attribute">;
+}
+/** Merges nested overrides while preserving stable adapter identities. */
+export declare function BeezUIProvider({ children, components, themeOptions }: BeezUIProviderProps): import("react").JSX.Element;
+/** Reads adapters internally; native components work without a provider. */
+export declare function useBeezUIComponents(): BeezUIComponents;

package/dist/providers/beez-ui-provider.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Shares optional rendering adapters without importing a framework into the core. */
+import { createContext, useContext, useMemo } from "react";
+import { ThemeProvider } from "next-themes";
+/** Native elements remain the implicit fallback for unconfigured adapters. */
+const EMPTY_COMPONENTS = {};
+const AdapterContext = createContext(EMPTY_COMPONENTS);
+/** Merges nested overrides while preserving stable adapter identities. */
+export function BeezUIProvider({ children, components = EMPTY_COMPONENTS, themeOptions }) {
+    const parent = useContext(AdapterContext);
+    const value = useMemo(() => ({ ...parent, ...components }), [parent, components]);
+    return _jsx(ThemeProvider, { attribute: "class", ...themeOptions, children: _jsx(AdapterContext.Provider, { value: value, children: children }) });
+}
+/** Reads adapters internally; native components work without a provider. */
+export function useBeezUIComponents() {
+    return useContext(AdapterContext);
+}

package/dist/providers/native-provider.d.ts

@@ -0,0 +1,4 @@
+import { type BeezUIProviderProps } from "./beez-ui-provider.js";
+export type { BeezUIProviderProps } from "./beez-ui-provider.js";
+/** Combines native navigation, responsive Unpic images and the shared theme provider. */
+export declare function BeezUIProvider({ components, ...props }: BeezUIProviderProps): import("react").JSX.Element;

package/dist/providers/native-provider.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Keeps the default image integration separate from optional framework entrypoints. */
+import { useMemo } from "react";
+import { BeezUIProvider as BaseBeezUIProvider } from "./beez-ui-provider.js";
+import { UnpicImageAdapter } from "../adapters/unpic-image.js";
+/** Combines native navigation, responsive Unpic images and the shared theme provider. */
+export function BeezUIProvider({ components, ...props }) {
+    const nativeComponents = useMemo(() => ({ Image: UnpicImageAdapter, ...components }), [components]);
+    return _jsx(BaseBeezUIProvider, { ...props, components: nativeComponents });
+}

package/dist/sonner.d.ts

@@ -0,0 +1,2 @@
+/** Exposes the shared notification implementation and its public types. */
+export * from "sonner";

package/dist/sonner.js

@@ -0,0 +1,3 @@
+"use client";
+/** Exposes the shared notification implementation and its public types. */
+export * from "sonner";