@duckcodeailabs/dql-ui 0.10.0

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { palette, space, radius, fontSize, fontWeight, lineHeight, font, z, darkTokens, lightTokens, themes, tokenToCssVar, themeToCssVars, cssVar, type ThemeTokens, type ThemeName, } from './tokens/index.js';
+export { ThemeProvider, useTheme, type ThemeProviderProps } from './theme/ThemeProvider.js';
+export { Tooltip, TooltipProvider, type TooltipProps } from './primitives/Tooltip.js';
+export { Dialog, DialogClose, type DialogProps } from './primitives/Dialog.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, type DropdownMenuContentProps, } from './primitives/DropdownMenu.js';
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverClose, type PopoverContentProps, } from './primitives/Popover.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,CAAC,EACD,UAAU,EACV,WAAW,EACX,MAAM,EACN,aAAa,EACb,cAAc,EACd,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,SAAS,GACf,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAG5F,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,KAAK,wBAAwB,GAC9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,EACZ,KAAK,mBAAmB,GACzB,MAAM,yBAAyB,CAAC"}

package/dist/index.js

@@ -0,0 +1,11 @@
+// Public entry for @duckcodeailabs/dql-ui
+// tokens
+export { palette, space, radius, fontSize, fontWeight, lineHeight, font, z, darkTokens, lightTokens, themes, tokenToCssVar, themeToCssVars, cssVar, } from './tokens/index.js';
+// theme
+export { ThemeProvider, useTheme } from './theme/ThemeProvider.js';
+// primitives
+export { Tooltip, TooltipProvider } from './primitives/Tooltip.js';
+export { Dialog, DialogClose } from './primitives/Dialog.js';
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuLabel, } from './primitives/DropdownMenu.js';
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverContent, PopoverClose, } from './primitives/Popover.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAE1C,SAAS;AACT,OAAO,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,QAAQ,EACR,UAAU,EACV,UAAU,EACV,IAAI,EACJ,CAAC,EACD,UAAU,EACV,WAAW,EACX,MAAM,EACN,aAAa,EACb,cAAc,EACd,MAAM,GAGP,MAAM,mBAAmB,CAAC;AAE3B,QAAQ;AACR,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA2B,MAAM,0BAA0B,CAAC;AAE5F,aAAa;AACb,OAAO,EAAE,OAAO,EAAE,eAAe,EAAqB,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAoB,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,GAElB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACL,OAAO,EACP,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,GAEb,MAAM,yBAAyB,CAAC"}

package/dist/primitives/Dialog.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Dialog — modal dialog primitive.
+ *
+ * Opinionated defaults: centered, max 560 px wide, token-styled overlay and
+ * chrome, escape + click-outside to close (Radix defaults). For wider
+ * layouts, pass `maxWidth`; for fullscreen takeovers use a distinct shell.
+ *
+ *   <Dialog open={open} onOpenChange={setOpen} title="New block">
+ *     <p>...form body...</p>
+ *   </Dialog>
+ */
+import * as React from 'react';
+import * as RDialog from '@radix-ui/react-dialog';
+export interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    children: React.ReactNode;
+    /** Footer actions (buttons). Rendered right-aligned. */
+    footer?: React.ReactNode;
+    maxWidth?: number | string;
+    container?: HTMLElement;
+}
+export declare function Dialog({ open, onOpenChange, title, description, children, footer, maxWidth, container, }: DialogProps): React.ReactElement;
+export declare const DialogClose: React.ForwardRefExoticComponent<RDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/primitives/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/primitives/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAGlD,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,wBAAgB,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAc,EACd,SAAS,GACV,EAAE,WAAW,GAAG,KAAK,CAAC,YAAY,CAyElC;AAED,eAAO,MAAM,WAAW,oGAAgB,CAAC"}

package/dist/primitives/Dialog.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RDialog from '@radix-ui/react-dialog';
+import { cssVar, fontSize, fontWeight, radius, space, z } from '../tokens/index.js';
+export function Dialog({ open, onOpenChange, title, description, children, footer, maxWidth = 560, container, }) {
+    return (_jsx(RDialog.Root, { open: open, onOpenChange: onOpenChange, children: _jsxs(RDialog.Portal, { container: container, children: [_jsx(RDialog.Overlay, { style: {
+                        position: 'fixed',
+                        inset: 0,
+                        background: cssVar('surfaceOverlay'),
+                        zIndex: z.overlay,
+                    } }), _jsxs(RDialog.Content, { style: {
+                        position: 'fixed',
+                        top: '50%',
+                        left: '50%',
+                        transform: 'translate(-50%, -50%)',
+                        background: cssVar('surfaceRaised'),
+                        color: cssVar('textPrimary'),
+                        border: `1px solid ${cssVar('borderDefault')}`,
+                        borderRadius: radius.lg,
+                        boxShadow: cssVar('shadowLg'),
+                        padding: space[6],
+                        width: '92vw',
+                        maxWidth,
+                        maxHeight: '85vh',
+                        overflow: 'auto',
+                        zIndex: z.modal,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: space[4],
+                    }, children: [title && (_jsx(RDialog.Title, { style: {
+                                margin: 0,
+                                fontSize: fontSize.lg,
+                                fontWeight: fontWeight.semibold,
+                            }, children: title })), description && (_jsx(RDialog.Description, { style: {
+                                margin: 0,
+                                fontSize: fontSize.sm,
+                                color: cssVar('textSecondary'),
+                            }, children: description })), _jsx("div", { children: children }), footer && (_jsx("div", { style: {
+                                display: 'flex',
+                                justifyContent: 'flex-end',
+                                gap: space[2],
+                                marginTop: space[2],
+                            }, children: footer }))] })] }) }));
+}
+export const DialogClose = RDialog.Close;
+//# sourceMappingURL=Dialog.js.map

