@salilvnair/dui 1.0.0

package/dist/theme/core.js

@@ -0,0 +1,191 @@
+const r = [
+  // brand
+  { group: "brand", key: "primary", cssVar: "--color-primary", comment: "Main accent" },
+  { group: "brand", key: "primary_hover", cssVar: "--color-primary-hover", comment: "Accent hover" },
+  { group: "brand", key: "primary_light", cssVar: "--color-primary-light", comment: "Accent light" },
+  { group: "brand", key: "primary_dark", cssVar: "--color-primary-dark", comment: "Accent dark" },
+  // surface
+  { group: "surface", key: "background", cssVar: "--color-surface", comment: "Main surface bg" },
+  { group: "surface", key: "hover", cssVar: "--color-surface-hover", comment: "Surface hover" },
+  { group: "surface", key: "active", cssVar: "--color-surface-active", comment: "Surface active" },
+  { group: "surface", key: "border", cssVar: "--color-surface-border", comment: "Surface border" },
+  { group: "surface", key: "bg", cssVar: "--color-surface-bg", comment: "Alt surface bg" },
+  // panel
+  { group: "panel", key: "background", cssVar: "--color-panel", comment: "Sidebar / panel bg" },
+  { group: "panel", key: "border", cssVar: "--color-panel-border", comment: "Panel border" },
+  // elevated
+  { group: "elevated", key: "background", cssVar: "--color-elevated", comment: "Card / modal bg" },
+  { group: "elevated", key: "border", cssVar: "--color-elevated-border", comment: "Card / modal border" },
+  // input
+  { group: "input", key: "background", cssVar: "--color-input-bg", comment: "Input bg" },
+  { group: "input", key: "border", cssVar: "--color-input-border", comment: "Input border" },
+  { group: "input", key: "hover", cssVar: "--color-input-hover", comment: "Input hover" },
+  { group: "input", key: "focus", cssVar: "--color-input-focus", comment: "Input focus bg" },
+  // interactive
+  { group: "interactive", key: "icon_hover_bg", cssVar: "--color-icon-hover-bg", comment: "Icon hover bg" },
+  { group: "interactive", key: "item_hover_bg", cssVar: "--color-item-hover-bg", comment: "List item hover" },
+  // text
+  { group: "text", key: "primary", cssVar: "--color-text-primary", comment: "Primary text" },
+  { group: "text", key: "secondary", cssVar: "--color-text-secondary", comment: "Secondary text" },
+  { group: "text", key: "muted", cssVar: "--color-text-muted", comment: "Muted / placeholder" },
+  // status
+  { group: "status", key: "success", cssVar: "--color-success", comment: "Success green" },
+  { group: "status", key: "warning", cssVar: "--color-warning", comment: "Warning amber" },
+  { group: "status", key: "error", cssVar: "--color-error", comment: "Error red" },
+  { group: "status", key: "info", cssVar: "--color-info", comment: "Info blue" },
+  // http_methods
+  { group: "http_methods", key: "get", cssVar: "--color-method-get", comment: "GET" },
+  { group: "http_methods", key: "post", cssVar: "--color-method-post", comment: "POST" },
+  { group: "http_methods", key: "put", cssVar: "--color-method-put", comment: "PUT" },
+  { group: "http_methods", key: "patch", cssVar: "--color-method-patch", comment: "PATCH" },
+  { group: "http_methods", key: "delete", cssVar: "--color-method-delete", comment: "DELETE" },
+  { group: "http_methods", key: "head", cssVar: "--color-method-head", comment: "HEAD" },
+  { group: "http_methods", key: "options", cssVar: "--color-method-options", comment: "OPTIONS" },
+  // sidebar
+  { group: "sidebar", key: "collections", cssVar: "--color-sidebar-collections", comment: "Collections tab" },
+  { group: "sidebar", key: "history", cssVar: "--color-sidebar-history", comment: "History tab" },
+  { group: "sidebar", key: "environments", cssVar: "--color-sidebar-environments", comment: "Environments tab" },
+  // protocols
+  { group: "protocols", key: "rest", cssVar: "--color-protocol-rest", comment: "REST" },
+  { group: "protocols", key: "graphql", cssVar: "--color-protocol-graphql", comment: "GraphQL" },
+  { group: "protocols", key: "websocket", cssVar: "--color-protocol-websocket", comment: "WebSocket" },
+  { group: "protocols", key: "sse", cssVar: "--color-protocol-sse", comment: "SSE" },
+  { group: "protocols", key: "socketio", cssVar: "--color-protocol-socketio", comment: "Socket.IO" },
+  { group: "protocols", key: "mqtt", cssVar: "--color-protocol-mqtt", comment: "MQTT" },
+  { group: "protocols", key: "grpc", cssVar: "--color-protocol-grpc", comment: "gRPC" },
+  { group: "protocols", key: "soap", cssVar: "--color-protocol-soap", comment: "SOAP" },
+  { group: "protocols", key: "ai", cssVar: "--color-protocol-ai", comment: "AI" },
+  { group: "protocols", key: "mcp", cssVar: "--color-protocol-mcp", comment: "MCP" },
+  // mock_server
+  { group: "mock_server", key: "accent", cssVar: "--color-mock-server", comment: "Mock server accent" },
+  { group: "mock_server", key: "muted", cssVar: "--color-mock-server-muted", comment: "Mock server muted" },
+  { group: "mock_server", key: "try_button", cssVar: "--color-try-button", comment: "Try button" },
+  // settings
+  { group: "settings", key: "accent", cssVar: "--color-settings", comment: "Settings accent" },
+  // response_time
+  { group: "response_time", key: "fast", cssVar: "--color-time-fast", comment: "< 200 ms" },
+  { group: "response_time", key: "moderate", cssVar: "--color-time-moderate", comment: "200–1000 ms" },
+  { group: "response_time", key: "slow", cssVar: "--color-time-slow", comment: "1–3 s" },
+  { group: "response_time", key: "critical", cssVar: "--color-time-critical", comment: "> 3 s" },
+  // misc
+  { group: "misc", key: "muted", cssVar: "--color-muted", comment: "General muted" },
+  { group: "misc", key: "muted_fallback", cssVar: "--color-muted-fallback", comment: "Muted fallback" },
+  { group: "misc", key: "status_5xx", cssVar: "--color-status-5xx", comment: "5xx error" },
+  // context_menu
+  { group: "context_menu", key: "rename", cssVar: "--color-ctx-rename", comment: "Rename action" },
+  { group: "context_menu", key: "duplicate", cssVar: "--color-ctx-duplicate", comment: "Duplicate action" },
+  { group: "context_menu", key: "pin", cssVar: "--color-ctx-pin", comment: "Pin action" },
+  { group: "context_menu", key: "close", cssVar: "--color-ctx-close", comment: "Close action" },
+  { group: "context_menu", key: "close_batch", cssVar: "--color-ctx-close-batch", comment: "Close others" },
+  { group: "context_menu", key: "close_saved", cssVar: "--color-ctx-close-saved", comment: "Close saved" },
+  { group: "context_menu", key: "close_all", cssVar: "--color-ctx-close-all", comment: "Close all" },
+  // component — button
+  { group: "component_button", key: "primary_bg", cssVar: "--color-btn-primary-bg", comment: "Primary button background" },
+  { group: "component_button", key: "primary_hover", cssVar: "--color-btn-primary-hover", comment: "Primary button hover background" },
+  { group: "component_button", key: "secondary_bg", cssVar: "--color-btn-secondary-bg", comment: "Secondary button background" },
+  { group: "component_button", key: "secondary_hover", cssVar: "--color-btn-secondary-hover", comment: "Secondary button hover background" },
+  { group: "component_button", key: "secondary_border", cssVar: "--color-btn-secondary-border", comment: "Secondary button border" },
+  { group: "component_button", key: "ghost_hover", cssVar: "--color-btn-ghost-hover", comment: "Ghost button hover background" },
+  { group: "component_button", key: "danger_bg", cssVar: "--color-btn-danger-bg", comment: "Danger button background" },
+  // component — sidenav
+  { group: "component_sidenav", key: "item_hover", cssVar: "--color-sidenav-item-hover", comment: "Nav item hover background" },
+  { group: "component_sidenav", key: "active_bg", cssVar: "--color-sidenav-active-bg", comment: "Active nav item background" },
+  { group: "component_sidenav", key: "active_text", cssVar: "--color-sidenav-active-text", comment: "Active nav item text" },
+  { group: "component_sidenav", key: "hover_bg", cssVar: "--color-sidenav-hover-bg", comment: "Nav item hover background" },
+  // component — toggle
+  { group: "component_toggle", key: "track_on", cssVar: "--color-toggle-on", comment: "Toggle track color when enabled" },
+  { group: "component_toggle", key: "thumb", cssVar: "--color-toggle-thumb", comment: "Toggle thumb / dot color" },
+  // component — prompt card
+  { group: "component_prompt_card", key: "avatar_bg", cssVar: "--color-promptcard-avatar-bg", comment: "Avatar background color" },
+  { group: "component_prompt_card", key: "avatar_text", cssVar: "--color-promptcard-avatar-text", comment: "Avatar text / icon color" },
+  { group: "component_prompt_card", key: "title_text", cssVar: "--color-promptcard-title", comment: "Card title text color" },
+  { group: "component_prompt_card", key: "body_text", cssVar: "--color-promptcard-body", comment: "Body / description text color" },
+  { group: "component_prompt_card", key: "chip_color", cssVar: "--color-promptcard-chip", comment: "Protocol chip accent color" },
+  { group: "component_prompt_card", key: "badge_bg", cssVar: "--color-promptcard-badge-bg", comment: "CUSTOM badge background" },
+  { group: "component_prompt_card", key: "badge_text", cssVar: "--color-promptcard-badge-text", comment: "CUSTOM badge text color" },
+  { group: "component_prompt_card", key: "action_icon", cssVar: "--color-promptcard-action-icon", comment: "Use/Copy/Edit icon color" },
+  { group: "component_prompt_card", key: "delete_icon", cssVar: "--color-promptcard-delete-icon", comment: "Delete icon color" },
+  // component — var pill
+  { group: "component_var_pill", key: "background", cssVar: "--color-var-pill-bg", comment: "{{var}} token background" },
+  { group: "component_var_pill", key: "text", cssVar: "--color-var-pill-text", comment: "{{var}} token text color" },
+  { group: "component_var_pill", key: "border", cssVar: "--color-var-pill-border", comment: "{{var}} token border color" },
+  // component — tooltip
+  { group: "component_tooltip", key: "bg", cssVar: "--color-tooltip-bg", comment: "Tooltip background" },
+  { group: "component_tooltip", key: "text", cssVar: "--color-tooltip-text", comment: "Tooltip text" },
+  { group: "component_tooltip", key: "border", cssVar: "--color-tooltip-border", comment: "Tooltip border" },
+  // component — modal
+  { group: "component_modal", key: "backdrop", cssVar: "--color-modal-backdrop", comment: "Modal overlay background" },
+  { group: "component_modal", key: "header_tint", cssVar: "--color-modal-header-tint", comment: "Modal header tint" },
+  // component — tag_input
+  { group: "component_tag_input", key: "tag_bg", cssVar: "--color-tag-bg", comment: "Tag pill background" },
+  { group: "component_tag_input", key: "tag_text", cssVar: "--color-tag-text", comment: "Tag pill text" },
+  { group: "component_tag_input", key: "tag_border", cssVar: "--color-tag-border", comment: "Tag pill border" },
+  { group: "component_tag_input", key: "remove_hover", cssVar: "--color-tag-remove-hover", comment: "Tag × remove icon hover" },
+  // component — pill_tabs
+  { group: "component_pill_tabs", key: "track_bg", cssVar: "--color-pilltab-track-bg", comment: "PillTabs container background" },
+  { group: "component_pill_tabs", key: "indicator_bg", cssVar: "--color-pilltab-indicator-bg", comment: "Active tab indicator fill" },
+  { group: "component_pill_tabs", key: "indicator_border", cssVar: "--color-pilltab-indicator-border", comment: "Active tab indicator border" },
+  { group: "component_pill_tabs", key: "text_active", cssVar: "--color-pilltab-text-active", comment: "Active tab text" },
+  { group: "component_pill_tabs", key: "text_inactive", cssVar: "--color-pilltab-text-inactive", comment: "Inactive tab text" },
+  // component — duration_input
+  { group: "component_duration", key: "segment_bg", cssVar: "--color-dur-segment-bg", comment: "Unit segment background" },
+  { group: "component_duration", key: "segment_hover", cssVar: "--color-dur-segment-hover", comment: "Unit segment hover" },
+  { group: "component_duration", key: "segment_selected", cssVar: "--color-dur-segment-selected", comment: "Selected unit segment" },
+  // component — table
+  { group: "component_table", key: "stripe", cssVar: "--color-table-stripe", comment: "Alternating row stripe" },
+  { group: "component_table", key: "header_bg", cssVar: "--color-table-header-bg", comment: "Table header background" },
+  { group: "component_table", key: "border", cssVar: "--color-table-border", comment: "Table border / divider" },
+  // component — code_block
+  { group: "component_code_block", key: "bg", cssVar: "--color-codeblock-bg", comment: "Code block background" },
+  { group: "component_code_block", key: "header_bg", cssVar: "--color-codeblock-header-bg", comment: "Code block header bar" },
+  { group: "component_code_block", key: "border", cssVar: "--color-codeblock-border", comment: "Code block border" },
+  // component — resizable_panel
+  { group: "component_resizable", key: "grip", cssVar: "--color-resizable-grip", comment: "Resize handle color" },
+  { group: "component_resizable", key: "grip_hover", cssVar: "--color-resizable-grip-hover", comment: "Resize handle hover" },
+  // component — stage
+  { group: "component_stage", key: "check", cssVar: "--color-stage-check", comment: "Completed step color" },
+  { group: "component_stage", key: "spin", cssVar: "--color-stage-spin", comment: "Active step color" },
+  { group: "component_stage", key: "pulse", cssVar: "--color-stage-pulse", comment: "Pending step color" },
+  { group: "component_stage", key: "error", cssVar: "--color-stage-error", comment: "Error step color" },
+  // component — loader
+  { group: "component_loader", key: "accent", cssVar: "--color-loader-accent", comment: "Loader spinner / bar color" },
+  { group: "component_loader", key: "track", cssVar: "--color-loader-track", comment: "Loader track background" },
+  // component — chip
+  { group: "component_chip", key: "active_text", cssVar: "--color-chip-active-text", comment: "Active (filled) chip text color" },
+  // component — icon_button
+  { group: "component_icon_button", key: "bg_hover", cssVar: "--color-iconbtn-bg-hover", comment: "Icon button hover background" },
+  { group: "component_icon_button", key: "bg_active", cssVar: "--color-iconbtn-bg-active", comment: "Icon button active/pressed bg" },
+  { group: "component_icon_button", key: "border", cssVar: "--color-iconbtn-border", comment: "Icon button border (outline variant)" },
+  // component — stats_card
+  { group: "component_stats_card", key: "bg", cssVar: "--color-statscard-bg", comment: "Stats card background" },
+  { group: "component_stats_card", key: "border", cssVar: "--color-statscard-border", comment: "Stats card border" },
+  { group: "component_stats_card", key: "trend_up", cssVar: "--color-statscard-trend-up", comment: "Positive trend indicator" },
+  { group: "component_stats_card", key: "trend_down", cssVar: "--color-statscard-trend-down", comment: "Negative trend indicator" },
+  // component — empty_state
+  { group: "component_empty_state", key: "icon", cssVar: "--color-emptystate-icon", comment: "Empty state icon color" },
+  { group: "component_empty_state", key: "title", cssVar: "--color-emptystate-title", comment: "Empty state title text" },
+  { group: "component_empty_state", key: "desc", cssVar: "--color-emptystate-desc", comment: "Empty state description text" },
+  // component — ai_button
+  { group: "component_ai_button", key: "bg", cssVar: "--color-aibtn-bg", comment: "AI button background" },
+  { group: "component_ai_button", key: "border", cssVar: "--color-aibtn-border", comment: "AI button border" },
+  { group: "component_ai_button", key: "text", cssVar: "--color-aibtn-text", comment: "AI button text / icon color" },
+  { group: "component_ai_button", key: "bg_hover", cssVar: "--color-aibtn-bg-hover", comment: "AI button hover background" },
+  // component — prompt_library_avatars
+  { group: "component_prompt_avatar", key: "rest", cssVar: "--color-prompt-avatar-rest", comment: "REST agent avatar" },
+  { group: "component_prompt_avatar", key: "curl", cssVar: "--color-prompt-avatar-curl", comment: "cURL agent avatar" },
+  { group: "component_prompt_avatar", key: "mock", cssVar: "--color-prompt-avatar-mock", comment: "Mock agent avatar" },
+  { group: "component_prompt_avatar", key: "test", cssVar: "--color-prompt-avatar-test", comment: "Test agent avatar" },
+  { group: "component_prompt_avatar", key: "knowledge", cssVar: "--color-prompt-avatar-knowledge", comment: "Knowledge agent avatar" },
+  { group: "component_prompt_avatar", key: "ask", cssVar: "--color-prompt-avatar-ask", comment: "Ask agent avatar" },
+  { group: "component_prompt_avatar", key: "explain", cssVar: "--color-prompt-avatar-explain", comment: "Explain agent avatar" },
+  { group: "component_prompt_avatar", key: "followup", cssVar: "--color-prompt-avatar-followup", comment: "Follow-up agent avatar" },
+  { group: "component_prompt_avatar", key: "generate", cssVar: "--color-prompt-avatar-generate", comment: "Generate agent avatar" },
+  { group: "component_prompt_avatar", key: "suggest", cssVar: "--color-prompt-avatar-suggest", comment: "Suggest agent avatar" },
+  { group: "component_prompt_avatar", key: "headers", cssVar: "--color-prompt-avatar-headers", comment: "Headers agent avatar" },
+  { group: "component_prompt_avatar", key: "body", cssVar: "--color-prompt-avatar-body", comment: "Body agent avatar" }
+], e = [...new Set(r.map((o) => o.group))];
+export {
+  e as GROUPS,
+  r as SCHEMA
+};
+//# sourceMappingURL=core.js.map

