@ctrl-ui/react 0.8.2 → 0.8.5

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/range-knobs.d.ts
-declare const rangeKnobs: readonly ["--cui-range-track-radius", "--cui-range-track-background", "--cui-range-indicator-radius", "--cui-range-indicator-background", "--cui-range-thumb-radius", "--cui-range-thumb-background", "--cui-range-thumb-border-color", "--cui-range-thumb-shadow"];
-type RangeKnobStyle = Partial<Record<(typeof rangeKnobs)[number], string>>;
-//#endregion
-export { RangeKnobStyle, rangeKnobs };
+export declare const rangeKnobs: readonly ["--cui-range-track-radius", "--cui-range-track-background", "--cui-range-indicator-radius", "--cui-range-indicator-background", "--cui-range-thumb-radius", "--cui-range-thumb-background", "--cui-range-thumb-border-color", "--cui-range-thumb-shadow"];
+export type RangeKnobStyle = Partial<Record<(typeof rangeKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/resizable-knobs.d.ts
-declare const resizableKnobs: readonly ["--cui-resizable-group-background", "--cui-resizable-group-radius", "--cui-resizable-group-border-color", "--cui-resizable-handle-color", "--cui-resizable-handle-hover-background", "--cui-resizable-handle-active-background", "--cui-resizable-grip-radius", "--cui-resizable-grip-background", "--cui-resizable-grip-foreground"];
-type ResizableKnobStyle = Partial<Record<(typeof resizableKnobs)[number], string>>;
-//#endregion
-export { ResizableKnobStyle, resizableKnobs };
+export declare const resizableKnobs: readonly ["--cui-resizable-group-background", "--cui-resizable-group-radius", "--cui-resizable-group-border-color", "--cui-resizable-group-border-width", "--cui-resizable-handle-color", "--cui-resizable-handle-hover-background", "--cui-resizable-handle-active-background", "--cui-resizable-grip-radius", "--cui-resizable-grip-background", "--cui-resizable-grip-foreground"];
+export type ResizableKnobStyle = Partial<Record<(typeof resizableKnobs)[number], string>>;
+//#endregion

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

@@ -3,6 +3,7 @@ const resizableKnobs = [
 	"--cui-resizable-group-background",
 	"--cui-resizable-group-radius",
 	"--cui-resizable-group-border-color",
+	"--cui-resizable-group-border-width",
 	"--cui-resizable-handle-color",
 	"--cui-resizable-handle-hover-background",
 	"--cui-resizable-handle-active-background",

package/dist/knob-contracts/rich-tooltip-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/rich-tooltip-knobs.d.ts
-declare const richTooltipKnobs: readonly ["--cui-rich-tooltip-content-background", "--cui-rich-tooltip-content-foreground", "--cui-rich-tooltip-content-radius", "--cui-rich-tooltip-content-shadow", "--cui-rich-tooltip-dot-background", "--cui-rich-tooltip-action-radius", "--cui-rich-tooltip-action-background", "--cui-rich-tooltip-action-foreground"];
-type RichTooltipKnobStyle = Partial<Record<(typeof richTooltipKnobs)[number], string>>;
-//#endregion
-export { RichTooltipKnobStyle, richTooltipKnobs };
+export declare const richTooltipKnobs: readonly ["--cui-rich-tooltip-content-background", "--cui-rich-tooltip-content-foreground", "--cui-rich-tooltip-content-radius", "--cui-rich-tooltip-content-shadow", "--cui-rich-tooltip-dot-background", "--cui-rich-tooltip-action-radius", "--cui-rich-tooltip-action-background", "--cui-rich-tooltip-action-foreground"];
+export type RichTooltipKnobStyle = Partial<Record<(typeof richTooltipKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/scroll-area-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/scroll-area-knobs.d.ts
-declare const scrollAreaKnobs: readonly ["--cui-scroll-area-thumb-radius", "--cui-scroll-area-thumb-background", "--cui-scroll-area-corner-background"];
-type ScrollAreaKnobStyle = Partial<Record<(typeof scrollAreaKnobs)[number], string>>;
-//#endregion
-export { ScrollAreaKnobStyle, scrollAreaKnobs };
+export declare const scrollAreaKnobs: readonly ["--cui-scroll-area-thumb-radius", "--cui-scroll-area-thumb-background", "--cui-scroll-area-corner-background"];
+export type ScrollAreaKnobStyle = Partial<Record<(typeof scrollAreaKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const separatorKnobs: readonly ["--cui-separator-root-background"];
+export type SeparatorKnobStyle = Partial<Record<(typeof separatorKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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-backdrop-filter", "--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"];
+export type SidebarKnobStyle = Partial<Record<(typeof sidebarKnobs)[number], string>>;
+//#endregion

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

@@ -7,6 +7,7 @@ const sidebarKnobs = [
 	"--cui-sidebar-inner-background",
 	"--cui-sidebar-inner-border-color",
 	"--cui-sidebar-inner-background-image",
+	"--cui-sidebar-inner-backdrop-filter",
 	"--cui-sidebar-inner-border-width",
 	"--cui-sidebar-inner-radius",
 	"--cui-sidebar-inner-shadow",

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const skeletonKnobs: readonly ["--cui-skeleton-radius", "--cui-skeleton-background", "--cui-skeleton-background-image", "--cui-skeleton-highlight-background", "--cui-skeleton-animation-duration", "--cui-skeleton-easing", "--cui-skeleton-pulse-opacity"];
+export type SkeletonKnobStyle = Partial<Record<(typeof skeletonKnobs)[number], string>>;
+//#endregion

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

@@ -1,4 +1,12 @@
 //#region src/knob-contracts/skeleton-knobs.ts
-const skeletonKnobs = ["--cui-skeleton-radius", "--cui-skeleton-background"];
+const skeletonKnobs = [
+	"--cui-skeleton-radius",
+	"--cui-skeleton-background",
+	"--cui-skeleton-background-image",
+	"--cui-skeleton-highlight-background",
+	"--cui-skeleton-animation-duration",
+	"--cui-skeleton-easing",
+	"--cui-skeleton-pulse-opacity"
+];
 //#endregion
 export { skeletonKnobs };

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type SourceBadgeKnobStyle = Partial<Record<(typeof sourceBadgeKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const spinnerKnobs: readonly ["--cui-spinner-foreground"];
+export type SpinnerKnobStyle = Partial<Record<(typeof spinnerKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const stepperKnobs: readonly ["--cui-stepper-indicator-radius", "--cui-stepper-indicator-background", "--cui-stepper-indicator-foreground", "--cui-stepper-indicator-border-color", "--cui-stepper-indicator-border-width", "--cui-stepper-separator-background", "--cui-stepper-title-foreground"];
+export type StepperKnobStyle = Partial<Record<(typeof stepperKnobs)[number], string>>;
+//#endregion

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

@@ -4,6 +4,7 @@ const stepperKnobs = [
 	"--cui-stepper-indicator-background",
 	"--cui-stepper-indicator-foreground",
 	"--cui-stepper-indicator-border-color",
+	"--cui-stepper-indicator-border-width",
 	"--cui-stepper-separator-background",
 	"--cui-stepper-title-foreground"
 ];

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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", "--cui-switch-inline-size", "--cui-switch-height", "--cui-switch-padding", "--cui-switch-thumb-inline-size", "--cui-switch-thumb-press-scale", "--cui-switch-thumb-backdrop-filter"];
+export type SwitchKnobStyle = Partial<Record<(typeof switchKnobs)[number], string>>;
+//#endregion

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

@@ -6,7 +6,13 @@ const switchKnobs = [
 	"--cui-switch-checked-background",
 	"--cui-switch-checked-hover-background",
 	"--cui-switch-thumb-radius",
-	"--cui-switch-thumb-background"
+	"--cui-switch-thumb-background",
+	"--cui-switch-inline-size",
+	"--cui-switch-height",
+	"--cui-switch-padding",
+	"--cui-switch-thumb-inline-size",
+	"--cui-switch-thumb-press-scale",
+	"--cui-switch-thumb-backdrop-filter"
 ];
 //#endregion
 export { switchKnobs };

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type TableKnobStyle = Partial<Record<(typeof tableKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const tableOfContentsKnobs: readonly ["--cui-table-of-contents-background", "--cui-table-of-contents-border-color", "--cui-table-of-contents-border-width", "--cui-table-of-contents-radius", "--cui-table-of-contents-shadow", "--cui-table-of-contents-backdrop-filter", "--cui-table-of-contents-padding", "--cui-table-of-contents-label-foreground", "--cui-table-of-contents-label-font-size", "--cui-table-of-contents-label-font-weight", "--cui-table-of-contents-label-gap", "--cui-table-of-contents-item-foreground", "--cui-table-of-contents-item-hover-foreground", "--cui-table-of-contents-item-active-foreground", "--cui-table-of-contents-item-font-size", "--cui-table-of-contents-item-line-height", "--cui-table-of-contents-item-font-weight", "--cui-table-of-contents-item-root-font-weight", "--cui-table-of-contents-item-padding-block", "--cui-table-of-contents-item-padding-inline", "--cui-table-of-contents-item-indent-size", "--cui-table-of-contents-rail-background", "--cui-table-of-contents-rail-size", "--cui-table-of-contents-trail-background", "--cui-table-of-contents-trail-size", "--cui-table-of-contents-trail-radius", "--cui-table-of-contents-highlight-radius", "--cui-table-of-contents-highlight-background"];
+export type TableOfContentsKnobStyle = Partial<Record<(typeof tableOfContentsKnobs)[number], string>>;
+//#endregion

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

@@ -1,6 +1,31 @@
 //#region src/knob-contracts/table-of-contents-knobs.ts
 const tableOfContentsKnobs = [
+	"--cui-table-of-contents-background",
+	"--cui-table-of-contents-border-color",
+	"--cui-table-of-contents-border-width",
+	"--cui-table-of-contents-radius",
+	"--cui-table-of-contents-shadow",
+	"--cui-table-of-contents-backdrop-filter",
+	"--cui-table-of-contents-padding",
+	"--cui-table-of-contents-label-foreground",
+	"--cui-table-of-contents-label-font-size",
+	"--cui-table-of-contents-label-font-weight",
+	"--cui-table-of-contents-label-gap",
+	"--cui-table-of-contents-item-foreground",
+	"--cui-table-of-contents-item-hover-foreground",
+	"--cui-table-of-contents-item-active-foreground",
+	"--cui-table-of-contents-item-font-size",
+	"--cui-table-of-contents-item-line-height",
+	"--cui-table-of-contents-item-font-weight",
+	"--cui-table-of-contents-item-root-font-weight",
+	"--cui-table-of-contents-item-padding-block",
+	"--cui-table-of-contents-item-padding-inline",
+	"--cui-table-of-contents-item-indent-size",
 	"--cui-table-of-contents-rail-background",
+	"--cui-table-of-contents-rail-size",
+	"--cui-table-of-contents-trail-background",
+	"--cui-table-of-contents-trail-size",
+	"--cui-table-of-contents-trail-radius",
 	"--cui-table-of-contents-highlight-radius",
 	"--cui-table-of-contents-highlight-background"
 ];

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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", "--cui-tabs-border-width"];
+export type TabsKnobStyle = Partial<Record<(typeof tabsKnobs)[number], string>>;
+//#endregion

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

@@ -10,7 +10,8 @@ const tabsKnobs = [
 	"--cui-tabs-active-foreground",
 	"--cui-tabs-indicator-shadow",
 	"--cui-tabs-list-shadow",
-	"--cui-tabs-border-color"
+	"--cui-tabs-border-color",
+	"--cui-tabs-border-width"
 ];
 //#endregion
 export { tabsKnobs };

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const taskListKnobs: readonly ["--cui-task-list-radius", "--cui-task-list-ring-color", "--cui-task-list-items-padding", "--cui-task-list-item-radius", "--cui-task-list-trigger-hover-background", "--cui-task-list-background", "--cui-task-list-foreground", "--cui-task-list-border-color", "--cui-task-list-border-width", "--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"];
+export type TaskListKnobStyle = Partial<Record<(typeof taskListKnobs)[number], string>>;
+//#endregion

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

@@ -1,9 +1,14 @@
 //#region src/knob-contracts/task-list-knobs.ts
 const taskListKnobs = [
 	"--cui-task-list-radius",
+	"--cui-task-list-ring-color",
+	"--cui-task-list-items-padding",
+	"--cui-task-list-item-radius",
+	"--cui-task-list-trigger-hover-background",
 	"--cui-task-list-background",
 	"--cui-task-list-foreground",
 	"--cui-task-list-border-color",
+	"--cui-task-list-border-width",
 	"--cui-task-list-shadow",
 	"--cui-task-list-item-foreground",
 	"--cui-task-list-item-pending-foreground",

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type ThreadRailKnobStyle = Partial<Record<(typeof threadRailKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type TimelineKnobStyle = Partial<Record<(typeof timelineKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const toolbarKnobs: readonly ["--cui-toolbar-radius", "--cui-toolbar-padding", "--cui-toolbar-background", "--cui-toolbar-foreground", "--cui-toolbar-border-color", "--cui-toolbar-border-width", "--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"];
+export type ToolbarKnobStyle = Partial<Record<(typeof toolbarKnobs)[number], string>>;
+//#endregion

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

@@ -5,6 +5,7 @@ const toolbarKnobs = [
 	"--cui-toolbar-background",
 	"--cui-toolbar-foreground",
 	"--cui-toolbar-border-color",
+	"--cui-toolbar-border-width",
 	"--cui-toolbar-shadow",
 	"--cui-toolbar-item-radius",
 	"--cui-toolbar-item-background",

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type TrackHighlightKnobStyle = Partial<Record<(typeof trackHighlightKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type TranscriptDividerKnobStyle = Partial<Record<(typeof transcriptDividerKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export 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"];
+export type TreeKnobStyle = Partial<Record<(typeof treeKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#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 };
+export declare const userAskKnobs: readonly ["--cui-user-ask-radius", "--cui-user-ask-padding", "--cui-user-ask-backdrop-filter", "--cui-user-ask-indicator-radius", "--cui-user-ask-indicator-multiple-radius", "--cui-user-ask-background", "--cui-user-ask-foreground", "--cui-user-ask-border-color", "--cui-user-ask-border-width", "--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"];
+export type UserAskKnobStyle = Partial<Record<(typeof userAskKnobs)[number], string>>;
+//#endregion

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

@@ -1,9 +1,14 @@
 //#region src/knob-contracts/user-ask-knobs.ts
 const userAskKnobs = [
 	"--cui-user-ask-radius",
+	"--cui-user-ask-padding",
+	"--cui-user-ask-backdrop-filter",
+	"--cui-user-ask-indicator-radius",
+	"--cui-user-ask-indicator-multiple-radius",
 	"--cui-user-ask-background",
 	"--cui-user-ask-foreground",
 	"--cui-user-ask-border-color",
+	"--cui-user-ask-border-width",
 	"--cui-user-ask-shadow",
 	"--cui-user-ask-option-radius",
 	"--cui-user-ask-option-hover-background",

package/dist/lib/cn.d.ts

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

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

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

package/dist/lib/color.d.ts

@@ -1,31 +1,31 @@
 //#region src/lib/color.d.ts
-type Hsva = {
+export type Hsva = {
   h: number;
   s: number;
   v: number;
   a: number;
 };
-type Rgba = {
+export type Rgba = {
   r: number;
   g: number;
   b: number;
   a: number;
 };
-type Hsla = {
+export type Hsla = {
   h: number;
   s: number;
   l: number;
   a: number;
 };
-type Oklcha = {
+export type Oklcha = {
   L: number;
   C: number;
   H: number;
   a: number;
 };
-type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
-type ChannelId = "r" | "g" | "b" | "h" | "s" | "l" | "okl" | "okc" | "okh" | "a";
-type ChannelSpec = {
+export type ColorFormat = "hex" | "rgb" | "hsl" | "oklch";
+export type ChannelId = "r" | "g" | "b" | "h" | "s" | "l" | "okl" | "okc" | "okh" | "a";
+export type ChannelSpec = {
   id: ChannelId;
   label: string;
   value: number;
@@ -33,40 +33,39 @@ type ChannelSpec = {
   max: number;
   step: number;
 };
-declare function hsvaToRgba({ h, s, v, a }: Hsva): Rgba;
-declare function rgbaToHsva({ r, g, b, a }: Rgba): Hsva;
-declare function hsvaToHsla({ h, s, v, a }: Hsva): Hsla;
-declare function hslaToHsva({ h, s, l, a }: Hsla): Hsva;
-declare function rgbaToHsla(rgba: Rgba): Hsla;
-declare function hslaToRgba(hsla: Hsla): Rgba;
-declare function hsvaToOklcha(hsva: Hsva): Oklcha;
-declare function oklchaToHsva({ L, C, H, a }: Oklcha): Hsva;
-declare function hexToRgba(input: string): Rgba | null;
-declare function rgbaToHex(rgba: Rgba, withAlpha?: boolean): string;
-declare function formatColor(hsva: Hsva, format: ColorFormat, opts?: {
+export declare function hsvaToRgba({ h, s, v, a }: Hsva): Rgba;
+export declare function rgbaToHsva({ r, g, b, a }: Rgba): Hsva;
+export declare function hsvaToHsla({ h, s, v, a }: Hsva): Hsla;
+export declare function hslaToHsva({ h, s, l, a }: Hsla): Hsva;
+export declare function rgbaToHsla(rgba: Rgba): Hsla;
+export declare function hslaToRgba(hsla: Hsla): Rgba;
+export declare function hsvaToOklcha(hsva: Hsva): Oklcha;
+export declare function oklchaToHsva({ L, C, H, a }: Oklcha): Hsva;
+export declare function hexToRgba(input: string): Rgba | null;
+export declare function rgbaToHex(rgba: Rgba, withAlpha?: boolean): string;
+export declare function formatColor(hsva: Hsva, format: ColorFormat, opts?: {
   alpha?: boolean;
 }): string;
-declare function parseColor(input: string): Hsva | null;
-declare function getChannels(hsva: Hsva, format: ColorFormat): ChannelSpec[];
-declare function setChannel(hsva: Hsva, id: ChannelId, value: number): Hsva;
-declare function pointToSaturationValue(rect: {
+export declare function parseColor(input: string): Hsva | null;
+export declare function getChannels(hsva: Hsva, format: ColorFormat): ChannelSpec[];
+export declare function setChannel(hsva: Hsva, id: ChannelId, value: number): Hsva;
+export declare function pointToSaturationValue(rect: {
   width: number;
   height: number;
 }, offsetX: number, offsetY: number): {
   s: number;
   v: number;
 };
-type GradientKind = "linear" | "radial" | "conic";
-declare function formatGradient(stops: {
+export type GradientKind = "linear" | "radial" | "conic";
+export declare function formatGradient(stops: {
   position: number;
   color: string;
 }[], type: GradientKind, angle: number): string;
-declare function pointToHueSat(rect: {
+export declare function pointToHueSat(rect: {
   width: number;
   height: number;
 }, offsetX: number, offsetY: number): {
   h: number;
   s: number;
 };
-//#endregion
-export { ChannelId, ChannelSpec, ColorFormat, GradientKind, Hsla, Hsva, Oklcha, Rgba, formatColor, formatGradient, getChannels, hexToRgba, hslaToHsva, hslaToRgba, hsvaToHsla, hsvaToOklcha, hsvaToRgba, oklchaToHsva, parseColor, pointToHueSat, pointToSaturationValue, rgbaToHex, rgbaToHsla, rgbaToHsva, setChannel };
+//#endregion

package/dist/lib/contrast.d.ts

@@ -1,19 +1,19 @@
 import { Hsva, Rgba } from "./color.js";
 //#region src/lib/contrast.d.ts
-type WcagLevel = "AA" | "AAA";
-type WcagLevels = {
+export type WcagLevel = "AA" | "AAA";
+export type WcagLevels = {
   AA: boolean;
   AAA: boolean;
 };
-declare const AA_RATIO = 4.5;
-declare const AAA_RATIO = 7;
-declare const TARGET_RATIO: Record<WcagLevel, number>;
-declare function luminanceFromRgb({ r, g, b }: {
+export declare const AA_RATIO = 4.5;
+export declare const AAA_RATIO = 7;
+export declare const TARGET_RATIO: Record<WcagLevel, number>;
+export declare function luminanceFromRgb({ r, g, b }: {
   r: number;
   g: number;
   b: number;
 }): number;
-declare function contrastRatio(a: {
+export declare function contrastRatio(a: {
   r: number;
   g: number;
   b: number;
@@ -22,9 +22,8 @@ declare function contrastRatio(a: {
   g: number;
   b: number;
 }): number;
-declare function wcagLevels(ratio: number): WcagLevels;
-declare function nextFixLevel(levels: WcagLevels): WcagLevel | null;
-declare function contrastOf(color: Hsva, background: Rgba): number;
-declare function fixColorForContrast(color: Hsva, background: Rgba, target?: number): Hsva | null;
-//#endregion
-export { AAA_RATIO, AA_RATIO, TARGET_RATIO, WcagLevel, WcagLevels, contrastOf, contrastRatio, fixColorForContrast, luminanceFromRgb, nextFixLevel, wcagLevels };
+export declare function wcagLevels(ratio: number): WcagLevels;
+export declare function nextFixLevel(levels: WcagLevels): WcagLevel | null;
+export declare function contrastOf(color: Hsva, background: Rgba): number;
+export declare function fixColorForContrast(color: Hsva, background: Rgba, target?: number): Hsva | null;
+//#endregion