@nqlib/nqui 0.1.0

package/dist/components/custom/enhanced-scroll-area.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
+import { ScrollBar as BaseScrollBar } from "@/components/ui/scroll-area";
+export interface EnhancedScrollAreaProps extends React.ComponentProps<typeof ScrollAreaPrimitive.Root> {
+    /**
+     * Enable fade mask effect at top and bottom edges
+     * @default true
+     */
+    fadeMask?: boolean;
+    /**
+     * Scroll orientation
+     * @default "vertical"
+     */
+    orientation?: "vertical" | "horizontal" | "both";
+}
+/**
+ * Enhanced ScrollArea component with fade mask and scrollbar detection
+ *
+ * Wraps the base shadcn ScrollArea component with additional features:
+ * - Fade mask effect at edges when scrolling
+ * - Automatic scrollbar visibility detection
+ * - Custom scrollbar styling
+ *
+ * @example
+ * ```tsx
+ * <EnhancedScrollArea className="h-[300px]">
+ *   <div>Content here</div>
+ * </EnhancedScrollArea>
+ * ```
+ */
+declare const EnhancedScrollArea: React.ForwardRefExoticComponent<Omit<EnhancedScrollAreaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { EnhancedScrollArea, EnhancedScrollArea as ScrollArea };
+export { BaseScrollBar as ScrollBar };
+//# sourceMappingURL=enhanced-scroll-area.d.ts.map

package/dist/components/custom/enhanced-scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced-scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/custom/enhanced-scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC5D,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,6BAA6B,CAAA;AAGxE,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;IAC7D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAA;CACjD;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,kBAAkB,6GA4EvB,CAAA;AAID,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,IAAI,UAAU,EAAE,CAAA;AAC/D,OAAO,EAAE,aAAa,IAAI,SAAS,EAAE,CAAA"}

package/dist/components/custom/enhanced-separator.d.ts

@@ -0,0 +1,36 @@
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+export type SeparatorVariant = "default" | "solid" | "shadow-outset" | "shadow-inset" | "dotted" | "dashed" | "glow" | "thick" | "gradient" | "double" | "fade-strong" | "arrow-down" | "tab-down" | "stopper" | "dot" | "text-decoration" | "shiny-corner" | "shiny-edge";
+export interface EnhancedSeparatorProps extends React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> {
+    /**
+     * Visual style variant
+     * @default "default"
+     */
+    variant?: SeparatorVariant;
+    /**
+     * Text content for text-decoration variant
+     */
+    textContent?: string;
+}
+/**
+ * Enhanced Separator component with multiple visual variants
+ *
+ * Wraps the base Radix UI separator with enhanced styling options:
+ * - Basic variants: default, solid
+ * - Shadow variants: shadow-outset, shadow-inset
+ * - Line styles: dotted, dashed, double
+ * - Effects: glow, gradient, fade-strong
+ * - Size: thick
+ * - Decorative: arrow-down, tab-down, stopper, dot, text-decoration, shiny-corner, shiny-edge
+ *
+ * Maintains all Radix UI accessibility and state management.
+ *
+ * @example
+ * ```tsx
+ * <EnhancedSeparator variant="shadow-outset" />
+ * <EnhancedSeparator variant="text-decoration" textContent="OR" />
+ * ```
+ */
+declare const EnhancedSeparator: React.ForwardRefExoticComponent<EnhancedSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+export { EnhancedSeparator, EnhancedSeparator as Separator };
+//# sourceMappingURL=enhanced-separator.d.ts.map

package/dist/components/custom/enhanced-separator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced-separator.d.ts","sourceRoot":"","sources":["../../../src/components/custom/enhanced-separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAG/D,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,OAAO,GACP,eAAe,GACf,cAAc,GACd,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,UAAU,GACV,SAAS,GACT,KAAK,GACL,iBAAiB,GACjB,cAAc,GACd,YAAY,CAAA;AAEhB,MAAM,WAAW,sBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;IACtE;;;OAGG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,iBAAiB,+FA0KtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,IAAI,SAAS,EAAE,CAAA"}

