@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export type CheckboxProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Controlled checked state */
+    checked?: boolean | "indeterminate";
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean | "indeterminate";
+    /** Called when checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Input name for form submission */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the checkbox. Wraps in a <label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping label element when `label` is provided */
+    labelClassName?: string;
+};
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Controlled checked state */
+    checked?: boolean | "indeterminate";
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean | "indeterminate";
+    /** Called when checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Input name for form submission */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the checkbox. Wraps in a <label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping label element when `label` is provided */
+    labelClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACtG,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IAC3C,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAiCF,QAAA,MAAM,QAAQ;IA/CZ,+BAA+B;cACrB,OAAO,GAAG,eAAe;IACnC,kDAAkD;qBACjC,OAAO,GAAG,eAAe;IAC1C,wCAAwC;sBACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,qCAAqC;WAC9B,MAAM;IACb,mDAAmD;YAC3C,MAAM;IACd,wEAAwE;YAChE,KAAK,CAAC,SAAS;IACvB,6EAA6E;qBAC5D,MAAM;2CAyHxB,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { Label } from "@sixthshift/design-system/label";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const CheckIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", className: "h-3 w-3", "aria-hidden": "true", children: _jsx("polyline", { points: "20 6 9 17 4 12" }) }));
+const IndeterminateIcon = () => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", className: "h-3 w-3", "aria-hidden": "true", children: _jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }));
+const Checkbox = React.forwardRef(({ className, checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, name, value = "on", label, labelClassName, id: idProp, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? (label ? generatedId : undefined);
+    const [checked, setChecked] = useControllableState({
+        value: controlledChecked,
+        defaultValue: defaultChecked,
+        onChange: onCheckedChange,
+    });
+    const isChecked = checked === true;
+    const isIndeterminate = checked === "indeterminate";
+    const button = (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", role: "checkbox", id: id, "aria-checked": isIndeterminate ? "mixed" : isChecked, "data-state": isIndeterminate ? "indeterminate" : isChecked ? "checked" : "unchecked", disabled: disabled, ref: ref, onClick: () => setChecked(!isChecked), className: cn("peer h-4 w-4 shrink-0 cursor-pointer rounded-xs border border-border-brand shadow focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", (isChecked || isIndeterminate) && "bg-bg-brand text-fg-on-brand", className), ...props, children: _jsxs("span", { className: "flex items-center justify-center text-current", children: [isChecked && _jsx(CheckIcon, {}), isIndeterminate && _jsx(IndeterminateIcon, {})] }) }), name && (_jsx("input", { type: "checkbox", "aria-hidden": true, tabIndex: -1, name: name, value: value, checked: isChecked, disabled: disabled, readOnly: true, style: {
+                    position: "absolute",
+                    pointerEvents: "none",
+                    opacity: 0,
+                    margin: 0,
+                    width: 0,
+                    height: 0,
+                } }))] }));
+    if (!label)
+        return button;
+    return (_jsxs("div", { className: cn("flex items-center gap-2", labelClassName), children: [button, _jsx(Label, { htmlFor: id, className: cn(disabled && "cursor-not-allowed opacity-50"), children: label })] }));
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox, type CheckboxProps } from "./Checkbox.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/Checkbox/index.js

@@ -0,0 +1,2 @@
+export { Checkbox } from "./Checkbox.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC"}

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts

@@ -0,0 +1,55 @@
+import * as React from "react";
+export type CheckboxGroupOption = {
+    /** Unique value for the option */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+};
+export type CheckboxGroupProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "onBlur"> & {
+    /** Controlled selected values */
+    value?: string[];
+    /** Default selected values for uncontrolled mode */
+    defaultValue?: string[];
+    /** Available options */
+    options: readonly CheckboxGroupOption[];
+    /** Called when selection changes */
+    onValueChange?: (value: string[]) => void;
+    /** Layout orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Visual variant */
+    variant?: "default" | "button";
+    /** Button appearance (only applies when variant="button") */
+    appearance?: "segmented" | "separate";
+    /** Input name for form submission */
+    name?: string;
+    /** Disable all options */
+    disabled?: boolean;
+    /** Called when focus leaves the group entirely */
+    onBlur?: () => void;
+};
+declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "onBlur" | "onChange"> & {
+    /** Controlled selected values */
+    value?: string[];
+    /** Default selected values for uncontrolled mode */
+    defaultValue?: string[];
+    /** Available options */
+    options: readonly CheckboxGroupOption[];
+    /** Called when selection changes */
+    onValueChange?: (value: string[]) => void;
+    /** Layout orientation */
+    orientation?: "vertical" | "horizontal";
+    /** Visual variant */
+    variant?: "default" | "button";
+    /** Button appearance (only applies when variant="button") */
+    appearance?: "segmented" | "separate";
+    /** Input name for form submission */
+    name?: string;
+    /** Disable all options */
+    disabled?: boolean;
+    /** Called when focus leaves the group entirely */
+    onBlur?: () => void;
+} & React.RefAttributes<HTMLDivElement>>;
+export { CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/components/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,GAAG;IACnG,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wBAAwB;IACxB,OAAO,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACxC,oCAAoC;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,yBAAyB;IACzB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACtC,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,aAAa;IAtBjB,iCAAiC;YACzB,MAAM,EAAE;IAChB,oDAAoD;mBACrC,MAAM,EAAE;IACvB,wBAAwB;aACf,SAAS,mBAAmB,EAAE;IACvC,oCAAoC;oBACpB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI;IACzC,yBAAyB;kBACX,UAAU,GAAG,YAAY;IACvC,qBAAqB;cACX,SAAS,GAAG,QAAQ;IAC9B,6DAA6D;iBAChD,WAAW,GAAG,UAAU;IACrC,qCAAqC;WAC9B,MAAM;IACb,0BAA0B;eACf,OAAO;IAClB,kDAAkD;aACzC,MAAM,IAAI;wCAsIpB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@sixthshift/design-system/checkbox";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const CheckboxGroup = React.forwardRef(({ value: controlledValue, defaultValue = [], options, onValueChange, orientation = "vertical", variant = "default", appearance = "segmented", name, disabled, onBlur, className, ...props }, ref) => {
+    const [value, setValue] = useControllableState({
+        value: controlledValue,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const groupRef = React.useRef(null);
+    const mergedRef = React.useCallback((node) => {
+        groupRef.current = node;
+        if (typeof ref === "function")
+            ref(node);
+        else if (ref)
+            ref.current = node;
+    }, [ref]);
+    const handleFocusOut = React.useCallback((e) => {
+        if (!groupRef.current?.contains(e.relatedTarget)) {
+            onBlur?.();
+        }
+    }, [onBlur]);
+    const handleOptionChange = (optionValue, checked) => {
+        if (checked) {
+            setValue([...value, optionValue]);
+        }
+        else {
+            setValue(value.filter((v) => v !== optionValue));
+        }
+    };
+    if (variant === "button") {
+        const isVertical = orientation === "vertical";
+        const isSegmented = appearance === "segmented";
+        return (
+        // biome-ignore lint/a11y/useSemanticElements: role="group" is correct for grouping button-style checkboxes
+        _jsxs("div", { ref: mergedRef, role: "group", onBlurCapture: handleFocusOut, className: cn("inline-flex", isVertical ? "flex-col" : "flex-row", !isSegmented && (isVertical ? "gap-2" : "gap-2"), className), ...props, children: [options.map((option, index) => {
+                    const isChecked = value.includes(option.value);
+                    const isDisabled = disabled || option.disabled;
+                    const isFirst = index === 0;
+                    const isLast = index === options.length - 1;
+                    return (
+                    // biome-ignore lint/a11y/useSemanticElements: Custom checkbox group with button role="checkbox" is WAI-ARIA best practice
+                    _jsx("button", { type: "button", role: "checkbox", "aria-checked": isChecked, disabled: isDisabled, onClick: () => handleOptionChange(option.value, !isChecked), className: cn("inline-flex items-center justify-center px-4 py-2 font-medium text-sm transition-colors", "focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2", "disabled:cursor-not-allowed disabled:opacity-50", isSegmented
+                            ? cn("border", isVertical
+                                ? cn(isFirst && "rounded-t-md", isLast && "rounded-b-md", !isFirst && "-mt-px")
+                                : cn(isFirst && "rounded-l-md", isLast && "rounded-r-md", !isFirst && "-ml-px"))
+                            : "rounded-md border", isChecked ? "border-border-brand bg-bg-brand text-fg-on-brand" : "border-border-normal bg-bg-normal text-fg-normal hover:bg-bg-subtle"), children: option.label }, option.value));
+                }), name && value.map((v) => _jsx("input", { type: "hidden", name: name, value: v }, v))] }));
+    }
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: role="group" is correct for checkbox group container
+    _jsx("div", { ref: mergedRef, role: "group", onBlurCapture: handleFocusOut, className: cn("flex", orientation === "vertical" ? "flex-col gap-3" : "flex-row gap-4", className), ...props, children: options.map((option) => {
+            const isChecked = value.includes(option.value);
+            const isDisabled = disabled || option.disabled;
+            return (_jsx(Checkbox, { ...(name ? { name } : {}), value: option.value, checked: isChecked, onCheckedChange: (checked) => handleOptionChange(option.value, checked), disabled: isDisabled, label: option.label }, option.value));
+        }) }));
+});
+CheckboxGroup.displayName = "CheckboxGroup";
+export { CheckboxGroup };
+//# sourceMappingURL=CheckboxGroup.js.map

