@ctrl-ui/react 0.8.0

package/dist/knob-contracts/separator-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/separator-knobs.d.ts
+declare const separatorKnobs: readonly ["--cui-separator-root-background"];
+type SeparatorKnobStyle = Partial<Record<(typeof separatorKnobs)[number], string>>;
+//#endregion
+export { SeparatorKnobStyle, separatorKnobs };

package/dist/knob-contracts/separator-knobs.js

@@ -0,0 +1,4 @@
+//#region src/knob-contracts/separator-knobs.ts
+const separatorKnobs = ["--cui-separator-root-background"];
+//#endregion
+export { separatorKnobs };

package/dist/knob-contracts/sidebar-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/sidebar-knobs.d.ts
+declare const sidebarKnobs: readonly ["--cui-sidebar-rail-divider-background", "--cui-sidebar-wrapper-background", "--cui-sidebar-wrapper-background-image", "--cui-sidebar-menu-button-radius", "--cui-sidebar-inner-background", "--cui-sidebar-inner-border-color", "--cui-sidebar-inner-background-image", "--cui-sidebar-inner-border-width", "--cui-sidebar-inner-radius", "--cui-sidebar-inner-shadow", "--cui-sidebar-inset-background", "--cui-sidebar-inset-background-image", "--cui-sidebar-inset-shadow", "--cui-sidebar-group-label-foreground", "--cui-sidebar-menu-button-foreground", "--cui-sidebar-menu-button-hover-background", "--cui-sidebar-menu-button-hover-foreground", "--cui-sidebar-menu-button-hover-shadow", "--cui-sidebar-menu-button-active-background", "--cui-sidebar-menu-button-active-foreground", "--cui-sidebar-menu-button-active-shadow"];
+type SidebarKnobStyle = Partial<Record<(typeof sidebarKnobs)[number], string>>;
+//#endregion
+export { SidebarKnobStyle, sidebarKnobs };

package/dist/knob-contracts/sidebar-knobs.js

@@ -0,0 +1,26 @@
+//#region src/knob-contracts/sidebar-knobs.ts
+const sidebarKnobs = [
+	"--cui-sidebar-rail-divider-background",
+	"--cui-sidebar-wrapper-background",
+	"--cui-sidebar-wrapper-background-image",
+	"--cui-sidebar-menu-button-radius",
+	"--cui-sidebar-inner-background",
+	"--cui-sidebar-inner-border-color",
+	"--cui-sidebar-inner-background-image",
+	"--cui-sidebar-inner-border-width",
+	"--cui-sidebar-inner-radius",
+	"--cui-sidebar-inner-shadow",
+	"--cui-sidebar-inset-background",
+	"--cui-sidebar-inset-background-image",
+	"--cui-sidebar-inset-shadow",
+	"--cui-sidebar-group-label-foreground",
+	"--cui-sidebar-menu-button-foreground",
+	"--cui-sidebar-menu-button-hover-background",
+	"--cui-sidebar-menu-button-hover-foreground",
+	"--cui-sidebar-menu-button-hover-shadow",
+	"--cui-sidebar-menu-button-active-background",
+	"--cui-sidebar-menu-button-active-foreground",
+	"--cui-sidebar-menu-button-active-shadow"
+];
+//#endregion
+export { sidebarKnobs };

package/dist/knob-contracts/skeleton-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/skeleton-knobs.d.ts
+declare const skeletonKnobs: readonly ["--cui-skeleton-radius", "--cui-skeleton-background"];
+type SkeletonKnobStyle = Partial<Record<(typeof skeletonKnobs)[number], string>>;
+//#endregion
+export { SkeletonKnobStyle, skeletonKnobs };

package/dist/knob-contracts/skeleton-knobs.js

@@ -0,0 +1,4 @@
+//#region src/knob-contracts/skeleton-knobs.ts
+const skeletonKnobs = ["--cui-skeleton-radius", "--cui-skeleton-background"];
+//#endregion
+export { skeletonKnobs };

