@ctrl-ui/react 0.8.2 → 0.8.4

package/dist/hooks/use-user-ask.d.ts

@@ -1,27 +1,27 @@
 import { UserAskKnobStyle } from "../knob-contracts/user-ask-knobs.js";
 import { CSSProperties, ComponentProps, KeyboardEvent, ReactNode } from "react";
 //#region src/hooks/use-user-ask.d.ts
-type UserAskAnswers = Record<string, string>;
-type UserAskProps = Omit<ComponentProps<"section">, "style"> & {
+export type UserAskAnswers = Record<string, string>;
+export type UserAskProps = Omit<ComponentProps<"section">, "style"> & {
   children?: ReactNode;
   onComplete?: (answers: UserAskAnswers) => void;
   onDismiss?: () => void;
   style?: CSSProperties & UserAskKnobStyle;
 };
-type UserAskQuestionEntry = {
+export type UserAskQuestionEntry = {
   key: string;
   id: string;
   title: string;
   defaultValue?: string;
 };
-type UserAskOptionEntry = {
+export type UserAskOptionEntry = {
   key: string;
   value: string;
   disabled?: boolean;
   /** Freeform options resolve to user's typed text instead of `value`. */
   freeform?: boolean;
 };
-declare function useUserAsk({ onComplete, onDismiss }: Pick<UserAskProps, "onComplete" | "onDismiss">): {
+export declare function useUserAsk({ onComplete, onDismiss }: Pick<UserAskProps, "onComplete" | "onDismiss">): {
   questions: UserAskQuestionEntry[];
   activeIndex: number;
   activeQuestion: UserAskQuestionEntry;
@@ -44,5 +44,4 @@ declare function useUserAsk({ onComplete, onDismiss }: Pick<UserAskProps, "onCom
   dismiss: () => void;
   handleKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
 };
-//#endregion
-export { UserAskAnswers, UserAskOptionEntry, UserAskProps, UserAskQuestionEntry, useUserAsk };
+//#endregion

package/dist/inline-attachment.d.ts

@@ -1,37 +1,36 @@
 import { InlineAttachmentKnobStyle } from "./knob-contracts/inline-attachment-knobs.js";
 import { CSSProperties, ComponentProps } from "react";
 //#region src/inline-attachment.d.ts
-type InlineAttachmentState = "ready" | "pending" | "error";
+export type InlineAttachmentState = "ready" | "pending" | "error";
 type InlineAttachmentStyleProps<Props, Style> = Omit<Props, "style"> & {
   style?: CSSProperties & Style;
 };
-type InlineAttachmentProps = InlineAttachmentStyleProps<ComponentProps<"button">, InlineAttachmentKnobStyle> & {
+export type InlineAttachmentProps = InlineAttachmentStyleProps<ComponentProps<"button">, InlineAttachmentKnobStyle> & {
   name: string;
   state?: InlineAttachmentState;
   /** Width-to-height ratio of the reserved box — generated media knows its ratio before its pixels, so arrival never reflows the turn. */
   aspect?: number;
 };
-declare function InlineAttachment({ name, state, aspect, disabled, className, children, style, "aria-label": ariaLabel, ...props }: InlineAttachmentProps): import("react").JSX.Element;
-type InlineAttachmentMediaProps = ComponentProps<"div"> & {
+export declare function InlineAttachment({ name, state, aspect, disabled, className, children, style, "aria-label": ariaLabel, ...props }: InlineAttachmentProps): import("react").JSX.Element;
+export type InlineAttachmentMediaProps = ComponentProps<"div"> & {
   src?: string;
   alt?: string;
 } & {
   style?: CSSProperties & InlineAttachmentKnobStyle;
 };
-declare function InlineAttachmentMedia({ src, alt, className, children, ...props }: InlineAttachmentMediaProps): import("react").JSX.Element;
-type InlineAttachmentContentProps = InlineAttachmentStyleProps<ComponentProps<"div">, InlineAttachmentKnobStyle>;
-declare function InlineAttachmentContent({ className, ...props }: InlineAttachmentContentProps): import("react").JSX.Element;
-type InlineAttachmentTitleProps = ComponentProps<"div"> & {
+export declare function InlineAttachmentMedia({ src, alt, className, children, ...props }: InlineAttachmentMediaProps): import("react").JSX.Element;
+export type InlineAttachmentContentProps = InlineAttachmentStyleProps<ComponentProps<"div">, InlineAttachmentKnobStyle>;
+export declare function InlineAttachmentContent({ className, ...props }: InlineAttachmentContentProps): import("react").JSX.Element;
+export type InlineAttachmentTitleProps = ComponentProps<"div"> & {
   style?: CSSProperties & InlineAttachmentKnobStyle;
 };
-declare function InlineAttachmentTitle({ children, className, ...props }: InlineAttachmentTitleProps): import("react").JSX.Element;
-type InlineAttachmentDescriptionProps = InlineAttachmentStyleProps<ComponentProps<"div">, InlineAttachmentKnobStyle>;
-declare function InlineAttachmentDescription({ className, ...props }: InlineAttachmentDescriptionProps): import("react").JSX.Element;
-type InlineAttachmentActionsProps = ComponentProps<"div"> & {
+export declare function InlineAttachmentTitle({ children, className, ...props }: InlineAttachmentTitleProps): import("react").JSX.Element;
+export type InlineAttachmentDescriptionProps = InlineAttachmentStyleProps<ComponentProps<"div">, InlineAttachmentKnobStyle>;
+export declare function InlineAttachmentDescription({ className, ...props }: InlineAttachmentDescriptionProps): import("react").JSX.Element;
+export type InlineAttachmentActionsProps = ComponentProps<"div"> & {
   style?: CSSProperties & InlineAttachmentKnobStyle;
 };
-declare function InlineAttachmentActions({ className, ...props }: InlineAttachmentActionsProps): import("react").JSX.Element;
-type InlineAttachmentActionProps = InlineAttachmentStyleProps<ComponentProps<"span">, InlineAttachmentKnobStyle>;
-declare function InlineAttachmentAction({ className, ...props }: InlineAttachmentActionProps): import("react").JSX.Element;
-//#endregion
-export { InlineAttachment, InlineAttachmentAction, InlineAttachmentActionProps, InlineAttachmentActions, InlineAttachmentActionsProps, InlineAttachmentContent, InlineAttachmentContentProps, InlineAttachmentDescription, InlineAttachmentDescriptionProps, InlineAttachmentMedia, InlineAttachmentMediaProps, InlineAttachmentProps, InlineAttachmentState, InlineAttachmentTitle, InlineAttachmentTitleProps };
+export declare function InlineAttachmentActions({ className, ...props }: InlineAttachmentActionsProps): import("react").JSX.Element;
+export type InlineAttachmentActionProps = InlineAttachmentStyleProps<ComponentProps<"span">, InlineAttachmentKnobStyle>;
+export declare function InlineAttachmentAction({ className, ...props }: InlineAttachmentActionProps): import("react").JSX.Element;
+//#endregion

package/dist/inline-citation.d.ts

@@ -3,7 +3,7 @@ import { Popover, PopoverContent, PopoverTrigger } from "./ui/popover.js";
 import { InlineCitationKnobStyle } from "./knob-contracts/inline-citation-knobs.js";
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 //#region src/inline-citation.d.ts
-type SourceReference = {
+export type SourceReference = {
   href: string;
   title?: string;
   description?: string;
@@ -14,7 +14,7 @@ type InlineCitationStyleProps<Props, Style> = Omit<Props, "style"> & {
   style?: CSSProperties & Style;
 };
 type PopoverRootProps = ComponentProps<typeof Popover>;
-type InlineCitationProps = ComponentProps<"span"> & {
+export type InlineCitationProps = ComponentProps<"span"> & {
   sources: readonly SourceReference[];
   open?: PopoverRootProps["open"];
   defaultOpen?: PopoverRootProps["defaultOpen"];
@@ -22,35 +22,34 @@ type InlineCitationProps = ComponentProps<"span"> & {
 } & {
   style?: CSSProperties & InlineCitationKnobStyle;
 };
-declare function InlineCitation({ sources, open, defaultOpen, onOpenChange, className, children, ...props }: InlineCitationProps): import("react").JSX.Element;
-type InlineCitationTriggerProps = InlineCitationStyleProps<ComponentProps<typeof PopoverTrigger>, InlineCitationKnobStyle>;
-declare function InlineCitationTrigger({ "aria-label": ariaLabel, className, children, disabled, render, ...props }: InlineCitationTriggerProps): import("react").JSX.Element;
-type InlineCitationFaviconsProps = InlineCitationStyleProps<ComponentProps<"span">, InlineCitationKnobStyle> & {
+export declare function InlineCitation({ sources, open, defaultOpen, onOpenChange, className, children, ...props }: InlineCitationProps): import("react").JSX.Element;
+export type InlineCitationTriggerProps = InlineCitationStyleProps<ComponentProps<typeof PopoverTrigger>, InlineCitationKnobStyle>;
+export declare function InlineCitationTrigger({ "aria-label": ariaLabel, className, children, disabled, render, ...props }: InlineCitationTriggerProps): import("react").JSX.Element;
+export type InlineCitationFaviconsProps = InlineCitationStyleProps<ComponentProps<"span">, InlineCitationKnobStyle> & {
   limit?: number;
 };
-declare function InlineCitationFavicons({ limit, className, ...props }: InlineCitationFaviconsProps): import("react").JSX.Element;
-type InlineCitationLabelProps = ComponentProps<"span"> & {
+export declare function InlineCitationFavicons({ limit, className, ...props }: InlineCitationFaviconsProps): import("react").JSX.Element;
+export type InlineCitationLabelProps = ComponentProps<"span"> & {
   style?: CSSProperties & InlineCitationKnobStyle;
 };
-declare function InlineCitationLabel({ className, children, ...props }: InlineCitationLabelProps): import("react").JSX.Element;
-type InlineCitationContentProps = ComponentProps<typeof PopoverContent>;
-declare function InlineCitationContent({ className, children, align, padding, ...props }: InlineCitationContentProps): import("react").JSX.Element;
-type InlineCitationNavigationProps = InlineCitationStyleProps<ComponentProps<"div">, InlineCitationKnobStyle>;
-declare function InlineCitationNavigation({ className, children, ...props }: InlineCitationNavigationProps): import("react").JSX.Element;
-type InlineCitationPreviousProps = Omit<ComponentProps<typeof Button>, "children"> & {
+export declare function InlineCitationLabel({ className, children, ...props }: InlineCitationLabelProps): import("react").JSX.Element;
+export type InlineCitationContentProps = ComponentProps<typeof PopoverContent>;
+export declare function InlineCitationContent({ className, children, align, padding, ...props }: InlineCitationContentProps): import("react").JSX.Element;
+export type InlineCitationNavigationProps = InlineCitationStyleProps<ComponentProps<"div">, InlineCitationKnobStyle>;
+export declare function InlineCitationNavigation({ className, children, ...props }: InlineCitationNavigationProps): import("react").JSX.Element;
+export type InlineCitationPreviousProps = Omit<ComponentProps<typeof Button>, "children"> & {
   children?: ReactNode;
 };
-declare function InlineCitationPrevious({ className, children, disabled, onClick, ...props }: InlineCitationPreviousProps): import("react").JSX.Element;
-type InlineCitationNextProps = Omit<ComponentProps<typeof Button>, "children"> & {
+export declare function InlineCitationPrevious({ className, children, disabled, onClick, ...props }: InlineCitationPreviousProps): import("react").JSX.Element;
+export type InlineCitationNextProps = Omit<ComponentProps<typeof Button>, "children"> & {
   children?: ReactNode;
 };
-declare function InlineCitationNext({ className, children, disabled, onClick, ...props }: InlineCitationNextProps): import("react").JSX.Element;
-type InlineCitationPositionProps = InlineCitationStyleProps<ComponentProps<"span">, InlineCitationKnobStyle>;
-declare function InlineCitationPosition({ className, children, ...props }: InlineCitationPositionProps): import("react").JSX.Element;
-type InlineCitationSourceProps = Omit<ComponentProps<"article">, "style"> & {
+export declare function InlineCitationNext({ className, children, disabled, onClick, ...props }: InlineCitationNextProps): import("react").JSX.Element;
+export type InlineCitationPositionProps = InlineCitationStyleProps<ComponentProps<"span">, InlineCitationKnobStyle>;
+export declare function InlineCitationPosition({ className, children, ...props }: InlineCitationPositionProps): import("react").JSX.Element;
+export type InlineCitationSourceProps = Omit<ComponentProps<"article">, "style"> & {
   source?: SourceReference;
   style?: CSSProperties & InlineCitationKnobStyle;
 };
-declare function InlineCitationSource({ source: sourceProp, className, children, style, ref, ...props }: InlineCitationSourceProps): import("react").JSX.Element | null;
-//#endregion
-export { InlineCitation, InlineCitationContent, InlineCitationContentProps, InlineCitationFavicons, InlineCitationFaviconsProps, InlineCitationLabel, InlineCitationLabelProps, InlineCitationNavigation, InlineCitationNavigationProps, InlineCitationNext, InlineCitationNextProps, InlineCitationPosition, InlineCitationPositionProps, InlineCitationPrevious, InlineCitationPreviousProps, InlineCitationProps, InlineCitationSource, InlineCitationSourceProps, InlineCitationTrigger, InlineCitationTriggerProps, SourceReference };
+export declare function InlineCitationSource({ source: sourceProp, className, children, style, ref, ...props }: InlineCitationSourceProps): import("react").JSX.Element | null;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/accordion-knobs.d.ts
-declare const accordionKnobs: readonly ["--cui-accordion-item-border-color", "--cui-accordion-trigger-foreground", "--cui-accordion-trigger-hover-foreground", "--cui-accordion-icon-foreground"];
-type AccordionKnobStyle = Partial<Record<(typeof accordionKnobs)[number], string>>;
-//#endregion
-export { AccordionKnobStyle, accordionKnobs };
+export declare const accordionKnobs: readonly ["--cui-accordion-item-border-color", "--cui-accordion-item-border-width", "--cui-accordion-trigger-foreground", "--cui-accordion-trigger-hover-foreground", "--cui-accordion-icon-foreground"];
+export type AccordionKnobStyle = Partial<Record<(typeof accordionKnobs)[number], string>>;
+//#endregion

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

@@ -1,6 +1,7 @@
 //#region src/knob-contracts/accordion-knobs.ts
 const accordionKnobs = [
 	"--cui-accordion-item-border-color",
+	"--cui-accordion-item-border-width",
 	"--cui-accordion-trigger-foreground",
 	"--cui-accordion-trigger-hover-foreground",
 	"--cui-accordion-icon-foreground"

package/dist/knob-contracts/action-bar-knobs.d.ts

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

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

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

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

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

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

@@ -3,7 +3,18 @@ const alertKnobs = [
 	"--cui-alert-radius",
 	"--cui-alert-background",
 	"--cui-alert-border-color",
-	"--cui-alert-shadow"
+	"--cui-alert-shadow",
+	"--cui-alert-foreground",
+	"--cui-alert-description-foreground",
+	"--cui-alert-border-width",
+	"--cui-alert-padding",
+	"--cui-alert-padding-inline",
+	"--cui-alert-gap",
+	"--cui-alert-icon-gap",
+	"--cui-alert-icon-size",
+	"--cui-alert-font-size",
+	"--cui-alert-description-gap",
+	"--cui-alert-title-font-weight"
 ];
 //#endregion
 export { alertKnobs };

package/dist/knob-contracts/audio-recorder-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/audio-recorder-knobs.d.ts
-declare const audioRecorderKnobs: readonly ["--cui-audio-recorder-foreground", "--cui-audio-recorder-active-foreground", "--cui-audio-recorder-recording-ring-color", "--cui-audio-recorder-error-foreground"];
-type AudioRecorderKnobStyle = Partial<Record<(typeof audioRecorderKnobs)[number], string>>;
-//#endregion
-export { AudioRecorderKnobStyle, audioRecorderKnobs };
+export declare const audioRecorderKnobs: readonly ["--cui-audio-recorder-foreground", "--cui-audio-recorder-active-foreground", "--cui-audio-recorder-recording-ring-color", "--cui-audio-recorder-error-foreground"];
+export type AudioRecorderKnobStyle = Partial<Record<(typeof audioRecorderKnobs)[number], string>>;
+//#endregion

package/dist/knob-contracts/audio-visualizer-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/audio-visualizer-knobs.d.ts
-declare const audioVisualizerKnobs: readonly ["--cui-audio-visualizer-radius", "--cui-audio-visualizer-bar-background", "--cui-audio-visualizer-line-fill", "--cui-audio-visualizer-line-stroke"];
-type AudioVisualizerKnobStyle = Partial<Record<(typeof audioVisualizerKnobs)[number], string>>;
-//#endregion
-export { AudioVisualizerKnobStyle, audioVisualizerKnobs };
+export declare const audioVisualizerKnobs: readonly ["--cui-audio-visualizer-radius", "--cui-audio-visualizer-bar-background", "--cui-audio-visualizer-line-fill", "--cui-audio-visualizer-line-stroke"];
+export type AudioVisualizerKnobStyle = Partial<Record<(typeof audioVisualizerKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/avatar-knobs.d.ts
-declare const avatarKnobs: readonly ["--cui-avatar-radius", "--cui-avatar-group-ring-color", "--cui-avatar-fallback-background", "--cui-avatar-fallback-foreground"];
-type AvatarKnobStyle = Partial<Record<(typeof avatarKnobs)[number], string>>;
-//#endregion
-export { AvatarKnobStyle, avatarKnobs };
+export declare const avatarKnobs: readonly ["--cui-avatar-radius", "--cui-avatar-group-ring-color", "--cui-avatar-fallback-background", "--cui-avatar-fallback-foreground", "--cui-avatar-image-outline-color"];
+export type AvatarKnobStyle = Partial<Record<(typeof avatarKnobs)[number], string>>;
+//#endregion

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

@@ -3,7 +3,8 @@ const avatarKnobs = [
 	"--cui-avatar-radius",
 	"--cui-avatar-group-ring-color",
 	"--cui-avatar-fallback-background",
-	"--cui-avatar-fallback-foreground"
+	"--cui-avatar-fallback-foreground",
+	"--cui-avatar-image-outline-color"
 ];
 //#endregion
 export { avatarKnobs };

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

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

package/dist/knob-contracts/button-group-knobs.d.ts

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/button-group-knobs.d.ts
-declare const buttonGroupKnobs: readonly ["--cui-button-group-text-radius", "--cui-button-group-text-background", "--cui-button-group-text-foreground", "--cui-button-group-separator-background"];
-type ButtonGroupKnobStyle = Partial<Record<(typeof buttonGroupKnobs)[number], string>>;
-//#endregion
-export { ButtonGroupKnobStyle, buttonGroupKnobs };
+export declare const buttonGroupKnobs: readonly ["--cui-button-group-text-radius", "--cui-button-group-text-background", "--cui-button-group-text-foreground", "--cui-button-group-separator-background"];
+export type ButtonGroupKnobStyle = Partial<Record<(typeof buttonGroupKnobs)[number], string>>;
+//#endregion

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/button-knobs.d.ts
-declare const buttonKnobs: readonly ["--cui-button-radius", "--cui-button-gap", "--cui-button-icon", "--cui-button-height", "--cui-button-padding-inline", "--cui-button-font-size", "--cui-button-background", "--cui-button-background-image", "--cui-button-foreground", "--cui-button-hover-background", "--cui-button-hover-foreground", "--cui-button-press-background", "--cui-button-press-scale", "--cui-button-active-background", "--cui-button-active-foreground", "--cui-button-active-hover-background", "--cui-button-shadow", "--cui-button-hover-shadow", "--cui-button-press-shadow", "--cui-button-active-shadow", "--cui-button-open-background", "--cui-button-open-foreground", "--cui-button-open-shadow"];
-type ButtonKnobStyle = Partial<Record<(typeof buttonKnobs)[number], string>>;
-//#endregion
-export { ButtonKnobStyle, buttonKnobs };
+export declare const buttonKnobs: readonly ["--cui-button-radius", "--cui-button-gap", "--cui-button-icon", "--cui-button-height", "--cui-button-padding-inline", "--cui-button-icon-padding-inline", "--cui-button-font-size", "--cui-button-background", "--cui-button-background-image", "--cui-button-foreground", "--cui-button-hover-background", "--cui-button-hover-foreground", "--cui-button-press-background", "--cui-button-press-scale", "--cui-button-active-background", "--cui-button-active-foreground", "--cui-button-active-hover-background", "--cui-button-shadow", "--cui-button-hover-shadow", "--cui-button-press-shadow", "--cui-button-active-shadow", "--cui-button-open-background", "--cui-button-open-foreground", "--cui-button-open-shadow"];
+export type ButtonKnobStyle = Partial<Record<(typeof buttonKnobs)[number], string>>;
+//#endregion

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

@@ -5,6 +5,7 @@ const buttonKnobs = [
 	"--cui-button-icon",
 	"--cui-button-height",
 	"--cui-button-padding-inline",
+	"--cui-button-icon-padding-inline",
 	"--cui-button-font-size",
 	"--cui-button-background",
 	"--cui-button-background-image",

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

@@ -1,5 +1,4 @@
 //#region src/knob-contracts/calendar-knobs.d.ts
-declare const calendarKnobs: readonly ["--cui-calendar-day-radius", "--cui-calendar-today-background", "--cui-calendar-selected-background", "--cui-calendar-selected-foreground", "--cui-calendar-range-background"];
-type CalendarKnobStyle = Partial<Record<(typeof calendarKnobs)[number], string>>;
-//#endregion
-export { CalendarKnobStyle, calendarKnobs };
+export declare const calendarKnobs: readonly ["--cui-calendar-day-radius", "--cui-calendar-today-background", "--cui-calendar-selected-background", "--cui-calendar-selected-foreground", "--cui-calendar-range-background"];
+export type CalendarKnobStyle = Partial<Record<(typeof calendarKnobs)[number], string>>;
+//#endregion

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

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

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-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

@@ -4,8 +4,10 @@ const chatComposerAttachmentKnobs = [
 	"--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-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,6 +6,7 @@ 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",

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"];
+export type ChatLayoutKnobStyle = Partial<Record<(typeof chatLayoutKnobs)[number], string>>;
+//#endregion

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

@@ -3,9 +3,8 @@ const chatLayoutKnobs = [
 	"--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"
+	"--cui-chat-layout-border-width",
+	"--cui-chat-layout-shadow"
 ];
 //#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"];
+export type ChatMessageKnobStyle = Partial<Record<(typeof chatMessageKnobs)[number], string>>;
+//#endregion

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-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/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