package/dist/primitives/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/primitives/Dialog.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAcpF,MAAM,UAAU,MAAM,CAAC,EACrB,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,GAAG,EACd,SAAS,GACG;IACZ,OAAO,CACL,KAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAClD,MAAC,OAAO,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,aAClC,KAAC,OAAO,CAAC,OAAO,IACd,KAAK,EAAE;wBACL,QAAQ,EAAE,OAAO;wBACjB,KAAK,EAAE,CAAC;wBACR,UAAU,EAAE,MAAM,CAAC,gBAAgB,CAAC;wBACpC,MAAM,EAAE,CAAC,CAAC,OAAO;qBAClB,GACD,EACF,MAAC,OAAO,CAAC,OAAO,IACd,KAAK,EAAE;wBACL,QAAQ,EAAE,OAAO;wBACjB,GAAG,EAAE,KAAK;wBACV,IAAI,EAAE,KAAK;wBACX,SAAS,EAAE,uBAAuB;wBAClC,UAAU,EAAE,MAAM,CAAC,eAAe,CAAC;wBACnC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;wBAC5B,MAAM,EAAE,aAAa,MAAM,CAAC,eAAe,CAAC,EAAE;wBAC9C,YAAY,EAAE,MAAM,CAAC,EAAE;wBACvB,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;wBAC7B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;wBACjB,KAAK,EAAE,MAAM;wBACb,QAAQ;wBACR,SAAS,EAAE,MAAM;wBACjB,QAAQ,EAAE,MAAM;wBAChB,MAAM,EAAE,CAAC,CAAC,KAAK;wBACf,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,QAAQ;wBACvB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;qBACd,aAEA,KAAK,IAAI,CACR,KAAC,OAAO,CAAC,KAAK,IACZ,KAAK,EAAE;gCACL,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAE,QAAQ,CAAC,EAAE;gCACrB,UAAU,EAAE,UAAU,CAAC,QAAQ;6BAChC,YAEA,KAAK,GACQ,CACjB,EACA,WAAW,IAAI,CACd,KAAC,OAAO,CAAC,WAAW,IAClB,KAAK,EAAE;gCACL,MAAM,EAAE,CAAC;gCACT,QAAQ,EAAE,QAAQ,CAAC,EAAE;gCACrB,KAAK,EAAE,MAAM,CAAC,eAAe,CAAC;6BAC/B,YAEA,WAAW,GACQ,CACvB,EACD,wBAAM,QAAQ,GAAO,EACpB,MAAM,IAAI,CACT,cACE,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM;gCACf,cAAc,EAAE,UAAU;gCAC1B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gCACb,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;6BACpB,YAEA,MAAM,GACH,CACP,IACe,IACH,GACJ,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC"}

package/dist/primitives/DropdownMenu.d.ts

@@ -0,0 +1,28 @@
+/**
+ * DropdownMenu — action menu triggered by a button/icon.
+ *
+ * Thin wrapper over Radix with token styling. Exposes the composition pieces
+ * so call sites can build arbitrary menu structures:
+ *
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild><button>Actions</button></DropdownMenuTrigger>
+ *     <DropdownMenuContent>
+ *       <DropdownMenuItem onSelect={...}>Run</DropdownMenuItem>
+ *       <DropdownMenuSeparator />
+ *       <DropdownMenuItem>Duplicate</DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ */
+import * as React from 'react';
+import * as RMenu from '@radix-ui/react-dropdown-menu';
+export declare const DropdownMenu: React.FC<RMenu.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<RMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<RMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuContentProps extends React.ComponentPropsWithoutRef<typeof RMenu.Content> {
+    container?: HTMLElement;
+}
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<RMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<RMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<RMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/primitives/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/primitives/DropdownMenu.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AAGvD,eAAO,MAAM,YAAY,mCAAa,CAAC;AACvC,eAAO,MAAM,mBAAmB,0GAAgB,CAAC;AACjD,eAAO,MAAM,iBAAiB,qGAAc,CAAC;AAE7C,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC;IAC5D,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,eAAO,MAAM,mBAAmB,iGAsB9B,CAAC;AAGH,eAAO,MAAM,gBAAgB,uJAoB3B,CAAC;AAGH,eAAO,MAAM,qBAAqB,4JAchC,CAAC;AAGH,eAAO,MAAM,iBAAiB,wJAgB5B,CAAC"}