package/dist/knob-contracts/source-badge-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/source-badge-knobs.d.ts
+declare const sourceBadgeKnobs: readonly ["--cui-source-badge-background", "--cui-source-badge-foreground", "--cui-source-badge-hover-background", "--cui-source-badge-hover-foreground", "--cui-source-badge-favicon-background", "--cui-source-badge-favicon-radius"];
+type SourceBadgeKnobStyle = Partial<Record<(typeof sourceBadgeKnobs)[number], string>>;
+//#endregion
+export { SourceBadgeKnobStyle, sourceBadgeKnobs };

package/dist/knob-contracts/source-badge-knobs.js

@@ -0,0 +1,11 @@
+//#region src/knob-contracts/source-badge-knobs.ts
+const sourceBadgeKnobs = [
+	"--cui-source-badge-background",
+	"--cui-source-badge-foreground",
+	"--cui-source-badge-hover-background",
+	"--cui-source-badge-hover-foreground",
+	"--cui-source-badge-favicon-background",
+	"--cui-source-badge-favicon-radius"
+];
+//#endregion
+export { sourceBadgeKnobs };

package/dist/knob-contracts/spinner-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/spinner-knobs.d.ts
+declare const spinnerKnobs: readonly ["--cui-spinner-foreground"];
+type SpinnerKnobStyle = Partial<Record<(typeof spinnerKnobs)[number], string>>;
+//#endregion
+export { SpinnerKnobStyle, spinnerKnobs };

package/dist/knob-contracts/spinner-knobs.js

@@ -0,0 +1,4 @@
+//#region src/knob-contracts/spinner-knobs.ts
+const spinnerKnobs = ["--cui-spinner-foreground"];
+//#endregion
+export { spinnerKnobs };

package/dist/knob-contracts/stepper-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/stepper-knobs.d.ts
+declare const stepperKnobs: readonly ["--cui-stepper-indicator-radius", "--cui-stepper-indicator-background", "--cui-stepper-indicator-foreground", "--cui-stepper-indicator-border-color", "--cui-stepper-separator-background", "--cui-stepper-title-foreground"];
+type StepperKnobStyle = Partial<Record<(typeof stepperKnobs)[number], string>>;
+//#endregion
+export { StepperKnobStyle, stepperKnobs };

package/dist/knob-contracts/stepper-knobs.js

@@ -0,0 +1,11 @@
+//#region src/knob-contracts/stepper-knobs.ts
+const stepperKnobs = [
+	"--cui-stepper-indicator-radius",
+	"--cui-stepper-indicator-background",
+	"--cui-stepper-indicator-foreground",
+	"--cui-stepper-indicator-border-color",
+	"--cui-stepper-separator-background",
+	"--cui-stepper-title-foreground"
+];
+//#endregion
+export { stepperKnobs };

package/dist/knob-contracts/switch-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/switch-knobs.d.ts
+declare const switchKnobs: readonly ["--cui-switch-thumb-shadow", "--cui-switch-background", "--cui-switch-hover-background", "--cui-switch-checked-background", "--cui-switch-checked-hover-background", "--cui-switch-thumb-radius", "--cui-switch-thumb-background"];
+type SwitchKnobStyle = Partial<Record<(typeof switchKnobs)[number], string>>;
+//#endregion
+export { SwitchKnobStyle, switchKnobs };

package/dist/knob-contracts/switch-knobs.js

@@ -0,0 +1,12 @@
+//#region src/knob-contracts/switch-knobs.ts
+const switchKnobs = [
+	"--cui-switch-thumb-shadow",
+	"--cui-switch-background",
+	"--cui-switch-hover-background",
+	"--cui-switch-checked-background",
+	"--cui-switch-checked-hover-background",
+	"--cui-switch-thumb-radius",
+	"--cui-switch-thumb-background"
+];
+//#endregion
+export { switchKnobs };

