@ctrl-ui/react 0.8.1 → 0.8.4

package/dist/user-ask.d.ts

@@ -6,16 +6,16 @@ import { CSSProperties, ComponentProps } from "react";
 type UserAskStyleProps<Props, Style> = Omit<Props, "style"> & {
   style?: CSSProperties & Style;
 };
-declare function UserAsk({ onComplete, onDismiss, autoFocus, className, children, ...props }: UserAskProps): import("react").JSX.Element;
-type UserAskHeaderProps = ComponentProps<"header"> & {
+export declare function UserAsk({ onComplete, onDismiss, autoFocus, className, children, ...props }: UserAskProps): import("react").JSX.Element;
+export type UserAskHeaderProps = ComponentProps<"header"> & {
   style?: CSSProperties & UserAskKnobStyle;
 };
-declare function UserAskHeader({ className, ...props }: UserAskHeaderProps): import("react").JSX.Element;
-type UserAskTitleProps = UserAskStyleProps<ComponentProps<"h3">, UserAskKnobStyle>;
-declare function UserAskTitle({ className, children, ...props }: UserAskTitleProps): import("react").JSX.Element;
-type UserAskPaginationProps = UserAskStyleProps<ComponentProps<"div">, UserAskKnobStyle>;
-declare function UserAskPagination({ className, ...props }: UserAskPaginationProps): import("react").JSX.Element | null;
-type UserAskQuestionProps = Omit<ComponentProps<"div">, "title"> & {
+export declare function UserAskHeader({ className, ...props }: UserAskHeaderProps): import("react").JSX.Element;
+export type UserAskTitleProps = UserAskStyleProps<ComponentProps<"h3">, UserAskKnobStyle>;
+export declare function UserAskTitle({ className, children, ...props }: UserAskTitleProps): import("react").JSX.Element;
+export type UserAskPaginationProps = UserAskStyleProps<ComponentProps<"div">, UserAskKnobStyle>;
+export declare function UserAskPagination({ className, ...props }: UserAskPaginationProps): import("react").JSX.Element | null;
+export type UserAskQuestionProps = Omit<ComponentProps<"div">, "title"> & {
   id: string;
   title: string;
   /** Pre-selects option carrying this value (e.g. recommended one) until user picks another. */
@@ -23,28 +23,27 @@ type UserAskQuestionProps = Omit<ComponentProps<"div">, "title"> & {
 } & {
   style?: CSSProperties & UserAskKnobStyle;
 };
-declare function UserAskQuestion({ id, title, defaultValue, className, children, ...props }: UserAskQuestionProps): import("react").JSX.Element;
-type UserAskOptionProps = UserAskStyleProps<Omit<ComponentProps<"button">, "value">, UserAskKnobStyle> & {
+export declare function UserAskQuestion({ id, title, defaultValue, className, children, ...props }: UserAskQuestionProps): import("react").JSX.Element;
+export type UserAskOptionProps = UserAskStyleProps<Omit<ComponentProps<"button">, "value">, UserAskKnobStyle> & {
   value: string;
   recommended?: boolean;
 };
-declare function UserAskOption({ value, recommended, disabled, className, children, onClick, ...props }: UserAskOptionProps): import("react").JSX.Element;
-type UserAskOptionLabelProps = UserAskStyleProps<ComponentProps<"span">, UserAskKnobStyle>;
-declare function UserAskOptionLabel({ className, children, ...props }: UserAskOptionLabelProps): import("react").JSX.Element;
-type UserAskOptionDescriptionProps = UserAskStyleProps<ComponentProps<"span">, UserAskKnobStyle>;
-declare function UserAskOptionDescription({ className, ...props }: UserAskOptionDescriptionProps): import("react").JSX.Element;
-type UserAskOptionInputProps = UserAskStyleProps<Omit<ComponentProps<"input">, "value">, UserAskKnobStyle> & {
+export declare function UserAskOption({ value, recommended, disabled, className, children, onClick, ...props }: UserAskOptionProps): import("react").JSX.Element;
+export type UserAskOptionLabelProps = UserAskStyleProps<ComponentProps<"span">, UserAskKnobStyle>;
+export declare function UserAskOptionLabel({ className, children, ...props }: UserAskOptionLabelProps): import("react").JSX.Element;
+export type UserAskOptionDescriptionProps = UserAskStyleProps<ComponentProps<"span">, UserAskKnobStyle>;
+export declare function UserAskOptionDescription({ className, ...props }: UserAskOptionDescriptionProps): import("react").JSX.Element;
+export type UserAskOptionInputProps = UserAskStyleProps<Omit<ComponentProps<"input">, "value">, UserAskKnobStyle> & {
   /** Row label while unselected (option's "Other" affordance). */
   label?: string;
 };
-declare function UserAskOptionInput({ label, placeholder, disabled, className, onChange, style, ...props }: UserAskOptionInputProps): import("react").JSX.Element;
-type UserAskFooterProps = ComponentProps<"footer"> & {
+export declare function UserAskOptionInput({ label, placeholder, disabled, className, onChange, style, ...props }: UserAskOptionInputProps): import("react").JSX.Element;
+export type UserAskFooterProps = ComponentProps<"footer"> & {
   style?: CSSProperties & UserAskKnobStyle;
 };
-declare function UserAskFooter({ className, ...props }: UserAskFooterProps): import("react").JSX.Element;
-type UserAskDismissProps = ComponentProps<typeof Button>;
-declare function UserAskDismiss({ className, children, onClick, ...props }: UserAskDismissProps): import("react").JSX.Element;
-type UserAskSubmitProps = ComponentProps<typeof Button>;
-declare function UserAskSubmit({ className, children, disabled, onClick, ...props }: UserAskSubmitProps): import("react").JSX.Element;
-//#endregion
-export { UserAsk, UserAskDismiss, UserAskDismissProps, UserAskFooter, UserAskFooterProps, UserAskHeader, UserAskHeaderProps, UserAskOption, UserAskOptionDescription, UserAskOptionDescriptionProps, UserAskOptionInput, UserAskOptionInputProps, UserAskOptionLabel, UserAskOptionLabelProps, UserAskOptionProps, UserAskPagination, UserAskPaginationProps, UserAskQuestion, UserAskQuestionProps, UserAskSubmit, UserAskSubmitProps, UserAskTitle, UserAskTitleProps };
+export declare function UserAskFooter({ className, ...props }: UserAskFooterProps): import("react").JSX.Element;
+export type UserAskDismissProps = ComponentProps<typeof Button>;
+export declare function UserAskDismiss({ className, children, onClick, ...props }: UserAskDismissProps): import("react").JSX.Element;
+export type UserAskSubmitProps = ComponentProps<typeof Button>;
+export declare function UserAskSubmit({ className, children, disabled, onClick, ...props }: UserAskSubmitProps): import("react").JSX.Element;
+//#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ctrl-ui/react",
-  "version": "0.8.1",
-  "description": "Control UI components, blocks, and primitives with the Refined skin, as a versioned package.",
+  "version": "0.8.4",
+  "description": "Control UI components, blocks, and primitives with neutral defaults and consumer-owned themes.",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -34,29 +34,29 @@
     "lint": "biome lint ."
   },
   "peerDependencies": {
-    "@base-ui/react": "^1.7.0",
-    "@tanstack/react-virtual": "^3.14.9",
+    "@base-ui/react": "^1.8.0",
+    "@tanstack/react-virtual": "^3.14.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "diff": "^9.0.0",
-    "libphonenumber-js": "^1.13.10",
-    "lucide-react": "^1.31.0",
+    "libphonenumber-js": "^1.13.13",
+    "lucide-react": "^1.47.0",
     "prosemirror-commands": "^1.7.2",
     "prosemirror-history": "^1.5.0",
     "prosemirror-keymap": "^1.2.3",
     "prosemirror-model": "^1.25.11",
     "prosemirror-state": "^1.4.4",
-    "prosemirror-view": "^1.42.2",
+    "prosemirror-view": "^1.42.3",
     "react": "^19.2.8",
     "react-day-picker": "^10.0.1",
     "react-email": "^6.9.5",
-    "react-phone-number-input": "^3.4.17",
-    "react-resizable-panels": "^4.12.2",
+    "react-phone-number-input": "^3.4.18",
+    "react-resizable-panels": "^4.12.4",
     "shiki": "^4.4.3",
-    "streamdown": "^2.5.0",
-    "tailwind-merge": "^3.6.0",
-    "zod": "^4.4.3"
+    "streamdown": "^2.6.0",
+    "tailwind-merge": "^3.7.0",
+    "zod": "^4.6.5"
   },
   "peerDependenciesMeta": {
     "@tanstack/react-virtual": {
@@ -112,8 +112,8 @@
     }
   },
   "devDependencies": {
-    "@types/bun": "^1.3.14",
-    "@types/react": "^19.2.18",
-    "tsdown": "0.22.14"
+    "@types/bun": "^1.4.2",
+    "@types/react": "^19.3.0",
+    "tsdown": "0.23.0"
   }
 }

package/dist/code-block-editor.d.ts

@@ -1,59 +0,0 @@
-import { ButtonKnobStyle } from "./knob-contracts/button-knobs.js";
-import { Button } from "./ui/button.js";
-import { CodeBlockEditorKnobStyle } from "./knob-contracts/code-block-editor-knobs.js";
-import { CodeKnobStyle } from "./knob-contracts/code-knobs.js";
-import { CodeBlockEditorTokenLines } from "./lib/code-block-shiki.js";
-import { CSSProperties, ComponentProps, ReactNode } from "react";
-//#region src/code-block-editor.d.ts
-type CodeBlockEditorStyleProps<Props, Style> = Omit<Props, "style"> & {
-  style?: CSSProperties & Style;
-};
-type CodeBlockEditorOverflow = "wrap" | "scroll";
-type CodeBlockEditorHighlight = "auto" | "none";
-type CodeBlockEditorChrome = "standalone" | "embedded";
-type CodeBlockEditorDensity = "default" | "compact";
-type CodeBlockEditorVariant = "default" | "command";
-type CodeBlockEditorProps = CodeBlockEditorStyleProps<ComponentProps<"figure">, CodeBlockEditorKnobStyle> & {
-  overflow?: CodeBlockEditorOverflow;
-  chrome?: CodeBlockEditorChrome;
-  density?: CodeBlockEditorDensity;
-  variant?: CodeBlockEditorVariant;
-};
-type CodeBlockEditorHeaderProps = CodeBlockEditorStyleProps<ComponentProps<"figcaption">, CodeBlockEditorKnobStyle>;
-type CodeBlockEditorTitleProps = CodeBlockEditorStyleProps<ComponentProps<"span">, CodeBlockEditorKnobStyle>;
-type CodeBlockEditorActionsProps = ComponentProps<"div"> & {
-  style?: CSSProperties & CodeBlockEditorKnobStyle;
-};
-type CodeBlockEditorCopyProps = Omit<ComponentProps<typeof Button>, "children" | "onClick"> & {
-  value: string;
-  children?: ReactNode;
-  copiedLabel?: ReactNode;
-  copiedAriaLabel?: string;
-};
-type CodeBlockEditorContentProps = CodeBlockEditorStyleProps<Omit<ComponentProps<"pre">, "children">, CodeBlockEditorKnobStyle> & {
-  code: string;
-  lang?: string;
-  tokens?: CodeBlockEditorTokenLines | null;
-  highlight?: CodeBlockEditorHighlight;
-  maxHeight?: string;
-  scrollAreaClassName?: string;
-};
-type CodeBlockEditorTextareaProps = CodeBlockEditorStyleProps<Omit<ComponentProps<"textarea">, "defaultValue" | "value">, CodeBlockEditorKnobStyle> & {
-  value?: string;
-  defaultValue?: string;
-  onValueChange?: (value: string) => void;
-  fileName?: string;
-};
-declare function CodeBlockEditor({ overflow, chrome, density, variant, className, children, ...props }: CodeBlockEditorProps): import("react").JSX.Element;
-declare function CodeBlockEditorHeader({ className, ...props }: CodeBlockEditorHeaderProps): import("react").JSX.Element;
-declare function CodeBlockEditorTitle({ className, ...props }: CodeBlockEditorTitleProps): import("react").JSX.Element;
-declare function CodeBlockEditorActions({ className, ...props }: CodeBlockEditorActionsProps): import("react").JSX.Element;
-declare function CodeBlockEditorCopy({ value, copiedLabel, copiedAriaLabel, children, className, "aria-label": ariaLabel, ...props }: CodeBlockEditorCopyProps): import("react").JSX.Element;
-type CodeBlockEditorFloatingCopyProps = Omit<CodeBlockEditorCopyProps, "children" | "copiedLabel" | "style"> & {
-  style?: CSSProperties & ButtonKnobStyle & CodeKnobStyle;
-};
-declare function CodeBlockEditorFloatingCopy({ className, ...props }: CodeBlockEditorFloatingCopyProps): import("react").JSX.Element;
-declare function CodeBlockEditorContent({ code, lang, tokens, highlight, maxHeight, scrollAreaClassName, className, ...props }: CodeBlockEditorContentProps): import("react").JSX.Element;
-declare function CodeBlockEditorTextarea({ value, defaultValue, onValueChange, onChange, fileName, className, "aria-label": ariaLabel, ...props }: CodeBlockEditorTextareaProps): import("react").JSX.Element;
-//#endregion
-export { CodeBlockEditor, CodeBlockEditorActions, CodeBlockEditorActionsProps, CodeBlockEditorChrome, CodeBlockEditorContent, CodeBlockEditorContentProps, CodeBlockEditorCopy, CodeBlockEditorCopyProps, CodeBlockEditorDensity, CodeBlockEditorFloatingCopy, CodeBlockEditorFloatingCopyProps, CodeBlockEditorHeader, CodeBlockEditorHeaderProps, CodeBlockEditorHighlight, CodeBlockEditorOverflow, CodeBlockEditorProps, CodeBlockEditorTextarea, CodeBlockEditorTextareaProps, CodeBlockEditorTitle, CodeBlockEditorTitleProps, CodeBlockEditorVariant };

package/dist/code-block-editor.js

@@ -1,250 +0,0 @@
-"use client";
-import { useCopyToClipboard } from "./hooks/use-copy-to-clipboard.js";
-import { cn } from "./lib/cn.js";
-import { Button } from "./ui/button.js";
-import { ScrollArea } from "./ui/scroll-area.js";
-import { highlightCodeToTokens } from "./lib/code-block-shiki.js";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./ui/tooltip.js";
-import { Children, Fragment, createContext, isValidElement, use, useEffect, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon } from "lucide-react";
-//#region src/code-block-editor.tsx
-const CodeBlockEditorContext = createContext(null);
-function useCodeBlockEditorContext() {
-	const context = use(CodeBlockEditorContext);
-	if (!context) throw new Error("CodeBlockEditor compound parts must be rendered inside <CodeBlockEditor>.");
-	return context;
-}
-function resolveCodeBlockEditorClasses({ overflow, density, variant }) {
-	const isCommand = variant === "command";
-	const isCompact = density === "compact" || isCommand;
-	return {
-		codeClassName: cn(overflow === "scroll" ? isCommand ? "w-full max-w-full overflow-x-auto whitespace-pre" : "w-max min-w-full whitespace-pre" : "w-full whitespace-pre-wrap break-words"),
-		editorClassName: cn("w-full max-w-full overflow-auto", overflow === "scroll" ? "whitespace-pre" : "whitespace-pre-wrap break-words"),
-		scrollable: !isCommand,
-		maxHeight: isCompact ? "320px" : "520px"
-	};
-}
-function hasCodeBlockEditorHeader(children) {
-	return Children.toArray(children).some((child) => isValidElement(child) && child.type === CodeBlockEditorHeader);
-}
-function createKeyedTokenLines(lines) {
-	return lines.reduce((state, line) => {
-		const tokenState = line.reduce((tokenAccumulator, token) => ({
-			offset: tokenAccumulator.offset + token.content.length,
-			tokens: [...tokenAccumulator.tokens, {
-				key: tokenAccumulator.offset,
-				content: token.content,
-				style: token.style
-			}]
-		}), {
-			offset: state.offset,
-			tokens: []
-		});
-		return {
-			offset: tokenState.offset + 1,
-			lines: [...state.lines, {
-				key: state.offset,
-				tokens: tokenState.tokens
-			}]
-		};
-	}, {
-		offset: 0,
-		lines: []
-	}).lines;
-}
-function useHighlightedTokens({ code, lang, tokens, highlight }) {
-	const tokenKey = `${lang ?? ""}\n${code}`;
-	const [clientTokens, setClientTokens] = useState(null);
-	useEffect(() => {
-		if (highlight === "none" || tokens !== void 0 || !lang) return;
-		let cancelled = false;
-		const requestKey = `${lang}\n${code}`;
-		highlightCodeToTokens(code, lang).then((result) => {
-			if (!cancelled) setClientTokens({
-				key: requestKey,
-				tokens: result
-			});
-		}).catch(() => {
-			if (!cancelled) setClientTokens({
-				key: requestKey,
-				tokens: null
-			});
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [
-		code,
-		lang,
-		tokens,
-		highlight
-	]);
-	if (highlight === "none") return null;
-	return tokens ?? (clientTokens?.key === tokenKey ? clientTokens.tokens : null);
-}
-function CodeBlockEditorCode({ code, lang, tokens, highlight, maxHeight, scrollAreaClassName, scrollable, className, ...props }) {
-	const highlightedTokens = useHighlightedTokens({
-		code,
-		lang,
-		tokens,
-		highlight
-	});
-	const codeNode = highlightedTokens === null || highlightedTokens.length === 0 ? /* @__PURE__ */ jsx("code", { children: code }) : /* @__PURE__ */ jsx("code", { children: createKeyedTokenLines(highlightedTokens).map((line, lineIndex, keyedLines) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: line.tokens.map((token) => /* @__PURE__ */ jsx("span", {
-		style: token.style,
-		children: token.content
-	}, token.key)) }), lineIndex !== keyedLines.length - 1 ? "\n" : null] }, line.key)) });
-	const block = /* @__PURE__ */ jsx("pre", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "content",
-		className,
-		...props,
-		children: codeNode
-	});
-	if (!scrollable) return block;
-	return /* @__PURE__ */ jsx(ScrollArea, {
-		className: scrollAreaClassName,
-		maxHeight,
-		children: block
-	});
-}
-function CodeBlockEditor({ overflow, chrome = "standalone", density = "default", variant = "default", className, children, ...props }) {
-	const resolvedOverflow = overflow ?? (variant === "command" ? "wrap" : "scroll");
-	const hasHeader = hasCodeBlockEditorHeader(children);
-	return /* @__PURE__ */ jsx(CodeBlockEditorContext.Provider, {
-		value: {
-			overflow: resolvedOverflow,
-			chrome,
-			density,
-			variant,
-			hasHeader
-		},
-		children: /* @__PURE__ */ jsx("figure", {
-			"data-control-ui": "code-block-editor",
-			"data-control-family": "code-block-editor",
-			"data-slot": "root",
-			"data-surface": "panel",
-			"data-variant": variant,
-			"data-chrome": chrome,
-			"data-density": density,
-			"data-header": hasHeader ? "true" : void 0,
-			className: cn("min-w-0 overflow-hidden", !hasHeader && "relative", className),
-			...props,
-			children
-		})
-	});
-}
-function CodeBlockEditorHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("figcaption", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "header",
-		className: cn("flex items-center justify-between", className),
-		...props
-	});
-}
-function CodeBlockEditorTitle({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "title",
-		className: cn("block min-w-0 truncate", className),
-		...props
-	});
-}
-function CodeBlockEditorActions({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "actions",
-		className: cn("flex shrink-0 items-center", className),
-		...props
-	});
-}
-function CodeBlockEditorCopy({ value, copiedLabel, copiedAriaLabel = "Copied", children, className, "aria-label": ariaLabel, ...props }) {
-	const { isCopied, handleCopy } = useCopyToClipboard({ text: value });
-	const isIconOnly = children === void 0;
-	const label = ariaLabel ?? (isIconOnly ? "Copy code" : void 0);
-	const copied = copiedLabel ?? (isIconOnly ? /* @__PURE__ */ jsx(CheckIcon, {
-		"aria-hidden": "true",
-		className: "size-3.5"
-	}) : "Copied");
-	const button = /* @__PURE__ */ jsx(Button, {
-		type: "button",
-		variant: "quiet",
-		size: "xs",
-		"aria-live": "polite",
-		"aria-label": label && isCopied ? copiedAriaLabel : label,
-		"data-code-block-editor-copy": isIconOnly ? "true" : void 0,
-		className,
-		...props,
-		onClick: handleCopy,
-		children: isCopied ? copied : children ?? /* @__PURE__ */ jsx(CopyIcon, {
-			"aria-hidden": "true",
-			className: "size-3.5"
-		})
-	});
-	if (!isIconOnly) return button;
-	return /* @__PURE__ */ jsx(TooltipProvider, {
-		delay: 0,
-		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: button }), /* @__PURE__ */ jsx(TooltipContent, {
-			side: "left",
-			children: label
-		})] })
-	});
-}
-function CodeBlockEditorFloatingCopy({ className, ...props }) {
-	return /* @__PURE__ */ jsx(CodeBlockEditorCopy, {
-		"data-code-block-editor-floating-copy": "true",
-		className: cn("absolute top-2 right-2 z-10", className),
-		...props
-	});
-}
-function CodeBlockEditorContent({ code, lang, tokens, highlight = "auto", maxHeight, scrollAreaClassName, className, ...props }) {
-	const context = useCodeBlockEditorContext();
-	const classes = resolveCodeBlockEditorClasses(context);
-	const content = /* @__PURE__ */ jsx(CodeBlockEditorCode, {
-		code,
-		lang,
-		tokens,
-		highlight,
-		maxHeight: maxHeight ?? classes.maxHeight,
-		scrollAreaClassName,
-		scrollable: classes.scrollable,
-		className: cn(classes.codeClassName, className),
-		...props
-	});
-	if (context.hasHeader) return content;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "floating-frame",
-		className: "relative",
-		children: [/* @__PURE__ */ jsx(CodeBlockEditorFloatingCopy, { value: code }), content]
-	});
-}
-function CodeBlockEditorTextarea({ value, defaultValue = "", onValueChange, onChange, fileName, className, "aria-label": ariaLabel, ...props }) {
-	const { editorClassName } = resolveCodeBlockEditorClasses(useCodeBlockEditorContext());
-	const [internalValue, setInternalValue] = useState(defaultValue);
-	const currentValue = value ?? internalValue;
-	function handleChange(event) {
-		const nextValue = event.target.value;
-		if (value === void 0) setInternalValue(nextValue);
-		onValueChange?.(nextValue);
-		onChange?.(event);
-	}
-	return /* @__PURE__ */ jsx("textarea", {
-		"data-control-ui": "code-block-editor",
-		"data-control-family": "code-block-editor",
-		"data-slot": "editor",
-		value: currentValue,
-		onChange: handleChange,
-		"aria-label": ariaLabel ?? (fileName ? `${fileName} code` : "Code editor"),
-		spellCheck: false,
-		className: cn(editorClassName, "block resize-y", className),
-		...props
-	});
-}
-//#endregion
-export { CodeBlockEditor, CodeBlockEditorActions, CodeBlockEditorContent, CodeBlockEditorCopy, CodeBlockEditorFloatingCopy, CodeBlockEditorHeader, CodeBlockEditorTextarea, CodeBlockEditorTitle };

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

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

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