package/dist/theme/core.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"core.js","sources":["../../src/lib/theme/core.ts"],"sourcesContent":["export interface ThemeSchemaEntry {\n  group: string;\n  key: string;\n  cssVar: string;\n  comment: string;\n}\n\nexport const SCHEMA: ThemeSchemaEntry[] = [\n  // brand\n  { group: 'brand', key: 'primary',         cssVar: '--color-primary',         comment: 'Main accent' },\n  { group: 'brand', key: 'primary_hover',   cssVar: '--color-primary-hover',   comment: 'Accent hover' },\n  { group: 'brand', key: 'primary_light',   cssVar: '--color-primary-light',   comment: 'Accent light' },\n  { group: 'brand', key: 'primary_dark',    cssVar: '--color-primary-dark',    comment: 'Accent dark' },\n  // surface\n  { group: 'surface', key: 'background',    cssVar: '--color-surface',         comment: 'Main surface bg' },\n  { group: 'surface', key: 'hover',         cssVar: '--color-surface-hover',   comment: 'Surface hover' },\n  { group: 'surface', key: 'active',        cssVar: '--color-surface-active',  comment: 'Surface active' },\n  { group: 'surface', key: 'border',        cssVar: '--color-surface-border',  comment: 'Surface border' },\n  { group: 'surface', key: 'bg',            cssVar: '--color-surface-bg',      comment: 'Alt surface bg' },\n  // panel\n  { group: 'panel', key: 'background',      cssVar: '--color-panel',           comment: 'Sidebar / panel bg' },\n  { group: 'panel', key: 'border',          cssVar: '--color-panel-border',    comment: 'Panel border' },\n  // elevated\n  { group: 'elevated', key: 'background',   cssVar: '--color-elevated',        comment: 'Card / modal bg' },\n  { group: 'elevated', key: 'border',       cssVar: '--color-elevated-border', comment: 'Card / modal border' },\n  // input\n  { group: 'input', key: 'background',      cssVar: '--color-input-bg',        comment: 'Input bg' },\n  { group: 'input', key: 'border',          cssVar: '--color-input-border',    comment: 'Input border' },\n  { group: 'input', key: 'hover',           cssVar: '--color-input-hover',     comment: 'Input hover' },\n  { group: 'input', key: 'focus',           cssVar: '--color-input-focus',     comment: 'Input focus bg' },\n  // interactive\n  { group: 'interactive', key: 'icon_hover_bg', cssVar: '--color-icon-hover-bg', comment: 'Icon hover bg' },\n  { group: 'interactive', key: 'item_hover_bg', cssVar: '--color-item-hover-bg', comment: 'List item hover' },\n  // text\n  { group: 'text', key: 'primary',          cssVar: '--color-text-primary',    comment: 'Primary text' },\n  { group: 'text', key: 'secondary',        cssVar: '--color-text-secondary',  comment: 'Secondary text' },\n  { group: 'text', key: 'muted',            cssVar: '--color-text-muted',      comment: 'Muted / placeholder' },\n  // status\n  { group: 'status', key: 'success',        cssVar: '--color-success',         comment: 'Success green' },\n  { group: 'status', key: 'warning',        cssVar: '--color-warning',         comment: 'Warning amber' },\n  { group: 'status', key: 'error',          cssVar: '--color-error',           comment: 'Error red' },\n  { group: 'status', key: 'info',           cssVar: '--color-info',            comment: 'Info blue' },\n  // http_methods\n  { group: 'http_methods', key: 'get',      cssVar: '--color-method-get',      comment: 'GET' },\n  { group: 'http_methods', key: 'post',     cssVar: '--color-method-post',     comment: 'POST' },\n  { group: 'http_methods', key: 'put',      cssVar: '--color-method-put',      comment: 'PUT' },\n  { group: 'http_methods', key: 'patch',    cssVar: '--color-method-patch',    comment: 'PATCH' },\n  { group: 'http_methods', key: 'delete',   cssVar: '--color-method-delete',   comment: 'DELETE' },\n  { group: 'http_methods', key: 'head',     cssVar: '--color-method-head',     comment: 'HEAD' },\n  { group: 'http_methods', key: 'options',  cssVar: '--color-method-options',  comment: 'OPTIONS' },\n  // sidebar\n  { group: 'sidebar', key: 'collections',   cssVar: '--color-sidebar-collections',  comment: 'Collections tab' },\n  { group: 'sidebar', key: 'history',       cssVar: '--color-sidebar-history',      comment: 'History tab' },\n  { group: 'sidebar', key: 'environments',  cssVar: '--color-sidebar-environments', comment: 'Environments tab' },\n  // protocols\n  { group: 'protocols', key: 'rest',        cssVar: '--color-protocol-rest',      comment: 'REST' },\n  { group: 'protocols', key: 'graphql',     cssVar: '--color-protocol-graphql',   comment: 'GraphQL' },\n  { group: 'protocols', key: 'websocket',   cssVar: '--color-protocol-websocket', comment: 'WebSocket' },\n  { group: 'protocols', key: 'sse',         cssVar: '--color-protocol-sse',       comment: 'SSE' },\n  { group: 'protocols', key: 'socketio',    cssVar: '--color-protocol-socketio',  comment: 'Socket.IO' },\n  { group: 'protocols', key: 'mqtt',        cssVar: '--color-protocol-mqtt',      comment: 'MQTT' },\n  { group: 'protocols', key: 'grpc',        cssVar: '--color-protocol-grpc',      comment: 'gRPC' },\n  { group: 'protocols', key: 'soap',        cssVar: '--color-protocol-soap',      comment: 'SOAP' },\n  { group: 'protocols', key: 'ai',          cssVar: '--color-protocol-ai',        comment: 'AI' },\n  { group: 'protocols', key: 'mcp',         cssVar: '--color-protocol-mcp',       comment: 'MCP' },\n  // mock_server\n  { group: 'mock_server', key: 'accent',     cssVar: '--color-mock-server',       comment: 'Mock server accent' },\n  { group: 'mock_server', key: 'muted',      cssVar: '--color-mock-server-muted', comment: 'Mock server muted' },\n  { group: 'mock_server', key: 'try_button', cssVar: '--color-try-button',        comment: 'Try button' },\n  // settings\n  { group: 'settings', key: 'accent',        cssVar: '--color-settings',          comment: 'Settings accent' },\n  // response_time\n  { group: 'response_time', key: 'fast',     cssVar: '--color-time-fast',         comment: '< 200 ms' },\n  { group: 'response_time', key: 'moderate', cssVar: '--color-time-moderate',     comment: '200–1000 ms' },\n  { group: 'response_time', key: 'slow',     cssVar: '--color-time-slow',         comment: '1–3 s' },\n  { group: 'response_time', key: 'critical', cssVar: '--color-time-critical',     comment: '> 3 s' },\n  // misc\n  { group: 'misc', key: 'muted',            cssVar: '--color-muted',             comment: 'General muted' },\n  { group: 'misc', key: 'muted_fallback',   cssVar: '--color-muted-fallback',    comment: 'Muted fallback' },\n  { group: 'misc', key: 'status_5xx',       cssVar: '--color-status-5xx',        comment: '5xx error' },\n  // context_menu\n  { group: 'context_menu', key: 'rename',      cssVar: '--color-ctx-rename',       comment: 'Rename action' },\n  { group: 'context_menu', key: 'duplicate',   cssVar: '--color-ctx-duplicate',    comment: 'Duplicate action' },\n  { group: 'context_menu', key: 'pin',         cssVar: '--color-ctx-pin',          comment: 'Pin action' },\n  { group: 'context_menu', key: 'close',       cssVar: '--color-ctx-close',        comment: 'Close action' },\n  { group: 'context_menu', key: 'close_batch', cssVar: '--color-ctx-close-batch',  comment: 'Close others' },\n  { group: 'context_menu', key: 'close_saved', cssVar: '--color-ctx-close-saved',  comment: 'Close saved' },\n  { group: 'context_menu', key: 'close_all',   cssVar: '--color-ctx-close-all',    comment: 'Close all' },\n  // component — button\n  { group: 'component_button', key: 'primary_bg',       cssVar: '--color-btn-primary-bg',       comment: 'Primary button background' },\n  { group: 'component_button', key: 'primary_hover',    cssVar: '--color-btn-primary-hover',    comment: 'Primary button hover background' },\n  { group: 'component_button', key: 'secondary_bg',     cssVar: '--color-btn-secondary-bg',     comment: 'Secondary button background' },\n  { group: 'component_button', key: 'secondary_hover',  cssVar: '--color-btn-secondary-hover',  comment: 'Secondary button hover background' },\n  { group: 'component_button', key: 'secondary_border', cssVar: '--color-btn-secondary-border', comment: 'Secondary button border' },\n  { group: 'component_button', key: 'ghost_hover',      cssVar: '--color-btn-ghost-hover',      comment: 'Ghost button hover background' },\n  { group: 'component_button', key: 'danger_bg',        cssVar: '--color-btn-danger-bg',        comment: 'Danger button background' },\n  // component — sidenav\n  { group: 'component_sidenav', key: 'item_hover',      cssVar: '--color-sidenav-item-hover',   comment: 'Nav item hover background' },\n  { group: 'component_sidenav', key: 'active_bg',       cssVar: '--color-sidenav-active-bg',    comment: 'Active nav item background' },\n  { group: 'component_sidenav', key: 'active_text',     cssVar: '--color-sidenav-active-text',  comment: 'Active nav item text' },\n  { group: 'component_sidenav', key: 'hover_bg',        cssVar: '--color-sidenav-hover-bg',     comment: 'Nav item hover background' },\n  // component — toggle\n  { group: 'component_toggle', key: 'track_on',         cssVar: '--color-toggle-on',            comment: 'Toggle track color when enabled' },\n  { group: 'component_toggle', key: 'thumb',            cssVar: '--color-toggle-thumb',         comment: 'Toggle thumb / dot color' },\n  // component — prompt card\n  { group: 'component_prompt_card', key: 'avatar_bg',    cssVar: '--color-promptcard-avatar-bg',    comment: 'Avatar background color' },\n  { group: 'component_prompt_card', key: 'avatar_text',  cssVar: '--color-promptcard-avatar-text',  comment: 'Avatar text / icon color' },\n  { group: 'component_prompt_card', key: 'title_text',   cssVar: '--color-promptcard-title',        comment: 'Card title text color' },\n  { group: 'component_prompt_card', key: 'body_text',    cssVar: '--color-promptcard-body',         comment: 'Body / description text color' },\n  { group: 'component_prompt_card', key: 'chip_color',   cssVar: '--color-promptcard-chip',         comment: 'Protocol chip accent color' },\n  { group: 'component_prompt_card', key: 'badge_bg',     cssVar: '--color-promptcard-badge-bg',     comment: 'CUSTOM badge background' },\n  { group: 'component_prompt_card', key: 'badge_text',   cssVar: '--color-promptcard-badge-text',   comment: 'CUSTOM badge text color' },\n  { group: 'component_prompt_card', key: 'action_icon',  cssVar: '--color-promptcard-action-icon',  comment: 'Use/Copy/Edit icon color' },\n  { group: 'component_prompt_card', key: 'delete_icon',  cssVar: '--color-promptcard-delete-icon',  comment: 'Delete icon color' },\n  // component — var pill\n  { group: 'component_var_pill', key: 'background',      cssVar: '--color-var-pill-bg',             comment: '{{var}} token background' },\n  { group: 'component_var_pill', key: 'text',            cssVar: '--color-var-pill-text',           comment: '{{var}} token text color' },\n  { group: 'component_var_pill', key: 'border',          cssVar: '--color-var-pill-border',         comment: '{{var}} token border color' },\n  // component — tooltip\n  { group: 'component_tooltip', key: 'bg',               cssVar: '--color-tooltip-bg',              comment: 'Tooltip background' },\n  { group: 'component_tooltip', key: 'text',             cssVar: '--color-tooltip-text',            comment: 'Tooltip text' },\n  { group: 'component_tooltip', key: 'border',           cssVar: '--color-tooltip-border',          comment: 'Tooltip border' },\n  // component — modal\n  { group: 'component_modal', key: 'backdrop',           cssVar: '--color-modal-backdrop',          comment: 'Modal overlay background' },\n  { group: 'component_modal', key: 'header_tint',        cssVar: '--color-modal-header-tint',       comment: 'Modal header tint' },\n  // component — tag_input\n  { group: 'component_tag_input', key: 'tag_bg',         cssVar: '--color-tag-bg',                  comment: 'Tag pill background' },\n  { group: 'component_tag_input', key: 'tag_text',       cssVar: '--color-tag-text',                comment: 'Tag pill text' },\n  { group: 'component_tag_input', key: 'tag_border',     cssVar: '--color-tag-border',              comment: 'Tag pill border' },\n  { group: 'component_tag_input', key: 'remove_hover',   cssVar: '--color-tag-remove-hover',        comment: 'Tag × remove icon hover' },\n  // component — pill_tabs\n  { group: 'component_pill_tabs', key: 'track_bg',       cssVar: '--color-pilltab-track-bg',        comment: 'PillTabs container background' },\n  { group: 'component_pill_tabs', key: 'indicator_bg',   cssVar: '--color-pilltab-indicator-bg',    comment: 'Active tab indicator fill' },\n  { group: 'component_pill_tabs', key: 'indicator_border', cssVar: '--color-pilltab-indicator-border', comment: 'Active tab indicator border' },\n  { group: 'component_pill_tabs', key: 'text_active',    cssVar: '--color-pilltab-text-active',     comment: 'Active tab text' },\n  { group: 'component_pill_tabs', key: 'text_inactive',  cssVar: '--color-pilltab-text-inactive',   comment: 'Inactive tab text' },\n  // component — duration_input\n  { group: 'component_duration', key: 'segment_bg',      cssVar: '--color-dur-segment-bg',          comment: 'Unit segment background' },\n  { group: 'component_duration', key: 'segment_hover',   cssVar: '--color-dur-segment-hover',       comment: 'Unit segment hover' },\n  { group: 'component_duration', key: 'segment_selected', cssVar: '--color-dur-segment-selected',   comment: 'Selected unit segment' },\n  // component — table\n  { group: 'component_table', key: 'stripe',             cssVar: '--color-table-stripe',            comment: 'Alternating row stripe' },\n  { group: 'component_table', key: 'header_bg',          cssVar: '--color-table-header-bg',         comment: 'Table header background' },\n  { group: 'component_table', key: 'border',             cssVar: '--color-table-border',            comment: 'Table border / divider' },\n  // component — code_block\n  { group: 'component_code_block', key: 'bg',            cssVar: '--color-codeblock-bg',            comment: 'Code block background' },\n  { group: 'component_code_block', key: 'header_bg',     cssVar: '--color-codeblock-header-bg',     comment: 'Code block header bar' },\n  { group: 'component_code_block', key: 'border',        cssVar: '--color-codeblock-border',        comment: 'Code block border' },\n  // component — resizable_panel\n  { group: 'component_resizable', key: 'grip',           cssVar: '--color-resizable-grip',          comment: 'Resize handle color' },\n  { group: 'component_resizable', key: 'grip_hover',     cssVar: '--color-resizable-grip-hover',    comment: 'Resize handle hover' },\n  // component — stage\n  { group: 'component_stage', key: 'check',              cssVar: '--color-stage-check',             comment: 'Completed step color' },\n  { group: 'component_stage', key: 'spin',               cssVar: '--color-stage-spin',              comment: 'Active step color' },\n  { group: 'component_stage', key: 'pulse',              cssVar: '--color-stage-pulse',             comment: 'Pending step color' },\n  { group: 'component_stage', key: 'error',              cssVar: '--color-stage-error',             comment: 'Error step color' },\n  // component — loader\n  { group: 'component_loader', key: 'accent',            cssVar: '--color-loader-accent',           comment: 'Loader spinner / bar color' },\n  { group: 'component_loader', key: 'track',             cssVar: '--color-loader-track',            comment: 'Loader track background' },\n  // component — chip\n  { group: 'component_chip', key: 'active_text',         cssVar: '--color-chip-active-text',        comment: 'Active (filled) chip text color' },\n  // component — icon_button\n  { group: 'component_icon_button', key: 'bg_hover',     cssVar: '--color-iconbtn-bg-hover',        comment: 'Icon button hover background' },\n  { group: 'component_icon_button', key: 'bg_active',    cssVar: '--color-iconbtn-bg-active',       comment: 'Icon button active/pressed bg' },\n  { group: 'component_icon_button', key: 'border',       cssVar: '--color-iconbtn-border',          comment: 'Icon button border (outline variant)' },\n  // component — stats_card\n  { group: 'component_stats_card', key: 'bg',            cssVar: '--color-statscard-bg',            comment: 'Stats card background' },\n  { group: 'component_stats_card', key: 'border',        cssVar: '--color-statscard-border',        comment: 'Stats card border' },\n  { group: 'component_stats_card', key: 'trend_up',      cssVar: '--color-statscard-trend-up',      comment: 'Positive trend indicator' },\n  { group: 'component_stats_card', key: 'trend_down',    cssVar: '--color-statscard-trend-down',    comment: 'Negative trend indicator' },\n  // component — empty_state\n  { group: 'component_empty_state', key: 'icon',         cssVar: '--color-emptystate-icon',         comment: 'Empty state icon color' },\n  { group: 'component_empty_state', key: 'title',        cssVar: '--color-emptystate-title',        comment: 'Empty state title text' },\n  { group: 'component_empty_state', key: 'desc',         cssVar: '--color-emptystate-desc',         comment: 'Empty state description text' },\n  // component — ai_button\n  { group: 'component_ai_button', key: 'bg',             cssVar: '--color-aibtn-bg',                comment: 'AI button background' },\n  { group: 'component_ai_button', key: 'border',         cssVar: '--color-aibtn-border',            comment: 'AI button border' },\n  { group: 'component_ai_button', key: 'text',           cssVar: '--color-aibtn-text',              comment: 'AI button text / icon color' },\n  { group: 'component_ai_button', key: 'bg_hover',       cssVar: '--color-aibtn-bg-hover',          comment: 'AI button hover background' },\n  // component — prompt_library_avatars\n  { group: 'component_prompt_avatar', key: 'rest',       cssVar: '--color-prompt-avatar-rest',      comment: 'REST agent avatar' },\n  { group: 'component_prompt_avatar', key: 'curl',       cssVar: '--color-prompt-avatar-curl',      comment: 'cURL agent avatar' },\n  { group: 'component_prompt_avatar', key: 'mock',       cssVar: '--color-prompt-avatar-mock',      comment: 'Mock agent avatar' },\n  { group: 'component_prompt_avatar', key: 'test',       cssVar: '--color-prompt-avatar-test',      comment: 'Test agent avatar' },\n  { group: 'component_prompt_avatar', key: 'knowledge',  cssVar: '--color-prompt-avatar-knowledge', comment: 'Knowledge agent avatar' },\n  { group: 'component_prompt_avatar', key: 'ask',        cssVar: '--color-prompt-avatar-ask',       comment: 'Ask agent avatar' },\n  { group: 'component_prompt_avatar', key: 'explain',    cssVar: '--color-prompt-avatar-explain',   comment: 'Explain agent avatar' },\n  { group: 'component_prompt_avatar', key: 'followup',   cssVar: '--color-prompt-avatar-followup',  comment: 'Follow-up agent avatar' },\n  { group: 'component_prompt_avatar', key: 'generate',   cssVar: '--color-prompt-avatar-generate',  comment: 'Generate agent avatar' },\n  { group: 'component_prompt_avatar', key: 'suggest',    cssVar: '--color-prompt-avatar-suggest',   comment: 'Suggest agent avatar' },\n  { group: 'component_prompt_avatar', key: 'headers',    cssVar: '--color-prompt-avatar-headers',   comment: 'Headers agent avatar' },\n  { group: 'component_prompt_avatar', key: 'body',       cssVar: '--color-prompt-avatar-body',      comment: 'Body agent avatar' },\n];\n\nexport const GROUPS = [...new Set(SCHEMA.map(s => s.group))];\n"],"names":["SCHEMA","GROUPS","s"],"mappings":"AAOO,MAAMA,IAA6B;AAAA;AAAA,EAExC,EAAE,OAAO,SAAS,KAAK,WAAmB,QAAQ,mBAA2B,SAAS,cAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,iBAAmB,QAAQ,yBAA2B,SAAS,eAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,iBAAmB,QAAQ,yBAA2B,SAAS,eAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,gBAAmB,QAAQ,wBAA2B,SAAS,cAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,WAAW,KAAK,cAAiB,QAAQ,mBAA2B,SAAS,kBAAA;AAAA,EACtF,EAAE,OAAO,WAAW,KAAK,SAAiB,QAAQ,yBAA2B,SAAS,gBAAA;AAAA,EACtF,EAAE,OAAO,WAAW,KAAK,UAAiB,QAAQ,0BAA2B,SAAS,iBAAA;AAAA,EACtF,EAAE,OAAO,WAAW,KAAK,UAAiB,QAAQ,0BAA2B,SAAS,iBAAA;AAAA,EACtF,EAAE,OAAO,WAAW,KAAK,MAAiB,QAAQ,sBAA2B,SAAS,iBAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,SAAS,KAAK,cAAmB,QAAQ,iBAA2B,SAAS,qBAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,UAAmB,QAAQ,wBAA2B,SAAS,eAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,YAAY,KAAK,cAAgB,QAAQ,oBAA2B,SAAS,kBAAA;AAAA,EACtF,EAAE,OAAO,YAAY,KAAK,UAAgB,QAAQ,2BAA2B,SAAS,sBAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,SAAS,KAAK,cAAmB,QAAQ,oBAA2B,SAAS,WAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,UAAmB,QAAQ,wBAA2B,SAAS,eAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,SAAmB,QAAQ,uBAA2B,SAAS,cAAA;AAAA,EACtF,EAAE,OAAO,SAAS,KAAK,SAAmB,QAAQ,uBAA2B,SAAS,iBAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,eAAe,KAAK,iBAAiB,QAAQ,yBAAyB,SAAS,gBAAA;AAAA,EACxF,EAAE,OAAO,eAAe,KAAK,iBAAiB,QAAQ,yBAAyB,SAAS,kBAAA;AAAA;AAAA,EAExF,EAAE,OAAO,QAAQ,KAAK,WAAoB,QAAQ,wBAA2B,SAAS,eAAA;AAAA,EACtF,EAAE,OAAO,QAAQ,KAAK,aAAoB,QAAQ,0BAA2B,SAAS,iBAAA;AAAA,EACtF,EAAE,OAAO,QAAQ,KAAK,SAAoB,QAAQ,sBAA2B,SAAS,sBAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,UAAU,KAAK,WAAkB,QAAQ,mBAA2B,SAAS,gBAAA;AAAA,EACtF,EAAE,OAAO,UAAU,KAAK,WAAkB,QAAQ,mBAA2B,SAAS,gBAAA;AAAA,EACtF,EAAE,OAAO,UAAU,KAAK,SAAkB,QAAQ,iBAA2B,SAAS,YAAA;AAAA,EACtF,EAAE,OAAO,UAAU,KAAK,QAAkB,QAAQ,gBAA2B,SAAS,YAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,gBAAgB,KAAK,OAAY,QAAQ,sBAA2B,SAAS,MAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,QAAY,QAAQ,uBAA2B,SAAS,OAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,OAAY,QAAQ,sBAA2B,SAAS,MAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,SAAY,QAAQ,wBAA2B,SAAS,QAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,UAAY,QAAQ,yBAA2B,SAAS,SAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,QAAY,QAAQ,uBAA2B,SAAS,OAAA;AAAA,EACtF,EAAE,OAAO,gBAAgB,KAAK,WAAY,QAAQ,0BAA2B,SAAS,UAAA;AAAA;AAAA,EAEtF,EAAE,OAAO,WAAW,KAAK,eAAiB,QAAQ,+BAAgC,SAAS,kBAAA;AAAA,EAC3F,EAAE,OAAO,WAAW,KAAK,WAAiB,QAAQ,2BAAgC,SAAS,cAAA;AAAA,EAC3F,EAAE,OAAO,WAAW,KAAK,gBAAiB,QAAQ,gCAAgC,SAAS,mBAAA;AAAA;AAAA,EAE3F,EAAE,OAAO,aAAa,KAAK,QAAe,QAAQ,yBAA8B,SAAS,OAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,WAAe,QAAQ,4BAA8B,SAAS,UAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,aAAe,QAAQ,8BAA8B,SAAS,YAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,OAAe,QAAQ,wBAA8B,SAAS,MAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,YAAe,QAAQ,6BAA8B,SAAS,YAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,QAAe,QAAQ,yBAA8B,SAAS,OAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,QAAe,QAAQ,yBAA8B,SAAS,OAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,QAAe,QAAQ,yBAA8B,SAAS,OAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,MAAe,QAAQ,uBAA8B,SAAS,KAAA;AAAA,EACzF,EAAE,OAAO,aAAa,KAAK,OAAe,QAAQ,wBAA8B,SAAS,MAAA;AAAA;AAAA,EAEzF,EAAE,OAAO,eAAe,KAAK,UAAc,QAAQ,uBAA6B,SAAS,qBAAA;AAAA,EACzF,EAAE,OAAO,eAAe,KAAK,SAAc,QAAQ,6BAA6B,SAAS,oBAAA;AAAA,EACzF,EAAE,OAAO,eAAe,KAAK,cAAc,QAAQ,sBAA6B,SAAS,aAAA;AAAA;AAAA,EAEzF,EAAE,OAAO,YAAY,KAAK,UAAiB,QAAQ,oBAA6B,SAAS,kBAAA;AAAA;AAAA,EAEzF,EAAE,OAAO,iBAAiB,KAAK,QAAY,QAAQ,qBAA6B,SAAS,WAAA;AAAA,EACzF,EAAE,OAAO,iBAAiB,KAAK,YAAY,QAAQ,yBAA6B,SAAS,cAAA;AAAA,EACzF,EAAE,OAAO,iBAAiB,KAAK,QAAY,QAAQ,qBAA6B,SAAS,QAAA;AAAA,EACzF,EAAE,OAAO,iBAAiB,KAAK,YAAY,QAAQ,yBAA6B,SAAS,QAAA;AAAA;AAAA,EAEzF,EAAE,OAAO,QAAQ,KAAK,SAAoB,QAAQ,iBAA6B,SAAS,gBAAA;AAAA,EACxF,EAAE,OAAO,QAAQ,KAAK,kBAAoB,QAAQ,0BAA6B,SAAS,iBAAA;AAAA,EACxF,EAAE,OAAO,QAAQ,KAAK,cAAoB,QAAQ,sBAA6B,SAAS,YAAA;AAAA;AAAA,EAExF,EAAE,OAAO,gBAAgB,KAAK,UAAe,QAAQ,sBAA4B,SAAS,gBAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,aAAe,QAAQ,yBAA4B,SAAS,mBAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,OAAe,QAAQ,mBAA4B,SAAS,aAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,SAAe,QAAQ,qBAA4B,SAAS,eAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,eAAe,QAAQ,2BAA4B,SAAS,eAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,eAAe,QAAQ,2BAA4B,SAAS,cAAA;AAAA,EAC1F,EAAE,OAAO,gBAAgB,KAAK,aAAe,QAAQ,yBAA4B,SAAS,YAAA;AAAA;AAAA,EAE1F,EAAE,OAAO,oBAAoB,KAAK,cAAoB,QAAQ,0BAAgC,SAAS,4BAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,iBAAoB,QAAQ,6BAAgC,SAAS,kCAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,gBAAoB,QAAQ,4BAAgC,SAAS,8BAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,mBAAoB,QAAQ,+BAAgC,SAAS,oCAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,oBAAoB,QAAQ,gCAAgC,SAAS,0BAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,eAAoB,QAAQ,2BAAgC,SAAS,gCAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,aAAoB,QAAQ,yBAAgC,SAAS,2BAAA;AAAA;AAAA,EAEvG,EAAE,OAAO,qBAAqB,KAAK,cAAmB,QAAQ,8BAAgC,SAAS,4BAAA;AAAA,EACvG,EAAE,OAAO,qBAAqB,KAAK,aAAmB,QAAQ,6BAAgC,SAAS,6BAAA;AAAA,EACvG,EAAE,OAAO,qBAAqB,KAAK,eAAmB,QAAQ,+BAAgC,SAAS,uBAAA;AAAA,EACvG,EAAE,OAAO,qBAAqB,KAAK,YAAmB,QAAQ,4BAAgC,SAAS,4BAAA;AAAA;AAAA,EAEvG,EAAE,OAAO,oBAAoB,KAAK,YAAoB,QAAQ,qBAAgC,SAAS,kCAAA;AAAA,EACvG,EAAE,OAAO,oBAAoB,KAAK,SAAoB,QAAQ,wBAAgC,SAAS,2BAAA;AAAA;AAAA,EAEvG,EAAE,OAAO,yBAAyB,KAAK,aAAgB,QAAQ,gCAAmC,SAAS,0BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,eAAgB,QAAQ,kCAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,cAAgB,QAAQ,4BAAmC,SAAS,wBAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,aAAgB,QAAQ,2BAAmC,SAAS,gCAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,cAAgB,QAAQ,2BAAmC,SAAS,6BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,YAAgB,QAAQ,+BAAmC,SAAS,0BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,cAAgB,QAAQ,iCAAmC,SAAS,0BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,eAAgB,QAAQ,kCAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,eAAgB,QAAQ,kCAAmC,SAAS,oBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,sBAAsB,KAAK,cAAmB,QAAQ,uBAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,sBAAsB,KAAK,QAAmB,QAAQ,yBAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,sBAAsB,KAAK,UAAmB,QAAQ,2BAAmC,SAAS,6BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,qBAAqB,KAAK,MAAoB,QAAQ,sBAAmC,SAAS,qBAAA;AAAA,EAC3G,EAAE,OAAO,qBAAqB,KAAK,QAAoB,QAAQ,wBAAmC,SAAS,eAAA;AAAA,EAC3G,EAAE,OAAO,qBAAqB,KAAK,UAAoB,QAAQ,0BAAmC,SAAS,iBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,mBAAmB,KAAK,YAAsB,QAAQ,0BAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,eAAsB,QAAQ,6BAAmC,SAAS,oBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,uBAAuB,KAAK,UAAkB,QAAQ,kBAAmC,SAAS,sBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,YAAkB,QAAQ,oBAAmC,SAAS,gBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,cAAkB,QAAQ,sBAAmC,SAAS,kBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,gBAAkB,QAAQ,4BAAmC,SAAS,0BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,uBAAuB,KAAK,YAAkB,QAAQ,4BAAmC,SAAS,gCAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,gBAAkB,QAAQ,gCAAmC,SAAS,4BAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,oBAAoB,QAAQ,oCAAoC,SAAS,8BAAA;AAAA,EAC9G,EAAE,OAAO,uBAAuB,KAAK,eAAkB,QAAQ,+BAAmC,SAAS,kBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,iBAAkB,QAAQ,iCAAmC,SAAS,oBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,sBAAsB,KAAK,cAAmB,QAAQ,0BAAmC,SAAS,0BAAA;AAAA,EAC3G,EAAE,OAAO,sBAAsB,KAAK,iBAAmB,QAAQ,6BAAmC,SAAS,qBAAA;AAAA,EAC3G,EAAE,OAAO,sBAAsB,KAAK,oBAAoB,QAAQ,gCAAkC,SAAS,wBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,mBAAmB,KAAK,UAAsB,QAAQ,wBAAmC,SAAS,yBAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,aAAsB,QAAQ,2BAAmC,SAAS,0BAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,UAAsB,QAAQ,wBAAmC,SAAS,yBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,wBAAwB,KAAK,MAAiB,QAAQ,wBAAmC,SAAS,wBAAA;AAAA,EAC3G,EAAE,OAAO,wBAAwB,KAAK,aAAiB,QAAQ,+BAAmC,SAAS,wBAAA;AAAA,EAC3G,EAAE,OAAO,wBAAwB,KAAK,UAAiB,QAAQ,4BAAmC,SAAS,oBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,uBAAuB,KAAK,QAAkB,QAAQ,0BAAmC,SAAS,sBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,cAAkB,QAAQ,gCAAmC,SAAS,sBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,mBAAmB,KAAK,SAAsB,QAAQ,uBAAmC,SAAS,uBAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,QAAsB,QAAQ,sBAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,SAAsB,QAAQ,uBAAmC,SAAS,qBAAA;AAAA,EAC3G,EAAE,OAAO,mBAAmB,KAAK,SAAsB,QAAQ,uBAAmC,SAAS,mBAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,oBAAoB,KAAK,UAAqB,QAAQ,yBAAmC,SAAS,6BAAA;AAAA,EAC3G,EAAE,OAAO,oBAAoB,KAAK,SAAqB,QAAQ,wBAAmC,SAAS,0BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,kBAAkB,KAAK,eAAuB,QAAQ,4BAAmC,SAAS,kCAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,yBAAyB,KAAK,YAAgB,QAAQ,4BAAmC,SAAS,+BAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,aAAgB,QAAQ,6BAAmC,SAAS,gCAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,UAAgB,QAAQ,0BAAmC,SAAS,uCAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,wBAAwB,KAAK,MAAiB,QAAQ,wBAAmC,SAAS,wBAAA;AAAA,EAC3G,EAAE,OAAO,wBAAwB,KAAK,UAAiB,QAAQ,4BAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,wBAAwB,KAAK,YAAiB,QAAQ,8BAAmC,SAAS,2BAAA;AAAA,EAC3G,EAAE,OAAO,wBAAwB,KAAK,cAAiB,QAAQ,gCAAmC,SAAS,2BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,yBAAyB,KAAK,QAAgB,QAAQ,2BAAmC,SAAS,yBAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,SAAgB,QAAQ,4BAAmC,SAAS,yBAAA;AAAA,EAC3G,EAAE,OAAO,yBAAyB,KAAK,QAAgB,QAAQ,2BAAmC,SAAS,+BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,uBAAuB,KAAK,MAAkB,QAAQ,oBAAmC,SAAS,uBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,UAAkB,QAAQ,wBAAmC,SAAS,mBAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,QAAkB,QAAQ,sBAAmC,SAAS,8BAAA;AAAA,EAC3G,EAAE,OAAO,uBAAuB,KAAK,YAAkB,QAAQ,0BAAmC,SAAS,6BAAA;AAAA;AAAA,EAE3G,EAAE,OAAO,2BAA2B,KAAK,QAAc,QAAQ,8BAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,QAAc,QAAQ,8BAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,QAAc,QAAQ,8BAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,QAAc,QAAQ,8BAAmC,SAAS,oBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,aAAc,QAAQ,mCAAmC,SAAS,yBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,OAAc,QAAQ,6BAAmC,SAAS,mBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,WAAc,QAAQ,iCAAmC,SAAS,uBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,YAAc,QAAQ,kCAAmC,SAAS,yBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,YAAc,QAAQ,kCAAmC,SAAS,wBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,WAAc,QAAQ,iCAAmC,SAAS,uBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,WAAc,QAAQ,iCAAmC,SAAS,uBAAA;AAAA,EAC3G,EAAE,OAAO,2BAA2B,KAAK,QAAc,QAAQ,8BAAmC,SAAS,oBAAA;AAC7G,GAEaC,IAAS,CAAC,GAAG,IAAI,IAAID,EAAO,IAAI,CAAAE,MAAKA,EAAE,KAAK,CAAC,CAAC;"}

