@gostack-framework/ui 0.0.0-stage → 0.1.0

package/dist/typography/typography.types.d.ts

@@ -0,0 +1,62 @@
+/**
+ * Typography System Types & Configurations
+ * Centralized type definitions for the design system's typography engine.
+ */
+export type SupportedLatinFont = "inter" | "poppins" | "outfit" | "space-grotesk" | "plus-jakarta-sans" | "syne" | "baloo";
+export type SupportedArabicFont = "cairo" | "tajawal" | "almarai" | "noto-kufi-arabic" | "amiri";
+export type SupportedHeadingFont = "default" | "space-grotesk" | "outfit" | "syne" | "playfair" | "inter" | "poppins";
+export type FontSizeScale = "compact" | "normal" | "comfortable";
+export type ThemedTextSize = "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
+export type ThemedTextWeight = "thin" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black";
+export type ThemedTextColor = "primary" | "secondary" | "accent" | "success" | "warning" | "error" | "info" | "foreground" | "muted" | "background";
+export type ThemedTextVariant = "h1" | "h2" | "h3" | "h4" | "title" | "section" | "subheading" | "subtitle" | "lead" | "body" | "caption" | "label" | "metric" | "code" | "heading" | "sidebar";
+export type ThemedTextAlign = "left" | "center" | "right" | "justify" | "start" | "end";
+export type ThemedTextTransform = "none" | "lowercase" | "capitalize" | "uppercase";
+export type AnyFontOption = SupportedLatinFont | SupportedArabicFont | "akaya-telivigala" | "segoe-arabic" | "expo-arabic";
+/**
+ * Variant Item Definition
+ * Encapsulates the font size and font weight (plus line-height/letter-spacing)
+ * for a specific variant under a selected density scale.
+ */
+export interface TypographyVariantItem {
+    variant: ThemedTextVariant;
+    size: string;
+    weight: string;
+    lineHeight?: string;
+    letterSpacing?: string;
+    extraClasses?: string;
+}
+/**
+ * Full typography configuration object stored in persistence layer.
+ */
+export interface TypographyConfig {
+    latinFont: SupportedLatinFont;
+    arabicFont: SupportedArabicFont;
+    headingFont: SupportedHeadingFont;
+    fontScale: FontSizeScale;
+    baseFontSize?: number;
+}
+export interface FontOptionItem<T extends string = string> {
+    id: T;
+    label: string;
+    nativeLabel?: string;
+    cssClass: string;
+    fontFamily: string;
+    description?: string;
+    sampleText?: string;
+}
+export interface FontScaleOptionItem {
+    id: FontSizeScale;
+    label: string;
+    description: string;
+    multiplier: number;
+}
+/**
+ * Repository interface for Typography configuration.
+ * Allows effortless swapping from LocalStorage to REST/GraphQL API.
+ */
+export interface TypographyRepository {
+    getConfig(): Promise<TypographyConfig> | TypographyConfig;
+    saveConfig(config: TypographyConfig): Promise<void> | void;
+    resetConfig(): Promise<void> | void;
+}

package/dist/typography/typography.types.js

@@ -0,0 +1,6 @@
+/**
+ * Typography System Types & Configurations
+ * Centralized type definitions for the design system's typography engine.
+ */
+export {};
+//# sourceMappingURL=typography.types.js.map

package/dist/typography/typography.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.js","sourceRoot":"","sources":["../../src/typography/typography.types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/typography/useTypography.d.ts

@@ -0,0 +1,25 @@
+import { FontSizeScale, SupportedArabicFont, SupportedHeadingFont, SupportedLatinFont, ThemedTextVariant, TypographyConfig } from "./typography.types";
+/**
+ * Apply typography variables to documentElement for global CSS sync
+ */
+export declare function applyTypographyToDom(config: TypographyConfig): void;
+/**
+ * Primary React Hook for consuming and modifying Typography configurations.
+ */
+export declare function useTypography(): {
+    config: TypographyConfig;
+    updateConfig: (updater: Partial<TypographyConfig>) => void;
+    setLatinFont: (font: SupportedLatinFont) => void;
+    setArabicFont: (font: SupportedArabicFont) => void;
+    setHeadingFont: (font: SupportedHeadingFont) => void;
+    setFontScale: (scale: FontSizeScale) => void;
+    resetTypography: () => void;
+    getFontFamilyClass: (font?: string, isRTL?: boolean, isHeading?: boolean) => string;
+    getVariantStyleClass: (variant?: ThemedTextVariant) => string;
+    options: {
+        latinFonts: import("./typography.types").FontOptionItem<SupportedLatinFont>[];
+        arabicFonts: import("./typography.types").FontOptionItem<SupportedArabicFont>[];
+        headingFonts: import("./typography.types").FontOptionItem<SupportedHeadingFont>[];
+        fontScales: import("./typography.types").FontScaleOptionItem[];
+    };
+};