package/dist/knob-contracts/table-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/table-knobs.d.ts
+declare const tableKnobs: readonly ["--cui-table-background", "--cui-table-foreground", "--cui-table-border-color", "--cui-table-row-hover-background", "--cui-table-row-selected-background", "--cui-table-header-foreground", "--cui-table-footer-background"];
+type TableKnobStyle = Partial<Record<(typeof tableKnobs)[number], string>>;
+//#endregion
+export { TableKnobStyle, tableKnobs };

package/dist/knob-contracts/table-knobs.js

@@ -0,0 +1,12 @@
+//#region src/knob-contracts/table-knobs.ts
+const tableKnobs = [
+	"--cui-table-background",
+	"--cui-table-foreground",
+	"--cui-table-border-color",
+	"--cui-table-row-hover-background",
+	"--cui-table-row-selected-background",
+	"--cui-table-header-foreground",
+	"--cui-table-footer-background"
+];
+//#endregion
+export { tableKnobs };

package/dist/knob-contracts/table-of-contents-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/table-of-contents-knobs.d.ts
+declare const tableOfContentsKnobs: readonly ["--cui-table-of-contents-rail-background", "--cui-table-of-contents-highlight-radius", "--cui-table-of-contents-highlight-background"];
+type TableOfContentsKnobStyle = Partial<Record<(typeof tableOfContentsKnobs)[number], string>>;
+//#endregion
+export { TableOfContentsKnobStyle, tableOfContentsKnobs };

package/dist/knob-contracts/table-of-contents-knobs.js

@@ -0,0 +1,8 @@
+//#region src/knob-contracts/table-of-contents-knobs.ts
+const tableOfContentsKnobs = [
+	"--cui-table-of-contents-rail-background",
+	"--cui-table-of-contents-highlight-radius",
+	"--cui-table-of-contents-highlight-background"
+];
+//#endregion
+export { tableOfContentsKnobs };

package/dist/knob-contracts/tabs-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/tabs-knobs.d.ts
+declare const tabsKnobs: readonly ["--cui-tabs-trigger-radius", "--cui-tabs-list-padding", "--cui-tabs-list-radius", "--cui-tabs-list-background", "--cui-tabs-list-backdrop-filter", "--cui-tabs-indicator-background", "--cui-tabs-foreground", "--cui-tabs-active-foreground", "--cui-tabs-indicator-shadow", "--cui-tabs-list-shadow", "--cui-tabs-border-color"];
+type TabsKnobStyle = Partial<Record<(typeof tabsKnobs)[number], string>>;
+//#endregion
+export { TabsKnobStyle, tabsKnobs };

package/dist/knob-contracts/tabs-knobs.js

@@ -0,0 +1,16 @@
+//#region src/knob-contracts/tabs-knobs.ts
+const tabsKnobs = [
+	"--cui-tabs-trigger-radius",
+	"--cui-tabs-list-padding",
+	"--cui-tabs-list-radius",
+	"--cui-tabs-list-background",
+	"--cui-tabs-list-backdrop-filter",
+	"--cui-tabs-indicator-background",
+	"--cui-tabs-foreground",
+	"--cui-tabs-active-foreground",
+	"--cui-tabs-indicator-shadow",
+	"--cui-tabs-list-shadow",
+	"--cui-tabs-border-color"
+];
+//#endregion
+export { tabsKnobs };

package/dist/knob-contracts/task-list-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/task-list-knobs.d.ts
+declare const taskListKnobs: readonly ["--cui-task-list-radius", "--cui-task-list-background", "--cui-task-list-foreground", "--cui-task-list-border-color", "--cui-task-list-shadow", "--cui-task-list-item-foreground", "--cui-task-list-item-pending-foreground", "--cui-task-list-indicator-foreground", "--cui-task-list-indicator-active-foreground"];
+type TaskListKnobStyle = Partial<Record<(typeof taskListKnobs)[number], string>>;
+//#endregion
+export { TaskListKnobStyle, taskListKnobs };

package/dist/knob-contracts/task-list-knobs.js