package/dist/primitives/DropdownMenu.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DropdownMenu — action menu triggered by a button/icon.
+ *
+ * Thin wrapper over Radix with token styling. Exposes the composition pieces
+ * so call sites can build arbitrary menu structures:
+ *
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild><button>Actions</button></DropdownMenuTrigger>
+ *     <DropdownMenuContent>
+ *       <DropdownMenuItem onSelect={...}>Run</DropdownMenuItem>
+ *       <DropdownMenuSeparator />
+ *       <DropdownMenuItem>Duplicate</DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ */
+import * as React from 'react';
+import * as RMenu from '@radix-ui/react-dropdown-menu';
+import { cssVar, fontSize, radius, space, z } from '../tokens/index.js';
+export const DropdownMenu = RMenu.Root;
+export const DropdownMenuTrigger = RMenu.Trigger;
+export const DropdownMenuGroup = RMenu.Group;
+export const DropdownMenuContent = React.forwardRef(({ container, style, sideOffset = 4, ...rest }, ref) => (_jsx(RMenu.Portal, { container: container, children: _jsx(RMenu.Content, { ref: ref, sideOffset: sideOffset, style: {
+            minWidth: 180,
+            background: cssVar('surfaceElevated'),
+            color: cssVar('textPrimary'),
+            border: `1px solid ${cssVar('borderDefault')}`,
+            borderRadius: radius.md,
+            boxShadow: cssVar('shadowMd'),
+            padding: space[1],
+            zIndex: z.popover,
+            ...style,
+        }, ...rest }) })));
+DropdownMenuContent.displayName = 'DropdownMenuContent';
+export const DropdownMenuItem = React.forwardRef(({ style, ...rest }, ref) => (_jsx(RMenu.Item, { ref: ref, style: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: space[2],
+        padding: `${space[1]} ${space[2]}`,
+        fontSize: fontSize.sm,
+        borderRadius: radius.sm,
+        cursor: 'default',
+        outline: 'none',
+        userSelect: 'none',
+        ...style,
+    }, ...rest })));
+DropdownMenuItem.displayName = 'DropdownMenuItem';
+export const DropdownMenuSeparator = React.forwardRef(({ style, ...rest }, ref) => (_jsx(RMenu.Separator, { ref: ref, style: {
+        height: 1,
+        background: cssVar('borderSubtle'),
+        margin: `${space[1]} 0`,
+        ...style,
+    }, ...rest })));
+DropdownMenuSeparator.displayName = 'DropdownMenuSeparator';
+export const DropdownMenuLabel = React.forwardRef(({ style, ...rest }, ref) => (_jsx(RMenu.Label, { ref: ref, style: {
+        padding: `${space[1]} ${space[2]}`,
+        fontSize: fontSize.xs,
+        color: cssVar('textMuted'),
+        textTransform: 'uppercase',
+        letterSpacing: '0.04em',
+        ...style,
+    }, ...rest })));
+DropdownMenuLabel.displayName = 'DropdownMenuLabel';
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/primitives/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","sourceRoot":"","sources":["../../src/primitives/DropdownMenu.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,KAAK,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAExE,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC;AACvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC;AACjD,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC;AAO7C,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,UAAU,CAGjD,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,KAAC,KAAK,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YAChC,KAAC,KAAK,CAAC,OAAO,IACZ,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE;YACL,QAAQ,EAAE,GAAG;YACb,UAAU,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACrC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;YAC5B,MAAM,EAAE,aAAa,MAAM,CAAC,eAAe,CAAC,EAAE;YAC9C,YAAY,EAAE,MAAM,CAAC,EAAE;YACvB,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;YAC7B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,EAAE,CAAC,CAAC,OAAO;YACjB,GAAG,KAAK;SACT,KACG,IAAI,GACR,GACW,CAChB,CAAC,CAAC;AACH,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAExD,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,CAAC,IAAI,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;QACb,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;QAClC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACrB,YAAY,EAAE,MAAM,CAAC,EAAE;QACvB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,MAAM;QAClB,GAAG,KAAK;KACT,KACG,IAAI,GACR,CACH,CAAC,CAAC;AACH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC;AAElD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAGnD,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,CAAC,SAAS,IACd,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;QACL,MAAM,EAAE,CAAC;QACT,UAAU,EAAE,MAAM,CAAC,cAAc,CAAC;QAClC,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI;QACvB,GAAG,KAAK;KACT,KACG,IAAI,GACR,CACH,CAAC,CAAC;AACH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAG/C,CAAC,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,CAAC,KAAK,IACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;QACL,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;QAClC,QAAQ,EAAE,QAAQ,CAAC,EAAE;QACrB,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC;QAC1B,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,QAAQ;QACvB,GAAG,KAAK;KACT,KACG,IAAI,GACR,CACH,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/primitives/Popover.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Popover — inline panel anchored to a trigger. Unlike Dialog, does not
+ * block the page and does not own focus aggressively. Used for hover cards,
+ * contextual inspectors, and quick-edit panels.
+ *
+ *   <Popover>
+ *     <PopoverTrigger asChild><button>Details</button></PopoverTrigger>
+ *     <PopoverContent>...</PopoverContent>
+ *   </Popover>
+ */
+import * as React from 'react';
+import * as RPopover from '@radix-ui/react-popover';
+export declare const Popover: React.FC<RPopover.PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<RPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: React.ForwardRefExoticComponent<RPopover.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<RPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export interface PopoverContentProps extends React.ComponentPropsWithoutRef<typeof RPopover.Content> {
+    container?: HTMLElement;
+}
+export declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Popover.d.ts.map

package/dist/primitives/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/primitives/Popover.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,eAAO,MAAM,OAAO,iCAAgB,CAAC;AACrC,eAAO,MAAM,cAAc,wGAAmB,CAAC;AAC/C,eAAO,MAAM,aAAa,oGAAkB,CAAC;AAC7C,eAAO,MAAM,YAAY,sGAAiB,CAAC;AAE3C,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC/D,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,eAAO,MAAM,cAAc,4FAsBzB,CAAC"}

package/dist/primitives/Popover.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Popover — inline panel anchored to a trigger. Unlike Dialog, does not
+ * block the page and does not own focus aggressively. Used for hover cards,
+ * contextual inspectors, and quick-edit panels.
+ *
+ *   <Popover>
+ *     <PopoverTrigger asChild><button>Details</button></PopoverTrigger>
+ *     <PopoverContent>...</PopoverContent>
+ *   </Popover>
+ */
+import * as React from 'react';
+import * as RPopover from '@radix-ui/react-popover';
+import { cssVar, radius, space, z } from '../tokens/index.js';
+export const Popover = RPopover.Root;
+export const PopoverTrigger = RPopover.Trigger;
+export const PopoverAnchor = RPopover.Anchor;
+export const PopoverClose = RPopover.Close;
+export const PopoverContent = React.forwardRef(({ container, style, sideOffset = 6, ...rest }, ref) => (_jsx(RPopover.Portal, { container: container, children: _jsx(RPopover.Content, { ref: ref, sideOffset: sideOffset, style: {
+            background: cssVar('surfaceElevated'),
+            color: cssVar('textPrimary'),
+            border: `1px solid ${cssVar('borderDefault')}`,
+            borderRadius: radius.md,
+            boxShadow: cssVar('shadowMd'),
+            padding: space[3],
+            zIndex: z.popover,
+            minWidth: 220,
+            ...style,
+        }, ...rest }) })));
+PopoverContent.displayName = 'PopoverContent';
+//# sourceMappingURL=Popover.js.map