package/dist/components/custom/nqui-logo.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface NquiLogoProps extends React.SVGProps<SVGSVGElement> {
+    className?: string;
+}
+/**
+ * NquiLogo - Theme-aware logo component that adapts to light/dark mode
+ */
+export declare const NquiLogo: React.ForwardRefExoticComponent<Omit<NquiLogoProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=nqui-logo.d.ts.map

package/dist/components/custom/nqui-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nqui-logo.d.ts","sourceRoot":"","sources":["../../../src/components/custom/nqui-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;IAClE,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,kGAqDpB,CAAA"}

package/dist/components/custom/rating.d.ts

@@ -0,0 +1,60 @@
+import * as React from "react";
+export interface RatingProps extends Omit<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> {
+    /**
+     * Controlled value (0 to maxRating)
+     */
+    value?: number;
+    /**
+     * Uncontrolled default value
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Callback when rating changes
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Maximum rating value
+     * @default 5
+     */
+    maxRating?: number;
+    /**
+     * Allow half-star ratings
+     * @default true
+     */
+    allowHalf?: boolean;
+    /**
+     * Show tooltip on hover
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Custom tooltip content
+     */
+    tooltipContent?: (value: number) => React.ReactNode;
+    /**
+     * Star size
+     * @default "h-6 w-6"
+     */
+    starSize?: string;
+}
+/**
+ * Rating component with star-based input using native radio inputs
+ *
+ * Uses native HTML radio inputs for full accessibility:
+ * - Keyboard navigation (Arrow keys, Space)
+ * - ARIA attributes
+ * - Screen reader support
+ * - Focus management
+ *
+ * Visually displays as stars using CSS-only approach with flex-direction: row-reverse
+ * and sibling selectors for hover/selection highlighting.
+ *
+ * @example
+ * ```tsx
+ * <Rating defaultValue={3} maxRating={5} allowHalf />
+ * ```
+ */
+declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLFieldSetElement>>;
+export { Rating };
+//# sourceMappingURL=rating.d.ts.map

package/dist/components/custom/rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/custom/rating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA2H9B,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACtG;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACnD;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,MAAM,yFAqIX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/components/custom/table-of-contents.d.ts

@@ -0,0 +1,77 @@
+import * as React from "react";
+export interface TOCItem {
+    id: string;
+    label: string;
+    level: number;
+    children?: TOCItem[];
+}
+export interface TableOfContentsProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Manual TOC items array
+     */
+    items?: TOCItem[];
+    /**
+     * Auto-detect headings from the page
+     */
+    autoDetect?: boolean;
+    /**
+     * CSS selector for headings to detect
+     */
+    headingSelector?: string;
+    /**
+     * Container element, ref, or selector to scope heading detection.
+     * If provided, only headings within this container will be detected.
+     * If not provided, searches the entire document (useful for full-page documents).
+     */
+    container?: HTMLElement | React.RefObject<HTMLElement> | string | null;
+    /**
+     * Controlled active section ID (overrides scroll spy)
+     */
+    activeId?: string;
+    /**
+     * Callback when active section changes
+     */
+    onActiveChange?: (id: string | null) => void;
+    /**
+     * Offset for scroll positioning (useful for fixed headers)
+     */
+    scrollOffset?: number;
+    /**
+     * Enable smooth scrolling
+     */
+    smoothScroll?: boolean;
+    /**
+     * Enable automatic scroll spy
+     */
+    enableScrollSpy?: boolean;
+    /**
+     * Title to display above TOC
+     */
+    title?: string;
+    /**
+     * Visual variant of the TOC
+     */
+    variant?: "normal" | "circuit";
+}
+/**
+ * Enhanced Table of Contents component with auto-detection and scroll spy
+ *
+ * Supports two visual variants:
+ * - normal: Fumadocs-style with left border and animated thumb indicator
+ * - circuit: Clerk-style with continuous line structure and SVG path
+ *
+ * Features:
+ * - Auto-detect headings from DOM or accept manual items
+ * - Scroll spy to highlight active section
+ * - Smooth scrolling to sections
+ * - Support for fixed headers with scroll offset
+ *
+ * @example
+ * ```tsx
+ * <TableOfContents autoDetect headingSelector="h2, h3" enableScrollSpy />
+ * <TableOfContents variant="circuit" items={tocItems} />
+ * ```
+ */
+declare const TableOfContents: React.ForwardRefExoticComponent<TableOfContentsProps & React.RefAttributes<HTMLDivElement>>;
+export { TableOfContents };
+//# sourceMappingURL=table-of-contents.d.ts.map