@@ -0,0 +1,14 @@
+//#region src/knob-contracts/task-list-knobs.ts
+const taskListKnobs = [
+	"--cui-task-list-radius",
+	"--cui-task-list-background",
+	"--cui-task-list-foreground",
+	"--cui-task-list-border-color",
+	"--cui-task-list-shadow",
+	"--cui-task-list-item-foreground",
+	"--cui-task-list-item-pending-foreground",
+	"--cui-task-list-indicator-foreground",
+	"--cui-task-list-indicator-active-foreground"
+];
+//#endregion
+export { taskListKnobs };

package/dist/knob-contracts/thread-rail-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/thread-rail-knobs.d.ts
+declare const threadRailKnobs: readonly ["--cui-thread-rail-item-radius", "--cui-thread-rail-item-background", "--cui-thread-rail-line-radius", "--cui-thread-rail-popover-radius", "--cui-thread-rail-popover-background", "--cui-thread-rail-popover-border-color", "--cui-thread-rail-popover-border-width", "--cui-thread-rail-popover-shadow", "--cui-thread-rail-popover-backdrop-blur"];
+type ThreadRailKnobStyle = Partial<Record<(typeof threadRailKnobs)[number], string>>;
+//#endregion
+export { ThreadRailKnobStyle, threadRailKnobs };

package/dist/knob-contracts/thread-rail-knobs.js

@@ -0,0 +1,14 @@
+//#region src/knob-contracts/thread-rail-knobs.ts
+const threadRailKnobs = [
+	"--cui-thread-rail-item-radius",
+	"--cui-thread-rail-item-background",
+	"--cui-thread-rail-line-radius",
+	"--cui-thread-rail-popover-radius",
+	"--cui-thread-rail-popover-background",
+	"--cui-thread-rail-popover-border-color",
+	"--cui-thread-rail-popover-border-width",
+	"--cui-thread-rail-popover-shadow",
+	"--cui-thread-rail-popover-backdrop-blur"
+];
+//#endregion
+export { threadRailKnobs };

package/dist/knob-contracts/timeline-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/timeline-knobs.d.ts
+declare const timelineKnobs: readonly ["--cui-timeline-indicator-background", "--cui-timeline-indicator-foreground", "--cui-timeline-running-foreground", "--cui-timeline-success-foreground", "--cui-timeline-error-foreground", "--cui-timeline-separator-background", "--cui-timeline-title-foreground"];
+type TimelineKnobStyle = Partial<Record<(typeof timelineKnobs)[number], string>>;
+//#endregion
+export { TimelineKnobStyle, timelineKnobs };

package/dist/knob-contracts/timeline-knobs.js

@@ -0,0 +1,12 @@
+//#region src/knob-contracts/timeline-knobs.ts
+const timelineKnobs = [
+	"--cui-timeline-indicator-background",
+	"--cui-timeline-indicator-foreground",
+	"--cui-timeline-running-foreground",
+	"--cui-timeline-success-foreground",
+	"--cui-timeline-error-foreground",
+	"--cui-timeline-separator-background",
+	"--cui-timeline-title-foreground"
+];
+//#endregion
+export { timelineKnobs };

package/dist/knob-contracts/toolbar-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/toolbar-knobs.d.ts
+declare const toolbarKnobs: readonly ["--cui-toolbar-radius", "--cui-toolbar-padding", "--cui-toolbar-background", "--cui-toolbar-foreground", "--cui-toolbar-border-color", "--cui-toolbar-shadow", "--cui-toolbar-item-radius", "--cui-toolbar-item-background", "--cui-toolbar-item-shadow", "--cui-toolbar-item-foreground", "--cui-toolbar-item-hover-background", "--cui-toolbar-item-hover-foreground", "--cui-toolbar-item-active-background", "--cui-toolbar-item-active-foreground", "--cui-toolbar-separator-background"];
+type ToolbarKnobStyle = Partial<Record<(typeof toolbarKnobs)[number], string>>;
+//#endregion
+export { ToolbarKnobStyle, toolbarKnobs };

package/dist/knob-contracts/toolbar-knobs.js