package/dist/primitives/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/primitives/Popover.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAE9D,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC;AACrC,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;AAC/C,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC7C,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC;AAO3C,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAG5C,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACxD,KAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,QAAQ,CAAC,OAAO,IACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE;YACL,UAAU,EAAE,MAAM,CAAC,iBAAiB,CAAC;YACrC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;YAC5B,MAAM,EAAE,aAAa,MAAM,CAAC,eAAe,CAAC,EAAE;YAC9C,YAAY,EAAE,MAAM,CAAC,EAAE;YACvB,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;YAC7B,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;YACjB,MAAM,EAAE,CAAC,CAAC,OAAO;YACjB,QAAQ,EAAE,GAAG;YACb,GAAG,KAAK;SACT,KACG,IAAI,GACR,GACc,CACnB,CAAC,CAAC;AACH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/primitives/Tooltip.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Tooltip — Radix wrapper with DQL token styling.
+ *
+ * Replaces native `title=` usage: faster show delay, proper positioning, and
+ * keyboard/screen-reader behavior via Radix. Default delay matches hex.tech
+ * (200 ms) — fast enough to feel reactive, slow enough not to spam.
+ *
+ *   <Tooltip content="Files">
+ *     <button>...</button>
+ *   </Tooltip>
+ *
+ * Wrap your app (once) in `<TooltipProvider>` — or rely on the default
+ * provider this exports for single-use.
+ */
+import * as React from 'react';
+import * as RTooltip from '@radix-ui/react-tooltip';
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactElement;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    align?: 'start' | 'center' | 'end';
+    sideOffset?: number;
+    /** Hover delay in ms. Default 200. */
+    delayMs?: number;
+    /** Render into a specific container (defaults to document.body). */
+    container?: HTMLElement;
+}
+export declare function Tooltip({ content, children, side, align, sideOffset, delayMs, container, }: TooltipProps): React.ReactElement;
+/** App-level tooltip provider. Wrap the app root once. */
+export declare const TooltipProvider: React.FC<RTooltip.TooltipProviderProps>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/primitives/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/primitives/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AAGpD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,SAAS,CAAC,EAAE,WAAW,CAAC;CACzB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAc,EACd,KAAgB,EAChB,UAAc,EACd,OAAa,EACb,SAAS,GACV,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CA0BnC;AAED,0DAA0D;AAC1D,eAAO,MAAM,eAAe,yCAAoB,CAAC"}

package/dist/primitives/Tooltip.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as RTooltip from '@radix-ui/react-tooltip';
+import { cssVar, fontSize, radius, space, z } from '../tokens/index.js';
+export function Tooltip({ content, children, side = 'right', align = 'center', sideOffset = 6, delayMs = 200, container, }) {
+    return (_jsxs(RTooltip.Root, { delayDuration: delayMs, children: [_jsx(RTooltip.Trigger, { asChild: true, children: children }), _jsx(RTooltip.Portal, { container: container, children: _jsx(RTooltip.Content, { side: side, align: align, sideOffset: sideOffset, style: {
+                        background: cssVar('surfaceElevated'),
+                        color: cssVar('textPrimary'),
+                        border: `1px solid ${cssVar('borderDefault')}`,
+                        borderRadius: radius.sm,
+                        padding: `${space[1]} ${space[2]}`,
+                        fontSize: fontSize.sm,
+                        boxShadow: cssVar('shadowMd'),
+                        zIndex: z.tooltip,
+                        userSelect: 'none',
+                    }, children: content }) })] }));
+}
+/** App-level tooltip provider. Wrap the app root once. */
+export const TooltipProvider = RTooltip.Provider;
+//# sourceMappingURL=Tooltip.js.map

package/dist/primitives/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/primitives/Tooltip.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,QAAQ,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,oBAAoB,CAAC;AAcxE,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,CAAC,EACd,OAAO,GAAG,GAAG,EACb,SAAS,GACI;IACb,OAAO,CACL,MAAC,QAAQ,CAAC,IAAI,IAAC,aAAa,EAAE,OAAO,aACnC,KAAC,QAAQ,CAAC,OAAO,IAAC,OAAO,kBAAE,QAAQ,GAAoB,EACvD,KAAC,QAAQ,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YACnC,KAAC,QAAQ,CAAC,OAAO,IACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE;wBACL,UAAU,EAAE,MAAM,CAAC,iBAAiB,CAAC;wBACrC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;wBAC5B,MAAM,EAAE,aAAa,MAAM,CAAC,eAAe,CAAC,EAAE;wBAC9C,YAAY,EAAE,MAAM,CAAC,EAAE;wBACvB,OAAO,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;wBAClC,QAAQ,EAAE,QAAQ,CAAC,EAAE;wBACrB,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC;wBAC7B,MAAM,EAAE,CAAC,CAAC,OAAO;wBACjB,UAAU,EAAE,MAAM;qBACnB,YAEA,OAAO,GACS,GACH,IACJ,CACjB,CAAC;AACJ,CAAC;AAED,0DAA0D;AAC1D,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,QAAQ,CAAC"}

package/dist/theme/ThemeProvider.d.ts