package/dist/components/custom/table-of-contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.d.ts","sourceRoot":"","sources":["../../../src/components/custom/table-of-contents.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;CACrB;AAaD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,EAAE,CAAA;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,GAAG,IAAI,CAAA;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC/B;AA+FD;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,eAAe,6FA6KpB,CAAA;AAqeD,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/debug/crosshair.d.ts

@@ -0,0 +1,5 @@
+export interface CrosshairProps {
+    enabled: boolean;
+}
+export declare function Crosshair({ enabled }: CrosshairProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=crosshair.d.ts.map

package/dist/components/debug/crosshair.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"crosshair.d.ts","sourceRoot":"","sources":["../../../src/components/debug/crosshair.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,EAAE,cAAc,kDA4CpD"}

package/dist/components/debug/debug-panel.d.ts

@@ -0,0 +1,5 @@
+export interface DebugPanelProps {
+    className?: string;
+}
+export declare function DebugPanel({ className }: DebugPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=debug-panel.d.ts.map

package/dist/components/debug/debug-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug-panel.d.ts","sourceRoot":"","sources":["../../../src/components/debug/debug-panel.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,2CA24CxD"}

package/dist/components/debug/dependencies.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Debug Tools Dependencies
+ *
+ * This file centralizes all external dependencies for the debug tools.
+ * When extracting to a separate package, only this file needs to be updated.
+ *
+ * All imports should come from the main library index (@/index) when possible.
+ */
+export { Button } from "@/index";
+export { Switch } from "@/index";
+export { Label } from "@/index";
+export { Slider } from "@/index";
+export { Input } from "@/index";
+export { Textarea } from "@/index";
+export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/index";
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "@/index";
+export { Tooltip, TooltipProvider, TooltipTrigger, TooltipContent } from "@/index";
+export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "@/index";
+export { ColorPicker } from "@/index";
+export type { ColorPickerProps } from "@/index";
+export { cn } from "@/lib/utils";
+export type { ButtonProps } from "@/index";
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/debug/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/debug/dependencies.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAKH,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACvF,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAClF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAK/C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAKhC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/debug/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Debug Tools
+ *
+ * A collection of developer tools for debugging and inspecting React applications.
+ * Designed to be easily extracted into a separate package.
+ *
+ * @packageDocumentation
+ */
+export { DebugPanel } from "./debug-panel";
+export { Magnifier } from "./magnifier";
+export { Crosshair } from "./crosshair";
+export { UITester } from "./ui-tester";
+export type { DebugPanelProps } from "./debug-panel";
+export type { MagnifierProps } from "./magnifier";
+export type { CrosshairProps } from "./crosshair";
+export type { UITesterProps } from "./ui-tester";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/debug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/debug/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAMH,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/debug/magnifier.d.ts

@@ -0,0 +1,9 @@
+export interface MagnifierProps {
+    enabled: boolean;
+    zoom?: number;
+    size?: number;
+    lockedElement?: HTMLElement | null;
+    onElementChange?: (element: HTMLElement | null) => void;
+}
+export declare function Magnifier({ enabled, zoom, size, lockedElement, onElementChange }: MagnifierProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=magnifier.d.ts.map

package/dist/components/debug/magnifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"magnifier.d.ts","sourceRoot":"","sources":["../../../src/components/debug/magnifier.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAClC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;CACxD;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,IAAQ,EACR,IAAU,EACV,aAAa,EACb,eAAe,EAChB,EAAE,cAAc,kDA8VhB"}

package/dist/components/debug/ui-tester.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface UITesterProps {
+    enabled: boolean;
+    selectedElement: HTMLElement | null;
+    onElementSelect?: (element: HTMLElement | null) => void;
+    onElementHover?: (element: HTMLElement | null) => void;
+    lockedElement?: HTMLElement | null;
+    setLockedElement?: (element: HTMLElement | null) => void;
+    lockedElementRef?: React.MutableRefObject<HTMLElement | null>;
+    className?: string;
+}
+export declare function UITester({ enabled, selectedElement, onElementSelect, onElementHover, lockedElement: externalLockedElement, setLockedElement: externalSetLockedElement, lockedElementRef: externalLockedElementRef, className }: UITesterProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ui-tester.d.ts.map

package/dist/components/debug/ui-tester.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-tester.d.ts","sourceRoot":"","sources":["../../../src/components/debug/ui-tester.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAoR9B,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAA;IAChB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACvD,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACtD,aAAa,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD,gBAAgB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAA;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAyCD,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,SAAS,EAAE,EAAE,aAAa,kDAmjC7O"}

package/dist/components/debug/utils/css-variable-parser.d.ts

@@ -0,0 +1,28 @@
+/**
+ * CSS Variable Parser
+ *
+ * Utilities for extracting and parsing CSS variables from the document.
+ * Supports both light and dark mode variables.
+ */
+export interface CSSVariable {
+    name: string;
+    value: string;
+    category?: 'primary' | 'semantic' | 'system' | 'other';
+}
+export interface ColorVariable extends CSSVariable {
+    computedValue?: string;
+    swatchColor?: string;
+}
+/**
+ * Extract all CSS variables from the document root
+ */
+export declare function extractCssVariables(): CSSVariable[];
+/**
+ * Get only color-related CSS variables
+ */
+export declare function getColorVariables(): ColorVariable[];
+/**
+ * Resolve a CSS variable to its computed value
+ */
+export declare function resolveCssVar(varName: string): string;
+//# sourceMappingURL=css-variable-parser.d.ts.map

package/dist/components/debug/utils/css-variable-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-variable-parser.d.ts","sourceRoot":"","sources":["../../../../src/components/debug/utils/css-variable-parser.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAA;CACvD;AAED,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,WAAW,EAAE,CAsFnD;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,aAAa,EAAE,CAkBnD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAkBrD"}

package/dist/components/debug/utils/element-selector.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Element Selection Utilities
+ *
+ * Reusable utilities for element selection and selector generation.
+ * Used by both magnifier and UI tester components.
+ */
+/**
+ * Get the element at a specific point
+ */
+export declare function getElementAtPoint(x: number, y: number): HTMLElement | null;
+/**
+ * Generate a unique CSS selector for an element
+ * Creates a stable selector that can be used to find the element later
+ */
+export declare function generateUniqueSelector(element: HTMLElement): string;
+/**
+ * Find an element by its CSS selector
+ */
+export declare function findElementBySelector(selector: string): HTMLElement | null;
+/**
+ * Check if an element is a debug UI element (should be excluded from selection)
+ */
+export declare function isDebugUIElement(element: HTMLElement | null): boolean;
+//# sourceMappingURL=element-selector.d.ts.map

package/dist/components/debug/utils/element-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-selector.d.ts","sourceRoot":"","sources":["../../../../src/components/debug/utils/element-selector.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAG1E;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAmDnE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,CAS1E;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,OAAO,CAWrE"}

package/dist/components/debug/utils/style-injector.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Style Injector Utilities
+ *
+ * Utilities for injecting preview-only CSS styles into the document.
+ * Uses data attributes and style injection to avoid modifying actual elements.
+ */
+export interface PreviewStyles {
+    boxShadow?: string;
+    textShadow?: string;
+    glow?: {
+        color: string;
+        blur: number;
+        spread: number;
+    };
+    backgroundColor?: string;
+    backgroundImage?: string;
+    border?: {
+        color: string;
+        width: string;
+        style: string;
+    };
+    customCss?: string;
+}
+/**
+ * Inject preview styles for a selected element
+ */
+export declare function injectPreviewStyles(element: HTMLElement | null, styles: PreviewStyles): void;
+/**
+ * Update preview styles for the currently selected element
+ */
+export declare function updatePreviewStyles(element: HTMLElement | null, styles: PreviewStyles): void;
+/**
+ * Remove all preview styles
+ */
+export declare function removePreviewStyles(): void;
+/**
+ * Check if preview styles are active
+ */
+export declare function hasPreviewStyles(): boolean;
+//# sourceMappingURL=style-injector.d.ts.map

package/dist/components/debug/utils/style-injector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-injector.d.ts","sourceRoot":"","sources":["../../../../src/components/debug/utils/style-injector.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAkFD;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,MAAM,EAAE,aAAa,GACpB,IAAI,CAgCN;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,WAAW,GAAG,IAAI,EAC3B,MAAM,EAAE,aAAa,GACpB,IAAI,CAEN;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAc1C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C"}

package/dist/components/debug/utils/style-parser.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Parse CSS values from computed styles
+ */
+export interface ParsedBoxShadow {
+    offsetX: number;
+    offsetY: number;
+    blur: number;
+    spread: number;
+    color: string;
+}
+export interface ParsedTextShadow {
+    offsetX: number;
+    offsetY: number;
+    blur: number;
+    color: string;
+}
+export interface ParsedBorder {
+    width: string;
+    style: string;
+    color: string;
+}
+/**
+ * Parse box-shadow value into individual shadows
+ */
+export declare function parseBoxShadow(boxShadow: string): ParsedBoxShadow[];
+/**
+ * Parse text-shadow value into individual shadows
+ */
+export declare function parseTextShadow(textShadow: string): ParsedTextShadow[];
+/**
+ * Parse border value
+ */
+export declare function parseBorder(border: string, borderWidth?: string, borderStyle?: string, borderColor?: string): ParsedBorder | null;
+/**
+ * Check if a value is a gradient
+ */
+export declare function isGradient(value: string): boolean;
+/**
+ * Check if a value is a CSS variable
+ */
+export declare function isCssVariable(value: string): boolean;
+/**
+ * Extract all styles from an element
+ */
+export declare function extractElementStyles(element: HTMLElement | null): {
+    boxShadows: ParsedBoxShadow[];
+    textShadows: ParsedTextShadow[];
+    backgroundColor: string | null;
+    backgroundImage: string | null;
+    border: ParsedBorder | null;
+    outline: ParsedBorder | null;
+};
+//# sourceMappingURL=style-parser.d.ts.map

package/dist/components/debug/utils/style-parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-parser.d.ts","sourceRoot":"","sources":["../../../../src/components/debug/utils/style-parser.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,eAAe,EAAE,CAmCnE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAgCtE;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,IAAI,CAyBjI;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEpD;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG;IACjE,UAAU,EAAE,eAAe,EAAE,CAAA;IAC7B,WAAW,EAAE,gBAAgB,EAAE,CAAA;IAC/B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAA;IAC3B,OAAO,EAAE,YAAY,GAAG,IAAI,CAAA;CAC7B,CAoEA"}

package/dist/components/example.d.ts

@@ -0,0 +1,7 @@
+declare function ExampleWrapper({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function Example({ title, children, className, containerClassName, ...props }: React.ComponentProps<"div"> & {
+    title: string;
+    containerClassName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { ExampleWrapper, Example };
+//# sourceMappingURL=example.d.ts.map

package/dist/components/example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example.d.ts","sourceRoot":"","sources":["../../src/components/example.tsx"],"names":[],"mappings":"AAEA,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAa3E;AAED,iBAAS,OAAO,CAAC,EACf,KAAK,EACL,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,2CAwBA;AAED,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/login-form.d.ts

@@ -0,0 +1,2 @@
+export declare function LoginForm({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=login-form.d.ts.map

package/dist/components/login-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-form.d.ts","sourceRoot":"","sources":["../../src/components/login-form.tsx"],"names":[],"mappings":"AAMA,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CA8F7B"}

package/dist/components/nav-user.d.ts

@@ -0,0 +1,8 @@
+export declare function NavUser({ user, }: {
+    user: {
+        name: string;
+        email: string;
+        avatar: string;
+    };
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=nav-user.d.ts.map

package/dist/components/nav-user.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav-user.d.ts","sourceRoot":"","sources":["../../src/components/nav-user.tsx"],"names":[],"mappings":"AAgCA,wBAAgB,OAAO,CAAC,EACtB,IAAI,GACL,EAAE;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;CACF,2CAyEA"}

package/dist/components/showcase/app-builder/app-builder-context.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { WidgetInstance } from "./widget-registry";
+interface AppBuilderContextValue {
+    widgets: WidgetInstance[];
+    selectedWidgetId: string | null;
+    setWidgets: React.Dispatch<React.SetStateAction<WidgetInstance[]>>;
+    setSelectedWidgetId: React.Dispatch<React.SetStateAction<string | null>>;
+    handleDeleteWidget: () => void;
+    handleClearCanvas: () => void;
+}
+export declare function AppBuilderProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useAppBuilder(): AppBuilderContextValue | null;
+export {};
+//# sourceMappingURL=app-builder-context.d.ts.map

package/dist/components/showcase/app-builder/app-builder-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-builder-context.d.ts","sourceRoot":"","sources":["../../../../src/components/showcase/app-builder/app-builder-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAEvD,UAAU,sBAAsB;IAC9B,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;IAC/B,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;IAClE,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACxE,kBAAkB,EAAE,MAAM,IAAI,CAAA;IAC9B,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B;AAID,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAiC7E;AAED,wBAAgB,aAAa,kCAG5B"}

package/dist/components/showcase/app-builder/app-canvas.d.ts

@@ -0,0 +1,11 @@
+import type { WidgetInstance } from "./widget-registry";
+interface AppCanvasProps {
+    widgets: WidgetInstance[];
+    onAddWidget: (type: string, x: number, y: number) => void;
+    onSelectWidget: (id: string) => void;
+    onUpdateWidget: (id: string, x: number, y: number, width: number, height: number) => void;
+    selectedWidgetId: string | null;
+}
+export declare function AppCanvas({ widgets, onAddWidget, onSelectWidget, onUpdateWidget, selectedWidgetId, }: AppCanvasProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=app-canvas.d.ts.map

package/dist/components/showcase/app-builder/app-canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-canvas.d.ts","sourceRoot":"","sources":["../../../../src/components/showcase/app-builder/app-canvas.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,UAAU,cAAc;IACtB,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACzD,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACzF,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAA;CAChC;AAED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,WAAW,EACX,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,EAAE,cAAc,2CAoIhB"}

package/dist/components/showcase/app-builder/widget-configurator.d.ts

@@ -0,0 +1,10 @@
+import type { WidgetInstance } from "./widget-registry";
+interface WidgetConfiguratorProps {
+    widget: WidgetInstance | null;
+    onUpdate: (id: string, props: Record<string, any>) => void;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function WidgetConfigurator({ widget, onUpdate, open, onOpenChange, }: WidgetConfiguratorProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=widget-configurator.d.ts.map

package/dist/components/showcase/app-builder/widget-configurator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-configurator.d.ts","sourceRoot":"","sources":["../../../../src/components/showcase/app-builder/widget-configurator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAwBvD,UAAU,uBAAuB;IAC/B,MAAM,EAAE,cAAc,GAAG,IAAI,CAAA;IAC7B,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;IAC1D,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,uBAAuB,kDAuPzB"}

package/dist/components/showcase/app-builder/widget-palette.d.ts

@@ -0,0 +1,6 @@
+interface WidgetPaletteProps {
+    onDragStart: (widgetType: string) => void;
+}
+export declare function WidgetPalette({ onDragStart }: WidgetPaletteProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=widget-palette.d.ts.map

package/dist/components/showcase/app-builder/widget-palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-palette.d.ts","sourceRoot":"","sources":["../../../../src/components/showcase/app-builder/widget-palette.tsx"],"names":[],"mappings":"AAkBA,UAAU,kBAAkB;IAC1B,WAAW,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,aAAa,CAAC,EAAE,WAAW,EAAE,EAAE,kBAAkB,2CAyHhE"}