@myrjfa/ui 0.3.1

package/dist/misc/badge.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cva } from "class-variance-authority";
+const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+            destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+            outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };

package/dist/misc/button.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    loading?: boolean;
+    autoLoading?: boolean;
+};
+declare function Button({ className, variant, size, asChild, loading, autoLoading, disabled, onClick, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/misc/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/misc/button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;mFA4BnB,CAAC;AAEF,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/C,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,OAAO,EACP,WAAkB,EAClB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAkDb;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/misc/button.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot, Slottable } from "@radix-ui/react-slot";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { useState } from "react";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,box-shadow] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+    variants: {
+        variant: {
+            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+            outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+            ghost: "hover:bg-accent hover:text-accent-foreground",
+            link: "text-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-9 px-4 py-2 has-[>svg]:px-3",
+            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+            icon: "size-9",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function Button({ className, variant, size, asChild = false, loading, autoLoading = true, disabled, onClick, children, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    const [internalLoading, setInternalLoading] = useState(false);
+    const isLoading = Boolean(loading || internalLoading);
+    const isDisabled = Boolean(disabled || isLoading);
+    const handleClick = async (event) => {
+        if (isDisabled) {
+            event.preventDefault();
+            return;
+        }
+        const result = onClick === null || onClick === void 0 ? void 0 : onClick(event);
+        const shouldAutoLoad = autoLoading && !event.defaultPrevented && (Boolean(onClick) || asChild);
+        if (!shouldAutoLoad) {
+            return;
+        }
+        setInternalLoading(true);
+        if (result && typeof result.then === "function") {
+            try {
+                await result;
+            }
+            finally {
+                setInternalLoading(false);
+            }
+            return;
+        }
+        window.setTimeout(() => setInternalLoading(false), 400);
+    };
+    return (_jsxs(Comp, { className: cn("cursor-pointer", asChild && isDisabled && "pointer-events-none opacity-50", buttonVariants({ variant, size, className })), disabled: !asChild ? isDisabled : undefined, "aria-disabled": asChild && isDisabled ? true : undefined, "aria-busy": isLoading || undefined, "data-loading": isLoading || undefined, onClick: handleClick, ...props, children: [isLoading ? _jsx(Loader2, { className: "animate-spin" }) : null, _jsx(Slottable, { children: children })] }, "button"));
+}
+export { Button, buttonVariants };

package/dist/misc/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+//# sourceMappingURL=card.d.ts.map

package/dist/misc/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/misc/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}

package/dist/misc/card.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+function Card({ className, ...props }) {
+    return (_jsx("div", { className: cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props }, "card"));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex flex-col gap-1.5 px-6", className), ...props }, "card-header"));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { className: cn("leading-none font-semibold", className), ...props }, "card-title"));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { className: cn("text-muted-foreground text-sm", className), ...props }, "card-description"));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { className: cn("px-6", className), ...props }, "card-content"));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { className: cn("flex items-center px-6", className), ...props }, "card-footer"));
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/dist/misc/carousel.d.ts

@@ -0,0 +1,20 @@
+import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
+import React from "react";
+import { Button } from "./button";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
+declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function CarouselPrevious({ className, variant, size, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+declare function CarouselNext({ className, variant, size, onClick, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
+//# sourceMappingURL=carousel.d.ts.map

package/dist/misc/carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../src/misc/carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAE7B,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAA;AAC1C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAChE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAC/C,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAA;AAE9C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAA;CACpC,CAAA;AAuBD,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAgF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAgBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CA2BrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAa,EACb,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CA2BrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,GACb,CAAA"}

package/dist/misc/carousel.js

@@ -0,0 +1,99 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import useEmblaCarousel from "embla-carousel-react";
+import { ArrowLeft, ArrowRight } from "lucide-react";
+import React from "react";
+import { Button } from "./button";
+const CarouselContext = React.createContext(null);
+function useCarousel() {
+    const context = React.useContext(CarouselContext);
+    if (!context) {
+        throw new Error("useCarousel must be used within a <Carousel />");
+    }
+    return context;
+}
+function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
+    const [carouselRef, api] = useEmblaCarousel({
+        ...opts,
+        axis: orientation === "horizontal" ? "x" : "y",
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+    const [canScrollNext, setCanScrollNext] = React.useState(false);
+    const onSelect = React.useCallback((api) => {
+        if (!api)
+            return;
+        setCanScrollPrev(api.canScrollPrev());
+        setCanScrollNext(api.canScrollNext());
+    }, []);
+    const scrollPrev = React.useCallback(() => {
+        api === null || api === void 0 ? void 0 : api.scrollPrev();
+    }, [api]);
+    const scrollNext = React.useCallback(() => {
+        api === null || api === void 0 ? void 0 : api.scrollNext();
+    }, [api]);
+    const handleKeyDown = React.useCallback((event) => {
+        if (event.key === "ArrowLeft") {
+            event.preventDefault();
+            scrollPrev();
+        }
+        else if (event.key === "ArrowRight") {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [scrollPrev, scrollNext]);
+    React.useEffect(() => {
+        if (!api || !setApi)
+            return;
+        setApi(api);
+    }, [api, setApi]);
+    React.useEffect(() => {
+        if (!api)
+            return;
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return () => {
+            api === null || api === void 0 ? void 0 : api.off("select", onSelect);
+        };
+    }, [api, onSelect]);
+    return (_jsx(CarouselContext.Provider, { value: {
+            carouselRef,
+            api: api,
+            opts,
+            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
+            scrollPrev,
+            scrollNext,
+            canScrollPrev,
+            canScrollNext,
+        }, children: _jsx("div", { onKeyDownCapture: handleKeyDown, className: cn("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel", ...props, children: children }) }));
+}
+function CarouselContent({ className, ...props }) {
+    const { carouselRef, orientation } = useCarousel();
+    return (_jsx("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
+}
+function CarouselItem({ className, ...props }) {
+    const { orientation } = useCarousel();
+    return (_jsx("div", { role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), ...props }));
+}
+function CarouselPrevious({ className, variant = "outline", size = "icon", onClick, ...props }) {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-previous", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
+            ? "top-1/2 left-2"
+            : "top-2 left-1/2 rotate-90", className), disabled: !canScrollPrev, ...props, autoLoading: false, onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (!event.defaultPrevented)
+                scrollPrev();
+        }, children: [_jsx(ArrowLeft, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
+}
+function CarouselNext({ className, variant = "outline", size = "icon", onClick, ...props }) {
+    const { orientation, scrollNext, canScrollNext } = useCarousel();
+    return (_jsxs(Button, { "data-slot": "carousel-next", variant: variant, size: size, className: cn("absolute size-8 rounded-full", orientation === "horizontal"
+            ? "top-1/2 right-2"
+            : "bottom-2 left-1/2 rotate-90", className), disabled: !canScrollNext, ...props, autoLoading: false, onClick: (event) => {
+            onClick === null || onClick === void 0 ? void 0 : onClick(event);
+            if (!event.defaultPrevented)
+                scrollNext();
+        }, children: [_jsx(ArrowRight, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
+}
+export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/misc/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/misc/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/misc/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAK7D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/misc/checkbox.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { CheckIcon } from "lucide-react";
+function Checkbox({ className, ...props }) {
+    return (_jsx(CheckboxPrimitive.Root, { className: cn("peer border-input data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current transition-none", children: _jsx(CheckIcon, { className: "size-3.5" }) }, "checkbox-indicator") }, "checkbox"));
+}
+export { Checkbox };

package/dist/misc/command.d.ts

@@ -0,0 +1,18 @@
+import { Command as CommandPrimitive } from "cmdk";
+import { Dialog } from "./dialog";
+declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive> & {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+//# sourceMappingURL=command.d.ts.map

package/dist/misc/command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/misc/command.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAA;AAGlD,OAAO,EACL,MAAM,EAKP,MAAM,UAAU,CAAA;AAEjB,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAWxE;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,2CAcA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAiBrD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWpD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQrD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQzD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWpD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW9B;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAA"}

package/dist/misc/command.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { Command as CommandPrimitive } from "cmdk";
+import { SearchIcon } from "lucide-react";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
+function Command({ className, ...props }) {
+    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className), ...props }));
+}
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, ...props }) {
+    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: "overflow-hidden p-0", children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] }));
+}
+function CommandInput({ className, ...props }) {
+    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: "flex h-9 items-center gap-2 border-b px-3", children: [_jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }), _jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props })] }));
+}
+function CommandList({ className, ...props }) {
+    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("max-h-[350px] scroll-py-1 overflow-x-hidden overflow-y-auto touch-pan-y z-[300]", className), ...props }));
+}
+function CommandEmpty({ ...props }) {
+    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: "py-6 text-center text-sm", ...props }));
+}
+function CommandGroup({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
+}
+function CommandSeparator({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className), ...props }));
+}
+function CommandItem({ className, ...props }) {
+    return (_jsx(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props }));
+}
+function CommandShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "command-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className), ...props }));
+}
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/misc/datepicker.d.ts