package/dist/components/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"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"}

package/dist/components/CheckboxGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, } from "./CheckboxGroup.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CheckboxGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC"}

package/dist/components/CheckboxGroup/index.js

@@ -0,0 +1,2 @@
+export { CheckboxGroup, } from "./CheckboxGroup.js";
+//# sourceMappingURL=index.js.map

package/dist/components/CheckboxGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,GAGd,MAAM,iBAAiB,CAAC"}

package/dist/components/Code/Editor/Editor.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from "react";
+import type { ValidationError } from "../ValidationStatus/index.js";
+export type EditorProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    value: string;
+    onChange: (value: string) => void;
+    onValidate?: ((errors: ValidationError[]) => void) | undefined;
+    readOnly?: boolean;
+    /**
+     * Custom type definitions to add to Monaco for IntelliSense
+     * Example: "declare const myApi: { method(): void };"
+     */
+    typeDefinitions?: string | undefined;
+    /**
+     * Custom TypeScript compiler options to merge with defaults
+     */
+    compilerOptions?: Record<string, unknown> | undefined;
+};
+/**
+ * Generic Monaco-based code editor with TypeScript support
+ *
+ * Features:
+ * - Syntax highlighting and IntelliSense
+ * - Custom type definitions via props
+ * - Validation with error reporting
+ * - Configurable compiler options
+ */
+export declare const Editor: ({ value, onChange, onValidate, readOnly, className, typeDefinitions, compilerOptions, ...props }: EditorProps) => import("react").JSX.Element;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/components/Code/Editor/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Editor/Editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAqB3D,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;CACvD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,MAAM,qGAAmH,WAAW,gCA6GhJ,CAAC"}

package/dist/components/Code/Editor/Editor.js

