@sixthshift/design-system 0.1.0 → 0.2.1

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

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

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

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

@@ -0,0 +1,14 @@
+import type { HTMLAttributes } from "react";
+export type ValidationError = {
+    line: number;
+    column: number;
+    message: string;
+    severity: "error" | "warning" | "info";
+};
+export type ValidationStatusProps = HTMLAttributes<HTMLDivElement> & {
+    errors: ValidationError[];
+    /** Cap the rendered error rows. Excess is summarised as "…and N more". */
+    maxRows?: number;
+};
+export declare const ValidationStatus: ({ errors, maxRows, className, ...props }: ValidationStatusProps) => import("react").JSX.Element;
+//# sourceMappingURL=ValidationStatus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationStatus.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/ValidationStatus/ValidationStatus.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACnE,MAAM,EAAE,eAAe,EAAE,CAAC;IAC1B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAuBF,eAAO,MAAM,gBAAgB,6CAAkD,qBAAqB,gCAyCnG,CAAC"}

package/dist/components/Code/ValidationStatus/ValidationStatus.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Message } from "@sixthshift/design-system/message";
+import { cn } from "@sixthshift/design-system/utils";
+import { AlertCircle, AlertTriangle, CheckCircle, Info } from "lucide-react";
+const SEVERITY_INTENT = {
+    error: "danger",
+    warning: "warning",
+    info: "neutral",
+};
+const severityIcon = (severity) => {
+    if (severity === "error")
+        return _jsx(AlertCircle, { className: "h-4 w-4" });
+    if (severity === "warning")
+        return _jsx(AlertTriangle, { className: "h-4 w-4" });
+    return _jsx(Info, { className: "h-4 w-4" });
+};
+const summarise = (errorCount, warningCount) => {
+    const parts = [];
+    if (errorCount > 0)
+        parts.push(`${errorCount} error${errorCount > 1 ? "s" : ""}`);
+    if (warningCount > 0)
+        parts.push(`${warningCount} warning${warningCount > 1 ? "s" : ""}`);
+    return parts.join(", ");
+};
+export const ValidationStatus = ({ errors, maxRows = 5, className, ...props }) => {
+    if (errors.length === 0) {
+        return (_jsx("div", { ...props, className: cn("flex flex-col", className), children: _jsx(Message, { intent: "success", icon: _jsx(CheckCircle, { className: "h-4 w-4" }), children: "No errors \u2014 code is valid" }) }));
+    }
+    const errorCount = errors.filter((e) => e.severity === "error").length;
+    const warningCount = errors.filter((e) => e.severity === "warning").length;
+    const visible = errors.slice(0, maxRows);
+    const overflow = errors.length - visible.length;
+    return (_jsxs("div", { ...props, className: cn("flex flex-col gap-2", className), children: [_jsx(Message, { intent: "danger", icon: _jsx(AlertCircle, { className: "h-4 w-4" }), children: summarise(errorCount, warningCount) }), visible.map((error) => (_jsxs(Message, { intent: SEVERITY_INTENT[error.severity], icon: severityIcon(error.severity), size: "sm", title: error.message, children: ["Line ", error.line, ", Column ", error.column] }, `${error.line}-${error.column}-${error.message}`))), overflow > 0 && (_jsxs(Message, { intent: "neutral", size: "sm", children: ["\u2026and ", overflow, " more"] }))] }));
+};
+//# sourceMappingURL=ValidationStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationStatus.js","sourceRoot":"","sources":["../../../../src/components/Code/ValidationStatus/ValidationStatus.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAkB7E,MAAM,eAAe,GAAgD;IACnE,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,QAAqC,EAAE,EAAE;IAC7D,IAAI,QAAQ,KAAK,OAAO;QAAE,OAAO,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;IACrE,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,KAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;IACzE,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,CAAC;AACtC,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAE,YAAoB,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,UAAU,GAAG,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,GAAG,UAAU,SAAS,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClF,IAAI,YAAY,GAAG,CAAC;QAAE,KAAK,CAAC,IAAI,CAAC,GAAG,YAAY,WAAW,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1F,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IACtG,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,SAAS,CAAC,YACvD,KAAC,OAAO,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,+CAEzD,GACN,CACP,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,MAAM,CAAC;IACvE,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,MAAM,CAAC;IAC3E,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IACzC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAEhD,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAC7D,KAAC,OAAO,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,SAAS,GAAG,YAC/D,SAAS,CAAC,UAAU,EAAE,YAAY,CAAC,GAC5B,EAET,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACtB,MAAC,OAAO,IAEN,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,QAAQ,CAAC,EACvC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,EAClC,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,KAAK,CAAC,OAAO,sBAEd,KAAK,CAAC,IAAI,eAAW,KAAK,CAAC,MAAM,KANlC,GAAG,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,EAAE,CAO7C,CACX,CAAC,EAED,QAAQ,GAAG,CAAC,IAAI,CACf,MAAC,OAAO,IAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,IAAI,2BAC3B,QAAQ,aACN,CACX,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/ValidationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Code/ValidationStatus/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC"}