package/dist/theme/editor.js

@@ -0,0 +1,104 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { toHexSafe as x } from "./utils.js";
+import { f } from "../chunks/daakia-icons-DxWnX_IQ.js";
+function m({ entry: a, currentValue: l, isOverridden: d, onApply: p, onReset: u, onClose: i }) {
+  const [o, c] = g(l), s = /^#[0-9a-fA-F]{6}$/.test(o.trim()), n = (r) => {
+    c(r), p(r);
+  };
+  return /* @__PURE__ */ t("div", { style: {
+    margin: "6px 0 4px",
+    padding: "10px 12px",
+    background: "var(--color-elevated)",
+    border: "1px solid var(--color-primary)",
+    borderRadius: "8px",
+    display: "flex",
+    flexDirection: "column",
+    gap: "8px"
+  }, children: [
+    /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+      /* @__PURE__ */ e("code", { style: { fontSize: 10, color: "var(--color-text-muted)", fontFamily: "monospace", flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: a.cssVar }),
+      /* @__PURE__ */ e("span", { style: { fontSize: 10, color: "var(--color-text-muted)" }, children: a.comment }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: i,
+          style: { width: 20, height: 20, display: "flex", alignItems: "center", justifyContent: "center", border: "none", background: "transparent", cursor: "pointer", color: "var(--color-text-muted)", borderRadius: 4, flexShrink: 0 },
+          onMouseEnter: (r) => {
+            r.currentTarget.style.color = "var(--color-text-primary)", r.currentTarget.style.background = "var(--color-surface-hover)";
+          },
+          onMouseLeave: (r) => {
+            r.currentTarget.style.color = "var(--color-text-muted)", r.currentTarget.style.background = "transparent";
+          },
+          children: /* @__PURE__ */ e(f, { size: 11 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+      /* @__PURE__ */ t("label", { style: { position: "relative", flexShrink: 0, cursor: "pointer" }, children: [
+        /* @__PURE__ */ e("div", { style: { width: 30, height: 30, borderRadius: 6, background: `var(${a.cssVar})`, border: "2px solid var(--color-surface-border)", boxShadow: "inset 0 0 0 1px rgba(0,0,0,0.15)" } }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "color",
+            value: x(o),
+            onChange: (r) => n(r.target.value),
+            style: { position: "absolute", inset: 0, opacity: 0, width: "100%", height: "100%", cursor: "pointer", padding: 0, border: "none" }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: o,
+          onChange: (r) => c(r.target.value),
+          onKeyDown: (r) => {
+            r.key === "Enter" && n(o), r.key === "Escape" && i();
+          },
+          onBlur: () => {
+            o !== l && n(o);
+          },
+          placeholder: "e.g. #6366f1 or rgba(99,102,241,0.4)",
+          style: {
+            flex: 1,
+            height: 30,
+            padding: "0 10px",
+            borderRadius: 6,
+            background: "var(--color-input-bg)",
+            border: `1px solid ${s ? "var(--color-input-border)" : "var(--color-warning)"}`,
+            color: "var(--color-text-primary)",
+            fontSize: 11,
+            fontFamily: "Menlo, Monaco, monospace",
+            outline: "none"
+          },
+          onFocus: (r) => {
+            r.currentTarget.style.borderColor = "var(--color-primary)";
+          }
+        }
+      ),
+      d && /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          onClick: u,
+          title: "Reset to built-in default",
+          style: { height: 30, padding: "0 10px", borderRadius: 6, border: "1px solid var(--color-surface-border)", background: "transparent", color: "var(--color-text-muted)", fontSize: 10, cursor: "pointer", flexShrink: 0, whiteSpace: "nowrap" },
+          onMouseEnter: (r) => {
+            r.currentTarget.style.color = "var(--color-error)", r.currentTarget.style.borderColor = "var(--color-error)";
+          },
+          onMouseLeave: (r) => {
+            r.currentTarget.style.color = "var(--color-text-muted)", r.currentTarget.style.borderColor = "var(--color-surface-border)";
+          },
+          children: "↺ Reset"
+        }
+      )
+    ] }),
+    o && !s && /* @__PURE__ */ e("div", { style: { fontSize: 10, color: "var(--color-warning)", lineHeight: 1.4 }, children: "Non-hex value (e.g. rgba, color-mix, var) — color picker shows approximate. Press Enter to apply." })
+  ] });
+}
+export {
+  m as ColorEditor
+};
+//# sourceMappingURL=editor.js.map