@@ -1,11 +0,0 @@
-//#region src/knob-contracts/code-block-editor-knobs.ts
-const codeBlockEditorKnobs = [
-	"--cui-code-block-editor-radius",
-	"--cui-code-block-editor-background",
-	"--cui-code-block-editor-border-color",
-	"--cui-code-block-editor-shadow",
-	"--cui-code-block-editor-title-foreground",
-	"--cui-code-block-editor-code-background"
-];
-//#endregion
-export { codeBlockEditorKnobs };

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

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

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

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

package/dist/skin.config.d.ts

@@ -1,5 +0,0 @@
-import { ControlUiSkin } from "./skin.js";
-//#region src/skin.config.d.ts
-declare const skin: ControlUiSkin;
-//#endregion
-export { skin };

package/dist/skin.config.js

@@ -1,12 +0,0 @@
-//#region src/skin.config.tsx
-const skin = {
-	id: "refined",
-	indicators: {
-		sidebar: "hover",
-		"button-group": "hover",
-		"toggle-group": "hover",
-		"checkbox-group": "hover"
-	}
-};
-//#endregion
-export { skin };

package/dist/styles/recipes/code-block-editor.css

@@ -1,136 +0,0 @@
-@layer components {
-  :where([data-control-family="code-block-editor"][data-slot="root"]) {
-    --cui-code-block-editor-background: var(--background);
-    --cui-code-block-editor-border-color: var(--border);
-    --cui-code-block-editor-radius: min(var(--radius-panel), calc(0.5rem * var(--nest-corner-ratio)));
-    --cui-code-block-editor-shadow: var(--shadow-sm);
-    --cui-code-block-editor-code-background: var(--background);
-    --cui-code-block-editor-title-foreground: var(--muted-foreground);
-    margin-block: calc(var(--spacing) * 4);
-    border: 1px solid var(--cui-code-block-editor-border-color);
-    border-radius: var(--cui-code-block-editor-radius);
-    background: var(--cui-code-block-editor-background);
-    box-shadow: var(--cui-code-block-editor-shadow);
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="root"][data-chrome="embedded"]) {
-    margin-block: 0;
-    border-width: 0px;
-    border-radius: 0px;
-    background: transparent;
-    box-shadow: none;
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="header"]) {
-    min-block-size: calc(var(--spacing) * 11);
-    gap: calc(var(--spacing) * 3);
-    padding-inline: calc(var(--spacing) * 3);
-    padding-block: calc(var(--spacing) * 2);
-    border-bottom: 1px solid var(--border);
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="actions"]) {
-    gap: calc(var(--spacing) * 1);
-  }
-
-  :where([data-control-family="button"][data-code-block-editor-copy="true"]) {
-    inline-size: calc(var(--spacing) * 7);
-    block-size: calc(var(--spacing) * 7);
-    padding: 0;
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="title"]) {
-    color: var(--cui-code-block-editor-title-foreground);
-    font-size: var(--text-label);
-    font-family: var(--font-mono);
-  }
-
-  :where([data-control-family="code-block-editor"]:is([data-slot="content"], [data-slot="editor"])) {
-    min-block-size: 160px;
-    padding: calc(var(--spacing) * 4);
-    background: var(--cui-code-block-editor-code-background);
-    color: var(--code-foreground);
-    font-size: var(--text-label);
-  }
-
-  :where(
-    [data-control-family="code-block-editor"][data-slot="root"][data-chrome="embedded"] :is([data-slot="content"], [data-slot="editor"])
-  ) {
-    background: transparent;
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="editor"]) {
-    max-block-size: 520px;
-    border-width: 0px;
-    outline: none;
-  }
-
-  :where(
-    [data-control-family="code-block-editor"][data-slot="root"]:is([data-density="compact"], [data-variant="command"])
-      :is([data-slot="content"], [data-slot="editor"])
-  ) {
-    min-block-size: 0;
-    padding-inline: calc(var(--spacing) * 3);
-    padding-block: calc(var(--spacing) * 2);
-  }
-
-  :where(
-    [data-control-family="code-block-editor"][data-slot="root"]:is([data-density="compact"], [data-variant="command"]) [data-slot="editor"]
-  ) {
-    max-block-size: 320px;
-  }
-
-  :where([data-control-family="code-block-editor"][data-slot="floating-frame"]) {
-    padding-block-start: calc(var(--spacing) * 5);
-  }
-
-  :where(
-    [data-control-family="code-block-editor"][data-slot="root"]:is([data-density="compact"], [data-variant="command"])
-      [data-slot="floating-frame"]
-  ) {
-    padding-block-start: calc(var(--spacing) * 7);
-  }
-
-  :where([data-control-family="button"][data-code-block-editor-floating-copy="true"]) {
-    background: oklch(from var(--background) l c h / 0.85);
-    box-shadow:
-      inset 0 0 0 1px var(--border),
-      var(--shadow-sm);
-    backdrop-filter: blur(var(--backdrop-blur-popover));
-  }
-}
-
-@property --cui-code-block-editor-radius {
-  syntax: "<length>";
-  inherits: true;
-  initial-value: 0px;
-}
-
-@property --cui-code-block-editor-background {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-code-block-editor-border-color {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-code-block-editor-shadow {
-  syntax: "*";
-  inherits: true;
-}
-
-@property --cui-code-block-editor-title-foreground {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}
-
-@property --cui-code-block-editor-code-background {
-  syntax: "<color>";
-  inherits: true;
-  initial-value: transparent;
-}