package/dist/components/Code/Workspace/StatusBar.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type StatusBarItem = {
+    id: string;
+    label: string;
+    value?: string;
+    icon?: ReactNode;
+    onClick?: () => void;
+};
+export type StatusBarProps = HTMLAttributes<HTMLDivElement> & {
+    items?: StatusBarItem[] | undefined;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+};
+/**
+ * Status bar component for code editor showing metadata and status information
+ */
+export declare const StatusBar: ({ items, leftContent, rightContent, className, ...props }: StatusBarProps) => import("react").JSX.Element;
+//# sourceMappingURL=StatusBar.d.ts.map

package/dist/components/Code/Workspace/StatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/StatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,KAAK,CAAC,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,8DAAoE,cAAc,gCA2BvG,CAAC"}

package/dist/components/Code/Workspace/StatusBar.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Status bar component for code editor showing metadata and status information
+ */
+export const StatusBar = ({ items = [], leftContent, rightContent, className, ...props }) => {
+    return (_jsxs("div", { ...props, className: `flex items-center justify-between border-border-normal border-t bg-bg-subtle px-4 py-1 text-xs ${className ?? ""}`, children: [_jsxs("div", { className: "flex items-center gap-4", children: [leftContent, items.map((item) => (_jsxs("div", { className: `flex items-center gap-1 text-fg-subtle ${item.onClick ? "cursor-pointer hover:text-fg-normal" : ""}`, onClick: item.onClick, children: [item.icon && _jsx("span", { children: item.icon }), _jsx("span", { className: "font-medium", children: item.label }), item.value && _jsxs("span", { children: [": ", item.value] })] }, item.id)))] }), _jsx("div", { className: "flex items-center gap-4 text-fg-subtle", children: rightContent })] }));
+};
+//# sourceMappingURL=StatusBar.js.map

package/dist/components/Code/Workspace/StatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBar.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/StatusBar.tsx"],"names":[],"mappings":";AAgBA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IAC1G,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,kGAAkG,SAAS,IAAI,EAAE,EAAE,aAE5I,eAAK,SAAS,EAAC,yBAAyB,aACrC,WAAW,EAGX,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,eAEE,SAAS,EAAE,0CAA0C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,EAAE,EAAE,EAChH,OAAO,EAAE,IAAI,CAAC,OAAO,aAEpB,IAAI,CAAC,IAAI,IAAI,yBAAO,IAAI,CAAC,IAAI,GAAQ,EACtC,eAAM,SAAS,EAAC,aAAa,YAAE,IAAI,CAAC,KAAK,GAAQ,EAChD,IAAI,CAAC,KAAK,IAAI,iCAAS,IAAI,CAAC,KAAK,IAAQ,KANrC,IAAI,CAAC,EAAE,CAOR,CACP,CAAC,IAGE,EAGN,cAAK,SAAS,EAAC,wCAAwC,YAAE,YAAY,GAAO,IACxE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Code/Workspace/Toolbar.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export type Action = {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+    variant?: "solid" | "outline" | "ghost" | "link";
+};
+export type ToolbarProps = HTMLAttributes<HTMLDivElement> & {
+    actions?: Action[] | undefined;
+    primaryAction?: Action | undefined;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+};
+/**
+ * Toolbar component for code editor with actions and custom content areas
+ */
+export declare const Toolbar: ({ actions, primaryAction, leftContent, rightContent, className, ...props }: ToolbarProps) => import("react").JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