@@ -0,0 +1,113 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import MonacoEditor from "@monaco-editor/react";
+import { useCallback, useRef } from "react";
+import { useTheme } from "../../../hooks/useTheme.js";
+import { createSemanticTokensProvider, workerExtensionUrl } from "./semanticTokenProvider.js";
+import { defineThemes, PA_THEME_DARK, PA_THEME_LIGHT } from "./themes.js";
+let semanticTokensRegistered = false;
+function registerSemanticTokenProviders(monaco) {
+    if (semanticTokensRegistered)
+        return;
+    semanticTokensRegistered = true;
+    // Extend the TS worker to expose getEncodedSemanticClassifications
+    // @ts-expect-error - monaco.languages.typescript is marked deprecated but still functional
+    monaco.languages.typescript.typescriptDefaults.setWorkerOptions({
+        customWorkerPath: workerExtensionUrl,
+    });
+    // @ts-expect-error - getTypeScriptWorker is marked deprecated but still functional
+    const getWorker = () => monaco.languages.typescript.getTypeScriptWorker();
+    monaco.languages.registerDocumentSemanticTokensProvider("typescript", createSemanticTokensProvider(getWorker));
+    monaco.languages.registerDocumentSemanticTokensProvider("javascript", createSemanticTokensProvider(getWorker));
+}
+/**
+ * Generic Monaco-based code editor with TypeScript support
+ *
+ * Features:
+ * - Syntax highlighting and IntelliSense
+ * - Custom type definitions via props
+ * - Validation with error reporting
+ * - Configurable compiler options
+ */
+export const Editor = ({ value, onChange, onValidate, readOnly = false, className, typeDefinitions, compilerOptions = {}, ...props }) => {
+    const { resolvedTheme } = useTheme();
+    const monacoTheme = resolvedTheme === "dark" ? PA_THEME_DARK : PA_THEME_LIGHT;
+    const editorRef = useRef(null);
+    const handleEditorDidMount = useCallback((editor, monaco) => {
+        editorRef.current = editor;
+        // Configure TypeScript compiler options
+        // @ts-expect-error - monaco.languages.typescript is marked deprecated but still functional
+        monaco.languages.typescript.typescriptDefaults.setCompilerOptions({
+            // @ts-expect-error - ScriptTarget is deprecated but still functional
+            target: monaco.languages.typescript.ScriptTarget.ES2020,
+            // @ts-expect-error - ModuleResolutionKind is deprecated but still functional
+            moduleResolution: monaco.languages.typescript.ModuleResolutionKind.NodeJs,
+            // @ts-expect-error - ModuleKind is deprecated but still functional
+            module: monaco.languages.typescript.ModuleKind.CommonJS,
+            // @ts-expect-error - JsxEmit is deprecated but still functional
+            jsx: monaco.languages.typescript.JsxEmit.React,
+            allowNonTsExtensions: true,
+            noEmit: true,
+            esModuleInterop: true,
+            allowJs: true,
+            typeRoots: ["node_modules/@types"],
+            // Merge custom compiler options
+            ...compilerOptions,
+        });
+        // Add custom type definitions if provided
+        if (typeDefinitions) {
+            // @ts-expect-error - typescriptDefaults is deprecated but still functional
+            monaco.languages.typescript.typescriptDefaults.addExtraLib(typeDefinitions, "ts:custom.d.ts");
+        }
+        // Set up validation
+        const model = editor.getModel();
+        if (model && onValidate) {
+            monaco.editor.onDidChangeMarkers(() => {
+                const markers = monaco.editor.getModelMarkers({ resource: model.uri });
+                const errors = markers.map((marker) => ({
+                    line: marker.startLineNumber,
+                    column: marker.startColumn,
+                    message: marker.message,
+                    severity: marker.severity === monaco.MarkerSeverity.Error
+                        ? "error"
+                        : marker.severity === monaco.MarkerSeverity.Warning
+                            ? "warning"
+                            : "info",
+                }));
+                onValidate(errors);
+            });
+        }
+        // Focus editor
+        editor.focus();
+    }, [onValidate, typeDefinitions, compilerOptions]);
+    const handleBeforeMount = useCallback((monaco) => {
+        defineThemes(monaco);
+        registerSemanticTokenProviders(monaco);
+    }, []);
+    const handleChange = useCallback((value) => {
+        onChange(value || "");
+    }, [onChange]);
+    return (_jsx("div", { ...props, className: className, children: _jsx(MonacoEditor, { height: "100%", defaultLanguage: "typescript", value: value, onChange: handleChange, beforeMount: handleBeforeMount, onMount: handleEditorDidMount, theme: monacoTheme, options: {
+                readOnly,
+                minimap: { enabled: false },
+                fontSize: 14,
+                lineNumbers: "on",
+                // Monaco defaults this to "dimmed" on Linux only, which greys the
+                // final line's number to ~1.4:1 against the editor background — an
+                // axe color-contrast failure, and a platform-dependent one at that.
+                // Pinning it "off" fixes the contrast and makes the editor render
+                // identically everywhere.
+                renderFinalNewline: "off",
+                scrollBeyondLastLine: false,
+                wordWrap: "on",
+                automaticLayout: true,
+                tabSize: 2,
+                formatOnPaste: true,
+                formatOnType: true,
+                quickSuggestions: true,
+                suggestOnTriggerCharacters: true,
+                acceptSuggestionOnEnter: "on",
+                snippetSuggestions: "top",
+                "semanticHighlighting.enabled": true,
+            } }) }));
+};
+//# sourceMappingURL=Editor.js.map