@@ -0,0 +1,38 @@
+/**
+ * ThemeProvider — applies the active DQL theme to its subtree by writing CSS
+ * custom properties onto a wrapper element.
+ *
+ * Usage
+ *
+ *   <ThemeProvider theme="dark">
+ *     <App />
+ *   </ThemeProvider>
+ *
+ * The wrapper sets `data-theme="dark"` so tooling, Radix portals, and plain
+ * CSS rules can target it. Components in the subtree read tokens via
+ * `cssVar('surfaceBase')` — no context subscription needed, so theme
+ * changes don't trigger re-renders.
+ */
+import * as React from 'react';
+import { type ThemeName, type ThemeTokens } from '../tokens/index.js';
+interface ThemeContextValue {
+    theme: ThemeName;
+    tokens: ThemeTokens;
+    setTheme: (t: ThemeName) => void;
+}
+export interface ThemeProviderProps {
+    /** Controlled theme name. If omitted, provider manages its own state starting at `defaultTheme`. */
+    theme?: ThemeName;
+    /** Initial theme when uncontrolled. Default: 'dark'. */
+    defaultTheme?: ThemeName;
+    /** Called when theme changes (for persistence). */
+    onThemeChange?: (theme: ThemeName) => void;
+    /** Apply tokens at :root instead of a wrapper div. Useful for full-app theming. */
+    applyGlobal?: boolean;
+    children: React.ReactNode;
+}
+export declare function ThemeProvider({ theme: controlled, defaultTheme, onThemeChange, applyGlobal, children, }: ThemeProviderProps): React.ReactElement;
+/** Access the active theme. Only needed for toggling; styles should use `cssVar()` directly. */
+export declare function useTheme(): ThemeContextValue;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0B,KAAK,SAAS,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9F,UAAU,iBAAiB;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CAClC;AAID,MAAM,WAAW,kBAAkB;IACjC,oGAAoG;IACpG,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wDAAwD;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mDAAmD;IACnD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,mFAAmF;IACnF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EAAE,UAAU,EACjB,YAAqB,EACrB,aAAa,EACb,WAAmB,EACnB,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAyCzC;AAED,gGAAgG;AAChG,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/theme/ThemeProvider.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ThemeProvider — applies the active DQL theme to its subtree by writing CSS
+ * custom properties onto a wrapper element.
+ *
+ * Usage
+ *
+ *   <ThemeProvider theme="dark">
+ *     <App />
+ *   </ThemeProvider>
+ *
+ * The wrapper sets `data-theme="dark"` so tooling, Radix portals, and plain
+ * CSS rules can target it. Components in the subtree read tokens via
+ * `cssVar('surfaceBase')` — no context subscription needed, so theme
+ * changes don't trigger re-renders.
+ */
+import * as React from 'react';
+import { themes, themeToCssVars } from '../tokens/index.js';
+const ThemeContext = React.createContext(null);
+export function ThemeProvider({ theme: controlled, defaultTheme = 'dark', onThemeChange, applyGlobal = false, children, }) {
+    const [internal, setInternal] = React.useState(defaultTheme);
+    const active = controlled ?? internal;
+    const tokens = themes[active];
+    const setTheme = React.useCallback((t) => {
+        if (controlled === undefined)
+            setInternal(t);
+        onThemeChange?.(t);
+    }, [controlled, onThemeChange]);
+    // Apply to :root when requested — Radix portals escape our wrapper, so
+    // global mode ensures popovers/dialogs pick up the same tokens.
+    React.useEffect(() => {
+        if (!applyGlobal)
+            return;
+        const vars = themeToCssVars(tokens);
+        const root = document.documentElement;
+        for (const [k, v] of Object.entries(vars))
+            root.style.setProperty(k, v);
+        root.setAttribute('data-theme', active);
+        return () => {
+            for (const k of Object.keys(vars))
+                root.style.removeProperty(k);
+            root.removeAttribute('data-theme');
+        };
+    }, [applyGlobal, active, tokens]);
+    const value = React.useMemo(() => ({ theme: active, tokens, setTheme }), [active, tokens, setTheme]);
+    const inlineStyle = applyGlobal ? undefined : themeToCssVars(tokens);
+    return (_jsx(ThemeContext.Provider, { value: value, children: _jsx("div", { "data-theme": active, style: inlineStyle, children: children }) }));
+}
+/** Access the active theme. Only needed for toggling; styles should use `cssVar()` directly. */
+export function useTheme() {
+    const ctx = React.useContext(ThemeContext);
+    if (!ctx) {
+        throw new Error('useTheme must be used inside a <ThemeProvider>');
+    }
+    return ctx;
+}
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAoC,MAAM,oBAAoB,CAAC;AAQ9F,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC;AAczE,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EAAE,UAAU,EACjB,YAAY,GAAG,MAAM,EACrB,aAAa,EACb,WAAW,GAAG,KAAK,EACnB,QAAQ,GACW;IACnB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAY,YAAY,CAAC,CAAC;IACxE,MAAM,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC;IACtC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAE9B,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAChC,CAAC,CAAY,EAAE,EAAE;QACf,IAAI,UAAU,KAAK,SAAS;YAAE,WAAW,CAAC,CAAC,CAAC,CAAC;QAC7C,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,UAAU,EAAE,aAAa,CAAC,CAC5B,CAAC;IAEF,uEAAuE;IACvE,gEAAgE;IAChE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,MAAM,IAAI,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;QACpC,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,KAAK,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC;YAAE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACxE,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE;YACV,KAAK,MAAM,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;gBAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YAChE,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAElC,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,EAC3C,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAC3B,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,cAAc,CAAC,MAAM,CAAyB,CAAC;IAE9F,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACjC,4BAAiB,MAAM,EAAE,KAAK,EAAE,WAAW,YACxC,QAAQ,GACL,GACgB,CACzB,CAAC;AACJ,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC"}

package/dist/tokens/index.d.ts