package/dist/components/Code/Workspace/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,MAAM,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,+EAAqF,YAAY,gCAwBpH,CAAC"}

package/dist/components/Code/Workspace/Toolbar.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../../Button/index.js";
+/**
+ * Toolbar component for code editor with actions and custom content areas
+ */
+export const Toolbar = ({ actions = [], primaryAction, leftContent, rightContent, className, ...props }) => {
+    return (_jsxs("div", { ...props, className: `flex items-center justify-between border-border-normal border-b bg-bg-normal px-4 py-2 ${className ?? ""}`, children: [_jsx("div", { className: "flex items-center gap-2", children: leftContent }), _jsxs("div", { className: "flex items-center gap-2", children: [actions.map((action) => (_jsxs(Button, { variant: action.variant || "ghost", size: "sm", onClick: action.onClick, disabled: action.disabled, children: [action.icon && _jsx("span", { className: "mr-1", children: action.icon }), action.label] }, action.id))), primaryAction && (_jsxs(Button, { variant: primaryAction.variant || "solid", size: "sm", onClick: primaryAction.onClick, disabled: primaryAction.disabled, children: [primaryAction.icon && _jsx("span", { className: "mr-1", children: primaryAction.icon }), primaryAction.label] })), rightContent] })] }));
+};
+//# sourceMappingURL=Toolbar.js.map

package/dist/components/Code/Workspace/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Toolbar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAkBtC;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IACvH,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,0FAA0F,SAAS,IAAI,EAAE,EAAE,aAEpI,cAAK,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAAO,EAG5D,eAAK,SAAS,EAAC,yBAAyB,aACrC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,MAAC,MAAM,IAAiB,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAC,QAAQ,aACrH,MAAM,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,MAAM,CAAC,IAAI,GAAQ,EAC1D,MAAM,CAAC,KAAK,KAFF,MAAM,CAAC,EAAE,CAGb,CACV,CAAC,EACD,aAAa,IAAI,CAChB,MAAC,MAAM,IAAC,OAAO,EAAE,aAAa,CAAC,OAAO,IAAI,OAAO,EAAE,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,CAAC,OAAO,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,aAC1H,aAAa,CAAC,IAAI,IAAI,eAAM,SAAS,EAAC,MAAM,YAAE,aAAa,CAAC,IAAI,GAAQ,EACxE,aAAa,CAAC,KAAK,IACb,CACV,EACA,YAAY,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { HTMLAttributes, ReactNode } from "react";
+import type { ValidationError } from "../ValidationStatus/index.js";
+import type { StatusBarItem } from "./StatusBar.js";
+import type { Action } from "./Toolbar.js";
+export type WorkspaceProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & {
+    value: string;
+    onChange: (value: string) => void;
+    readOnly?: boolean;
+    typeDefinitions?: string;
+    compilerOptions?: Record<string, unknown>;
+    toolbar?: {
+        actions?: Action[];
+        primaryAction?: Action;
+        leftContent?: ReactNode;
+        rightContent?: ReactNode;
+    };
+    onValidate?: (errors: ValidationError[]) => void;
+    statusBar?: {
+        items?: StatusBarItem[];
+        leftContent?: ReactNode;
+        rightContent?: ReactNode;
+    };
+};
+/**
+ * Comprehensive code editor workspace with toolbar, validation, and status bar
+ *
+ * Features:
+ * - Full Monaco editor with IntelliSense
+ * - Optional toolbar with actions
+ * - Built-in validation display
+ * - Status bar with metadata
+ *
+ * @example
+ * ```tsx
+ * <Workspace
+ *   value={code}
+ *   onChange={setCode}
+ *   toolbar={{
+ *     actions: [{ id: "format", label: "Format", onClick: format }],
+ *     primaryAction: { id: "save", label: "Save", onClick: save }
+ *   }}
+ * />
+ * ```
+ */
+export declare const Workspace: ({ value, onChange, readOnly, typeDefinitions, compilerOptions, toolbar, onValidate, statusBar, className, ...props }: WorkspaceProps) => import("react").JSX.Element;
+//# sourceMappingURL=Workspace.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Workspace.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAE9E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAG1C,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IAGF,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IAGjD,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,aAAa,EAAE,CAAC;QACxB,WAAW,CAAC,EAAE,SAAS,CAAC;QACxB,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;CACH,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,SAAS,yHAWnB,cAAc,gCAuChB,CAAC"}