package/dist/components/Code/Editor/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../../../src/components/Code/Editor/Editor.tsx"],"names":[],"mappings":"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"}

package/dist/components/Code/Editor/index.d.ts

@@ -0,0 +1,3 @@
+export type { ValidationError } from "../ValidationStatus/index.js";
+export { Editor, type EditorProps } from "./Editor.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Code/Editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Editor/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Code/Editor/index.js

@@ -0,0 +1,2 @@
+export { Editor } from "./Editor.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Code/Editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Code/Editor/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC"}

package/dist/components/Code/Editor/semanticTokenProvider.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Semantic token provider backed by TypeScript's real language service.
+ *
+ * Monaco's standalone editor doesn't wire up semantic tokens — that's a VS Code
+ * layer. We extend the TS worker to expose getEncodedSemanticClassifications,
+ * then map the result to Monaco's delta-encoded format.
+ */
+import type { languages, Uri } from "monaco-editor";
+type GetWorker = () => Promise<(...uris: Uri[]) => Promise<{
+    getEncodedSemanticClassifications(fileName: string, start: number, length: number): Promise<{
+        spans: number[];
+    }>;
+}>>;
+export declare function createSemanticTokensProvider(getWorker: GetWorker): languages.DocumentSemanticTokensProvider;
+export declare const workerExtensionUrl: string;
+export {};
+//# sourceMappingURL=semanticTokenProvider.d.ts.map

package/dist/components/Code/Editor/semanticTokenProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTokenProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Editor/semanticTokenProvider.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAU,SAAS,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAQ5D,KAAK,SAAS,GAAG,MAAM,OAAO,CAC5B,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC;IAC1B,iCAAiC,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAC;CAClH,CAAC,CACH,CAAC;AAEF,wBAAgB,4BAA4B,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC,8BAA8B,CAgC3G;AAeD,eAAO,MAAM,kBAAkB,QAA+E,CAAC"}

package/dist/components/Code/Editor/semanticTokenProvider.js

@@ -0,0 +1,46 @@
+/** Matches TypeScript's v2020 semantic classifier exactly. */
+const legend = {
+    tokenTypes: ["class", "enum", "interface", "namespace", "typeParameter", "type", "parameter", "variable", "enumMember", "property", "function", "method"],
+    tokenModifiers: ["declaration", "static", "async", "readonly", "defaultLibrary", "local"],
+};
+export function createSemanticTokensProvider(getWorker) {
+    return {
+        getLegend: () => legend,
+        async provideDocumentSemanticTokens(model) {
+            const worker = await getWorker();
+            const client = await worker(model.uri);
+            const { spans } = await client.getEncodedSemanticClassifications(model.uri.toString(), 0, model.getValue().length);
+            const data = [];
+            let prevLine = 0;
+            let prevChar = 0;
+            for (let i = 0; i + 2 < spans.length; i += 3) {
+                const classification = spans[i + 2];
+                if (classification <= 255)
+                    continue; // legacy format — skip
+                const pos = model.getPositionAt(spans[i]);
+                const line = pos.lineNumber - 1;
+                const char = pos.column - 1;
+                const deltaLine = line - prevLine;
+                data.push(deltaLine, deltaLine === 0 ? char - prevChar : char, spans[i + 1], (classification >> 8) - 1, classification & 255);
+                prevLine = line;
+                prevChar = char;
+            }
+            return { data: new Uint32Array(data) };
+        },
+        releaseDocumentSemanticTokens() { },
+    };
+}
+/** Extends the TS worker to expose getEncodedSemanticClassifications. */
+const WORKER_EXTENSION = `
+self.customTSWorkerFactory = (TypeScriptWorker) => {
+  return class extends TypeScriptWorker {
+    async getEncodedSemanticClassifications(fileName, start, length) {
+      return this._languageService.getEncodedSemanticClassifications(
+        fileName, { start, length }, "2020"
+      );
+    }
+  };
+};
+`;
+export const workerExtensionUrl = `data:text/javascript;charset=utf-8,${encodeURIComponent(WORKER_EXTENSION)}`;
+//# sourceMappingURL=semanticTokenProvider.js.map

