@jacshuo/onyx 0.1.8 → 0.2.1

package/README.md

@@ -26,7 +26,7 @@ Born out of a personal passion for **cross-platform desktop development**, Onyx
 
 ## Features
 
-- 🎨 **30+ components** — from Button → DataTable → CinePlayer
+- 🎨 **30+ components** — from Button → DataTable → CinePlayer → CodeBlock
 - 🌗 **Dark / Light mode** — class-based, works out of the box
 - 🎯 **CSS variable design tokens** — override any color via `--cp-*`, `--mp-*`, `--fe-*` custom properties
 - ⚡ **Tailwind CSS v4** — zero config, `@theme` tokens, `color-mix()` accent support
@@ -119,12 +119,30 @@ import { Tabs, TabList, TabTrigger } from '@jacshuo/onyx/Tabs';
 |---|---|---|
 | `@jacshuo/onyx/styles.css` | ~102 KB | Full pre-compiled bundle — all utilities + all component CSS. Simplest setup. |
 | `@jacshuo/onyx/styles/base.css` | ~95 KB | Tailwind utilities + core design tokens. No component-specific keyframes. |
-| `@jacshuo/onyx/styles/tokens.css` | ~4 KB | Raw `@theme` tokens only — for projects that already run Tailwind CSS v4. |
+| `@jacshuo/onyx/styles/tailwind.css` | ~4 KB | **For projects with their own Tailwind CSS v4.** Includes `@source` directive, tokens & dark mode variant. |
+| `@jacshuo/onyx/styles/tokens.css` | ~4 KB | Raw `@theme` tokens only — no `@source`, no Tailwind import. |
 | `@jacshuo/onyx/styles/CinePlayer.css` | ~2.5 KB | CinePlayer keyframes & `--cp-*` design tokens |
 | `@jacshuo/onyx/styles/MiniPlayer.css` | ~2.2 KB | MiniPlayer keyframes & `--mp-*` design tokens |
 | `@jacshuo/onyx/styles/FileExplorer.css` | ~1.6 KB | FileExplorer `--fe-*` design tokens |
 | `@jacshuo/onyx/styles/FilmReel.css` | ~0.6 KB | FilmReel keyframes |
 
+#### Using with your own Tailwind CSS v4 setup
+
+If your project already runs Tailwind CSS v4 and you want to import only the tokens (not the full pre-compiled bundle), you **must** use `tailwind.css` so that Tailwind scans the library's JS files for class names:
+
+```css
+/* your app's CSS entry */
+@import "tailwindcss";
+@import "@jacshuo/onyx/styles/tailwind.css";
+
+/* optionally add per-component CSS for CinePlayer, MiniPlayer, etc. */
+@import "@jacshuo/onyx/styles/CinePlayer.css";
+```
+
+> **Why?** Onyx components use Tailwind utility classes defined in JavaScript (via CVA). Without `@source`, your Tailwind build won't know about these classes and they won't be generated. The `tailwind.css` file includes `@source ".."` which tells Tailwind v4 to scan the library's compiled JS.
+>
+> **Do NOT** use `tokens.css` alone — it only provides design tokens without the `@source` directive, so component styles will be incomplete.
+
 **Example — minimal setup with CinePlayer only:**
 
 ```tsx
@@ -167,6 +185,7 @@ import { CinePlayer } from '@jacshuo/onyx/CinePlayer';
 | **List / ListItem** | Styled list component |
 | **Tree / TreeItem** | Expandable tree view |
 | **Chat** | Chat message list with sent/received styling |
+| **CodeBlock** | Syntax-highlighted code block powered by Shiki, supports 20+ languages, line numbers, and live editable mode |
 
 ### Navigation
 
@@ -174,6 +193,7 @@ import { CinePlayer } from '@jacshuo/onyx/CinePlayer';
 |---|---|
 | **SideNav** | Collapsible sidebar with icons, sections, and multiple collapse modes |
 | **Header** | App header with nav items and action buttons |
+| **NavLink** | Semantic text link (`<a>`) with auto external-link detection, intent/size/underline variants |
 | **Tabs** | Tab bar with sliding indicator animation |
 
 ### Disclosure
@@ -388,6 +408,50 @@ function NotifyButton() {
 }
 ```
 