@@ -0,0 +1,20 @@
+//#region src/knob-contracts/toolbar-knobs.ts
+const toolbarKnobs = [
+	"--cui-toolbar-radius",
+	"--cui-toolbar-padding",
+	"--cui-toolbar-background",
+	"--cui-toolbar-foreground",
+	"--cui-toolbar-border-color",
+	"--cui-toolbar-shadow",
+	"--cui-toolbar-item-radius",
+	"--cui-toolbar-item-background",
+	"--cui-toolbar-item-shadow",
+	"--cui-toolbar-item-foreground",
+	"--cui-toolbar-item-hover-background",
+	"--cui-toolbar-item-hover-foreground",
+	"--cui-toolbar-item-active-background",
+	"--cui-toolbar-item-active-foreground",
+	"--cui-toolbar-separator-background"
+];
+//#endregion
+export { toolbarKnobs };

package/dist/knob-contracts/track-highlight-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/track-highlight-knobs.d.ts
+declare const trackHighlightKnobs: readonly ["--cui-track-highlight-radius", "--cui-track-highlight-background", "--cui-track-highlight-hover-background", "--cui-track-highlight-ring-color", "--cui-track-highlight-shadow", "--cui-track-highlight-transition-duration"];
+type TrackHighlightKnobStyle = Partial<Record<(typeof trackHighlightKnobs)[number], string>>;
+//#endregion
+export { TrackHighlightKnobStyle, trackHighlightKnobs };

package/dist/knob-contracts/track-highlight-knobs.js

@@ -0,0 +1,11 @@
+//#region src/knob-contracts/track-highlight-knobs.ts
+const trackHighlightKnobs = [
+	"--cui-track-highlight-radius",
+	"--cui-track-highlight-background",
+	"--cui-track-highlight-hover-background",
+	"--cui-track-highlight-ring-color",
+	"--cui-track-highlight-shadow",
+	"--cui-track-highlight-transition-duration"
+];
+//#endregion
+export { trackHighlightKnobs };

package/dist/knob-contracts/transcript-divider-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/transcript-divider-knobs.d.ts
+declare const transcriptDividerKnobs: readonly ["--cui-transcript-divider-foreground", "--cui-transcript-divider-line-color", "--cui-transcript-divider-danger-foreground", "--cui-transcript-divider-success-foreground", "--cui-transcript-divider-warning-foreground"];
+type TranscriptDividerKnobStyle = Partial<Record<(typeof transcriptDividerKnobs)[number], string>>;
+//#endregion
+export { TranscriptDividerKnobStyle, transcriptDividerKnobs };

package/dist/knob-contracts/transcript-divider-knobs.js

@@ -0,0 +1,10 @@
+//#region src/knob-contracts/transcript-divider-knobs.ts
+const transcriptDividerKnobs = [
+	"--cui-transcript-divider-foreground",
+	"--cui-transcript-divider-line-color",
+	"--cui-transcript-divider-danger-foreground",
+	"--cui-transcript-divider-success-foreground",
+	"--cui-transcript-divider-warning-foreground"
+];
+//#endregion
+export { transcriptDividerKnobs };

package/dist/knob-contracts/tree-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/tree-knobs.d.ts
+declare const treeKnobs: readonly ["--cui-tree-item-trigger-radius", "--cui-tree-item-trigger-foreground", "--cui-tree-item-trigger-hover-background", "--cui-tree-item-trigger-hover-foreground", "--cui-tree-item-trigger-selected-background", "--cui-tree-item-trigger-selected-foreground", "--cui-tree-item-trigger-font-size", "--cui-tree-item-trigger-selected-font-weight"];
+type TreeKnobStyle = Partial<Record<(typeof treeKnobs)[number], string>>;
+//#endregion
+export { TreeKnobStyle, treeKnobs };

package/dist/knob-contracts/tree-knobs.js