package/dist/components/Code/Editor/semanticTokenProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticTokenProvider.js","sourceRoot":"","sources":["../../../../src/components/Code/Editor/semanticTokenProvider.ts"],"names":[],"mappings":"AASA,8DAA8D;AAC9D,MAAM,MAAM,GAAmC;IAC7C,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC;IACzJ,cAAc,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,OAAO,CAAC;CAC1F,CAAC;AAQF,MAAM,UAAU,4BAA4B,CAAC,SAAoB;IAC/D,OAAO;QACL,SAAS,EAAE,GAAG,EAAE,CAAC,MAAM;QAEvB,KAAK,CAAC,6BAA6B,CAAC,KAAwB;YAC1D,MAAM,MAAM,GAAG,MAAM,SAAS,EAAE,CAAC;YACjC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,MAAM,CAAC,iCAAiC,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,CAAC;YAEnH,MAAM,IAAI,GAAa,EAAE,CAAC;YAC1B,IAAI,QAAQ,GAAG,CAAC,CAAC;YACjB,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAE,CAAC;gBACrC,IAAI,cAAc,IAAI,GAAG;oBAAE,SAAS,CAAC,uBAAuB;gBAE5D,MAAM,GAAG,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;gBAC3C,MAAM,IAAI,GAAG,GAAG,CAAC,UAAU,GAAG,CAAC,CAAC;gBAChC,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC;gBAC5B,MAAM,SAAS,GAAG,IAAI,GAAG,QAAQ,CAAC;gBAElC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,GAAG,CAAC,CAAE,EAAE,CAAC,cAAc,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,cAAc,GAAG,GAAG,CAAC,CAAC;gBAC/H,QAAQ,GAAG,IAAI,CAAC;gBAChB,QAAQ,GAAG,IAAI,CAAC;YAClB,CAAC;YAED,OAAO,EAAE,IAAI,EAAE,IAAI,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QACzC,CAAC;QAED,6BAA6B,KAAI,CAAC;KACnC,CAAC;AACJ,CAAC;AAED,yEAAyE;AACzE,MAAM,gBAAgB,GAAG;;;;;;;;;;CAUxB,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,sCAAsC,kBAAkB,CAAC,gBAAgB,CAAC,EAAE,CAAC"}

package/dist/components/Code/Editor/themes.d.ts

@@ -0,0 +1,4 @@
+export declare const PA_THEME_LIGHT = "pa-light";
+export declare const PA_THEME_DARK = "pa-dark";
+export declare function defineThemes(monaco: typeof import("monaco-editor")): void;
+//# sourceMappingURL=themes.d.ts.map

package/dist/components/Code/Editor/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Editor/themes.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,aAAa,CAAC;AACzC,eAAO,MAAM,aAAa,YAAY,CAAC;AAyGvC,wBAAgB,YAAY,CAAC,MAAM,EAAE,cAAc,eAAe,CAAC,QAGlE"}

package/dist/components/Code/Editor/themes.js