+### NavLink
+
+```tsx
+import { NavLink } from '@jacshuo/onyx';
+
+{/* Internal link */}
+<NavLink href="/about">About</NavLink>
+
+{/* Auto-detected external — shows icon + sets target="_blank" automatically */}
+<NavLink href="https://github.com">GitHub</NavLink>
+
+{/* Suppress external icon */}
+<NavLink href="https://example.com" external={false}>Example</NavLink>
+
+{/* Variants */}
+<NavLink href="/docs" intent="secondary" size="lg" underline="always">Docs</NavLink>
+```
+
+### CodeBlock
+
+```tsx
+import { CodeBlock } from '@jacshuo/onyx';
+
+{/* Basic syntax highlighting */}
+<CodeBlock code={`const x = 42;`} language="typescript" />
+
+{/* With line numbers */}
+<CodeBlock code={sourceCode} language="tsx" lineNumbers />
+
+{/* Live editable editor */}
+function Editor() {
+  const [code, setCode] = useState('console.log("hello")');
+  return (
+    <CodeBlock
+      code={code}
+      language="typescript"
+      editable
+      onCodeChange={setCode}
+      lineNumbers
+    />
+  );
+}
+```
+
 ### MiniPlayer
 
 ```tsx

package/dist/Accordion.cjs

@@ -1 +1 @@
-'use strict';var chunkAAFG7R4U_cjs=require('./chunks/chunk-AAFG7R4U.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Accordion",{enumerable:true,get:function(){return chunkAAFG7R4U_cjs.a}});Object.defineProperty(exports,"AccordionContent",{enumerable:true,get:function(){return chunkAAFG7R4U_cjs.d}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function(){return chunkAAFG7R4U_cjs.b}});Object.defineProperty(exports,"AccordionTrigger",{enumerable:true,get:function(){return chunkAAFG7R4U_cjs.c}});
+'use strict';var chunkSKZIAHHY_cjs=require('./chunks/chunk-SKZIAHHY.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Accordion",{enumerable:true,get:function(){return chunkSKZIAHHY_cjs.a}});Object.defineProperty(exports,"AccordionContent",{enumerable:true,get:function(){return chunkSKZIAHHY_cjs.d}});Object.defineProperty(exports,"AccordionItem",{enumerable:true,get:function(){return chunkSKZIAHHY_cjs.b}});Object.defineProperty(exports,"AccordionTrigger",{enumerable:true,get:function(){return chunkSKZIAHHY_cjs.c}});

package/dist/Accordion.js

@@ -1 +1 @@
-export{a as Accordion,d as AccordionContent,b as AccordionItem,c as AccordionTrigger}from'./chunks/chunk-5PFWPAB6.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Accordion,d as AccordionContent,b as AccordionItem,c as AccordionTrigger}from'./chunks/chunk-I327TE7P.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Alert.cjs

@@ -1 +1 @@
-'use strict';var chunk63LKYF4D_cjs=require('./chunks/chunk-63LKYF4D.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Alert",{enumerable:true,get:function(){return chunk63LKYF4D_cjs.a}});Object.defineProperty(exports,"AlertDescription",{enumerable:true,get:function(){return chunk63LKYF4D_cjs.c}});Object.defineProperty(exports,"AlertTitle",{enumerable:true,get:function(){return chunk63LKYF4D_cjs.b}});Object.defineProperty(exports,"configureAlertTopOffset",{enumerable:true,get:function(){return chunk63LKYF4D_cjs.d}});Object.defineProperty(exports,"useAlert",{enumerable:true,get:function(){return chunk63LKYF4D_cjs.e}});
+'use strict';var chunkZEHGTD6Y_cjs=require('./chunks/chunk-ZEHGTD6Y.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Alert",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.a}});Object.defineProperty(exports,"AlertContent",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.d}});Object.defineProperty(exports,"AlertDescription",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.e}});Object.defineProperty(exports,"AlertIcon",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.c}});Object.defineProperty(exports,"AlertTitle",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.b}});Object.defineProperty(exports,"configureAlertTopOffset",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.f}});Object.defineProperty(exports,"useAlert",{enumerable:true,get:function(){return chunkZEHGTD6Y_cjs.g}});

package/dist/Alert.d.cts

@@ -7,6 +7,8 @@ import 'class-variance-authority/types';
 type AlertProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
 declare function Alert({ intent, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 declare function AlertTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function AlertIcon({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+declare function AlertContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
 type AlertPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
 type AlertIntent = NonNullable<VariantProps<typeof alertVariants>["intent"]>;
@@ -25,4 +27,4 @@ declare function useAlert(): {
     removeAlert: typeof removeAlert;
 };
 
-export { Alert, AlertDescription, type AlertOptions, type AlertPosition, AlertTitle, configureAlertTopOffset, useAlert };
+export { Alert, AlertContent, AlertDescription, AlertIcon, type AlertOptions, type AlertPosition, AlertTitle, configureAlertTopOffset, useAlert };

package/dist/Alert.d.ts

@@ -7,6 +7,8 @@ import 'class-variance-authority/types';
 type AlertProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>;
 declare function Alert({ intent, className, children, ...props }: AlertProps): react_jsx_runtime.JSX.Element;
 declare function AlertTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function AlertIcon({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+declare function AlertContent({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 declare function AlertDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
 type AlertPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left" | "top-center" | "bottom-center";
 type AlertIntent = NonNullable<VariantProps<typeof alertVariants>["intent"]>;
@@ -25,4 +27,4 @@ declare function useAlert(): {
     removeAlert: typeof removeAlert;
 };
 
-export { Alert, AlertDescription, type AlertOptions, type AlertPosition, AlertTitle, configureAlertTopOffset, useAlert };
+export { Alert, AlertContent, AlertDescription, AlertIcon, type AlertOptions, type AlertPosition, AlertTitle, configureAlertTopOffset, useAlert };

package/dist/Alert.js

@@ -1 +1 @@
-export{a as Alert,c as AlertDescription,b as AlertTitle,d as configureAlertTopOffset,e as useAlert}from'./chunks/chunk-BW6NCATH.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Alert,d as AlertContent,e as AlertDescription,c as AlertIcon,b as AlertTitle,f as configureAlertTopOffset,g as useAlert}from'./chunks/chunk-GQDGQUKK.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Badge.cjs

@@ -1 +1 @@
-'use strict';var chunkEK4BC3WT_cjs=require('./chunks/chunk-EK4BC3WT.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Badge",{enumerable:true,get:function(){return chunkEK4BC3WT_cjs.a}});
+'use strict';var chunkHFHOE2PH_cjs=require('./chunks/chunk-HFHOE2PH.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Badge",{enumerable:true,get:function(){return chunkHFHOE2PH_cjs.a}});

package/dist/Badge.js

@@ -1 +1 @@
-export{a as Badge}from'./chunks/chunk-PODSD5UT.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Badge}from'./chunks/chunk-MVGDKSBE.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Button.cjs

@@ -1 +1 @@
-'use strict';var chunkBQLPFPCA_cjs=require('./chunks/chunk-BQLPFPCA.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkBQLPFPCA_cjs.a}});
+'use strict';var chunkGT56J65P_cjs=require('./chunks/chunk-GT56J65P.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Button",{enumerable:true,get:function(){return chunkGT56J65P_cjs.a}});

package/dist/Button.js

@@ -1 +1 @@
-export{a as Button}from'./chunks/chunk-N36YROV3.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Button}from'./chunks/chunk-7DM4FEFY.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Card.cjs

@@ -1 +1 @@
-'use strict';var chunkTDI2N27U_cjs=require('./chunks/chunk-TDI2N27U.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Card",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.a}});Object.defineProperty(exports,"CardContent",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.e}});Object.defineProperty(exports,"CardDescription",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.d}});Object.defineProperty(exports,"CardFooter",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.f}});Object.defineProperty(exports,"CardHeader",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.b}});Object.defineProperty(exports,"CardTitle",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.c}});Object.defineProperty(exports,"HorizontalCard",{enumerable:true,get:function(){return chunkTDI2N27U_cjs.g}});
+'use strict';var chunkHSWWY3SE_cjs=require('./chunks/chunk-HSWWY3SE.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Card",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.a}});Object.defineProperty(exports,"CardContent",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.e}});Object.defineProperty(exports,"CardDescription",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.d}});Object.defineProperty(exports,"CardFooter",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.f}});Object.defineProperty(exports,"CardHeader",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.b}});Object.defineProperty(exports,"CardTitle",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.c}});Object.defineProperty(exports,"HorizontalCard",{enumerable:true,get:function(){return chunkHSWWY3SE_cjs.g}});

package/dist/Card.js

@@ -1 +1 @@
-export{a as Card,e as CardContent,d as CardDescription,f as CardFooter,b as CardHeader,c as CardTitle,g as HorizontalCard}from'./chunks/chunk-DXXCR4ON.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Card,e as CardContent,d as CardDescription,f as CardFooter,b as CardHeader,c as CardTitle,g as HorizontalCard}from'./chunks/chunk-X3PUHNVJ.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Checkbox.cjs

@@ -0,0 +1 @@
+'use strict';var chunkXOZYC6XB_cjs=require('./chunks/chunk-XOZYC6XB.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Checkbox",{enumerable:true,get:function(){return chunkXOZYC6XB_cjs.a}});

package/dist/Checkbox.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { checkboxVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & Omit<VariantProps<typeof checkboxVariants>, "checked"> & {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Default checked state (uncontrolled). */
+    defaultChecked?: boolean;
+    /** Indeterminate state — overrides the check icon with a dash. */
+    indeterminate?: boolean;
+    /** Callback when the checkbox is toggled. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Accessible label text shown beside the checkbox. */
+    label?: string;
+};
+declare function Checkbox({ checked: controlledChecked, defaultChecked, indeterminate, onCheckedChange, intent, size, label, id: propId, className, disabled, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps };

package/dist/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { checkboxVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type CheckboxProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & Omit<VariantProps<typeof checkboxVariants>, "checked"> & {
+    /** Controlled checked state. */
+    checked?: boolean;
+    /** Default checked state (uncontrolled). */
+    defaultChecked?: boolean;
+    /** Indeterminate state — overrides the check icon with a dash. */
+    indeterminate?: boolean;
+    /** Callback when the checkbox is toggled. */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Accessible label text shown beside the checkbox. */
+    label?: string;
+};
+declare function Checkbox({ checked: controlledChecked, defaultChecked, indeterminate, onCheckedChange, intent, size, label, id: propId, className, disabled, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+export { Checkbox, type CheckboxProps };

package/dist/Checkbox.js

@@ -0,0 +1 @@
+export{a as Checkbox}from'./chunks/chunk-64BRBJ5M.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/CodeBlock.cjs

@@ -0,0 +1 @@
+'use strict';var chunk3B5OL3PD_cjs=require('./chunks/chunk-3B5OL3PD.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"CodeBlock",{enumerable:true,get:function(){return chunk3B5OL3PD_cjs.a}});

package/dist/CodeBlock.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { codeBlockVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type CodeBlockLanguage = "typescript" | "javascript" | "tsx" | "jsx" | "html" | "css" | "json" | "markdown" | "python" | "rust" | "go" | "java" | "c" | "cpp" | "csharp" | "vue" | "xml" | "yaml" | "sql" | "bash" | "shell" | (string & {});
+type CodeBlockProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof codeBlockVariants> & {
+    /** The source code to highlight */
+    code: string;
+    /** Programming language for syntax highlighting */
+    language?: CodeBlockLanguage;
+    /** Show line numbers */
+    lineNumbers?: boolean;
+    /** Enable live editing — renders a transparent textarea over the highlighted output */
+    editable?: boolean;
+    /** Called when the user edits code (only fires when `editable` is true) */
+    onCodeChange?: (code: string) => void;
+};
+declare function CodeBlock({ code, language, lineNumbers, editable, onCodeChange, size, className, ...props }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockLanguage, type CodeBlockProps };

package/dist/CodeBlock.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { codeBlockVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type CodeBlockLanguage = "typescript" | "javascript" | "tsx" | "jsx" | "html" | "css" | "json" | "markdown" | "python" | "rust" | "go" | "java" | "c" | "cpp" | "csharp" | "vue" | "xml" | "yaml" | "sql" | "bash" | "shell" | (string & {});
+type CodeBlockProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof codeBlockVariants> & {
+    /** The source code to highlight */
+    code: string;
+    /** Programming language for syntax highlighting */
+    language?: CodeBlockLanguage;
+    /** Show line numbers */
+    lineNumbers?: boolean;
+    /** Enable live editing — renders a transparent textarea over the highlighted output */
+    editable?: boolean;
+    /** Called when the user edits code (only fires when `editable` is true) */
+    onCodeChange?: (code: string) => void;
+};
+declare function CodeBlock({ code, language, lineNumbers, editable, onCodeChange, size, className, ...props }: CodeBlockProps): react_jsx_runtime.JSX.Element;
+
+export { CodeBlock, type CodeBlockLanguage, type CodeBlockProps };

package/dist/CodeBlock.js

@@ -0,0 +1 @@
+export{a as CodeBlock}from'./chunks/chunk-PC4PVKTK.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Dialog.cjs

@@ -1 +1 @@
-'use strict';var chunkU2ZQHP4I_cjs=require('./chunks/chunk-U2ZQHP4I.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Dialog",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.a}});Object.defineProperty(exports,"DialogClose",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.g}});Object.defineProperty(exports,"DialogContent",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.b}});Object.defineProperty(exports,"DialogDescription",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.e}});Object.defineProperty(exports,"DialogFooter",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.f}});Object.defineProperty(exports,"DialogHeader",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.c}});Object.defineProperty(exports,"DialogTitle",{enumerable:true,get:function(){return chunkU2ZQHP4I_cjs.d}});
+'use strict';var chunkOMBYGQJE_cjs=require('./chunks/chunk-OMBYGQJE.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Dialog",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.a}});Object.defineProperty(exports,"DialogClose",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.g}});Object.defineProperty(exports,"DialogContent",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.b}});Object.defineProperty(exports,"DialogDescription",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.e}});Object.defineProperty(exports,"DialogFooter",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.f}});Object.defineProperty(exports,"DialogHeader",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.c}});Object.defineProperty(exports,"DialogTitle",{enumerable:true,get:function(){return chunkOMBYGQJE_cjs.d}});

package/dist/Dialog.js

@@ -1 +1 @@
-export{a as Dialog,g as DialogClose,b as DialogContent,e as DialogDescription,f as DialogFooter,c as DialogHeader,d as DialogTitle}from'./chunks/chunk-NCJ5A6VE.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Dialog,g as DialogClose,b as DialogContent,e as DialogDescription,f as DialogFooter,c as DialogHeader,d as DialogTitle}from'./chunks/chunk-VHOOZBWZ.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Dropdown.cjs

@@ -1 +1 @@
-'use strict';var chunk5XPTHIGM_cjs=require('./chunks/chunk-5XPTHIGM.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function(){return chunk5XPTHIGM_cjs.a}});
+'use strict';var chunkQ53OOZJ3_cjs=require('./chunks/chunk-Q53OOZJ3.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Dropdown",{enumerable:true,get:function(){return chunkQ53OOZJ3_cjs.a}});

package/dist/Dropdown.d.cts

@@ -34,11 +34,15 @@ interface DropdownSingleProps extends DropdownBaseProps {
     multiple?: false;
     /** Currently selected value (controlled, single mode). */
     value?: string;
+    /** Default selected value (uncontrolled, single mode). */
+    defaultValue?: string;
     /** Callback fired when an option is selected (single mode). */
     onChange?: (value: string, option: DropdownOption) => void;
     /** Not used in single mode. */
     selected?: never;
     /** Not used in single mode. */
+    defaultSelected?: never;
+    /** Not used in single mode. */
     onSelectionChange?: never;
 }
 interface DropdownMultipleProps extends DropdownBaseProps {
@@ -46,11 +50,15 @@ interface DropdownMultipleProps extends DropdownBaseProps {
     multiple: true;
     /** Currently selected values (controlled, multi mode). */
     selected?: string[];
+    /** Default selected values (uncontrolled, multi mode). */
+    defaultSelected?: string[];
     /** Callback fired when selection changes (multi mode). */
     onSelectionChange?: (selected: string[]) => void;
     /** Not used in multi mode. */
     value?: never;
     /** Not used in multi mode. */
+    defaultValue?: never;
+    /** Not used in multi mode. */
     onChange?: never;
 }
 type DropdownProps = DropdownSingleProps | DropdownMultipleProps;

package/dist/Dropdown.d.ts

@@ -34,11 +34,15 @@ interface DropdownSingleProps extends DropdownBaseProps {
     multiple?: false;
     /** Currently selected value (controlled, single mode). */
     value?: string;
+    /** Default selected value (uncontrolled, single mode). */
+    defaultValue?: string;
     /** Callback fired when an option is selected (single mode). */
     onChange?: (value: string, option: DropdownOption) => void;
     /** Not used in single mode. */
     selected?: never;
     /** Not used in single mode. */
+    defaultSelected?: never;
+    /** Not used in single mode. */
     onSelectionChange?: never;
 }
 interface DropdownMultipleProps extends DropdownBaseProps {
@@ -46,11 +50,15 @@ interface DropdownMultipleProps extends DropdownBaseProps {
     multiple: true;
     /** Currently selected values (controlled, multi mode). */
     selected?: string[];
+    /** Default selected values (uncontrolled, multi mode). */
+    defaultSelected?: string[];
     /** Callback fired when selection changes (multi mode). */
     onSelectionChange?: (selected: string[]) => void;
     /** Not used in multi mode. */
     value?: never;
     /** Not used in multi mode. */
+    defaultValue?: never;
+    /** Not used in multi mode. */
     onChange?: never;
 }
 type DropdownProps = DropdownSingleProps | DropdownMultipleProps;

package/dist/Dropdown.js

@@ -1 +1 @@
-export{a as Dropdown}from'./chunks/chunk-PSMWVB3O.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Dropdown}from'./chunks/chunk-LZZTFSBF.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/DropdownButton.cjs

@@ -1 +1 @@
-'use strict';var chunk4BKLB4KV_cjs=require('./chunks/chunk-4BKLB4KV.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"DropdownButton",{enumerable:true,get:function(){return chunk4BKLB4KV_cjs.a}});
+'use strict';var chunk7PD2UMAG_cjs=require('./chunks/chunk-7PD2UMAG.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"DropdownButton",{enumerable:true,get:function(){return chunk7PD2UMAG_cjs.a}});

package/dist/DropdownButton.js

@@ -1 +1 @@
-export{a as DropdownButton}from'./chunks/chunk-JAKATE3I.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as DropdownButton}from'./chunks/chunk-HR4MRHSX.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/FileExplorer.cjs

@@ -1 +1 @@
-'use strict';var chunkMXDZHU6E_cjs=require('./chunks/chunk-MXDZHU6E.cjs');require('./chunks/chunk-U2ZQHP4I.cjs'),require('./chunks/chunk-BQLPFPCA.cjs'),require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"FileExplorer",{enumerable:true,get:function(){return chunkMXDZHU6E_cjs.a}});
+'use strict';var chunkGW4C7AV6_cjs=require('./chunks/chunk-GW4C7AV6.cjs');require('./chunks/chunk-OMBYGQJE.cjs'),require('./chunks/chunk-GT56J65P.cjs'),require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"FileExplorer",{enumerable:true,get:function(){return chunkGW4C7AV6_cjs.a}});

package/dist/FileExplorer.js

@@ -1 +1 @@
-export{a as FileExplorer}from'./chunks/chunk-NG7F3GCN.js';import'./chunks/chunk-NCJ5A6VE.js';import'./chunks/chunk-N36YROV3.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as FileExplorer}from'./chunks/chunk-6DR7FZ4Y.js';import'./chunks/chunk-VHOOZBWZ.js';import'./chunks/chunk-7DM4FEFY.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Input.cjs

@@ -1 +1 @@
-'use strict';var chunkXCP37UUA_cjs=require('./chunks/chunk-XCP37UUA.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkXCP37UUA_cjs.a}});
+'use strict';var chunkSJ2HIDEM_cjs=require('./chunks/chunk-SJ2HIDEM.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Input",{enumerable:true,get:function(){return chunkSJ2HIDEM_cjs.a}});

package/dist/Input.js

@@ -1 +1 @@
-export{a as Input}from'./chunks/chunk-2DFUB3KN.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Input}from'./chunks/chunk-YWD2VK35.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Label.cjs

@@ -1 +1 @@
-'use strict';var chunkHA5QPLJP_cjs=require('./chunks/chunk-HA5QPLJP.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunkHA5QPLJP_cjs.a}});
+'use strict';var chunkA7SZGBY2_cjs=require('./chunks/chunk-A7SZGBY2.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Label",{enumerable:true,get:function(){return chunkA7SZGBY2_cjs.a}});

package/dist/Label.js

@@ -1 +1 @@
-export{a as Label}from'./chunks/chunk-6HZRNHE6.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Label}from'./chunks/chunk-IPPWOV6D.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/List.cjs

@@ -1 +1 @@
-'use strict';var chunkORNYPP3O_cjs=require('./chunks/chunk-ORNYPP3O.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.a}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function(){return chunkORNYPP3O_cjs.b}});
+'use strict';var chunkNXWDOFPX_cjs=require('./chunks/chunk-NXWDOFPX.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"List",{enumerable:true,get:function(){return chunkNXWDOFPX_cjs.a}});Object.defineProperty(exports,"ListItem",{enumerable:true,get:function(){return chunkNXWDOFPX_cjs.b}});

package/dist/List.d.cts

@@ -6,6 +6,10 @@ import 'class-variance-authority/types';
 
 type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
 declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
+type ListItemProps = React.LiHTMLAttributes<HTMLLIElement> & {
+    /** Action buttons rendered on the right side of the item. */
+    actions?: React.ReactNode;
+};
+declare function ListItem({ actions, className, children, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-export { List, ListItem };
+export { List, ListItem, type ListItemProps };

package/dist/List.d.ts

@@ -6,6 +6,10 @@ import 'class-variance-authority/types';
 
 type ListProps = React.HTMLAttributes<HTMLUListElement> & VariantProps<typeof listVariants>;
 declare function List({ intent, className, ...props }: ListProps): react_jsx_runtime.JSX.Element;
-declare function ListItem({ className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): react_jsx_runtime.JSX.Element;
+type ListItemProps = React.LiHTMLAttributes<HTMLLIElement> & {
+    /** Action buttons rendered on the right side of the item. */
+    actions?: React.ReactNode;
+};
+declare function ListItem({ actions, className, children, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
 
-export { List, ListItem };
+export { List, ListItem, type ListItemProps };

package/dist/List.js

@@ -1 +1 @@
-export{a as List,b as ListItem}from'./chunks/chunk-DWTXICFN.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as List,b as ListItem}from'./chunks/chunk-NI2HVXR2.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/NavLink.cjs

@@ -0,0 +1 @@
+'use strict';var chunk24YBOQFV_cjs=require('./chunks/chunk-24YBOQFV.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"NavLink",{enumerable:true,get:function(){return chunk24YBOQFV_cjs.a}});

package/dist/NavLink.d.cts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { navLinkVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type NavLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof navLinkVariants> & {
+    /** Show external-link icon. Defaults to `true` when `target="_blank"` or href starts with `http`. */
+    external?: boolean;
+};
+declare function NavLink({ intent, size, underline, external, className, children, href, target, rel, ...props }: NavLinkProps): react_jsx_runtime.JSX.Element;
+
+export { NavLink };

package/dist/NavLink.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { navLinkVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type NavLinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & VariantProps<typeof navLinkVariants> & {
+    /** Show external-link icon. Defaults to `true` when `target="_blank"` or href starts with `http`. */
+    external?: boolean;
+};
+declare function NavLink({ intent, size, underline, external, className, children, href, target, rel, ...props }: NavLinkProps): react_jsx_runtime.JSX.Element;
+
+export { NavLink };

package/dist/NavLink.js

@@ -0,0 +1 @@
+export{a as NavLink}from'./chunks/chunk-KG3IXPCM.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Panel.cjs

@@ -1 +1 @@
-'use strict';var chunk66LIYNLT_cjs=require('./chunks/chunk-66LIYNLT.cjs');require('./chunks/chunk-NBLJWONR.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Panel",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.a}});Object.defineProperty(exports,"PanelContent",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.c}});Object.defineProperty(exports,"PanelHeader",{enumerable:true,get:function(){return chunk66LIYNLT_cjs.b}});
+'use strict';var chunkNFRGBE42_cjs=require('./chunks/chunk-NFRGBE42.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Panel",{enumerable:true,get:function(){return chunkNFRGBE42_cjs.a}});Object.defineProperty(exports,"PanelContent",{enumerable:true,get:function(){return chunkNFRGBE42_cjs.c}});Object.defineProperty(exports,"PanelHeader",{enumerable:true,get:function(){return chunkNFRGBE42_cjs.b}});

package/dist/Panel.js

@@ -1 +1 @@
-export{a as Panel,c as PanelContent,b as PanelHeader}from'./chunks/chunk-VDC7N5TC.js';import'./chunks/chunk-ACQOSYBI.js';import'./chunks/chunk-AXBJKPZZ.js';
+export{a as Panel,c as PanelContent,b as PanelHeader}from'./chunks/chunk-DCWKY33F.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/ProgressBar.cjs

@@ -0,0 +1 @@
+'use strict';var chunkA7BECCRP_cjs=require('./chunks/chunk-A7BECCRP.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"ProgressBar",{enumerable:true,get:function(){return chunkA7BECCRP_cjs.a}});

package/dist/ProgressBar.d.cts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { progressBarVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressBarVariants> & {
+    /** Current value 0–100 */
+    value?: number;
+    /** Show the percentage label inside the bar */
+    showLabel?: boolean;
+    /** Enable the indeterminate (loading) animation — ignores `value` */
+    indeterminate?: boolean;
+    /** Enable the shine / pulse glow animation on the fill */
+    animated?: boolean;
+    /** Duration of the value transition in ms @default 500 */
+    duration?: number;
+};
+declare function ProgressBar({ value, size, intent, edge, showLabel, indeterminate, animated, duration, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar, type ProgressBarProps };

package/dist/ProgressBar.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { progressBarVariants } from './theme.js';
+import 'class-variance-authority/types';
+
+type ProgressBarProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressBarVariants> & {
+    /** Current value 0–100 */
+    value?: number;
+    /** Show the percentage label inside the bar */
+    showLabel?: boolean;
+    /** Enable the indeterminate (loading) animation — ignores `value` */
+    indeterminate?: boolean;
+    /** Enable the shine / pulse glow animation on the fill */
+    animated?: boolean;
+    /** Duration of the value transition in ms @default 500 */
+    duration?: number;
+};
+declare function ProgressBar({ value, size, intent, edge, showLabel, indeterminate, animated, duration, className, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
+
+export { ProgressBar, type ProgressBarProps };

package/dist/ProgressBar.js

@@ -0,0 +1 @@
+export{a as ProgressBar}from'./chunks/chunk-K4UGTWDR.js';import'./chunks/chunk-H6MHL66N.js';import'./chunks/chunk-AXBJKPZZ.js';

package/dist/Radio.cjs

@@ -0,0 +1 @@
+'use strict';var chunkWL4AMFUA_cjs=require('./chunks/chunk-WL4AMFUA.cjs');require('./chunks/chunk-NYTZZ5ZX.cjs'),require('./chunks/chunk-X5YP5TMY.cjs');Object.defineProperty(exports,"Radio",{enumerable:true,get:function(){return chunkWL4AMFUA_cjs.b}});Object.defineProperty(exports,"RadioGroup",{enumerable:true,get:function(){return chunkWL4AMFUA_cjs.a}});

package/dist/Radio.d.cts

@@ -0,0 +1,33 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { radioVariants } from './theme.cjs';
+import 'class-variance-authority/types';
+
+interface RadioGroupProps {
+    /** Form field name shared by all radios. */
+    name?: string;
+    /** Controlled selected value. */
+    value?: string;
+    /** Default selected value (uncontrolled). */
+    defaultValue?: string;
+    /** Callback when selection changes. */
+    onValueChange?: (value: string) => void;
+    /** Shared intent for all child radios. */
+    intent?: VariantProps<typeof radioVariants>["intent"];
+    /** Shared size for all child radios. */
+    size?: VariantProps<typeof radioVariants>["size"];
+    disabled?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}
+declare function RadioGroup({ name: nameProp, value: controlledValue, defaultValue, onValueChange, intent, size, disabled, className, children, }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & Omit<VariantProps<typeof radioVariants>, "checked"> & {
+    /** The value of this radio option. */
+    value: string;
+    /** Accessible label text shown beside the radio. */
+    label?: string;
+};
+declare function Radio({ value, intent: intentProp, size: sizeProp, label, id: propId, className, disabled: disabledProp, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+
+export { Radio, RadioGroup, type RadioGroupProps, type RadioProps };