@@ -0,0 +1,13 @@
+//#region src/knob-contracts/tree-knobs.ts
+const treeKnobs = [
+	"--cui-tree-item-trigger-radius",
+	"--cui-tree-item-trigger-foreground",
+	"--cui-tree-item-trigger-hover-background",
+	"--cui-tree-item-trigger-hover-foreground",
+	"--cui-tree-item-trigger-selected-background",
+	"--cui-tree-item-trigger-selected-foreground",
+	"--cui-tree-item-trigger-font-size",
+	"--cui-tree-item-trigger-selected-font-weight"
+];
+//#endregion
+export { treeKnobs };

package/dist/knob-contracts/user-ask-knobs.d.ts

@@ -0,0 +1,5 @@
+//#region src/knob-contracts/user-ask-knobs.d.ts
+declare const userAskKnobs: readonly ["--cui-user-ask-radius", "--cui-user-ask-background", "--cui-user-ask-foreground", "--cui-user-ask-border-color", "--cui-user-ask-shadow", "--cui-user-ask-option-radius", "--cui-user-ask-option-hover-background", "--cui-user-ask-option-selected-background", "--cui-user-ask-indicator-background", "--cui-user-ask-indicator-foreground", "--cui-user-ask-input-background", "--cui-user-ask-input-foreground"];
+type UserAskKnobStyle = Partial<Record<(typeof userAskKnobs)[number], string>>;
+//#endregion
+export { UserAskKnobStyle, userAskKnobs };

package/dist/knob-contracts/user-ask-knobs.js

@@ -0,0 +1,17 @@
+//#region src/knob-contracts/user-ask-knobs.ts
+const userAskKnobs = [
+	"--cui-user-ask-radius",
+	"--cui-user-ask-background",
+	"--cui-user-ask-foreground",
+	"--cui-user-ask-border-color",
+	"--cui-user-ask-shadow",
+	"--cui-user-ask-option-radius",
+	"--cui-user-ask-option-hover-background",
+	"--cui-user-ask-option-selected-background",
+	"--cui-user-ask-indicator-background",
+	"--cui-user-ask-indicator-foreground",
+	"--cui-user-ask-input-background",
+	"--cui-user-ask-input-foreground"
+];
+//#endregion
+export { userAskKnobs };

package/dist/lib/cn.d.ts

@@ -0,0 +1,5 @@
+import { ClassValue } from "clsx";
+//#region src/lib/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };

package/dist/lib/cn.js

@@ -0,0 +1,34 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+const twMerge = extendTailwindMerge({
+	extend: { classGroups: {
+		"font-size": [{ text: [
+			"micro",
+			"caption",
+			"label",
+			"body",
+			"body-lg",
+			"heading-1",
+			"heading-2",
+			"heading-3",
+			"heading-4",
+			"meta",
+			"title-sm",
+			"title-md",
+			"title-lg",
+			"display"
+		] }],
+		shadow: [{ shadow: [
+			"pop",
+			"soft",
+			"modal"
+		] }]
+	} },
+	override: { conflictingClassGroups: { "font-size": [] } }
+});
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };

package/dist/lib/code-block-shiki.d.ts

@@ -0,0 +1,9 @@
+import { CodeToken, CodeTokenLines, CodeTokenStyle, highlightToTokens, normalizeLanguage as normalizeLanguage$1 } from "./code-tokens.js";
+//#region src/lib/code-block-shiki.d.ts
+type CodeBlockEditorToken = CodeToken;
+type CodeBlockEditorTokenLines = CodeTokenLines;
+type CodeBlockEditorTokenStyle = CodeTokenStyle;
+declare const highlightCodeToTokens: typeof highlightToTokens;
+declare const normalizeLanguage: typeof normalizeLanguage$1;
+//#endregion
+export { CodeBlockEditorToken, CodeBlockEditorTokenLines, CodeBlockEditorTokenStyle, highlightCodeToTokens, normalizeLanguage };

package/dist/lib/code-block-shiki.js

@@ -0,0 +1,6 @@
+import { highlightToTokens, normalizeLanguage as normalizeLanguage$1 } from "./code-tokens.js";
+//#region src/lib/code-block-shiki.ts
+const highlightCodeToTokens = highlightToTokens;
+const normalizeLanguage = normalizeLanguage$1;
+//#endregion
+export { highlightCodeToTokens, normalizeLanguage };