@@ -0,0 +1,106 @@
+export const PA_THEME_LIGHT = "pa-light";
+export const PA_THEME_DARK = "pa-dark";
+const lightTheme = {
+    base: "vs",
+    inherit: true,
+    rules: [
+        // Monarch tokenizer rules
+        { token: "comment", foreground: "a0a1a7", fontStyle: "italic" },
+        { token: "keyword", foreground: "a626a4" },
+        { token: "string", foreground: "50a14f" },
+        { token: "number", foreground: "986801" },
+        { token: "delimiter", foreground: "383a42" },
+        { token: "delimiter.bracket", foreground: "383a42" },
+        { token: "tag", foreground: "e45649" },
+        { token: "attribute.name", foreground: "986801" },
+        { token: "attribute.value", foreground: "50a14f" },
+        { token: "operator", foreground: "0184bc" },
+        { token: "identifier", foreground: "e45649" },
+        // Semantic token rules (TypeScript language service)
+        { token: "variable", foreground: "e45649" },
+        { token: "variable.readonly", foreground: "986801" },
+        { token: "parameter", foreground: "383a42" },
+        { token: "property", foreground: "e45649" },
+        { token: "property.readonly", foreground: "986801" },
+        { token: "function", foreground: "4078f2" },
+        { token: "method", foreground: "4078f2" },
+        { token: "type", foreground: "c18401" },
+        { token: "type.identifier", foreground: "c18401" },
+        { token: "class", foreground: "c18401" },
+        { token: "interface", foreground: "c18401" },
+        { token: "enum", foreground: "c18401" },
+        { token: "enumMember", foreground: "986801" },
+        { token: "namespace", foreground: "e45649" },
+    ],
+    colors: {
+        "editor.background": "#fafafa",
+        "editor.foreground": "#383a42",
+        "editor.lineHighlightBackground": "#f2f2f2",
+        // Gutter numbers are text as far as axe is concerned, so they carry the
+        // full 4.5:1 obligation rather than the 3:1 one non-text contrast gets.
+        // #9d9d9f managed 2.59 against this background and failed the story test.
+        "editorLineNumber.foreground": "#6f6f71",
+        "editorLineNumber.activeForeground": "#383a42",
+        "editor.selectionBackground": "#e5e5e6",
+        "editor.inactiveSelectionBackground": "#e5e5e680",
+        "editorCursor.foreground": "#526fff",
+        "editorIndentGuide.background": "#e8e8e8",
+        "editorIndentGuide.activeBackground": "#cacacc",
+        "editorBracketMatch.background": "#e5e5e6",
+        "editorBracketMatch.border": "#a0a1a7",
+    },
+};
+const darkTheme = {
+    base: "vs-dark",
+    inherit: true,
+    rules: [
+        // Monarch tokenizer rules
+        { token: "comment", foreground: "5c6370", fontStyle: "italic" },
+        { token: "keyword", foreground: "c678dd" },
+        { token: "string", foreground: "98c379" },
+        { token: "number", foreground: "d19a66" },
+        { token: "delimiter", foreground: "abb2bf" },
+        { token: "delimiter.bracket", foreground: "abb2bf" },
+        { token: "tag", foreground: "e06c75" },
+        { token: "attribute.name", foreground: "d19a66" },
+        { token: "attribute.value", foreground: "98c379" },
+        { token: "operator", foreground: "56b6c2" },
+        { token: "identifier", foreground: "e06c75" },
+        // Semantic token rules (TypeScript language service)
+        { token: "variable", foreground: "e06c75" },
+        { token: "variable.readonly", foreground: "d19a66" },
+        { token: "parameter", foreground: "abb2bf" },
+        { token: "property", foreground: "e06c75" },
+        { token: "property.readonly", foreground: "d19a66" },
+        { token: "function", foreground: "61afef" },
+        { token: "method", foreground: "61afef" },
+        { token: "type", foreground: "e5c07b" },
+        { token: "type.identifier", foreground: "e5c07b" },
+        { token: "class", foreground: "e5c07b" },
+        { token: "interface", foreground: "e5c07b" },
+        { token: "enum", foreground: "e5c07b" },
+        { token: "enumMember", foreground: "d19a66" },
+        { token: "namespace", foreground: "e06c75" },
+    ],
+    colors: {
+        "editor.background": "#282c34",
+        "editor.foreground": "#abb2bf",
+        "editor.lineHighlightBackground": "#2c313a",
+        // 4.77:1, up from #495162's 1.76. Same obligation as the light theme;
+        // this one was never caught only because no story exercises it.
+        "editorLineNumber.foreground": "#8f97a8",
+        "editorLineNumber.activeForeground": "#abb2bf",
+        "editor.selectionBackground": "#3e4451",
+        "editor.inactiveSelectionBackground": "#3e445180",
+        "editorCursor.foreground": "#528bff",
+        "editorIndentGuide.background": "#3b4048",
+        "editorIndentGuide.activeBackground": "#4b5263",
+        "editorBracketMatch.background": "#3e4451",
+        "editorBracketMatch.border": "#5c6370",
+    },
+};
+export function defineThemes(monaco) {
+    monaco.editor.defineTheme(PA_THEME_LIGHT, lightTheme);
+    monaco.editor.defineTheme(PA_THEME_DARK, darkTheme);
+}
+//# sourceMappingURL=themes.js.map