package/dist/typography/useTypography.js

@@ -0,0 +1,158 @@
+import { useEffect, useState } from "react";
+import { getTypographyRepository } from "./typography.adapter.js";
+import { ARABIC_FONT_OPTIONS, DEFAULT_TYPOGRAPHY_CONFIG, FONT_FAMILIES_MAP, FONT_SCALE_OPTIONS, getVariantStyle, HEADING_FONT_OPTIONS, LATIN_FONT_OPTIONS, } from "./typography.constants.js";
+/**
+ * Module-level in-memory cache to synchronize all hook instances
+ */
+let globalTypographyConfig = (() => {
+    const repo = getTypographyRepository();
+    const loaded = repo.getConfig();
+    // Support both synchronous config and Promise return
+    if (loaded && typeof loaded.then === "function") {
+        return DEFAULT_TYPOGRAPHY_CONFIG;
+    }
+    return loaded || DEFAULT_TYPOGRAPHY_CONFIG;
+})();
+const listeners = new Set();
+function notifyListeners(cfg) {
+    globalTypographyConfig = cfg;
+    listeners.forEach((listener) => {
+        try {
+            listener(cfg);
+        }
+        catch (e) {
+            console.error("[useTypography] Listener error:", e);
+        }
+    });
+}
+/**
+ * Resolve CSS font-family string from font identifier
+ */
+function resolveFontFamilyCss(fontId, fontList) {
+    const match = fontList.find((f) => f.id === fontId);
+    return match?.fontFamily || "inherit";
+}
+/**
+ * Apply typography variables to documentElement for global CSS sync
+ */
+export function applyTypographyToDom(config) {
+    if (typeof document === "undefined")
+        return;
+    const root = document.documentElement;
+    const latinFamily = resolveFontFamilyCss(config.latinFont, LATIN_FONT_OPTIONS);
+    const arabicFamily = resolveFontFamilyCss(config.arabicFont, ARABIC_FONT_OPTIONS);
+    const headingFamily = config.headingFont && config.headingFont !== "default"
+        ? resolveFontFamilyCss(config.headingFont, HEADING_FONT_OPTIONS)
+        : latinFamily;
+    root.style.setProperty("--font-current-latin", latinFamily);
+    root.style.setProperty("--font-current-arabic", arabicFamily);
+    root.style.setProperty("--font-current-heading", headingFamily);
+    root.setAttribute("data-font-scale", config.fontScale);
+}
+// Apply on script load
+if (typeof document !== "undefined") {
+    try {
+        applyTypographyToDom(globalTypographyConfig);
+    }
+    catch { }
+}
+/**
+ * Primary React Hook for consuming and modifying Typography configurations.
+ */
+export function useTypography() {
+    const [config, setConfig] = useState(globalTypographyConfig);
+    useEffect(() => {
+        const listener = (newCfg) => {
+            setConfig(newCfg);
+        };
+        listeners.add(listener);
+        return () => {
+            listeners.delete(listener);
+        };
+    }, []);
+    // Async hydration if repository is remote API
+    useEffect(() => {
+        const repo = getTypographyRepository();
+        const res = repo.getConfig();
+        if (res && typeof res.then === "function") {
+            res.then((remoteConfig) => {
+                if (remoteConfig) {
+                    notifyListeners(remoteConfig);
+                    applyTypographyToDom(remoteConfig);
+                }
+            });
+        }
+    }, []);
+    const updateConfig = (updater) => {
+        const next = {
+            ...globalTypographyConfig,
+            ...updater,
+        };
+        notifyListeners(next);
+        applyTypographyToDom(next);
+        const repo = getTypographyRepository();
+        repo.saveConfig(next);
+    };
+    const setLatinFont = (font) => {
+        updateConfig({ latinFont: font });
+    };
+    const setArabicFont = (font) => {
+        updateConfig({ arabicFont: font });
+    };
+    const setHeadingFont = (font) => {
+        updateConfig({ headingFont: font });
+    };
+    const setFontScale = (scale) => {
+        updateConfig({ fontScale: scale });
+    };
+    const resetTypography = () => {
+        notifyListeners(DEFAULT_TYPOGRAPHY_CONFIG);
+        applyTypographyToDom(DEFAULT_TYPOGRAPHY_CONFIG);
+        const repo = getTypographyRepository();
+        repo.resetConfig();
+    };
+    /**
+     * Resolves the appropriate Tailwind font family class
+     */
+    const getFontFamilyClass = (font, isRTL = false, isHeading = false) => {
+        // Explicit prop passed to component takes highest precedence
+        if (font && font !== "default" && FONT_FAMILIES_MAP[font]) {
+            return FONT_FAMILIES_MAP[font];
+        }
+        // RTL / Arabic context
+        if (isRTL) {
+            return FONT_FAMILIES_MAP[config.arabicFont] || "font-cairo";
+        }
+        // Heading variant with specific heading font configured
+        if (isHeading && config.headingFont && config.headingFont !== "default") {
+            return FONT_FAMILIES_MAP[config.headingFont] || "font-sans";
+        }
+        // Default Latin font from configuration
+        return FONT_FAMILIES_MAP[config.latinFont] || "font-sans";
+    };
+    /**
+     * Resolves the complete variant style (size + weight + leading + tracking)
+     * based on active density scale (compact, normal, comfortable).
+     */
+    const getVariantStyleClass = (variant = "body") => {
+        return getVariantStyle(variant, config.fontScale || "normal");
+    };
+    return {
+        config,
+        updateConfig,
+        setLatinFont,
+        setArabicFont,
+        setHeadingFont,
+        setFontScale,
+        resetTypography,
+        getFontFamilyClass,
+        getVariantStyleClass,
+        options: {
+            latinFonts: LATIN_FONT_OPTIONS,
+            arabicFonts: ARABIC_FONT_OPTIONS,
+            headingFonts: HEADING_FONT_OPTIONS,
+            fontScales: FONT_SCALE_OPTIONS,
+        },
+    };
+}
+//# sourceMappingURL=useTypography.js.map