@@ -0,0 +1,15 @@
+type DatePickerProps = {
+    field: {
+        value: Date | null;
+        onChange: (date: Date) => void;
+    };
+    minDate?: Date;
+    maxDate?: Date;
+    availableDateKeys?: string[];
+    label?: string;
+    includeTime?: boolean;
+    onClear?: () => void;
+};
+export declare function DatePicker({ field, minDate, maxDate, availableDateKeys, label, includeTime, onClear }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=datepicker.d.ts.map

package/dist/misc/datepicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../src/misc/datepicker.tsx"],"names":[],"mappings":"AAeA,KAAK,eAAe,GAAG;IACnB,KAAK,EAAE;QACH,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;QACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;KAClC,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,OAAgC,EAAE,OAAgC,EAAE,iBAAiB,EAAE,KAAuB,EAAE,WAAmB,EAAE,OAAO,EAAE,EAAE,eAAe,2CAsblM"}

package/dist/misc/datepicker.js

@@ -0,0 +1,221 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { format } from "date-fns";
+import { CalendarIcon, ChevronLeft, ChevronRight } from "lucide-react";
+import { useEffect, useState } from "react";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Popover, PopoverContent, PopoverTrigger, } from "./popover";
+export function DatePicker({ field, minDate = new Date("1900-01-01"), maxDate = new Date("2100-01-01"), availableDateKeys, label = "Date of birth", includeTime = false, onClear }) {
+    const [open, setOpen] = useState(false);
+    // Create state for the calendar view
+    const [calendarDate, setCalendarDate] = useState(field.value || new Date());
+    const [view, setView] = useState("days"); // "days", "months", or "years"
+    const [timeValue, setTimeValue] = useState(() => format(field.value || new Date(), "HH:mm"));
+    const [yearRange, setYearRange] = useState(() => {
+        const year = (field.value || new Date()).getFullYear();
+        const startYear = Math.floor(year / 10) * 10;
+        return [startYear, startYear + 9];
+    });
+    // Update calendar date when field.value changes
+    useEffect(() => {
+        if (field.value) {
+            setCalendarDate(field.value);
+            setTimeValue(format(field.value, "HH:mm"));
+        }
+    }, [field.value]);
+    // Get min and max years constraints
+    const minYear = minDate.getFullYear();
+    const maxYear = maxDate.getFullYear();
+    const minDay = new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate());
+    const maxDay = new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate());
+    const availableDateKeySet = availableDateKeys ? new Set(availableDateKeys) : null;
+    // Month names
+    const months = [
+        "January", "February", "March", "April", "May", "June",
+        "July", "August", "September", "October", "November", "December"
+    ];
+    // Get days of the current month view
+    const getDaysInMonth = (year, month) => {
+        const daysInMonth = new Date(year, month + 1, 0).getDate();
+        const firstDayOfMonth = new Date(year, month, 1).getDay();
+        const prevMonthDays = [];
+        const currentMonthDays = [];
+        const nextMonthDays = [];
+        // Previous month days
+        const prevMonth = month === 0 ? 11 : month - 1;
+        const prevMonthYear = month === 0 ? year - 1 : year;
+        const daysInPrevMonth = new Date(prevMonthYear, prevMonth + 1, 0).getDate();
+        for (let i = firstDayOfMonth - 1; i >= 0; i--) {
+            prevMonthDays.unshift({
+                day: daysInPrevMonth - i,
+                month: prevMonth,
+                year: prevMonthYear,
+                isCurrentMonth: false
+            });
+        }
+        // Current month days
+        for (let i = 1; i <= daysInMonth; i++) {
+            currentMonthDays.push({
+                day: i,
+                month,
+                year,
+                isCurrentMonth: true
+            });
+        }
+        // Next month days
+        const nextMonth = month === 11 ? 0 : month + 1;
+        const nextMonthYear = month === 11 ? year + 1 : year;
+        const remainingDays = 42 - (prevMonthDays.length + currentMonthDays.length);
+        for (let i = 1; i <= remainingDays; i++) {
+            nextMonthDays.push({
+                day: i,
+                month: nextMonth,
+                year: nextMonthYear,
+                isCurrentMonth: false
+            });
+        }
+        return [...prevMonthDays, ...currentMonthDays, ...nextMonthDays];
+    };
+    // Check if a day is selected
+    const isSelected = (day, month, year) => {
+        if (!field.value)
+            return false;
+        return field.value.getDate() === day &&
+            field.value.getMonth() === month &&
+            field.value.getFullYear() === year;
+    };
+    // Check if a day is disabled
+    const isDisabled = (day, month, year) => {
+        const date = new Date(year, month, day);
+        if (date < minDay || date > maxDay)
+            return true;
+        if (!availableDateKeySet)
+            return false;
+        return !availableDateKeySet.has(format(date, "yyyy-MM-dd"));
+    };
+    // Handler for day selection
+    const handleDaySelect = (day, month, year) => {
+        const [hours, minutes] = includeTime ? timeValue.split(":").map(Number) : [12, 0];
+        const selectedDate = new Date(year, month, day, hours || 0, minutes || 0, 0, 0);
+        field.onChange(selectedDate);
+        if (!includeTime)
+            setOpen(false);
+    };
+    // Handle month selection
+    const handleMonthSelect = (monthIndex) => {
+        const newDate = new Date(calendarDate.getFullYear(), monthIndex, 1);
+        if (newDate >= new Date(minYear, 0, 1) && newDate <= new Date(maxYear, 11, 31)) {
+            setCalendarDate(newDate);
+            setView("days");
+        }
+    };
+    // Handle year selection
+    const handleYearSelect = (year) => {
+        const newDate = new Date(year, calendarDate.getMonth(), 1);
+        if (year >= minYear && year <= maxYear) {
+            setCalendarDate(newDate);
+            setView("days");
+        }
+    };
+    // Navigate to previous month
+    const prevMonth = () => {
+        const prevMonthDate = new Date(calendarDate);
+        prevMonthDate.setMonth(prevMonthDate.getMonth() - 1);
+        setCalendarDate(prevMonthDate);
+    };
+    // Navigate to next month
+    const nextMonth = () => {
+        const nextMonthDate = new Date(calendarDate);
+        nextMonthDate.setMonth(nextMonthDate.getMonth() + 1);
+        setCalendarDate(nextMonthDate);
+    };
+    // Navigate to previous year range
+    const prevYearRange = () => {
+        setYearRange([yearRange[0] - 10, yearRange[1] - 10]);
+    };
+    // Navigate to next year range
+    const nextYearRange = () => {
+        setYearRange([yearRange[0] + 10, yearRange[1] + 10]);
+    };
+    const openYearView = () => {
+        const year = calendarDate.getFullYear();
+        const startYear = Math.floor(year / 10) * 10;
+        setYearRange([startYear, startYear + 9]);
+        setView("years");
+    };
+    // Render the header
+    const renderHeader = () => {
+        if (view === "days") {
+            return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: prevMonth, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: () => setView("months"), children: months[calendarDate.getMonth()] }), _jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: openYearView, children: calendarDate.getFullYear() })] }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: nextMonth, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
+        }
+        else if (view === "months") {
+            return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: () => {
+                            const newDate = new Date(calendarDate);
+                            newDate.setFullYear(newDate.getFullYear() - 1);
+                            setCalendarDate(newDate);
+                        }, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsx("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", onClick: openYearView, children: calendarDate.getFullYear() }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: () => {
+                            const newDate = new Date(calendarDate);
+                            newDate.setFullYear(newDate.getFullYear() + 1);
+                            setCalendarDate(newDate);
+                        }, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
+        }
+        else if (view === "years") {
+            return (_jsxs("div", { className: "flex justify-between items-center mb-2", children: [_jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: prevYearRange, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), _jsxs("button", { type: "button", className: "font-semibold hover:bg-muted px-2 py-1 rounded", children: [yearRange[0], " - ", yearRange[1]] }), _jsx("button", { type: "button", className: "p-1 rounded-full hover:bg-gray-200", onClick: nextYearRange, children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] }));
+        }
+    };
+    // Render the calendar content based on the current view
+    const renderCalendarContent = () => {
+        if (view === "days") {
+            const daysInMonth = getDaysInMonth(calendarDate.getFullYear(), calendarDate.getMonth());
+            return (_jsxs(_Fragment, { children: [_jsx("div", { className: "grid grid-cols-7 gap-1 mb-1", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (_jsx("div", { className: "text-center text-xs font-medium text-gray-500", children: day }, day))) }), _jsx("div", { className: "grid grid-cols-7 gap-1", children: daysInMonth.map((dayInfo, index) => {
+                            const { day, month, year, isCurrentMonth } = dayInfo;
+                            const isDateSelected = isSelected(day, month, year);
+                            const isDateDisabled = isDisabled(day, month, year);
+                            return (_jsxs("button", { type: "button", disabled: isDateDisabled, className: cn("relative h-8 w-8 text-sm rounded-full flex items-center justify-center", !isCurrentMonth && "text-muted-foreground", isDateSelected && !isDateDisabled && "bg-black text-white", !isDateSelected && !isDateDisabled && "hover:bg-muted", isDateDisabled && "text-gray-300 cursor-not-allowed"), onClick: () => handleDaySelect(day, month, year), children: [_jsx("span", { children: day }), isDateDisabled && (_jsx("span", { className: "absolute h-px w-5 rounded-full bg-gray-300", "aria-hidden": "true" }))] }, index));
+                        }) })] }));
+        }
+        else if (view === "months") {
+            return (_jsx("div", { className: "grid grid-cols-3 gap-2 p-2", children: months.map((month, index) => {
+                    const isMonthDisabled = (calendarDate.getFullYear() === minYear && index < minDate.getMonth()) ||
+                        (calendarDate.getFullYear() === maxYear && index > maxDate.getMonth());
+                    return (_jsx("button", { type: "button", disabled: isMonthDisabled, className: cn("py-2 rounded text-sm", calendarDate.getMonth() === index && "bg-black text-white", !isMonthDisabled && calendarDate.getMonth() !== index && "hover:bg-muted", isMonthDisabled && "text-gray-300 cursor-not-allowed"), onClick: () => handleMonthSelect(index), children: month.substring(0, 3) }, month));
+                }) }));
+        }
+        else if (view === "years") {
+            return (_jsx("div", { className: "grid grid-cols-3 gap-2 p-2", children: Array.from({ length: 10 }, (_, i) => yearRange[0] + i).map((year) => {
+                    const isYearDisabled = year < minYear || year > maxYear;
+                    return (_jsx("button", { type: "button", disabled: isYearDisabled, className: cn("py-2 rounded text-sm", calendarDate.getFullYear() === year && "bg-black text-white", !isYearDisabled && calendarDate.getFullYear() !== year && "hover:bg-muted", isYearDisabled && "text-gray-300 cursor-not-allowed"), onClick: () => handleYearSelect(year), children: year }, year));
+                }) }));
+        }
+    };
+    const hasValue = field.value instanceof Date;
+    const displayDate = hasValue ? format(field.value, includeTime ? "d MMM yyyy, HH:mm" : "d MMM yyyy") : null;
+    return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: cn(
+                    // base
+                    "group relative w-full rounded-2xl p-3 flex items-center justify-between text-left outline-none cursor-pointer", 
+                    // border
+                    "border-2 transition-all duration-200", 
+                    // subtle hover background
+                    "hover:bg-blue-50/40", 
+                    // scale on active press
+                    "active:scale-[0.98]", 
+                    // open / focus state → blue ring + border
+                    open
+                        ? "border-blue-600 bg-blue-50/30 shadow-[0_0_0_3px_rgba(37,99,235,0.12)] scale-[1.01]"
+                        : "border-gray-200 hover:border-gray-300 bg-white"), children: [_jsxs("div", { className: "flex flex-col overflow-hidden mr-2 min-w-0", children: [label && (_jsx("p", { className: cn("text-[10px] font-black uppercase tracking-wider leading-tight mb-0.5 transition-colors duration-200", open ? "text-blue-600" : "text-gray-400"), children: label })), _jsx("p", { className: cn("text-sm font-semibold leading-tight truncate transition-colors duration-200", hasValue
+                                        ? "text-gray-900"
+                                        : open
+                                            ? "text-blue-400"
+                                            : "text-gray-400"), children: displayDate !== null && displayDate !== void 0 ? displayDate : "Add date" })] }), _jsx(CalendarIcon, { className: cn("shrink-0 transition-all duration-200", open
+                                ? "w-4 h-4 text-blue-600 scale-110 rotate-[-8deg]"
+                                : "w-4 h-4 text-gray-400 group-hover:text-gray-500") })] }) }), _jsx(PopoverContent, { className: "w-auto p-3", align: "start", children: _jsxs("div", { className: "w-64", children: [renderHeader(), renderCalendarContent(), includeTime && _jsxs("div", { className: "mt-3 flex items-center gap-2 border-t pt-3", children: [_jsx(Input, { type: "time", value: timeValue, onChange: (event) => {
+                                        const nextTime = event.target.value;
+                                        setTimeValue(nextTime);
+                                        const selectedDate = new Date(field.value || calendarDate);
+                                        const [hours, minutes] = nextTime.split(":").map(Number);
+                                        selectedDate.setHours(hours || 0, minutes || 0, 0, 0);
+                                        field.onChange(selectedDate);
+                                    } }), onClear && _jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => { onClear(); setOpen(false); }, children: "Clear" })] }), !includeTime && onClear && _jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "mt-2 w-full", onClick: () => { onClear(); setOpen(false); }, children: "Clear date" })] }) })] }));
+}

package/dist/misc/dialog.d.ts

@@ -0,0 +1,13 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/misc/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../src/misc/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,iBAAS,MAAM,CAAC,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACpB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAoBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}