package/dist/lib/code-tokens.d.ts

@@ -0,0 +1,28 @@
+//#region src/lib/code-tokens.d.ts
+type CodeTokenStyle = {
+  color?: string;
+  fontStyle?: "italic" | "normal";
+  fontWeight?: "bold" | "normal";
+  textDecoration?: "underline";
+};
+type CodeToken = {
+  content: string;
+  style?: CodeTokenStyle;
+};
+type CodeTokenLine = CodeToken[];
+type CodeTokenLines = CodeTokenLine[];
+type CodeEmphasisSegment = {
+  text: string;
+  emphasis: boolean;
+};
+type CodeTokenEmphasisRun = CodeToken & {
+  emphasis: boolean;
+  start: number;
+};
+declare const CODE_THEME_NAME = "agent-code";
+declare const CODE_VARIABLE_PREFIX = "--code-";
+declare function normalizeLanguage(language?: string | null): string | undefined;
+declare function mergeCodeTokenLineWithEmphasis(plain: string, tokens: CodeTokenLine | null, segments: readonly CodeEmphasisSegment[] | undefined): CodeTokenEmphasisRun[];
+declare function highlightToTokens(code: string, language?: string | null): Promise<CodeTokenLines | null>;
+//#endregion
+export { CODE_THEME_NAME, CODE_VARIABLE_PREFIX, CodeEmphasisSegment, CodeToken, CodeTokenEmphasisRun, CodeTokenLine, CodeTokenLines, CodeTokenStyle, highlightToTokens, mergeCodeTokenLineWithEmphasis, normalizeLanguage };

package/dist/lib/code-tokens.js