@@ -0,0 +1,148 @@
+/**
+ * Design tokens — the single source of visual truth for the DQL UI.
+ *
+ * Philosophy
+ * - Tokens are abstract (role-based: `surface-raised`, not `gray-700`). A
+ *   component asks for `surface-raised` and gets whatever the active theme
+ *   decides it should be. This is what lets a theme pass change a color
+ *   once and have it propagate everywhere.
+ * - Dark first. Light is a mirror, not an afterthought.
+ * - Emitted as CSS custom properties by ThemeProvider so DOM nodes inherit
+ *   them without React re-rendering on theme change.
+ *
+ * Scales
+ * - `space`:    4-pt grid (0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64)
+ * - `radius`:   sharp → pill (0, 2, 4, 6, 8, 12, 999)
+ * - `fontSize`: 11–24 px modular scale
+ * - `shadow`:   3 elevation stops; dark theme uses deeper alpha, light uses softer
+ * - `z`:        named layers so stacking doesn't turn into a lottery
+ */
+export declare const palette: {
+    readonly gray0: "#ffffff";
+    readonly gray50: "#f6f8fa";
+    readonly gray100: "#eaeef2";
+    readonly gray200: "#d0d7de";
+    readonly gray300: "#afb8c1";
+    readonly gray400: "#8c959f";
+    readonly gray500: "#6e7781";
+    readonly gray600: "#57606a";
+    readonly gray700: "#424a53";
+    readonly gray800: "#32383f";
+    readonly gray900: "#24292f";
+    readonly gray950: "#1c2128";
+    readonly gray975: "#161b22";
+    readonly gray1000: "#0d1117";
+    readonly blue300: "#79c0ff";
+    readonly blue400: "#58a6ff";
+    readonly blue500: "#388bfd";
+    readonly blue600: "#0969da";
+    readonly blue700: "#0550ae";
+    readonly green500: "#56d364";
+    readonly green600: "#1f883d";
+    readonly red500: "#f85149";
+    readonly red600: "#cf222e";
+    readonly yellow500: "#e3b341";
+    readonly yellow600: "#9a6700";
+};
+export declare const space: {
+    readonly 0: "0";
+    readonly 1: "4px";
+    readonly 2: "8px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 7: "32px";
+    readonly 8: "40px";
+    readonly 9: "48px";
+    readonly 10: "64px";
+};
+export declare const radius: {
+    readonly none: "0";
+    readonly xs: "2px";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly pill: "999px";
+};
+export declare const fontSize: {
+    readonly xs: "11px";
+    readonly sm: "12px";
+    readonly base: "13px";
+    readonly md: "14px";
+    readonly lg: "16px";
+    readonly xl: "18px";
+    readonly '2xl': "20px";
+    readonly '3xl': "24px";
+};
+export declare const fontWeight: {
+    readonly regular: "400";
+    readonly medium: "500";
+    readonly semibold: "600";
+    readonly bold: "700";
+};
+export declare const lineHeight: {
+    readonly tight: "1.2";
+    readonly snug: "1.35";
+    readonly normal: "1.5";
+    readonly relaxed: "1.65";
+};
+export declare const font: {
+    readonly sans: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+    readonly mono: "'JetBrains Mono', 'Fira Code', Consolas, monospace";
+    readonly serif: "Georgia, 'Times New Roman', serif";
+};
+export declare const z: {
+    readonly base: 0;
+    readonly dropdown: 100;
+    readonly sticky: 200;
+    readonly overlay: 1000;
+    readonly modal: 1100;
+    readonly popover: 1200;
+    readonly tooltip: 1300;
+    readonly toast: 1400;
+};
+export interface ThemeTokens {
+    surfaceBase: string;
+    surfaceRaised: string;
+    surfaceElevated: string;
+    surfaceOverlay: string;
+    surfaceHover: string;
+    surfaceActive: string;
+    surfaceSunken: string;
+    borderSubtle: string;
+    borderDefault: string;
+    borderStrong: string;
+    borderFocus: string;
+    textPrimary: string;
+    textSecondary: string;
+    textMuted: string;
+    textDisabled: string;
+    textInverse: string;
+    accent: string;
+    accentHover: string;
+    accentMuted: string;
+    accentContrast: string;
+    success: string;
+    warning: string;
+    danger: string;
+    info: string;
+    shadowSm: string;
+    shadowMd: string;
+    shadowLg: string;
+}
+export declare const darkTokens: ThemeTokens;
+export declare const lightTokens: ThemeTokens;
+export declare const themes: {
+    readonly dark: ThemeTokens;
+    readonly light: ThemeTokens;
+};
+export type ThemeName = keyof typeof themes;
+/** camelCase token key → CSS custom property name (`--dql-surface-base`) */
+export declare function tokenToCssVar(key: string): string;
+/** Emit a { [cssVar]: value } map for a given theme. Used by ThemeProvider. */
+export declare function themeToCssVars(theme: ThemeTokens): Record<string, string>;
+/** `cssVar('surfaceBase')` → `'var(--dql-surface-base)'` — use in style props */
+export declare function cssVar(key: keyof ThemeTokens): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/tokens/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAGH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BV,CAAC;AAGX,eAAO,MAAM,KAAK;;;;;;;;;;;;CAYR,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;CAQT,CAAC;AAEX,eAAO,MAAM,QAAQ;;;;;;;;;CASX,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,eAAO,MAAM,IAAI;;;;CAIP,CAAC;AAEX,eAAO,MAAM,CAAC;;;;;;;;;CASJ,CAAC;AAGX,MAAM,WAAW,WAAW;IAE1B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IAGtB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IAGpB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IAGvB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,WAiCxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAiCzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;CAAoD,CAAC;AACxE,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,CAAC;AAE5C,4EAA4E;AAC5E,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,+EAA+E;AAC/E,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAMzE;AAED,iFAAiF;AACjF,wBAAgB,MAAM,CAAC,GAAG,EAAE,MAAM,WAAW,GAAG,MAAM,CAErD"}

package/dist/tokens/index.js