package/dist/components/Code/Workspace/Workspace.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Editor } from "../Editor/index.js";
+import { ValidationStatus } from "../ValidationStatus/index.js";
+import { StatusBar } from "./StatusBar.js";
+import { Toolbar } from "./Toolbar.js";
+/**
+ * Comprehensive code editor workspace with toolbar, validation, and status bar
+ *
+ * Features:
+ * - Full Monaco editor with IntelliSense
+ * - Optional toolbar with actions
+ * - Built-in validation display
+ * - Status bar with metadata
+ *
+ * @example
+ * ```tsx
+ * <Workspace
+ *   value={code}
+ *   onChange={setCode}
+ *   toolbar={{
+ *     actions: [{ id: "format", label: "Format", onClick: format }],
+ *     primaryAction: { id: "save", label: "Save", onClick: save }
+ *   }}
+ * />
+ * ```
+ */
+export const Workspace = ({ value, onChange, readOnly = false, typeDefinitions, compilerOptions, toolbar, onValidate, statusBar, className, ...props }) => {
+    const [validationErrors, setValidationErrors] = useState([]);
+    const handleValidate = (errors) => {
+        setValidationErrors(errors);
+        onValidate?.(errors);
+    };
+    return (_jsxs("div", { ...props, className: `flex flex-col overflow-hidden rounded-lg border border-border-normal bg-bg-normal ${className ?? ""}`, children: [toolbar && (_jsx(Toolbar, { actions: toolbar.actions, primaryAction: toolbar.primaryAction, leftContent: toolbar.leftContent, rightContent: toolbar.rightContent })), _jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [_jsx(Editor, { value: value, onChange: onChange, onValidate: handleValidate, readOnly: readOnly, typeDefinitions: typeDefinitions, compilerOptions: compilerOptions, className: "flex-1" }), validationErrors.length > 0 && (_jsx("div", { className: "border-border-normal border-t bg-bg-normal p-4", children: _jsx(ValidationStatus, { errors: validationErrors }) }))] }), _jsx(StatusBar, { items: statusBar?.items, leftContent: statusBar?.leftContent, rightContent: statusBar?.rightContent })] }));
+};
+//# sourceMappingURL=Workspace.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Workspace.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/Workspace.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AA6BpC;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,eAAe,EACf,eAAe,EACf,OAAO,EACP,UAAU,EACV,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACO,EAAE,EAAE;IACnB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAoB,EAAE,CAAC,CAAC;IAEhF,MAAM,cAAc,GAAG,CAAC,MAAyB,EAAE,EAAE;QACnD,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC5B,UAAU,EAAE,CAAC,MAAM,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,kBAAS,KAAK,EAAE,SAAS,EAAE,qFAAqF,SAAS,IAAI,EAAE,EAAE,aAE9H,OAAO,IAAI,CACV,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,aAAa,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,YAAY,GAAI,CAClJ,EAGD,eAAK,SAAS,EAAC,sCAAsC,aACnD,KAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,cAAc,EAC1B,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAC,QAAQ,GAClB,EAGD,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9B,cAAK,SAAS,EAAC,gDAAgD,YAC7D,KAAC,gBAAgB,IAAC,MAAM,EAAE,gBAAgB,GAAI,GAC1C,CACP,IACG,EAGN,KAAC,SAAS,IAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,GAAI,IAC9G,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { StatusBar, type StatusBarItem, type StatusBarProps } from "./StatusBar.js";
+export { type Action, Toolbar, type ToolbarProps } from "./Toolbar.js";
+export { Workspace, type WorkspaceProps } from "./Workspace.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AACjF,OAAO,EAAE,KAAK,MAAM,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export { StatusBar } from "./StatusBar.js";
+export { Toolbar } from "./Toolbar.js";
+export { Workspace } from "./Workspace.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Code/Workspace/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA2C,MAAM,aAAa,CAAC;AACjF,OAAO,EAAe,OAAO,EAAqB,MAAM,WAAW,CAAC;AACpE,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC"}

