@ctrl-ui/react 0.8.2 → 0.8.5

package/dist/knob-contracts/chat-composer-attachment-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/chat-composer-attachment-knobs.d.ts
-declare const chatComposerAttachmentKnobs: readonly ["--cui-chat-composer-attachment-radius", "--cui-chat-composer-attachment-background", "--cui-chat-composer-attachment-border-color", "--cui-chat-composer-attachment-shadow", "--cui-chat-composer-attachment-progress-background", "--cui-chat-composer-attachment-progress-foreground"];
-type ChatComposerAttachmentKnobStyle = Partial<Record<(typeof chatComposerAttachmentKnobs)[number], string>>;
-//#endregion
-export { ChatComposerAttachmentKnobStyle, chatComposerAttachmentKnobs };
+export declare const chatComposerAttachmentKnobs: readonly ["--cui-chat-composer-attachment-radius", "--cui-chat-composer-attachment-height", "--cui-chat-composer-attachment-list-padding", "--cui-chat-composer-attachment-background", "--cui-chat-composer-attachment-border-color", "--cui-chat-composer-attachment-shadow", "--cui-chat-composer-attachment-backdrop-filter", "--cui-chat-composer-attachment-progress-background", "--cui-chat-composer-attachment-progress-foreground", "--cui-chat-composer-attachment-image-outline-color"];
+export type ChatComposerAttachmentKnobStyle = Partial<Record<(typeof chatComposerAttachmentKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/chat-composer-attachment-knobs.js

@@ -1,11 +1,15 @@
 //#region src/knob-contracts/chat-composer-attachment-knobs.ts
 const chatComposerAttachmentKnobs = [
 	"--cui-chat-composer-attachment-radius",
+	"--cui-chat-composer-attachment-height",
+	"--cui-chat-composer-attachment-list-padding",
 	"--cui-chat-composer-attachment-background",
 	"--cui-chat-composer-attachment-border-color",
 	"--cui-chat-composer-attachment-shadow",
+	"--cui-chat-composer-attachment-backdrop-filter",
 	"--cui-chat-composer-attachment-progress-background",
-	"--cui-chat-composer-attachment-progress-foreground"
+	"--cui-chat-composer-attachment-progress-foreground",
+	"--cui-chat-composer-attachment-image-outline-color"
 ];
 //#endregion
 export { chatComposerAttachmentKnobs };

package/dist/knob-contracts/chat-composer-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/chat-composer-knobs.d.ts
-declare const chatComposerKnobs: readonly ["--cui-chat-composer-root-background", "--cui-chat-composer-shell-radius", "--cui-chat-composer-shell-background", "--cui-chat-composer-shell-background-image", "--cui-chat-composer-shell-backdrop-filter", "--cui-chat-composer-shell-border-color", "--cui-chat-composer-shell-shadow", "--cui-chat-composer-input-foreground", "--cui-chat-composer-input-placeholder-foreground", "--cui-chat-composer-mention-background", "--cui-chat-composer-mention-radius", "--cui-chat-composer-mention-border-color", "--cui-chat-composer-mention-border-width"];
-type ChatComposerKnobStyle = Partial<Record<(typeof chatComposerKnobs)[number], string>>;
-//#endregion
-export { ChatComposerKnobStyle, chatComposerKnobs };
+export declare const chatComposerKnobs: readonly ["--cui-chat-composer-root-background", "--cui-chat-composer-shell-radius", "--cui-chat-composer-shell-background", "--cui-chat-composer-shell-background-image", "--cui-chat-composer-shell-backdrop-filter", "--cui-chat-composer-shell-border-color", "--cui-chat-composer-shell-border-width", "--cui-chat-composer-shell-shadow", "--cui-chat-composer-input-foreground", "--cui-chat-composer-input-placeholder-foreground", "--cui-chat-composer-mention-background", "--cui-chat-composer-mention-radius", "--cui-chat-composer-mention-icon-radius", "--cui-chat-composer-mention-border-color", "--cui-chat-composer-mention-border-width"];
+export type ChatComposerKnobStyle = Partial<Record<(typeof chatComposerKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/chat-composer-knobs.js

@@ -6,11 +6,13 @@ const chatComposerKnobs = [
 	"--cui-chat-composer-shell-background-image",
 	"--cui-chat-composer-shell-backdrop-filter",
 	"--cui-chat-composer-shell-border-color",
+	"--cui-chat-composer-shell-border-width",
 	"--cui-chat-composer-shell-shadow",
 	"--cui-chat-composer-input-foreground",
 	"--cui-chat-composer-input-placeholder-foreground",
 	"--cui-chat-composer-mention-background",
 	"--cui-chat-composer-mention-radius",
+	"--cui-chat-composer-mention-icon-radius",
 	"--cui-chat-composer-mention-border-color",
 	"--cui-chat-composer-mention-border-width"
 ];

package/dist/knob-contracts/chat-layout-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/chat-layout-knobs.d.ts
-declare const chatLayoutKnobs: readonly ["--cui-chat-layout-radius", "--cui-chat-layout-background", "--cui-chat-layout-border-color", "--cui-chat-layout-shadow", "--cui-chat-layout-thought-foreground", "--cui-chat-layout-thought-hover-background"];
-type ChatLayoutKnobStyle = Partial<Record<(typeof chatLayoutKnobs)[number], string>>;
-//#endregion
-export { ChatLayoutKnobStyle, chatLayoutKnobs };
+export declare const chatLayoutKnobs: readonly ["--cui-chat-layout-radius", "--cui-chat-layout-background", "--cui-chat-layout-border-color", "--cui-chat-layout-border-width", "--cui-chat-layout-shadow", "--cui-chat-layout-scroll-button-gap"];
+export type ChatLayoutKnobStyle = Partial<Record<(typeof chatLayoutKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/chat-layout-knobs.js

@@ -3,9 +3,9 @@ const chatLayoutKnobs = [
 	"--cui-chat-layout-radius",
 	"--cui-chat-layout-background",
 	"--cui-chat-layout-border-color",
+	"--cui-chat-layout-border-width",
 	"--cui-chat-layout-shadow",
-	"--cui-chat-layout-thought-foreground",
-	"--cui-chat-layout-thought-hover-background"
+	"--cui-chat-layout-scroll-button-gap"
 ];
 //#endregion
 export { chatLayoutKnobs };

package/dist/knob-contracts/chat-message-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/chat-message-knobs.d.ts
-declare const chatMessageKnobs: readonly ["--cui-chat-message-avatar-radius", "--cui-chat-message-avatar-background", "--cui-chat-message-avatar-border-color", "--cui-chat-message-avatar-border-width", "--cui-chat-message-radius", "--cui-chat-message-corner-radius", "--cui-chat-message-background", "--cui-chat-message-background-image", "--cui-chat-message-foreground", "--cui-chat-message-border-color", "--cui-chat-message-border-width", "--cui-chat-message-shadow"];
-type ChatMessageKnobStyle = Partial<Record<(typeof chatMessageKnobs)[number], string>>;
-//#endregion
-export { ChatMessageKnobStyle, chatMessageKnobs };
+export declare const chatMessageKnobs: readonly ["--cui-chat-message-avatar-radius", "--cui-chat-message-avatar-background", "--cui-chat-message-avatar-border-color", "--cui-chat-message-avatar-border-width", "--cui-chat-message-radius", "--cui-chat-message-corner-radius", "--cui-chat-message-background", "--cui-chat-message-background-image", "--cui-chat-message-foreground", "--cui-chat-message-border-color", "--cui-chat-message-border-width", "--cui-chat-message-shadow", "--cui-chat-message-pending-dot-color", "--cui-chat-message-pending-dot-size"];
+export type ChatMessageKnobStyle = Partial<Record<(typeof chatMessageKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/chat-message-knobs.js

@@ -11,7 +11,9 @@ const chatMessageKnobs = [
 	"--cui-chat-message-foreground",
 	"--cui-chat-message-border-color",
 	"--cui-chat-message-border-width",
-	"--cui-chat-message-shadow"
+	"--cui-chat-message-shadow",
+	"--cui-chat-message-pending-dot-color",
+	"--cui-chat-message-pending-dot-size"
 ];
 //#endregion
 export { chatMessageKnobs };

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

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

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

@@ -3,7 +3,8 @@ const choiceKnobs = [
 	"--cui-choice-radius",
 	"--cui-choice-border-color",
 	"--cui-choice-checked-background",
-	"--cui-choice-checked-border-color"
+	"--cui-choice-checked-border-color",
+	"--cui-choice-shadow"
 ];
 //#endregion
 export { choiceKnobs };

package/dist/knob-contracts/code-diff-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/code-diff-knobs.d.ts
-declare const codeDiffKnobs: readonly ["--cui-code-diff-radius", "--cui-code-diff-shadow", "--cui-code-diff-background", "--cui-code-diff-border-color", "--cui-code-diff-foreground", "--cui-code-diff-add-background", "--cui-code-diff-del-background", "--cui-code-diff-expand-button-radius", "--cui-code-diff-expand-button-background", "--cui-code-diff-expand-button-foreground", "--cui-code-diff-expand-button-shadow", "--cui-code-diff-expand-button-hover-background", "--cui-code-diff-expand-button-hover-foreground"];
-type CodeDiffKnobStyle = Partial<Record<(typeof codeDiffKnobs)[number], string>>;
-//#endregion
-export { CodeDiffKnobStyle, codeDiffKnobs };
+export declare const codeDiffKnobs: readonly ["--cui-code-diff-radius", "--cui-code-diff-shadow", "--cui-code-diff-background", "--cui-code-diff-border-color", "--cui-code-diff-border-width", "--cui-code-diff-foreground", "--cui-code-diff-add-background", "--cui-code-diff-del-background", "--cui-code-diff-expand-button-radius", "--cui-code-diff-expand-button-background", "--cui-code-diff-expand-button-foreground", "--cui-code-diff-expand-button-shadow", "--cui-code-diff-expand-button-hover-background", "--cui-code-diff-expand-button-hover-foreground"];
+export type CodeDiffKnobStyle = Partial<Record<(typeof codeDiffKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/code-diff-knobs.js

@@ -4,6 +4,7 @@ const codeDiffKnobs = [
 	"--cui-code-diff-shadow",
 	"--cui-code-diff-background",
 	"--cui-code-diff-border-color",
+	"--cui-code-diff-border-width",
 	"--cui-code-diff-foreground",
 	"--cui-code-diff-add-background",
 	"--cui-code-diff-del-background",

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/code-knobs.d.ts
-declare const codeKnobs: readonly ["--cui-code-radius", "--cui-code-background", "--cui-code-border-color", "--cui-code-shadow", "--cui-code-title-foreground", "--cui-code-text-foreground"];
-type CodeKnobStyle = Partial<Record<(typeof codeKnobs)[number], string>>;
-//#endregion
-export { CodeKnobStyle, codeKnobs };
+export declare const codeKnobs: readonly ["--cui-code-radius", "--cui-code-background", "--cui-code-border-color", "--cui-code-border-width", "--cui-code-shadow", "--cui-code-title-foreground", "--cui-code-text-foreground", "--cui-code-line-highlight-background"];
+export type CodeKnobStyle = Partial<Record<(typeof codeKnobs)[number], string>>;
+//#endregion

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

@@ -3,9 +3,11 @@ const codeKnobs = [
 	"--cui-code-radius",
 	"--cui-code-background",
 	"--cui-code-border-color",
+	"--cui-code-border-width",
 	"--cui-code-shadow",
 	"--cui-code-title-foreground",
-	"--cui-code-text-foreground"
+	"--cui-code-text-foreground",
+	"--cui-code-line-highlight-background"
 ];
 //#endregion
 export { codeKnobs };

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/collapsible-knobs.d.ts
-declare const collapsibleKnobs: readonly [];
-type CollapsibleKnobStyle = Partial<Record<(typeof collapsibleKnobs)[number], string>>;
-//#endregion
-export { CollapsibleKnobStyle, collapsibleKnobs };
+export declare const collapsibleKnobs: readonly [];
+export type CollapsibleKnobStyle = Partial<Record<(typeof collapsibleKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/color-picker-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/color-picker-knobs.d.ts
-declare const colorPickerKnobs: readonly ["--cui-color-picker-output-swatch-radius", "--cui-color-picker-swatch-radius", "--cui-color-picker-area-radius", "--cui-color-picker-trigger-radius", "--cui-color-picker-trigger-shadow", "--cui-color-picker-slider-thumb-radius", "--cui-color-picker-slider-thumb-background"];
-type ColorPickerKnobStyle = Partial<Record<(typeof colorPickerKnobs)[number], string>>;
-//#endregion
-export { ColorPickerKnobStyle, colorPickerKnobs };
+export declare const colorPickerKnobs: readonly ["--cui-color-picker-output-swatch-radius", "--cui-color-picker-swatch-radius", "--cui-color-picker-area-radius", "--cui-color-picker-trigger-radius", "--cui-color-picker-trigger-shadow", "--cui-color-picker-slider-thumb-radius", "--cui-color-picker-slider-thumb-background"];
+export type ColorPickerKnobStyle = Partial<Record<(typeof colorPickerKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/context-knobs.d.ts
-declare const contextKnobs: readonly ["--cui-context-graph-radius", "--cui-context-track-fill", "--cui-context-segment-tool-fill", "--cui-context-segment-message-fill", "--cui-context-segment-source-fill", "--cui-context-segment-reasoning-fill", "--cui-context-overage-fill", "--cui-context-limit-marker-color"];
-type ContextKnobStyle = Partial<Record<(typeof contextKnobs)[number], string>>;
-//#endregion
-export { ContextKnobStyle, contextKnobs };
+export declare const contextKnobs: readonly ["--cui-context-graph-radius", "--cui-context-legend-indicator-radius", "--cui-context-segment-system-fill", "--cui-context-segment-cache-fill", "--cui-context-track-fill", "--cui-context-segment-tool-fill", "--cui-context-segment-message-fill", "--cui-context-segment-source-fill", "--cui-context-segment-reasoning-fill", "--cui-context-overage-fill", "--cui-context-limit-marker-color"];
+export type ContextKnobStyle = Partial<Record<(typeof contextKnobs)[number], string>>;
+//#endregion

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

@@ -1,6 +1,9 @@
 //#region src/knob-contracts/context-knobs.ts
 const contextKnobs = [
 	"--cui-context-graph-radius",
+	"--cui-context-legend-indicator-radius",
+	"--cui-context-segment-system-fill",
+	"--cui-context-segment-cache-fill",
 	"--cui-context-track-fill",
 	"--cui-context-segment-tool-fill",
 	"--cui-context-segment-message-fill",

package/dist/knob-contracts/dockable-panel-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/dockable-panel-knobs.d.ts
-declare const dockablePanelKnobs: readonly ["--cui-dockable-panel-radius", "--cui-dockable-panel-background", "--cui-dockable-panel-foreground", "--cui-dockable-panel-border-color", "--cui-dockable-panel-shadow", "--cui-dockable-panel-drop-zone-active-background", "--cui-dockable-panel-drop-zone-active-border-color"];
-type DockablePanelKnobStyle = Partial<Record<(typeof dockablePanelKnobs)[number], string>>;
-//#endregion
-export { DockablePanelKnobStyle, dockablePanelKnobs };
+export declare const dockablePanelKnobs: readonly ["--cui-dockable-panel-radius", "--cui-dockable-panel-background", "--cui-dockable-panel-foreground", "--cui-dockable-panel-border-color", "--cui-dockable-panel-border-width", "--cui-dockable-panel-shadow", "--cui-dockable-panel-drop-zone-active-background", "--cui-dockable-panel-drop-zone-active-border-color"];
+export type DockablePanelKnobStyle = Partial<Record<(typeof dockablePanelKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/dockable-panel-knobs.js

@@ -4,6 +4,7 @@ const dockablePanelKnobs = [
 	"--cui-dockable-panel-background",
 	"--cui-dockable-panel-foreground",
 	"--cui-dockable-panel-border-color",
+	"--cui-dockable-panel-border-width",
 	"--cui-dockable-panel-shadow",
 	"--cui-dockable-panel-drop-zone-active-background",
 	"--cui-dockable-panel-drop-zone-active-border-color"

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/dropzone-knobs.d.ts
-declare const dropzoneKnobs: readonly ["--cui-dropzone-surface-radius", "--cui-dropzone-surface-foreground", "--cui-dropzone-surface-border-color", "--cui-dropzone-accept-border-color", "--cui-dropzone-reject-border-color", "--cui-dropzone-overlay-background"];
-type DropzoneKnobStyle = Partial<Record<(typeof dropzoneKnobs)[number], string>>;
-//#endregion
-export { DropzoneKnobStyle, dropzoneKnobs };
+export declare const dropzoneKnobs: readonly ["--cui-dropzone-surface-radius", "--cui-dropzone-surface-foreground", "--cui-dropzone-surface-border-color", "--cui-dropzone-surface-border-width", "--cui-dropzone-accept-border-color", "--cui-dropzone-reject-border-color", "--cui-dropzone-overlay-background"];
+export type DropzoneKnobStyle = Partial<Record<(typeof dropzoneKnobs)[number], string>>;
+//#endregion

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

@@ -3,6 +3,7 @@ const dropzoneKnobs = [
 	"--cui-dropzone-surface-radius",
 	"--cui-dropzone-surface-foreground",
 	"--cui-dropzone-surface-border-color",
+	"--cui-dropzone-surface-border-width",
 	"--cui-dropzone-accept-border-color",
 	"--cui-dropzone-reject-border-color",
 	"--cui-dropzone-overlay-background"

package/dist/knob-contracts/dynamic-notification-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/dynamic-notification-knobs.d.ts
-declare const dynamicNotificationKnobs: readonly ["--cui-dynamic-notification-content-easing", "--cui-dynamic-notification-expanded-radius", "--cui-dynamic-notification-morph-easing", "--cui-dynamic-notification-glass-foreground", "--cui-dynamic-notification-glass-ring-color", "--cui-dynamic-notification-liquid-foreground", "--cui-dynamic-notification-surface-background", "--cui-dynamic-notification-surface-foreground", "--cui-dynamic-notification-surface-ring-color", "--cui-dynamic-notification-surface-shadow", "--cui-dynamic-notification-indicator-end", "--cui-dynamic-notification-indicator-middle", "--cui-dynamic-notification-indicator-start"];
-type DynamicNotificationKnobStyle = Partial<Record<(typeof dynamicNotificationKnobs)[number], string>>;
-//#endregion
-export { DynamicNotificationKnobStyle, dynamicNotificationKnobs };
+export declare const dynamicNotificationKnobs: readonly ["--cui-dynamic-notification-content-easing", "--cui-dynamic-notification-expanded-radius", "--cui-dynamic-notification-morph-easing", "--cui-dynamic-notification-glass-foreground", "--cui-dynamic-notification-glass-ring-color", "--cui-dynamic-notification-liquid-foreground", "--cui-dynamic-notification-surface-background", "--cui-dynamic-notification-surface-foreground", "--cui-dynamic-notification-surface-ring-color", "--cui-dynamic-notification-surface-shadow", "--cui-dynamic-notification-indicator-end", "--cui-dynamic-notification-indicator-middle", "--cui-dynamic-notification-indicator-start"];
+export type DynamicNotificationKnobStyle = Partial<Record<(typeof dynamicNotificationKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/empty-knobs.d.ts
-declare const emptyKnobs: readonly ["--cui-empty-radius", "--cui-empty-background", "--cui-empty-border-color", "--cui-empty-border-width", "--cui-empty-border-style", "--cui-empty-media-radius", "--cui-empty-media-background"];
-type EmptyKnobStyle = Partial<Record<(typeof emptyKnobs)[number], string>>;
-//#endregion
-export { EmptyKnobStyle, emptyKnobs };
+export declare const emptyKnobs: readonly ["--cui-empty-radius", "--cui-empty-background", "--cui-empty-border-color", "--cui-empty-border-width", "--cui-empty-border-style", "--cui-empty-media-radius", "--cui-empty-media-background", "--cui-empty-shadow", "--cui-empty-foreground", "--cui-empty-description-foreground", "--cui-empty-media-foreground", "--cui-empty-padding", "--cui-empty-gap", "--cui-empty-header-gap", "--cui-empty-content-gap", "--cui-empty-content-size", "--cui-empty-media-size", "--cui-empty-media-icon-size", "--cui-empty-font-size", "--cui-empty-title-font-weight"];
+export type EmptyKnobStyle = Partial<Record<(typeof emptyKnobs)[number], string>>;
+//#endregion

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

@@ -6,7 +6,20 @@ const emptyKnobs = [
 	"--cui-empty-border-width",
 	"--cui-empty-border-style",
 	"--cui-empty-media-radius",
-	"--cui-empty-media-background"
+	"--cui-empty-media-background",
+	"--cui-empty-shadow",
+	"--cui-empty-foreground",
+	"--cui-empty-description-foreground",
+	"--cui-empty-media-foreground",
+	"--cui-empty-padding",
+	"--cui-empty-gap",
+	"--cui-empty-header-gap",
+	"--cui-empty-content-gap",
+	"--cui-empty-content-size",
+	"--cui-empty-media-size",
+	"--cui-empty-media-icon-size",
+	"--cui-empty-font-size",
+	"--cui-empty-title-font-weight"
 ];
 //#endregion
 export { emptyKnobs };

package/dist/knob-contracts/environment-variables-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/environment-variables-knobs.d.ts
-declare const environmentVariablesKnobs: readonly ["--cui-environment-variables-title-foreground", "--cui-environment-variables-meta-foreground", "--cui-environment-variables-error-foreground", "--cui-environment-variables-message-background", "--cui-environment-variables-message-foreground", "--cui-environment-variables-message-border-color"];
-type EnvironmentVariablesKnobStyle = Partial<Record<(typeof environmentVariablesKnobs)[number], string>>;
-//#endregion
-export { EnvironmentVariablesKnobStyle, environmentVariablesKnobs };
+export declare const environmentVariablesKnobs: readonly ["--cui-environment-variables-title-foreground", "--cui-environment-variables-meta-foreground", "--cui-environment-variables-error-foreground", "--cui-environment-variables-message-background", "--cui-environment-variables-message-foreground", "--cui-environment-variables-message-border-color", "--cui-environment-variables-message-border-width"];
+export type EnvironmentVariablesKnobStyle = Partial<Record<(typeof environmentVariablesKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/environment-variables-knobs.js

@@ -5,7 +5,8 @@ const environmentVariablesKnobs = [
 	"--cui-environment-variables-error-foreground",
 	"--cui-environment-variables-message-background",
 	"--cui-environment-variables-message-foreground",
-	"--cui-environment-variables-message-border-color"
+	"--cui-environment-variables-message-border-color",
+	"--cui-environment-variables-message-border-width"
 ];
 //#endregion
 export { environmentVariablesKnobs };

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/field-knobs.d.ts
-declare const fieldKnobs: readonly ["--cui-field-radius", "--cui-field-background", "--cui-field-foreground", "--cui-field-border-color", "--cui-field-border-width", "--cui-field-shadow", "--cui-field-backdrop-filter", "--cui-field-focus-border-color", "--cui-field-height", "--cui-field-padding-inline", "--cui-field-font-size"];
-type FieldKnobStyle = Partial<Record<(typeof fieldKnobs)[number], string>>;
-//#endregion
-export { FieldKnobStyle, fieldKnobs };
+export declare const fieldKnobs: readonly ["--cui-field-radius", "--cui-field-background", "--cui-field-foreground", "--cui-field-border-color", "--cui-field-border-width", "--cui-field-shadow", "--cui-field-backdrop-filter", "--cui-field-focus-border-color", "--cui-field-height", "--cui-field-padding-inline", "--cui-field-font-size"];
+export type FieldKnobStyle = Partial<Record<(typeof fieldKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/gradient-editor-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/gradient-editor-knobs.d.ts
-declare const gradientEditorKnobs: readonly ["--cui-gradient-editor-preview-radius", "--cui-gradient-editor-preview-ring-color", "--cui-gradient-editor-track-radius", "--cui-gradient-editor-stop-radius", "--cui-gradient-editor-stop-border-color", "--cui-gradient-editor-stop-shadow", "--cui-gradient-editor-add-radius", "--cui-gradient-editor-add-border-color"];
-type GradientEditorKnobStyle = Partial<Record<(typeof gradientEditorKnobs)[number], string>>;
-//#endregion
-export { GradientEditorKnobStyle, gradientEditorKnobs };
+export declare const gradientEditorKnobs: readonly ["--cui-gradient-editor-preview-radius", "--cui-gradient-editor-preview-ring-color", "--cui-gradient-editor-track-radius", "--cui-gradient-editor-stop-radius", "--cui-gradient-editor-stop-border-color", "--cui-gradient-editor-stop-border-width", "--cui-gradient-editor-stop-shadow", "--cui-gradient-editor-add-radius", "--cui-gradient-editor-add-border-color", "--cui-gradient-editor-add-border-width"];
+export type GradientEditorKnobStyle = Partial<Record<(typeof gradientEditorKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/gradient-editor-knobs.js

@@ -5,9 +5,11 @@ const gradientEditorKnobs = [
 	"--cui-gradient-editor-track-radius",
 	"--cui-gradient-editor-stop-radius",
 	"--cui-gradient-editor-stop-border-color",
+	"--cui-gradient-editor-stop-border-width",
 	"--cui-gradient-editor-stop-shadow",
 	"--cui-gradient-editor-add-radius",
-	"--cui-gradient-editor-add-border-color"
+	"--cui-gradient-editor-add-border-color",
+	"--cui-gradient-editor-add-border-width"
 ];
 //#endregion
 export { gradientEditorKnobs };

package/dist/knob-contracts/infinite-canvas-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/infinite-canvas-knobs.d.ts
-declare const infiniteCanvasKnobs: readonly ["--cui-infinite-canvas-radius", "--cui-infinite-canvas-background", "--cui-infinite-canvas-grid-dot-color", "--cui-infinite-canvas-border-color", "--cui-infinite-canvas-controls-radius", "--cui-infinite-canvas-controls-background", "--cui-infinite-canvas-controls-border-color", "--cui-infinite-canvas-controls-shadow"];
-type InfiniteCanvasKnobStyle = Partial<Record<(typeof infiniteCanvasKnobs)[number], string>>;
-//#endregion
-export { InfiniteCanvasKnobStyle, infiniteCanvasKnobs };
+export declare const infiniteCanvasKnobs: readonly ["--cui-infinite-canvas-radius", "--cui-infinite-canvas-background", "--cui-infinite-canvas-grid-dot-color", "--cui-infinite-canvas-border-color", "--cui-infinite-canvas-controls-radius", "--cui-infinite-canvas-controls-background", "--cui-infinite-canvas-controls-border-color", "--cui-infinite-canvas-controls-shadow"];
+export type InfiniteCanvasKnobStyle = Partial<Record<(typeof infiniteCanvasKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/inline-attachment-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/inline-attachment-knobs.d.ts
-declare const inlineAttachmentKnobs: readonly ["--cui-inline-attachment-radius", "--cui-inline-attachment-background", "--cui-inline-attachment-ring-color", "--cui-inline-attachment-shadow", "--cui-inline-attachment-hover-shadow", "--cui-inline-attachment-content-radius", "--cui-inline-attachment-content-background", "--cui-inline-attachment-content-foreground", "--cui-inline-attachment-content-shadow"];
-type InlineAttachmentKnobStyle = Partial<Record<(typeof inlineAttachmentKnobs)[number], string>>;
-//#endregion
-export { InlineAttachmentKnobStyle, inlineAttachmentKnobs };
+export declare const inlineAttachmentKnobs: readonly ["--cui-inline-attachment-radius", "--cui-inline-attachment-background", "--cui-inline-attachment-ring-color", "--cui-inline-attachment-padding", "--cui-inline-attachment-document-padding", "--cui-inline-attachment-document-background", "--cui-inline-attachment-document-background-image", "--cui-inline-attachment-shadow", "--cui-inline-attachment-hover-shadow", "--cui-inline-attachment-content-radius", "--cui-inline-attachment-content-background", "--cui-inline-attachment-content-foreground", "--cui-inline-attachment-content-shadow", "--cui-inline-attachment-image-outline-color"];
+export type InlineAttachmentKnobStyle = Partial<Record<(typeof inlineAttachmentKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/inline-attachment-knobs.js

@@ -3,12 +3,17 @@ const inlineAttachmentKnobs = [
 	"--cui-inline-attachment-radius",
 	"--cui-inline-attachment-background",
 	"--cui-inline-attachment-ring-color",
+	"--cui-inline-attachment-padding",
+	"--cui-inline-attachment-document-padding",
+	"--cui-inline-attachment-document-background",
+	"--cui-inline-attachment-document-background-image",
 	"--cui-inline-attachment-shadow",
 	"--cui-inline-attachment-hover-shadow",
 	"--cui-inline-attachment-content-radius",
 	"--cui-inline-attachment-content-background",
 	"--cui-inline-attachment-content-foreground",
-	"--cui-inline-attachment-content-shadow"
+	"--cui-inline-attachment-content-shadow",
+	"--cui-inline-attachment-image-outline-color"
 ];
 //#endregion
 export { inlineAttachmentKnobs };

package/dist/knob-contracts/inline-citation-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/inline-citation-knobs.d.ts
-declare const inlineCitationKnobs: readonly ["--cui-inline-citation-trigger-radius", "--cui-inline-citation-trigger-background", "--cui-inline-citation-trigger-foreground", "--cui-inline-citation-trigger-border-color", "--cui-inline-citation-trigger-hover-background", "--cui-inline-citation-trigger-hover-foreground", "--cui-inline-citation-navigation-background", "--cui-inline-citation-quote-background", "--cui-inline-citation-quote-radius"];
-type InlineCitationKnobStyle = Partial<Record<(typeof inlineCitationKnobs)[number], string>>;
-//#endregion
-export { InlineCitationKnobStyle, inlineCitationKnobs };
+export declare const inlineCitationKnobs: readonly ["--cui-inline-citation-trigger-radius", "--cui-inline-citation-trigger-background", "--cui-inline-citation-trigger-foreground", "--cui-inline-citation-trigger-border-color", "--cui-inline-citation-trigger-border-width", "--cui-inline-citation-trigger-hover-background", "--cui-inline-citation-trigger-hover-foreground", "--cui-inline-citation-navigation-background", "--cui-inline-citation-quote-background", "--cui-inline-citation-quote-radius", "--cui-inline-citation-favicon-background", "--cui-inline-citation-favicon-radius"];
+export type InlineCitationKnobStyle = Partial<Record<(typeof inlineCitationKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/inline-citation-knobs.js

@@ -4,11 +4,14 @@ const inlineCitationKnobs = [
 	"--cui-inline-citation-trigger-background",
 	"--cui-inline-citation-trigger-foreground",
 	"--cui-inline-citation-trigger-border-color",
+	"--cui-inline-citation-trigger-border-width",
 	"--cui-inline-citation-trigger-hover-background",
 	"--cui-inline-citation-trigger-hover-foreground",
 	"--cui-inline-citation-navigation-background",
 	"--cui-inline-citation-quote-background",
-	"--cui-inline-citation-quote-radius"
+	"--cui-inline-citation-quote-radius",
+	"--cui-inline-citation-favicon-background",
+	"--cui-inline-citation-favicon-radius"
 ];
 //#endregion
 export { inlineCitationKnobs };

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

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

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

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

package/dist/knob-contracts/markdown-block-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/markdown-block-knobs.d.ts
-declare const markdownBlockKnobs: readonly ["--cui-markdown-block-radius", "--cui-markdown-block-background", "--cui-markdown-block-border-color", "--cui-markdown-block-shadow", "--cui-markdown-block-header-border-color", "--cui-markdown-block-icon-background"];
-type MarkdownBlockKnobStyle = Partial<Record<(typeof markdownBlockKnobs)[number], string>>;
-//#endregion
-export { MarkdownBlockKnobStyle, markdownBlockKnobs };
+export declare const markdownBlockKnobs: readonly ["--cui-markdown-block-radius", "--cui-markdown-block-background", "--cui-markdown-block-border-color", "--cui-markdown-block-border-width", "--cui-markdown-block-shadow", "--cui-markdown-block-header-border-color", "--cui-markdown-block-header-border-width", "--cui-markdown-block-icon-background"];
+export type MarkdownBlockKnobStyle = Partial<Record<(typeof markdownBlockKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/markdown-block-knobs.js

@@ -3,8 +3,10 @@ const markdownBlockKnobs = [
 	"--cui-markdown-block-radius",
 	"--cui-markdown-block-background",
 	"--cui-markdown-block-border-color",
+	"--cui-markdown-block-border-width",
 	"--cui-markdown-block-shadow",
 	"--cui-markdown-block-header-border-color",
+	"--cui-markdown-block-header-border-width",
 	"--cui-markdown-block-icon-background"
 ];
 //#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/markdown-knobs.d.ts
-declare const markdownKnobs: readonly ["--cui-markdown-foreground", "--cui-markdown-blockquote-border-color", "--cui-markdown-blockquote-foreground", "--cui-markdown-inline-code-background", "--cui-markdown-inline-code-foreground", "--cui-markdown-inline-code-radius", "--cui-markdown-link-foreground", "--cui-markdown-table-cell-border-color", "--cui-markdown-table-header-background"];
-type MarkdownKnobStyle = Partial<Record<(typeof markdownKnobs)[number], string>>;
-//#endregion
-export { MarkdownKnobStyle, markdownKnobs };
+export declare const markdownKnobs: readonly ["--cui-markdown-foreground", "--cui-markdown-blockquote-border-color", "--cui-markdown-blockquote-foreground", "--cui-markdown-inline-code-background", "--cui-markdown-inline-code-foreground", "--cui-markdown-inline-code-radius", "--cui-markdown-link-foreground", "--cui-markdown-image-outline-color", "--cui-markdown-table-cell-border-color", "--cui-markdown-table-header-background"];
+export type MarkdownKnobStyle = Partial<Record<(typeof markdownKnobs)[number], string>>;
+//#endregion

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

@@ -7,6 +7,7 @@ const markdownKnobs = [
 	"--cui-markdown-inline-code-foreground",
 	"--cui-markdown-inline-code-radius",
 	"--cui-markdown-link-foreground",
+	"--cui-markdown-image-outline-color",
 	"--cui-markdown-table-cell-border-color",
 	"--cui-markdown-table-header-background"
 ];

package/dist/knob-contracts/morphing-panel-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/morphing-panel-knobs.d.ts
-declare const morphingPanelKnobs: readonly ["--cui-morphing-panel-radius", "--cui-morphing-panel-background", "--cui-morphing-panel-foreground", "--cui-morphing-panel-border-color", "--cui-morphing-panel-shadow", "--cui-morphing-panel-trigger-hover-background"];
-type MorphingPanelKnobStyle = Partial<Record<(typeof morphingPanelKnobs)[number], string>>;
-//#endregion
-export { MorphingPanelKnobStyle, morphingPanelKnobs };
+export declare const morphingPanelKnobs: readonly ["--cui-morphing-panel-radius", "--cui-morphing-panel-background", "--cui-morphing-panel-foreground", "--cui-morphing-panel-border-color", "--cui-morphing-panel-shadow", "--cui-morphing-panel-trigger-hover-background"];
+export type MorphingPanelKnobStyle = Partial<Record<(typeof morphingPanelKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/page-layout-knobs.d.ts

@@ -0,0 +1,4 @@
+//#region src/knob-contracts/page-layout-knobs.d.ts
+export declare const pageLayoutKnobs: readonly ["--cui-page-layout-article-size", "--cui-page-layout-aside-size", "--cui-page-layout-padding-inline", "--cui-page-layout-padding-block", "--cui-page-layout-column-gap", "--cui-page-layout-header-gap", "--cui-page-layout-header-column-gap", "--cui-page-layout-header-row-gap", "--cui-page-layout-size", "--cui-page-layout-sticky-gap"];
+export type PageLayoutKnobStyle = Partial<Record<(typeof pageLayoutKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/page-layout-knobs.js

@@ -0,0 +1,15 @@
+//#region src/knob-contracts/page-layout-knobs.ts
+const pageLayoutKnobs = [
+	"--cui-page-layout-article-size",
+	"--cui-page-layout-aside-size",
+	"--cui-page-layout-padding-inline",
+	"--cui-page-layout-padding-block",
+	"--cui-page-layout-column-gap",
+	"--cui-page-layout-header-gap",
+	"--cui-page-layout-header-column-gap",
+	"--cui-page-layout-header-row-gap",
+	"--cui-page-layout-size",
+	"--cui-page-layout-sticky-gap"
+];
+//#endregion
+export { pageLayoutKnobs };

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/pagination-knobs.d.ts
-declare const paginationKnobs: readonly ["--cui-pagination-link-radius", "--cui-pagination-link-background", "--cui-pagination-link-hover-background", "--cui-pagination-link-foreground", "--cui-pagination-link-shadow"];
-type PaginationKnobStyle = Partial<Record<(typeof paginationKnobs)[number], string>>;
-//#endregion
-export { PaginationKnobStyle, paginationKnobs };
+export declare const paginationKnobs: readonly ["--cui-pagination-link-radius", "--cui-pagination-link-background", "--cui-pagination-link-hover-background", "--cui-pagination-link-foreground", "--cui-pagination-link-shadow"];
+export type PaginationKnobStyle = Partial<Record<(typeof paginationKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/phone-input-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/phone-input-knobs.d.ts
-declare const phoneInputKnobs: readonly ["--cui-phone-input-country-border-color", "--cui-phone-input-trigger-hover-background", "--cui-phone-input-trigger-focus-background", "--cui-phone-input-metadata-foreground", "--cui-phone-input-chevron-foreground"];
-type PhoneInputKnobStyle = Partial<Record<(typeof phoneInputKnobs)[number], string>>;
-//#endregion
-export { PhoneInputKnobStyle, phoneInputKnobs };
+export declare const phoneInputKnobs: readonly ["--cui-phone-input-country-border-color", "--cui-phone-input-country-border-width", "--cui-phone-input-trigger-hover-background", "--cui-phone-input-trigger-focus-background", "--cui-phone-input-metadata-foreground", "--cui-phone-input-chevron-foreground"];
+export type PhoneInputKnobStyle = Partial<Record<(typeof phoneInputKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/phone-input-knobs.js

@@ -1,6 +1,7 @@
 //#region src/knob-contracts/phone-input-knobs.ts
 const phoneInputKnobs = [
 	"--cui-phone-input-country-border-color",
+	"--cui-phone-input-country-border-width",
 	"--cui-phone-input-trigger-hover-background",
 	"--cui-phone-input-trigger-focus-background",
 	"--cui-phone-input-metadata-foreground",

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/popup-knobs.d.ts
-declare const popupKnobs: readonly ["--cui-popup-radius", "--cui-popup-background", "--cui-popup-foreground", "--cui-popup-border-color", "--cui-popup-border-width", "--cui-popup-shadow", "--cui-popup-backdrop-filter", "--cui-popup-backdrop-background", "--cui-popup-item-radius", "--cui-popup-item-foreground", "--cui-popup-item-highlight-background", "--cui-popup-item-highlight-foreground", "--cui-popup-item-highlight-muted-foreground", "--cui-popup-item-disabled-opacity", "--cui-popup-separator-color", "--cui-popup-shortcut-foreground"];
-type PopupKnobStyle = Partial<Record<(typeof popupKnobs)[number], string>>;
-//#endregion
-export { PopupKnobStyle, popupKnobs };
+export declare const popupKnobs: readonly ["--cui-popup-radius", "--cui-popup-background", "--cui-popup-foreground", "--cui-popup-border-color", "--cui-popup-border-width", "--cui-popup-shadow", "--cui-popup-backdrop-filter", "--cui-popup-backdrop-background", "--cui-popup-item-radius", "--cui-popup-item-foreground", "--cui-popup-item-highlight-background", "--cui-popup-item-highlight-foreground", "--cui-popup-item-highlight-muted-foreground", "--cui-popup-item-disabled-opacity", "--cui-popup-separator-color", "--cui-popup-shortcut-foreground"];
+export type PopupKnobStyle = Partial<Record<(typeof popupKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/progressive-blur-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/progressive-blur-knobs.d.ts
-declare const progressiveBlurKnobs: readonly ["--cui-progressive-blur-size", "--cui-progressive-blur-backdrop-blur", "--cui-progressive-blur-transition-duration", "--cui-progressive-blur-transition-delay"];
-type ProgressiveBlurKnobStyle = Partial<Record<(typeof progressiveBlurKnobs)[number], string>>;
-//#endregion
-export { ProgressiveBlurKnobStyle, progressiveBlurKnobs };
+export declare const progressiveBlurKnobs: readonly ["--cui-progressive-blur-size", "--cui-progressive-blur-backdrop-blur", "--cui-progressive-blur-fade-size", "--cui-progressive-blur-transition-duration", "--cui-progressive-blur-transition-delay"];
+export type ProgressiveBlurKnobStyle = Partial<Record<(typeof progressiveBlurKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/progressive-blur-knobs.js

@@ -2,6 +2,7 @@
 const progressiveBlurKnobs = [
 	"--cui-progressive-blur-size",
 	"--cui-progressive-blur-backdrop-blur",
+	"--cui-progressive-blur-fade-size",
 	"--cui-progressive-blur-transition-duration",
 	"--cui-progressive-blur-transition-delay"
 ];