@@ -0,0 +1,186 @@
+/**
+ * Design tokens — the single source of visual truth for the DQL UI.
+ *
+ * Philosophy
+ * - Tokens are abstract (role-based: `surface-raised`, not `gray-700`). A
+ *   component asks for `surface-raised` and gets whatever the active theme
+ *   decides it should be. This is what lets a theme pass change a color
+ *   once and have it propagate everywhere.
+ * - Dark first. Light is a mirror, not an afterthought.
+ * - Emitted as CSS custom properties by ThemeProvider so DOM nodes inherit
+ *   them without React re-rendering on theme change.
+ *
+ * Scales
+ * - `space`:    4-pt grid (0, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64)
+ * - `radius`:   sharp → pill (0, 2, 4, 6, 8, 12, 999)
+ * - `fontSize`: 11–24 px modular scale
+ * - `shadow`:   3 elevation stops; dark theme uses deeper alpha, light uses softer
+ * - `z`:        named layers so stacking doesn't turn into a lottery
+ */
+// --- primitives (do not consume these directly in components) ---
+export const palette = {
+    // neutrals — used as backgrounds and borders per theme
+    gray0: '#ffffff',
+    gray50: '#f6f8fa',
+    gray100: '#eaeef2',
+    gray200: '#d0d7de',
+    gray300: '#afb8c1',
+    gray400: '#8c959f',
+    gray500: '#6e7781',
+    gray600: '#57606a',
+    gray700: '#424a53',
+    gray800: '#32383f',
+    gray900: '#24292f',
+    gray950: '#1c2128',
+    gray975: '#161b22',
+    gray1000: '#0d1117',
+    // accents — primary brand blue
+    blue300: '#79c0ff',
+    blue400: '#58a6ff',
+    blue500: '#388bfd',
+    blue600: '#0969da',
+    blue700: '#0550ae',
+    // semantic
+    green500: '#56d364',
+    green600: '#1f883d',
+    red500: '#f85149',
+    red600: '#cf222e',
+    yellow500: '#e3b341',
+    yellow600: '#9a6700',
+};
+// --- scales (theme-independent) ---
+export const space = {
+    0: '0',
+    1: '4px',
+    2: '8px',
+    3: '12px',
+    4: '16px',
+    5: '20px',
+    6: '24px',
+    7: '32px',
+    8: '40px',
+    9: '48px',
+    10: '64px',
+};
+export const radius = {
+    none: '0',
+    xs: '2px',
+    sm: '4px',
+    md: '6px',
+    lg: '8px',
+    xl: '12px',
+    pill: '999px',
+};
+export const fontSize = {
+    xs: '11px',
+    sm: '12px',
+    base: '13px',
+    md: '14px',
+    lg: '16px',
+    xl: '18px',
+    '2xl': '20px',
+    '3xl': '24px',
+};
+export const fontWeight = {
+    regular: '400',
+    medium: '500',
+    semibold: '600',
+    bold: '700',
+};
+export const lineHeight = {
+    tight: '1.2',
+    snug: '1.35',
+    normal: '1.5',
+    relaxed: '1.65',
+};
+export const font = {
+    sans: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif",
+    mono: "'JetBrains Mono', 'Fira Code', Consolas, monospace",
+    serif: "Georgia, 'Times New Roman', serif",
+};
+export const z = {
+    base: 0,
+    dropdown: 100,
+    sticky: 200,
+    overlay: 1000,
+    modal: 1100,
+    popover: 1200,
+    tooltip: 1300,
+    toast: 1400,
+};
+export const darkTokens = {
+    surfaceBase: palette.gray1000,
+    surfaceRaised: palette.gray975,
+    surfaceElevated: palette.gray950,
+    surfaceOverlay: 'rgba(0,0,0,0.7)',
+    surfaceHover: palette.gray900,
+    surfaceActive: '#1f2d3d',
+    surfaceSunken: palette.gray1000,
+    borderSubtle: '#21262d',
+    borderDefault: '#30363d',
+    borderStrong: '#484f58',
+    borderFocus: palette.blue500,
+    textPrimary: '#e6edf3',
+    textSecondary: '#8b949e',
+    textMuted: '#484f58',
+    textDisabled: '#32383f',
+    textInverse: palette.gray1000,
+    accent: palette.blue500,
+    accentHover: palette.blue400,
+    accentMuted: 'rgba(56,139,253,0.15)',
+    accentContrast: '#ffffff',
+    success: palette.green500,
+    warning: palette.yellow500,
+    danger: palette.red500,
+    info: palette.blue400,
+    shadowSm: '0 1px 2px rgba(0,0,0,0.4)',
+    shadowMd: '0 4px 10px rgba(0,0,0,0.45)',
+    shadowLg: '0 12px 28px rgba(0,0,0,0.55)',
+};
+export const lightTokens = {
+    surfaceBase: palette.gray0,
+    surfaceRaised: palette.gray50,
+    surfaceElevated: palette.gray0,
+    surfaceOverlay: 'rgba(0,0,0,0.4)',
+    surfaceHover: palette.gray100,
+    surfaceActive: '#dbeafe',
+    surfaceSunken: palette.gray50,
+    borderSubtle: palette.gray100,
+    borderDefault: palette.gray200,
+    borderStrong: palette.gray300,
+    borderFocus: palette.blue600,
+    textPrimary: '#1f2328',
+    textSecondary: palette.gray600,
+    textMuted: palette.gray400,
+    textDisabled: palette.gray300,
+    textInverse: palette.gray0,
+    accent: palette.blue600,
+    accentHover: palette.blue700,
+    accentMuted: 'rgba(9,105,218,0.12)',
+    accentContrast: '#ffffff',
+    success: palette.green600,
+    warning: palette.yellow600,
+    danger: palette.red600,
+    info: palette.blue600,
+    shadowSm: '0 1px 2px rgba(31,35,40,0.08)',
+    shadowMd: '0 4px 10px rgba(31,35,40,0.1)',
+    shadowLg: '0 12px 28px rgba(31,35,40,0.15)',
+};
+export const themes = { dark: darkTokens, light: lightTokens };
+/** camelCase token key → CSS custom property name (`--dql-surface-base`) */
+export function tokenToCssVar(key) {
+    return `--dql-${key.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`)}`;
+}
+/** Emit a { [cssVar]: value } map for a given theme. Used by ThemeProvider. */
+export function themeToCssVars(theme) {
+    const out = {};
+    for (const [key, value] of Object.entries(theme)) {
+        out[tokenToCssVar(key)] = value;
+    }
+    return out;
+}
+/** `cssVar('surfaceBase')` → `'var(--dql-surface-base)'` — use in style props */
+export function cssVar(key) {
+    return `var(${tokenToCssVar(key)})`;
+}
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,mEAAmE;AACnE,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,uDAAuD;IACvD,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IAEnB,+BAA+B;IAC/B,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAElB,WAAW;IACX,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACZ,CAAC;AAEX,qCAAqC;AACrC,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,MAAM;IACT,EAAE,EAAE,MAAM;CACF,CAAC;AAEX,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,IAAI,EAAE,GAAG;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,OAAO;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,KAAK,EAAE,MAAM;IACb,KAAK,EAAE,MAAM;CACL,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,KAAK;CACH,CAAC;AAEX,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,MAAM;CACP,CAAC;AAEX,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE,kEAAkE;IACxE,IAAI,EAAE,oDAAoD;IAC1D,KAAK,EAAE,mCAAmC;CAClC,CAAC;AAEX,MAAM,CAAC,MAAM,CAAC,GAAG;IACf,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE,GAAG;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,IAAI;CACH,CAAC;AA4CX,MAAM,CAAC,MAAM,UAAU,GAAgB;IACrC,WAAW,EAAE,OAAO,CAAC,QAAQ;IAC7B,aAAa,EAAE,OAAO,CAAC,OAAO;IAC9B,eAAe,EAAE,OAAO,CAAC,OAAO;IAChC,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,OAAO,CAAC,OAAO;IAC7B,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,OAAO,CAAC,QAAQ;IAE/B,YAAY,EAAE,SAAS;IACvB,aAAa,EAAE,SAAS;IACxB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,OAAO,CAAC,OAAO;IAE5B,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,SAAS;IACxB,SAAS,EAAE,SAAS;IACpB,YAAY,EAAE,SAAS;IACvB,WAAW,EAAE,OAAO,CAAC,QAAQ;IAE7B,MAAM,EAAE,OAAO,CAAC,OAAO;IACvB,WAAW,EAAE,OAAO,CAAC,OAAO;IAC5B,WAAW,EAAE,uBAAuB;IACpC,cAAc,EAAE,SAAS;IAEzB,OAAO,EAAE,OAAO,CAAC,QAAQ;IACzB,OAAO,EAAE,OAAO,CAAC,SAAS;IAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,IAAI,EAAE,OAAO,CAAC,OAAO;IAErB,QAAQ,EAAE,2BAA2B;IACrC,QAAQ,EAAE,6BAA6B;IACvC,QAAQ,EAAE,8BAA8B;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAgB;IACtC,WAAW,EAAE,OAAO,CAAC,KAAK;IAC1B,aAAa,EAAE,OAAO,CAAC,MAAM;IAC7B,eAAe,EAAE,OAAO,CAAC,KAAK;IAC9B,cAAc,EAAE,iBAAiB;IACjC,YAAY,EAAE,OAAO,CAAC,OAAO;IAC7B,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,OAAO,CAAC,MAAM;IAE7B,YAAY,EAAE,OAAO,CAAC,OAAO;IAC7B,aAAa,EAAE,OAAO,CAAC,OAAO;IAC9B,YAAY,EAAE,OAAO,CAAC,OAAO;IAC7B,WAAW,EAAE,OAAO,CAAC,OAAO;IAE5B,WAAW,EAAE,SAAS;IACtB,aAAa,EAAE,OAAO,CAAC,OAAO;IAC9B,SAAS,EAAE,OAAO,CAAC,OAAO;IAC1B,YAAY,EAAE,OAAO,CAAC,OAAO;IAC7B,WAAW,EAAE,OAAO,CAAC,KAAK;IAE1B,MAAM,EAAE,OAAO,CAAC,OAAO;IACvB,WAAW,EAAE,OAAO,CAAC,OAAO;IAC5B,WAAW,EAAE,sBAAsB;IACnC,cAAc,EAAE,SAAS;IAEzB,OAAO,EAAE,OAAO,CAAC,QAAQ;IACzB,OAAO,EAAE,OAAO,CAAC,SAAS;IAC1B,MAAM,EAAE,OAAO,CAAC,MAAM;IACtB,IAAI,EAAE,OAAO,CAAC,OAAO;IAErB,QAAQ,EAAE,+BAA+B;IACzC,QAAQ,EAAE,+BAA+B;IACzC,QAAQ,EAAE,iCAAiC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAW,CAAC;AAGxE,4EAA4E;AAC5E,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,SAAS,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC;AACxE,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,cAAc,CAAC,KAAkB;IAC/C,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,GAAG,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC;IAClC,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,iFAAiF;AACjF,MAAM,UAAU,MAAM,CAAC,GAAsB;IAC3C,OAAO,OAAO,aAAa,CAAC,GAAa,CAAC,GAAG,CAAC;AAChD,CAAC"}

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@duckcodeailabs/dql-ui",
+  "version": "0.10.0",
+  "description": "Design tokens, theme provider, and headless primitives for the DQL notebook + dashboard shell",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js"
+    }
+  },
+  "scripts": {
+    "build": "rm -rf dist tsconfig.tsbuildinfo && tsc",
+    "test": "vitest run --passWithNoTests",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo"
+  },
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/duckcode-ai/dql.git",
+    "directory": "packages/dql-ui"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.2",
+    "@radix-ui/react-dropdown-menu": "^2.1.2",
+    "@radix-ui/react-popover": "^1.1.2",
+    "@radix-ui/react-tooltip": "^1.1.4"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0"
+  }
+}