package/dist/components/ColorDot/ColorDot.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes } from "react";
+declare const colorDotVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | null | undefined;
+    pulse?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ColorDotProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof colorDotVariants> & {
+    /** Intent name (neutral, brand, success, warning, danger) or arbitrary CSS color */
+    color: string;
+};
+export declare const ColorDot: ({ color, size, pulse, className, style, ...props }: ColorDotProps) => import("react").JSX.Element;
+export { colorDotVariants };
+//# sourceMappingURL=ColorDot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorDot.d.ts","sourceRoot":"","sources":["../../../src/components/ColorDot/ColorDot.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAW5C,QAAA,MAAM,gBAAgB;;;8EAgBpB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,eAAe,CAAC,GACzD,YAAY,CAAC,OAAO,gBAAgB,CAAC,GAAG;IACtC,oFAAoF;IACpF,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,eAAO,MAAM,QAAQ,uDAAwD,aAAa,gCAUzF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/ColorDot/ColorDot.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+const INTENT_CLASSES = {
+    neutral: "bg-fg-subtle",
+    brand: "bg-bg-brand",
+    primary: "bg-bg-brand",
+    success: "bg-bg-success",
+    warning: "bg-bg-warning",
+    danger: "bg-bg-danger",
+};
+const colorDotVariants = cva("inline-block shrink-0 rounded-full", {
+    variants: {
+        size: {
+            sm: "h-1.5 w-1.5",
+            md: "h-2 w-2",
+            lg: "h-2.5 w-2.5",
+        },
+        pulse: {
+            true: "animate-pulse",
+            false: "",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+        pulse: false,
+    },
+});
+export const ColorDot = ({ color, size, pulse, className, style, ...props }) => {
+    const intentClass = INTENT_CLASSES[color];
+    return (_jsx("span", { className: cn(colorDotVariants({ size, pulse }), intentClass, className), style: intentClass ? style : { ...style, backgroundColor: color }, ...props }));
+};
+export { colorDotVariants };
+//# sourceMappingURL=ColorDot.js.map

package/dist/components/ColorDot/ColorDot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorDot.js","sourceRoot":"","sources":["../../../src/components/ColorDot/ColorDot.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,MAAM,cAAc,GAA2B;IAC7C,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,aAAa;IACtB,OAAO,EAAE,eAAe;IACxB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;CACvB,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAAC,oCAAoC,EAAE;IACjE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,aAAa;YACjB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,aAAa;SAClB;QACD,KAAK,EAAE;YACL,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,EAAE;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;KACb;CACF,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IAC5F,MAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAE1C,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,EACxE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,KAC7D,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

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

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

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

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

package/dist/components/ColorDot/index.js

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

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

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

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import type * as React from "react";
+import type { DatePickerProps } from "./datepicker.types.js";
+export type { DatePickerProps };
+export declare const DatePicker: (props: DatePickerProps) => React.JSX.Element;
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,OAAO,KAAK,EAAE,eAAe,EAAkB,MAAM,oBAAoB,CAAC;AAE1E,YAAY,EAAE,eAAe,EAAE,CAAC;AAEhC,eAAO,MAAM,UAAU,UAAW,eAAe,sBA8NhD,CAAC"}