package/dist/theme/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sources":["../../src/lib/theme/editor.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { CloseIcon } from '../../icons';\nimport { toHexSafe } from './utils';\nimport type { ThemeSchemaEntry } from './core';\n\ninterface ColorEditorProps {\n  entry: Pick<ThemeSchemaEntry, 'cssVar' | 'key' | 'comment'>;\n  currentValue: string;\n  isOverridden: boolean;\n  onApply: (v: string) => void;\n  onReset: () => void;\n  onClose: () => void;\n}\n\nexport function ColorEditor({ entry, currentValue, isOverridden, onApply, onReset, onClose }: ColorEditorProps) {\n  const [draft, setDraft] = useState(currentValue);\n  const isHex = /^#[0-9a-fA-F]{6}$/.test(draft.trim());\n\n  const commit = (v: string) => { setDraft(v); onApply(v); };\n\n  return (\n    <div style={{\n      margin: '6px 0 4px', padding: '10px 12px',\n      background: 'var(--color-elevated)',\n      border: '1px solid var(--color-primary)',\n      borderRadius: '8px',\n      display: 'flex', flexDirection: 'column', gap: '8px',\n    }}>\n      {/* Header */}\n      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n        <code style={{ fontSize: 10, color: 'var(--color-text-muted)', fontFamily: 'monospace', flex: 1, minWidth: 0, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n          {entry.cssVar}\n        </code>\n        <span style={{ fontSize: 10, color: 'var(--color-text-muted)' }}>{entry.comment}</span>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          style={{ width: 20, height: 20, display: 'flex', alignItems: 'center', justifyContent: 'center', border: 'none', background: 'transparent', cursor: 'pointer', color: 'var(--color-text-muted)', borderRadius: 4, flexShrink: 0 }}\n          onMouseEnter={e => { (e.currentTarget as HTMLElement).style.color = 'var(--color-text-primary)'; (e.currentTarget as HTMLElement).style.background = 'var(--color-surface-hover)'; }}\n          onMouseLeave={e => { (e.currentTarget as HTMLElement).style.color = 'var(--color-text-muted)'; (e.currentTarget as HTMLElement).style.background = 'transparent'; }}\n        >\n          <CloseIcon size={11} />\n        </button>\n      </div>\n\n      {/* Picker row */}\n      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n        <label style={{ position: 'relative', flexShrink: 0, cursor: 'pointer' }}>\n          <div style={{ width: 30, height: 30, borderRadius: 6, background: `var(${entry.cssVar})`, border: '2px solid var(--color-surface-border)', boxShadow: 'inset 0 0 0 1px rgba(0,0,0,0.15)' }} />\n          <input\n            type=\"color\"\n            value={toHexSafe(draft)}\n            onChange={e => commit(e.target.value)}\n            style={{ position: 'absolute', inset: 0, opacity: 0, width: '100%', height: '100%', cursor: 'pointer', padding: 0, border: 'none' }}\n          />\n        </label>\n\n        <input\n          type=\"text\"\n          value={draft}\n          onChange={e => setDraft(e.target.value)}\n          onKeyDown={e => { if (e.key === 'Enter') commit(draft); if (e.key === 'Escape') onClose(); }}\n          onBlur={() => { if (draft !== currentValue) commit(draft); }}\n          placeholder=\"e.g. #6366f1 or rgba(99,102,241,0.4)\"\n          style={{\n            flex: 1, height: 30, padding: '0 10px', borderRadius: 6,\n            background: 'var(--color-input-bg)',\n            border: `1px solid ${isHex ? 'var(--color-input-border)' : 'var(--color-warning)'}`,\n            color: 'var(--color-text-primary)', fontSize: 11,\n            fontFamily: 'Menlo, Monaco, monospace', outline: 'none',\n          }}\n          onFocus={e => { (e.currentTarget as HTMLInputElement).style.borderColor = 'var(--color-primary)'; }}\n        />\n\n        {isOverridden && (\n          <button\n            type=\"button\"\n            onClick={onReset}\n            title=\"Reset to built-in default\"\n            style={{ height: 30, padding: '0 10px', borderRadius: 6, border: '1px solid var(--color-surface-border)', background: 'transparent', color: 'var(--color-text-muted)', fontSize: 10, cursor: 'pointer', flexShrink: 0, whiteSpace: 'nowrap' }}\n            onMouseEnter={e => { (e.currentTarget as HTMLElement).style.color = 'var(--color-error)'; (e.currentTarget as HTMLElement).style.borderColor = 'var(--color-error)'; }}\n            onMouseLeave={e => { (e.currentTarget as HTMLElement).style.color = 'var(--color-text-muted)'; (e.currentTarget as HTMLElement).style.borderColor = 'var(--color-surface-border)'; }}\n          >\n            ↺ Reset\n          </button>\n        )}\n      </div>\n\n      {draft && !isHex && (\n        <div style={{ fontSize: 10, color: 'var(--color-warning)', lineHeight: 1.4 }}>\n          Non-hex value (e.g. rgba, color-mix, var) — color picker shows approximate. Press Enter to apply.\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ColorEditor","entry","currentValue","isOverridden","onApply","onReset","onClose","draft","setDraft","useState","isHex","commit","v","jsxs","jsx","e","CloseIcon","toHexSafe"],"mappings":"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"}

package/dist/theme/utils.js

@@ -0,0 +1,67 @@
+import { SCHEMA as i } from "./core.js";
+function y() {
+  const e = getComputedStyle(document.documentElement), t = [
+    "# Daakia Theme Configuration",
+    `# Exported: ${(/* @__PURE__ */ new Date()).toISOString()}`,
+    "# Edit color values and upload back to apply live — no rebuild needed.",
+    ""
+  ];
+  let n = "";
+  for (const o of i) {
+    o.group !== n && (n && t.push(""), t.push(`${o.group}:`), n = o.group);
+    const s = e.getPropertyValue(o.cssVar).trim() || "inherit";
+    t.push(`  ${o.key}: "${s}"  # ${o.comment}  (${o.cssVar})`);
+  }
+  return t.push(""), t.join(`
+`);
+}
+function g(e) {
+  const t = {};
+  let n = "";
+  for (const o of e.split(`
+`)) {
+    const s = o.trimEnd();
+    if (!s || s.trim().startsWith("#")) continue;
+    const l = s.trimStart(), m = s.length - l.length, c = l.replace(/#.*$/, "").trimEnd();
+    if (m === 0)
+      c.endsWith(":") && !c.includes(": ") && (n = c.slice(0, -1).trim());
+    else if (m > 0 && n) {
+      const u = c.indexOf(":");
+      if (u > 0) {
+        const p = c.slice(0, u).trim();
+        let r = c.slice(u + 1).trim();
+        if (r.length >= 2 && (r[0] === '"' && r[r.length - 1] === '"' || r[0] === "'" && r[r.length - 1] === "'") && (r = r.slice(1, -1)), r) {
+          const a = i.find((f) => f.group === n && f.key === p);
+          a && (t[a.cssVar] = r);
+        }
+      }
+    }
+  }
+  return t;
+}
+function h(e) {
+  for (const [t, n] of Object.entries(e))
+    document.documentElement.style.setProperty(t, n);
+}
+function V() {
+  for (const e of i)
+    document.documentElement.style.removeProperty(e.cssVar);
+}
+function E() {
+  const e = getComputedStyle(document.documentElement), t = {};
+  for (const n of i)
+    t[n.cssVar] = e.getPropertyValue(n.cssVar).trim();
+  return t;
+}
+function $(e) {
+  return /^#[0-9a-fA-F]{6}$/.test(e.trim()) ? e.trim() : "#6366f1";
+}
+export {
+  h as applyThemeVars,
+  y as generateYaml,
+  g as parseThemeYaml,
+  E as readCurrentColors,
+  V as resetThemeVars,
+  $ as toHexSafe
+};
+//# sourceMappingURL=utils.js.map

package/dist/theme/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/lib/theme/utils.ts"],"sourcesContent":["import { SCHEMA } from './core';\n\nexport function generateYaml(): string {\n  const computed = getComputedStyle(document.documentElement);\n  const lines = [\n    '# Daakia Theme Configuration',\n    `# Exported: ${new Date().toISOString()}`,\n    '# Edit color values and upload back to apply live — no rebuild needed.',\n    '',\n  ];\n  let currentGroup = '';\n  for (const entry of SCHEMA) {\n    if (entry.group !== currentGroup) {\n      if (currentGroup) lines.push('');\n      lines.push(`${entry.group}:`);\n      currentGroup = entry.group;\n    }\n    const val = computed.getPropertyValue(entry.cssVar).trim() || 'inherit';\n    lines.push(`  ${entry.key}: \"${val}\"  # ${entry.comment}  (${entry.cssVar})`);\n  }\n  lines.push('');\n  return lines.join('\\n');\n}\n\nexport function parseThemeYaml(text: string): Record<string, string> {\n  const map: Record<string, string> = {};\n  let currentGroup = '';\n  for (const rawLine of text.split('\\n')) {\n    const line = rawLine.trimEnd();\n    if (!line || line.trim().startsWith('#')) continue;\n    const stripped = line.trimStart();\n    const indent   = line.length - stripped.length;\n    const content  = stripped.replace(/#.*$/, '').trimEnd();\n    if (indent === 0) {\n      if (content.endsWith(':') && !content.includes(': ')) {\n        currentGroup = content.slice(0, -1).trim();\n      }\n    } else if (indent > 0 && currentGroup) {\n      const colonIdx = content.indexOf(':');\n      if (colonIdx > 0) {\n        const yamlKey = content.slice(0, colonIdx).trim();\n        let value     = content.slice(colonIdx + 1).trim();\n        if (value.length >= 2 &&\n          ((value[0] === '\"' && value[value.length - 1] === '\"') ||\n           (value[0] === \"'\" && value[value.length - 1] === \"'\"))) {\n          value = value.slice(1, -1);\n        }\n        if (value) {\n          const entry = SCHEMA.find(s => s.group === currentGroup && s.key === yamlKey);\n          if (entry) map[entry.cssVar] = value;\n        }\n      }\n    }\n  }\n  return map;\n}\n\nexport function applyThemeVars(cssVarMap: Record<string, string>): void {\n  for (const [cssVar, value] of Object.entries(cssVarMap)) {\n    document.documentElement.style.setProperty(cssVar, value);\n  }\n}\n\nexport function resetThemeVars(): void {\n  for (const entry of SCHEMA) {\n    document.documentElement.style.removeProperty(entry.cssVar);\n  }\n}\n\nexport function readCurrentColors(): Record<string, string> {\n  const computed = getComputedStyle(document.documentElement);\n  const result: Record<string, string> = {};\n  for (const entry of SCHEMA) {\n    result[entry.cssVar] = computed.getPropertyValue(entry.cssVar).trim();\n  }\n  return result;\n}\n\nexport function toHexSafe(val: string): string {\n  if (/^#[0-9a-fA-F]{6}$/.test(val.trim())) return val.trim();\n  return '#6366f1';\n}\n"],"names":["generateYaml","computed","lines","currentGroup","entry","SCHEMA","val","parseThemeYaml","text","map","rawLine","line","stripped","indent","content","colonIdx","yamlKey","value","s","applyThemeVars","cssVarMap","cssVar","resetThemeVars","readCurrentColors","result","toHexSafe"],"mappings":";AAEO,SAASA,IAAuB;AACrC,QAAMC,IAAW,iBAAiB,SAAS,eAAe,GACpDC,IAAQ;AAAA,IACZ;AAAA,IACA,gBAAe,oBAAI,KAAA,GAAO,aAAa;AAAA,IACvC;AAAA,IACA;AAAA,EAAA;AAEF,MAAIC,IAAe;AACnB,aAAWC,KAASC,GAAQ;AAC1B,IAAID,EAAM,UAAUD,MACdA,KAAcD,EAAM,KAAK,EAAE,GAC/BA,EAAM,KAAK,GAAGE,EAAM,KAAK,GAAG,GAC5BD,IAAeC,EAAM;AAEvB,UAAME,IAAML,EAAS,iBAAiBG,EAAM,MAAM,EAAE,UAAU;AAC9D,IAAAF,EAAM,KAAK,KAAKE,EAAM,GAAG,MAAME,CAAG,QAAQF,EAAM,OAAO,MAAMA,EAAM,MAAM,GAAG;AAAA,EAC9E;AACA,SAAAF,EAAM,KAAK,EAAE,GACNA,EAAM,KAAK;AAAA,CAAI;AACxB;AAEO,SAASK,EAAeC,GAAsC;AACnE,QAAMC,IAA8B,CAAA;AACpC,MAAIN,IAAe;AACnB,aAAWO,KAAWF,EAAK,MAAM;AAAA,CAAI,GAAG;AACtC,UAAMG,IAAOD,EAAQ,QAAA;AACrB,QAAI,CAACC,KAAQA,EAAK,OAAO,WAAW,GAAG,EAAG;AAC1C,UAAMC,IAAWD,EAAK,UAAA,GAChBE,IAAWF,EAAK,SAASC,EAAS,QAClCE,IAAWF,EAAS,QAAQ,QAAQ,EAAE,EAAE,QAAA;AAC9C,QAAIC,MAAW;AACb,MAAIC,EAAQ,SAAS,GAAG,KAAK,CAACA,EAAQ,SAAS,IAAI,MACjDX,IAAeW,EAAQ,MAAM,GAAG,EAAE,EAAE,KAAA;AAAA,aAE7BD,IAAS,KAAKV,GAAc;AACrC,YAAMY,IAAWD,EAAQ,QAAQ,GAAG;AACpC,UAAIC,IAAW,GAAG;AAChB,cAAMC,IAAUF,EAAQ,MAAM,GAAGC,CAAQ,EAAE,KAAA;AAC3C,YAAIE,IAAYH,EAAQ,MAAMC,IAAW,CAAC,EAAE,KAAA;AAM5C,YALIE,EAAM,UAAU,MAChBA,EAAM,CAAC,MAAM,OAAOA,EAAMA,EAAM,SAAS,CAAC,MAAM,OAChDA,EAAM,CAAC,MAAM,OAAOA,EAAMA,EAAM,SAAS,CAAC,MAAM,SAClDA,IAAQA,EAAM,MAAM,GAAG,EAAE,IAEvBA,GAAO;AACT,gBAAMb,IAAQC,EAAO,KAAK,CAAAa,MAAKA,EAAE,UAAUf,KAAgBe,EAAE,QAAQF,CAAO;AAC5E,UAAIZ,MAAOK,EAAIL,EAAM,MAAM,IAAIa;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACA,SAAOR;AACT;AAEO,SAASU,EAAeC,GAAyC;AACtE,aAAW,CAACC,GAAQJ,CAAK,KAAK,OAAO,QAAQG,CAAS;AACpD,aAAS,gBAAgB,MAAM,YAAYC,GAAQJ,CAAK;AAE5D;AAEO,SAASK,IAAuB;AACrC,aAAWlB,KAASC;AAClB,aAAS,gBAAgB,MAAM,eAAeD,EAAM,MAAM;AAE9D;AAEO,SAASmB,IAA4C;AAC1D,QAAMtB,IAAW,iBAAiB,SAAS,eAAe,GACpDuB,IAAiC,CAAA;AACvC,aAAWpB,KAASC;AAClB,IAAAmB,EAAOpB,EAAM,MAAM,IAAIH,EAAS,iBAAiBG,EAAM,MAAM,EAAE,KAAA;AAEjE,SAAOoB;AACT;AAEO,SAASC,EAAUnB,GAAqB;AAC7C,SAAI,oBAAoB,KAAKA,EAAI,KAAA,CAAM,IAAUA,EAAI,KAAA,IAC9C;AACT;"}

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@salilvnair/dui",
+  "version": "1.0.0",
+  "description": "Daakia UI component library — shared across ck8t and daakia",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./monaco-setup": {
+      "types": "./dist/monaco-setup.d.ts",
+      "import": "./dist/monaco-setup.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./theme/core": {
+      "types": "./dist/lib/theme/core.d.ts",
+      "import": "./dist/theme/core.js"
+    },
+    "./theme/utils": {
+      "types": "./dist/lib/theme/utils.d.ts",
+      "import": "./dist/theme/utils.js"
+    },
+    "./theme/editor": {
+      "types": "./dist/lib/theme/editor.d.ts",
+      "import": "./dist/theme/editor.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.publish.config.ts",
+    "prepublishOnly": "npm run build:lib",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "highlight.js": "^11.10.0",
+    "marked": "^14.0.0"
+  },
+  "peerDependencies": {
+    "@monaco-editor/react": ">=4",
+    "monaco-editor": ">=0.50",
+    "react": ">=18",
+    "react-dom": ">=18",
+    "zustand": ">=4"
+  },
+  "peerDependenciesMeta": {
+    "@monaco-editor/react": {
+      "optional": true
+    },
+    "monaco-editor": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@monaco-editor/react": "^4.7.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^26.1.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.0",
+    "monaco-editor": "^0.55.1",
+    "sucrase": "^3.35.1",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0",
+    "vite-plugin-dts": "^5.0.3"
+  }
+}