@@ -0,0 +1,160 @@
+//#region src/lib/code-tokens.ts
+const CODE_THEME_NAME = "agent-code";
+const CODE_VARIABLE_PREFIX = "--code-";
+const languageAliases = {
+	bash: "bash",
+	cjs: "javascript",
+	css: "css",
+	diff: "diff",
+	html: "html",
+	js: "javascript",
+	json: "json",
+	json5: "json",
+	jsx: "jsx",
+	markdown: "markdown",
+	md: "markdown",
+	mjs: "javascript",
+	node: "javascript",
+	py: "python",
+	python: "python",
+	sh: "bash",
+	shell: "bash",
+	ts: "typescript",
+	tsx: "tsx",
+	typescript: "typescript",
+	yaml: "yaml",
+	yml: "yaml",
+	zsh: "bash"
+};
+const FONT_STYLE_ITALIC = 1;
+const FONT_STYLE_BOLD = 2;
+const FONT_STYLE_UNDERLINE = 4;
+let highlighterPromise = null;
+function normalizeLanguage(language) {
+	if (!language) return void 0;
+	return languageAliases[language.toLowerCase()];
+}
+function getHighlighter() {
+	if (!highlighterPromise) highlighterPromise = (async () => {
+		const [{ createHighlighterCore, createCssVariablesTheme }, { createJavaScriptRegexEngine }] = await Promise.all([import("shiki/core"), import("shiki/engine/javascript")]);
+		return createHighlighterCore({
+			themes: [createCssVariablesTheme({
+				name: CODE_THEME_NAME,
+				variablePrefix: CODE_VARIABLE_PREFIX,
+				fontStyle: true
+			})],
+			langs: [
+				import("shiki/langs/javascript.mjs"),
+				import("shiki/langs/typescript.mjs"),
+				import("shiki/langs/tsx.mjs"),
+				import("shiki/langs/jsx.mjs"),
+				import("shiki/langs/json.mjs"),
+				import("shiki/langs/bash.mjs"),
+				import("shiki/langs/markdown.mjs"),
+				import("shiki/langs/python.mjs"),
+				import("shiki/langs/css.mjs"),
+				import("shiki/langs/html.mjs"),
+				import("shiki/langs/yaml.mjs"),
+				import("shiki/langs/diff.mjs")
+			],
+			engine: createJavaScriptRegexEngine()
+		});
+	})();
+	return highlighterPromise;
+}
+function tokenStyle(token) {
+	const style = {};
+	if (token.color) style.color = token.color;
+	const fontStyle = token.fontStyle ?? 0;
+	if (fontStyle > 0) {
+		if ((fontStyle & FONT_STYLE_ITALIC) !== 0) style.fontStyle = "italic";
+		if ((fontStyle & FONT_STYLE_BOLD) !== 0) style.fontWeight = "bold";
+		if ((fontStyle & FONT_STYLE_UNDERLINE) !== 0) style.textDecoration = "underline";
+	}
+	return style.color || style.fontStyle || style.fontWeight || style.textDecoration ? style : void 0;
+}
+const CACHE_LIMIT = 200;
+const cache = /* @__PURE__ */ new Map();
+function cacheGet(key) {
+	const value = cache.get(key);
+	if (value !== void 0) {
+		cache.delete(key);
+		cache.set(key, value);
+	}
+	return value;
+}
+function cacheSet(key, value) {
+	cache.set(key, value);
+	if (cache.size > CACHE_LIMIT) {
+		const oldest = cache.keys().next().value;
+		if (oldest !== void 0) cache.delete(oldest);
+	}
+}
+function reconstructs(value, parts) {
+	return parts.join("") === value;
+}
+function coveringTokens(plain, tokens) {
+	const parts = tokens?.filter((token) => token.content.length > 0) ?? [];
+	return reconstructs(plain, parts.map((token) => token.content)) ? parts : [{ content: plain }];
+}
+function coveringSegments(plain, segments) {
+	const parts = segments?.filter((segment) => segment.text.length > 0) ?? [];
+	return reconstructs(plain, parts.map((segment) => segment.text)) ? parts : [{
+		text: plain,
+		emphasis: false
+	}];
+}
+function mergeCodeTokenLineWithEmphasis(plain, tokens, segments) {
+	const validTokens = coveringTokens(plain, tokens);
+	const validSegments = coveringSegments(plain, segments);
+	if (plain.length === 0) return [];
+	const runs = [];
+	let tokenIndex = 0;
+	let segmentIndex = 0;
+	let tokenOffset = 0;
+	let segmentOffset = 0;
+	let runStart = 0;
+	while (tokenIndex < validTokens.length && segmentIndex < validSegments.length) {
+		const token = validTokens[tokenIndex];
+		const segment = validSegments[segmentIndex];
+		if (!token || !segment) break;
+		const length = Math.min(token.content.length - tokenOffset, segment.text.length - segmentOffset);
+		runs.push({
+			start: runStart,
+			content: token.content.slice(tokenOffset, tokenOffset + length),
+			...token.style ? { style: token.style } : {},
+			emphasis: segment.emphasis
+		});
+		runStart += length;
+		tokenOffset += length;
+		segmentOffset += length;
+		if (tokenOffset === token.content.length) {
+			tokenIndex += 1;
+			tokenOffset = 0;
+		}
+		if (segmentOffset === segment.text.length) {
+			segmentIndex += 1;
+			segmentOffset = 0;
+		}
+	}
+	return runs;
+}
+async function highlightToTokens(code, language) {
+	const lang = normalizeLanguage(language);
+	if (!lang) return null;
+	const key = `${lang}\n${code}`;
+	const cached = cacheGet(key);
+	if (cached !== void 0) return cached;
+	const { tokens } = (await getHighlighter()).codeToTokens(code, {
+		lang,
+		theme: CODE_THEME_NAME
+	});
+	const lines = tokens.map((line) => line.map((token) => ({
+		content: token.content,
+		style: tokenStyle(token)
+	})));
+	cacheSet(key, lines);
+	return lines;
+}
+//#endregion
+export { CODE_THEME_NAME, CODE_VARIABLE_PREFIX, highlightToTokens, mergeCodeTokenLineWithEmphasis, normalizeLanguage };