package/dist/typography/useTypography.js.map

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

package/dist/ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/ui/accordion.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { ChevronDownIcon } from "lucide-react";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+function Accordion({ ...props }) {
+    return _jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("border-b border-dashboard-border last:border-b-0", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn("flex flex-1 items-center justify-between gap-3 py-2.5 text-left text-xs font-medium text-dashboard-foreground transition-colors outline-none hover:text-dashboard-primary focus-visible:ring-1 focus-visible:ring-dashboard-primary/40 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-3.5 shrink-0 text-dashboard-muted-foreground transition-transform duration-200" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-xs text-dashboard-muted-foreground data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pt-0 pb-3", className), children: children }) }));
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=accordion.js.map

package/dist/ui/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/ui/accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG3D,SAAS,SAAS,CAAC,EACf,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,kBAAkB,CAAC,IAAI,iBAAW,WAAW,KAAK,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,aAAa,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACH,KAAC,kBAAkB,CAAC,IAAI,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,kDAAkD,EAClD,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACH,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACvC,MAAC,kBAAkB,CAAC,OAAO,iBACb,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACT,4UAA4U,EAC5U,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,IAAC,SAAS,EAAC,yGAAyG,GAAG,IAC9G,GACL,CAC/B,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC8C;IACtD,OAAO,CACH,KAAC,kBAAkB,CAAC,OAAO,iBACb,mBAAmB,EAC7B,SAAS,EAAC,2IAA2I,KACjJ,KAAK,YAET,cAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,GACnC,CAChC,CAAC;AACN,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/ui/avatar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare function Avatar({ className, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & {
+    size?: "default" | "sm" | "lg";
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };

package/dist/ui/avatar.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+function Avatar({ className, size = "default", ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6", className), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center rounded-full bg-dashboard-secondary font-medium text-xs text-dashboard-muted-foreground group-data-[size=sm]/avatar:text-[10px]", className), ...props }));
+}
+function AvatarBadge({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-dashboard-primary text-white ring-2 ring-dashboard-background select-none", "group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden", "group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2", "group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2", className), ...props }));
+}
+function AvatarGroup({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group", className: cn("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-dashboard-background", className), ...props }));
+}
+function AvatarGroupCount({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "avatar-group-count", className: cn("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-dashboard-secondary text-xs text-dashboard-muted-foreground ring-2 ring-dashboard-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3", className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback, AvatarBadge, AvatarGroup, AvatarGroupCount, };
+//# sourceMappingURL=avatar.js.map

package/dist/ui/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/ui/avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAA;AAEpD,SAAS,MAAM,CAAC,EACd,SAAS,EACT,IAAI,GAAG,SAAS,EAChB,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,eACP,IAAI,EACf,SAAS,EAAE,EAAE,CACX,kIAAkI,EAClI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,4KAA4K,EAC5K,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IACxE,OAAO,CACL,4BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,kKAAkK,EAClK,+EAA+E,EAC/E,2FAA2F,EAC3F,+EAA+E,EAC/E,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoB;IAC5B,OAAO,CACL,2BACY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,4XAA4X,EAC5X,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,GACjB,CAAA"}

package/dist/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "success" | "warning" | "info" | null | undefined;
+    shape?: "default" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, shape, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };

package/dist/ui/badge.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-[5px] border px-2 py-0.5 text-[10.5px] font-semibold whitespace-nowrap transition-colors focus-visible:outline-none [&>svg]:pointer-events-none [&>svg]:size-3", {
+    variants: {
+        variant: {
+            default: "bg-dashboard-primary/15 text-dashboard-primary border-dashboard-primary/30",
+            secondary: "bg-dashboard-secondary text-dashboard-muted-foreground border-dashboard-border",
+            destructive: "bg-dashboard-destructive/15 text-dashboard-destructive border-dashboard-destructive/30",
+            outline: "border-dashboard-border text-dashboard-muted-foreground bg-dashboard-card/50",
+            ghost: "border-transparent text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground",
+            success: "bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/30",
+            warning: "bg-amber-500/15 text-amber-600 dark:text-amber-400 border-amber-500/30",
+            info: "bg-sky-500/15 text-sky-600 dark:text-sky-400 border-sky-500/30",
+            link: "text-dashboard-primary underline-offset-4 hover:underline border-transparent",
+        },
+        shape: {
+            default: "rounded-[5px]",
+            pill: "rounded-full",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        shape: "default",
+    },
+});
+function Badge({ className, variant = "default", shape = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "span";
+    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant, shape }), className), ...props }));
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,aAAa,GAAG,GAAG,CACrB,qPAAqP,EACrP;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EACH,4EAA4E;YAChF,SAAS,EACL,gFAAgF;YACpF,WAAW,EACP,wFAAwF;YAC5F,OAAO,EACH,8EAA8E;YAClF,KAAK,EAAE,iHAAiH;YACxH,OAAO,EACH,gFAAgF;YACpF,OAAO,EAAE,wEAAwE;YACjF,IAAI,EAAE,gEAAgE;YACtE,IAAI,EAAE,8EAA8E;SACvF;QACD,KAAK,EAAE;YACH,OAAO,EAAE,eAAe;YACxB,IAAI,EAAE,cAAc;SACvB;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACnB;CACJ,CACJ,CAAC;AAEF,SAAS,KAAK,CAAC,EACX,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAEkD;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAE1C,OAAO,CACH,KAAC,IAAI,iBACS,OAAO,kBACH,OAAO,EACrB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/ui/button.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xs" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    shape?: "default" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, shape, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };

package/dist/ui/button.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { cva } from "class-variance-authority";
+import { Slot } from "radix-ui";
+const buttonVariants = cva("inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md text-xs font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-1 focus-visible:ring-dashboard-primary/40 disabled:pointer-events-none disabled:opacity-50 select-none cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", {
+    variants: {
+        variant: {
+            default: "bg-dashboard-primary text-white hover:bg-dashboard-primary/90 shadow-xs active:scale-[0.98]",
+            destructive: "bg-dashboard-destructive/15 text-dashboard-destructive border border-dashboard-destructive/30 hover:bg-dashboard-destructive/25 focus-visible:ring-dashboard-destructive/30",
+            outline: "border border-dashboard-border bg-dashboard-card/60 text-dashboard-foreground shadow-xs hover:bg-dashboard-secondary hover:text-dashboard-foreground",
+            secondary: "bg-dashboard-secondary text-dashboard-foreground hover:bg-dashboard-secondary/80 border border-dashboard-border",
+            ghost: "text-dashboard-muted-foreground hover:bg-dashboard-secondary hover:text-dashboard-foreground",
+            link: "text-dashboard-primary underline-offset-4 hover:underline",
+        },
+        size: {
+            default: "h-8 px-3 py-1 text-xs",
+            xs: "h-6 gap-1 rounded-[5px] px-2 text-[11px] [&_svg:not([class*='size-'])]:size-3",
+            sm: "h-7 gap-1.5 rounded-md px-2.5 text-xs",
+            lg: "h-9 rounded-md px-4 text-xs font-semibold gap-2 [&_svg:not([class*='size-'])]:size-4",
+            icon: "size-8 rounded-md",
+            "icon-xs": "size-6 rounded-[5px] [&_svg:not([class*='size-'])]:size-3",
+            "icon-sm": "size-7 rounded-[5px] [&_svg:not([class*='size-'])]:size-3.5",
+            "icon-lg": "size-9 rounded-md [&_svg:not([class*='size-'])]:size-4",
+        },
+        shape: {
+            default: "",
+            pill: "rounded-full",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+        shape: "default",
+    },
+});
+function Button({ className, variant = "default", size = "default", shape = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot.Root : "button";
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant, "data-size": size, className: cn(buttonVariants({ variant, size, shape, className })), ...props }));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/ui/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAGhC,MAAM,cAAc,GAAG,GAAG,CACtB,oWAAoW,EACpW;IACI,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EACH,6FAA6F;YACjG,WAAW,EACP,6KAA6K;YACjL,OAAO,EACH,sJAAsJ;YAC1J,SAAS,EACL,iHAAiH;YACrH,KAAK,EAAE,8FAA8F;YACrG,IAAI,EAAE,2DAA2D;SACpE;QACD,IAAI,EAAE;YACF,OAAO,EAAE,uBAAuB;YAChC,EAAE,EAAE,+EAA+E;YACnF,EAAE,EAAE,uCAAuC;YAC3C,EAAE,EAAE,sFAAsF;YAC1F,IAAI,EAAE,mBAAmB;YACzB,SAAS,EAAE,2DAA2D;YACtE,SAAS,EAAE,6DAA6D;YACxE,SAAS,EAAE,wDAAwD;SACtE;QACD,KAAK,EAAE;YACH,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,cAAc;SACvB;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,SAAS;KACnB;CACJ,CACJ,CAAC;AAEF,SAAS,MAAM,CAAC,EACZ,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5C,OAAO,CACH,KAAC,IAAI,iBACS,QAAQ,kBACJ,OAAO,eACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,KAC9D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/ui/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };

package/dist/ui/card.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+function Card({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card", className: cn("flex flex-col rounded-lg border border-dashboard-border bg-dashboard-card text-dashboard-foreground shadow-xs backdrop-blur-xs", className), ...props }));
+}
+function CardHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-header", className: cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1 p-3.5 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-2.5", className), ...props }));
+}
+function CardTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-title", className: cn("text-[14px] sm:text-[15px] font-semibold text-dashboard-foreground leading-snug tracking-tight", className), ...props }));
+}
+function CardDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-description", className: cn("text-xs text-dashboard-muted-foreground leading-normal", className), ...props }));
+}
+function CardAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
+}
+function CardContent({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-content", className: cn("p-3.5 pt-0 text-xs leading-relaxed", className), ...props }));
+}
+function CardFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center p-3 border-t border-dashboard-border bg-dashboard-secondary/30 text-xs rounded-b-lg", className), ...props }));
+}
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+//# sourceMappingURL=card.js.map

package/dist/ui/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAGtC,SAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC9D,OAAO,CACH,2BACc,MAAM,EAChB,SAAS,EAAE,EAAE,CACT,gIAAgI,EAChI,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACpE,OAAO,CACH,2BACc,aAAa,EACvB,SAAS,EAAE,EAAE,CACT,6JAA6J,EAC7J,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACnE,OAAO,CACH,2BACc,YAAY,EACtB,SAAS,EAAE,EAAE,CACT,gGAAgG,EAChG,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACzE,OAAO,CACH,2BACc,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,wDAAwD,EAAE,SAAS,CAAC,KAC9E,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACpE,OAAO,CACH,2BACc,aAAa,EACvB,SAAS,EAAE,EAAE,CACT,gEAAgE,EAChE,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACrE,OAAO,CACH,2BACc,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACpE,OAAO,CACH,2BACc,aAAa,EACvB,SAAS,EAAE,EAAE,CACT,uGAAuG,EACvG,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EACH,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACZ,CAAC"}

package/dist/ui/dialog.d.ts

@@ -0,0 +1,17 @@
+import { Dialog as DialogPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };

package/dist/ui/dialog.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../support/utils.js";
+import { XIcon } from "lucide-react";
+import { Dialog as DialogPrimitive } from "radix-ui";
+import { Button } from "./button.js";
+function Dialog({ ...props }) {
+    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Overlay, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 z-50 bg-black/60 backdrop-blur-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+    return (_jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { "data-slot": "dialog-content", className: cn("fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-0 rounded-xl border border-dashboard-border bg-dashboard-card p-0 text-dashboard-foreground shadow-2xl duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg overflow-hidden", className), ...props, children: [_jsx("div", { className: "p-5 overflow-y-auto max-h-[85vh] text-xs custom-scrollbar", children: children }), showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", "aria-label": "Close dialog", className: "absolute top-3 right-3 size-7 rounded-md p-1 text-dashboard-muted-foreground transition-colors hover:text-dashboard-foreground hover:bg-dashboard-secondary cursor-pointer flex items-center justify-center [&_svg]:size-3.5", children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
+}
+function DialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-1 pb-3 text-left border-b border-dashboard-border", className), ...props }));
+}
+function DialogFooter({ className, showCloseButton = false, children, ...props }) {
+    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3 mt-4 border-t border-dashboard-border", className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: "Close" }) }))] }));
+}
+function DialogTitle({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("text-[16px] sm:text-[17px] font-semibold text-dashboard-foreground tracking-tight leading-snug", className), ...props }));
+}
+function DialogDescription({ className, ...props }) {
+    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-xs text-dashboard-muted-foreground mt-0.5 leading-normal", className), ...props }));
+}
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/ui/dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,SAAS,MAAM,CAAC,EACZ,GAAG,KAAK,EACwC;IAChD,OAAO,KAAC,eAAe,CAAC,IAAI,iBAAW,QAAQ,KAAK,KAAK,GAAI,CAAC;AAClE,CAAC;AAED,SAAS,aAAa,CAAC,EACnB,GAAG,KAAK,EAC2C;IACnD,OAAO,KAAC,eAAe,CAAC,OAAO,iBAAW,gBAAgB,KAAK,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,SAAS,YAAY,CAAC,EAClB,GAAG,KAAK,EAC0C;IAClD,OAAO,KAAC,eAAe,CAAC,MAAM,iBAAW,eAAe,KAAK,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,SAAS,WAAW,CAAC,EACjB,GAAG,KAAK,EACyC;IACjD,OAAO,KAAC,eAAe,CAAC,KAAK,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AACzE,CAAC;AAED,SAAS,aAAa,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACH,KAAC,eAAe,CAAC,OAAO,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,yKAAyK,EACzK,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,aAAa,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,GAAG,KAAK,EAGX;IACG,OAAO,CACH,MAAC,YAAY,iBAAW,eAAe,aACnC,KAAC,aAAa,KAAG,EACjB,MAAC,eAAe,CAAC,OAAO,iBACV,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACT,icAAic,EACjc,SAAS,CACZ,KACG,KAAK,aAET,cAAK,SAAS,EAAC,2DAA2D,YACrE,QAAQ,GACP,EACL,eAAe,IAAI,CAChB,MAAC,eAAe,CAAC,KAAK,iBACR,cAAc,gBACb,cAAc,EACzB,SAAS,EAAC,8NAA8N,aAExO,KAAC,KAAK,KAAG,EACT,eAAM,SAAS,EAAC,SAAS,sBAAa,IAClB,CAC3B,IACqB,IACf,CAClB,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACH,2BACc,eAAe,EACzB,SAAS,EAAE,EAAE,CACT,qEAAqE,EACrE,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,EAClB,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,GAAG,KAAK,EAGX;IACG,OAAO,CACH,4BACc,eAAe,EACzB,SAAS,EAAE,EAAE,CACT,mGAAmG,EACnG,SAAS,CACZ,KACG,KAAK,aAER,QAAQ,EACR,eAAe,IAAI,CAChB,KAAC,eAAe,CAAC,KAAK,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,sBAAe,GAC9B,CAC3B,IACC,CACT,CAAC;AACN,CAAC;AAED,SAAS,WAAW,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACH,KAAC,eAAe,CAAC,KAAK,iBACR,cAAc,EACxB,SAAS,EAAE,EAAE,CACT,gGAAgG,EAChG,SAAS,CACZ,KACG,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,SAAS,iBAAiB,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACH,KAAC,eAAe,CAAC,WAAW,iBACd,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,+DAA+D,EAAE,SAAS,CAAC,KACrF,KAAK,GACX,CACL,CAAC;AACN,CAAC;AAED,OAAO,EACH,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GAChB,CAAC"}

package/dist/ui/dropdown-menu.d.ts

@@ -0,0 +1,25 @@
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import * as React from "react";
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };