@brokr/sdk 2.1.0 → 2.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/feature.js +22 -2
- package/dist/feature.mjs +22 -2
- package/dist/index.js +22 -2
- package/dist/index.mjs +22 -2
- package/dist/next.js +22 -2
- package/dist/next.mjs +22 -2
- package/dist/react-styles.js +273 -94
- package/dist/react-styles.mjs +273 -94
- package/dist/react.js +329 -81
- package/dist/react.mjs +335 -87
- package/dist/runtime.js +22 -2
- package/dist/runtime.mjs +22 -2
- package/dist/src/chat/config.d.ts +2 -0
- package/dist/src/chat/config.d.ts.map +1 -1
- package/dist/src/gateway.d.ts.map +1 -1
- package/dist/src/models.d.ts +2 -0
- package/dist/src/models.d.ts.map +1 -1
- package/dist/src/react/chat/AIChat.d.ts.map +1 -1
- package/dist/src/react/chat/ChatContext.d.ts +3 -6
- package/dist/src/react/chat/ChatContext.d.ts.map +1 -1
- package/dist/src/react/chat/MarkdownRenderer.d.ts.map +1 -1
- package/dist/src/react/chat/ModelSelector.d.ts +1 -1
- package/dist/src/react/chat/ModelSelector.d.ts.map +1 -1
- package/dist/src/react/chat/ThreadSidebar.d.ts.map +1 -1
- package/dist/src/react/chat/memory.d.ts +12 -0
- package/dist/src/react/chat/memory.d.ts.map +1 -0
- package/dist/src/react/chat/types.d.ts +6 -0
- package/dist/src/react/chat/types.d.ts.map +1 -1
- package/dist/src/react/chat/useChat.d.ts +8 -6
- package/dist/src/react/chat/useChat.d.ts.map +1 -1
- package/dist/src/react/composites/FabAI.d.ts +6 -1
- package/dist/src/react/composites/FabAI.d.ts.map +1 -1
- package/dist/src/react/composites/fab-context.d.ts +26 -0
- package/dist/src/react/composites/fab-context.d.ts.map +1 -0
- package/dist/src/react/css/account.d.ts +1 -1
- package/dist/src/react/css/account.d.ts.map +1 -1
- package/dist/src/react/css/auth.d.ts +1 -1
- package/dist/src/react/css/auth.d.ts.map +1 -1
- package/dist/src/react/css/chat-extras.d.ts +1 -1
- package/dist/src/react/css/chat-extras.d.ts.map +1 -1
- package/dist/src/react/css/chat.d.ts +1 -1
- package/dist/src/react/css/chat.d.ts.map +1 -1
- package/dist/src/react/css/composites.d.ts +1 -1
- package/dist/src/react/css/composites.d.ts.map +1 -1
- package/dist/src/react/css/gates.d.ts +1 -1
- package/dist/src/react/css/gates.d.ts.map +1 -1
- package/dist/src/react/css/markdown.d.ts +1 -1
- package/dist/src/react/css/markdown.d.ts.map +1 -1
- package/dist/src/react/css/primitives.d.ts +1 -1
- package/dist/src/react/css/primitives.d.ts.map +1 -1
- package/dist/src/react/css/reset.d.ts +1 -1
- package/dist/src/react/css/reset.d.ts.map +1 -1
- package/dist/src/react/css/responsive.d.ts +1 -1
- package/dist/src/react/css/responsive.d.ts.map +1 -1
- package/dist/src/react/css/skeleton.d.ts +1 -1
- package/dist/src/react/css/skeleton.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const MARKDOWN_CSS = "\n/* ============================================================\n Markdown rendering \u2014 assistant messages\n ============================================================ */\n\n.brokr-md p,\n.brokr-md-paragraph {\n margin: 0 0 0.6em;\n line-height: 1.7;\n}\n\n.brokr-md p:last-child,\n.brokr-md-paragraph:last-child {\n margin-bottom: 0;\n}\n\n.brokr-md strong {\n color: var(--brokr-text-primary);\n font-weight:
|
|
1
|
+
export declare const MARKDOWN_CSS = "\n/* ============================================================\n Markdown rendering \u2014 assistant messages\n ============================================================ */\n\n.brokr-md p,\n.brokr-md-paragraph {\n margin: 0 0 0.6em;\n line-height: 1.7;\n}\n\n.brokr-md p:last-child,\n.brokr-md-paragraph:last-child {\n margin-bottom: 0;\n}\n\n.brokr-md strong {\n color: var(--brokr-text-primary);\n font-weight: var(--brokr-font-weight-semibold);\n}\n\n.brokr-md em {\n font-style: italic;\n}\n\n.brokr-md del {\n opacity: 0.85;\n}\n\n.brokr-md-inline-code {\n background: var(--brokr-subtle-fill-strong);\n border-radius: var(--brokr-radius-sm);\n color: var(--brokr-primary);\n font-family: var(--brokr-font-mono);\n font-size: 0.85em;\n padding: 0.15em 0.4em;\n}\n\n.brokr-md-link {\n color: var(--brokr-primary);\n text-decoration: underline;\n text-underline-offset: 2px;\n}\n\n.brokr-md-link:hover {\n opacity: 0.8;\n}\n\n.brokr-md-heading {\n color: var(--brokr-text-primary);\n font-weight: var(--brokr-font-weight-semibold);\n line-height: 1.3;\n margin: 1.2em 0 0.5em;\n}\n\n.brokr-md-heading:first-child {\n margin-top: 0;\n}\n\n.brokr-md-h1 { font-size: 1.25em; }\n.brokr-md-h2 { font-size: 1.15em; }\n.brokr-md-h3 { font-size: 1.05em; }\n.brokr-md-h4,\n.brokr-md-h5,\n.brokr-md-h6 { font-size: 0.95em; text-transform: uppercase; letter-spacing: 0.03em; opacity: 0.8; }\n\n.brokr-md-divider {\n border: none;\n border-top: 1px solid var(--brokr-muted-border);\n margin: 1em 0;\n}\n\n.brokr-md-list {\n margin: 0.5em 0;\n padding: 0 0 0 1.2em;\n}\n\n.brokr-md-list li {\n line-height: 1.7;\n margin-bottom: 0.25em;\n}\n\n.brokr-md-list-unordered {\n list-style: none;\n}\n\n.brokr-md-list-unordered li {\n position: relative;\n}\n\n.brokr-md-list-unordered li::before {\n content: '\u2022';\n color: var(--brokr-text-secondary);\n left: -1em;\n position: absolute;\n}\n\n.brokr-md-list-ordered {\n list-style: decimal;\n padding-left: 1.35em;\n}\n\n.brokr-md-list-ordered li::marker {\n color: var(--brokr-text-secondary);\n}\n\n.brokr-md-quote {\n border-left: 1px solid var(--brokr-muted-border);\n color: var(--brokr-text-secondary);\n margin: 0.8em 0;\n padding: 0 0 0 0.9em;\n}\n\n.brokr-md-quote-line {\n line-height: 1.7;\n margin: 0 0 0.4em;\n}\n\n.brokr-md-quote-line:last-child {\n margin-bottom: 0;\n}\n\n.brokr-md-table-wrap {\n margin: 0.9em 0;\n overflow-x: auto;\n}\n\n.brokr-md-table {\n border-collapse: collapse;\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-card);\n min-width: 100%;\n width: max-content;\n}\n\n.brokr-md-table th,\n.brokr-md-table td {\n border-bottom: 1px solid var(--brokr-muted-border);\n font-size: var(--brokr-font-size-sm);\n line-height: var(--brokr-leading-snug);\n padding: var(--brokr-space-2) var(--brokr-space-3);\n text-align: left;\n vertical-align: top;\n}\n\n.brokr-md-table th {\n background: var(--brokr-subtle-fill);\n color: var(--brokr-text-primary);\n font-weight: var(--brokr-font-weight-semibold);\n}\n\n.brokr-md-table td {\n color: var(--brokr-text-secondary);\n}\n\n.brokr-md-table tr:last-child td {\n border-bottom: none;\n}\n\n/* \u2500\u2500\u2500 Code blocks \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.brokr-md-codeblock {\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-card);\n margin: 0.8em 0;\n overflow: hidden;\n}\n\n.brokr-md-codeblock-header {\n align-items: center;\n background: var(--brokr-subtle-fill);\n border-bottom: 1px solid var(--brokr-muted-border);\n display: flex;\n font-size: var(--brokr-font-size-xs);\n justify-content: space-between;\n padding: 0.4em 0.75em;\n}\n\n.brokr-md-codeblock-lang {\n color: var(--brokr-text-secondary);\n font-family: var(--brokr-font-mono);\n font-weight: var(--brokr-font-weight-medium);\n text-transform: lowercase;\n}\n\n.brokr-md-codeblock-copy {\n align-items: center;\n background: transparent;\n border: none;\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-xs);\n gap: 0.35em;\n padding: 0.15em 0.4em;\n border-radius: var(--brokr-radius-button);\n transition: color var(--brokr-duration-base) var(--brokr-ease), background var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-md-codeblock-copy:hover {\n background: var(--brokr-subtle-fill-strong);\n color: var(--brokr-text-primary);\n}\n\n.brokr-md-codeblock-pre {\n color: var(--brokr-text-primary);\n font-family: var(--brokr-font-mono);\n font-size: 0.825em;\n line-height: 1.6;\n margin: 0;\n overflow-x: auto;\n padding: 0.75em 1em;\n}\n\n.brokr-md-codeblock-pre code {\n background: none;\n border: none;\n padding: 0;\n}\n";
|
|
2
2
|
//# sourceMappingURL=markdown.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/react/css/markdown.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/react/css/markdown.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,o6JA4NxB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const PRIMITIVES_CSS = "\n.brokr-card {\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-card);\n box-shadow: var(--brokr-shadow-sm);\n}\n\n.brokr-panel {\n background: color-mix(in srgb, var(--brokr-surface) 96%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 2px);\n box-shadow: var(--brokr-shadow-md);\n}\n\n.brokr-button,\n.brokr-button-secondary,\n.brokr-button-ghost {\n appearance: none;\n border: 1px solid transparent;\n border-radius: var(--brokr-radius-button);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--brokr-space-2);\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight:
|
|
1
|
+
export declare const PRIMITIVES_CSS = "\n.brokr-card {\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-card);\n box-shadow: var(--brokr-shadow-sm);\n}\n\n.brokr-panel {\n background: color-mix(in srgb, var(--brokr-surface) 96%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 2px);\n box-shadow: var(--brokr-shadow-md);\n}\n\n.brokr-button,\n.brokr-button-secondary,\n.brokr-button-ghost {\n appearance: none;\n border: 1px solid transparent;\n border-radius: var(--brokr-radius-button);\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--brokr-space-2);\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: var(--brokr-font-weight-semibold);\n min-height: 44px;\n padding: 0 var(--brokr-space-4);\n text-decoration: none;\n transition: background-color var(--brokr-duration-base) var(--brokr-ease), border-color var(--brokr-duration-base) var(--brokr-ease), transform var(--brokr-duration-base) var(--brokr-ease), opacity var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-button:hover,\n.brokr-button-secondary:hover,\n.brokr-button-ghost:hover {\n transform: translateY(-1px);\n}\n\n.brokr-button:disabled,\n.brokr-button-secondary:disabled,\n.brokr-button-ghost:disabled {\n cursor: wait;\n opacity: 0.65;\n transform: none;\n}\n\n.brokr-button {\n background: var(--brokr-primary);\n color: var(--brokr-primary-contrast);\n}\n\n.brokr-button-secondary {\n background: var(--brokr-subtle-fill);\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-primary);\n}\n\n.brokr-button-ghost {\n background: transparent;\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-secondary);\n}\n\n.brokr-input,\n.brokr-textarea,\n.brokr-select {\n appearance: none;\n width: 100%;\n border: 1px solid var(--brokr-muted-border);\n background: color-mix(in srgb, var(--brokr-surfaceMuted, var(--brokr-surface)) 75%, var(--brokr-bg));\n color: var(--brokr-text-primary);\n border-radius: var(--brokr-radius-input);\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n min-height: 44px;\n padding: 0.825rem 0.95rem;\n transition: border-color var(--brokr-duration-base) var(--brokr-ease), background-color var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-input::placeholder,\n.brokr-textarea::placeholder {\n color: var(--brokr-text-secondary);\n}\n\n.brokr-input:focus,\n.brokr-textarea:focus,\n.brokr-select:focus,\n.brokr-button:focus-visible,\n.brokr-button-secondary:focus-visible,\n.brokr-button-ghost:focus-visible,\n.brokr-action:focus-visible {\n outline: 2px solid color-mix(in srgb, var(--brokr-primary) 60%, transparent);\n outline-offset: 2px;\n}\n\n.brokr-textarea {\n min-height: 120px;\n padding-top: 0.95rem;\n resize: vertical;\n}\n\n.brokr-label {\n color: var(--brokr-text-secondary);\n display: block;\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-semibold);\n letter-spacing: 0.02em;\n margin-bottom: var(--brokr-space-2);\n text-transform: uppercase;\n}\n\n.brokr-title {\n color: var(--brokr-text-primary);\n font-size: var(--brokr-font-size-xl);\n font-weight: var(--brokr-font-weight-bold);\n letter-spacing: -0.03em;\n margin: 0;\n}\n\n.brokr-heading {\n color: var(--brokr-text-primary);\n font-size: var(--brokr-font-size-2xl);\n font-weight: var(--brokr-font-weight-bold);\n letter-spacing: -0.04em;\n line-height: 1;\n margin: 0;\n}\n\n.brokr-copy,\n.brokr-muted {\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-sm);\n line-height: 1.6;\n}\n\n.brokr-section {\n display: grid;\n gap: var(--brokr-space-6);\n}\n\n.brokr-divider {\n border: 0;\n border-top: 1px solid var(--brokr-muted-border);\n margin: 0;\n}\n\n.brokr-badge {\n align-items: center;\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-pill);\n color: var(--brokr-text-secondary);\n display: inline-flex;\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-bold);\n gap: var(--brokr-space-1);\n letter-spacing: 0.06em;\n min-height: 28px;\n padding: 0 0.7rem;\n text-transform: uppercase;\n}\n\n.brokr-badge-sandbox {\n background: color-mix(in srgb, var(--brokr-primary) 10%, transparent);\n color: var(--brokr-text-primary);\n}\n\n.brokr-inline-message {\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) - 2px);\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-sm);\n padding: var(--brokr-space-3) var(--brokr-space-4);\n}\n\n.brokr-inline-message[data-tone=\"error\"] {\n border-color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 30%, var(--brokr-border));\n color: var(--brokr-text-primary);\n}\n\n.brokr-grid-auto {\n display: grid;\n gap: var(--brokr-space-4);\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n}\n";
|
|
2
2
|
//# sourceMappingURL=primitives.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../src/react/css/primitives.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../../../src/react/css/primitives.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,+7JA2L1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const RESET_CSS = "\n.brokr-root,\n.brokr-root > * {\n box-sizing: border-box;\n scrollbar-color: color-mix(in srgb, var(--brokr-text-primary) 18%, transparent) transparent;\n scrollbar-width: thin;\n}\n\n.brokr-root *::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n.brokr-root *::-webkit-scrollbar-thumb {\n background: color-mix(in srgb, var(--brokr-text-primary) 16%, transparent);\n border: 3px solid transparent;\n border-radius:
|
|
1
|
+
export declare const RESET_CSS = "\n.brokr-root,\n.brokr-root > * {\n box-sizing: border-box;\n scrollbar-color: color-mix(in srgb, var(--brokr-text-primary) 18%, transparent) transparent;\n scrollbar-width: thin;\n}\n\n.brokr-root *::-webkit-scrollbar {\n height: 10px;\n width: 10px;\n}\n\n.brokr-root *::-webkit-scrollbar-thumb {\n background: color-mix(in srgb, var(--brokr-text-primary) 16%, transparent);\n border: 3px solid transparent;\n border-radius: var(--brokr-radius-pill);\n background-clip: padding-box;\n}\n\n.brokr-root *::-webkit-scrollbar-track {\n background: transparent;\n}\n";
|
|
2
2
|
//# sourceMappingURL=reset.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../src/react/css/reset.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../../../src/react/css/reset.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,kkBAuBrB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const RESPONSIVE_CSS = "\n@media (min-width: 768px) {\n .brokr-account-panel {\n grid-template-columns: 214px minmax(0, 1fr);\n }\n}\n\n@media (max-width: 767px) {\n .brokr-account-panel {\n grid-template-columns: 1fr;\n }\n\n .brokr-account-sidebar {\n border-bottom: 1px solid var(--brokr-muted-border);\n border-right: none;\n gap: var(--brokr-space-3);\n }\n\n .brokr-account-tab-list {\n display: flex;\n flex-wrap: wrap;\n }\n\n .brokr-account-photo-row,\n .brokr-account-field-row {\n grid-template-columns: 1fr;\n }\n\n .brokr-account-field-body,\n .brokr-account-actions-row {\n justify-items: stretch;\n justify-content: stretch;\n width: 100%;\n }\n\n .brokr-account-static-value,\n .brokr-account-summary-row {\n align-items: flex-start;\n flex-direction: column;\n }\n}\n\n@media (max-width: 980px) {\n .brokr-auth-shell[data-variant=\"1\"] {\n grid-template-columns: 1fr;\n }\n\n .brokr-auth-shell[data-variant=\"1\"] .brokr-auth-hero {\n display: none;\n }\n\n .brokr-auth-form-pane {\n min-height: 100vh;\n padding: var(--brokr-space-4) var(--brokr-space-4) var(--brokr-space-8);\n }\n}\n\n@media (max-width: 640px) {\n .brokr-auth-card,\n .brokr-panel,\n .brokr-card {\n box-shadow: var(--brokr-shadow-sm);\n }\n\n .brokr-auth-card {\n padding: var(--brokr-space-5);\n }\n\n .brokr-chat-fab {\n bottom: var(--brokr-space-4);\n right: var(--brokr-space-4);\n }\n\n .brokr-ai-chat-shell {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .brokr-ai-chat-sidebar {\n display: none;\n }\n\n .brokr-ai-chat-model-select,\n .brokr-ai-chat-sidebar-button {\n width: 100%;\n }\n\n .brokr-ai-chat-starters {\n grid-template-columns: 1fr;\n }\n\n .brokr-ai-chat-message-bubble,\n .brokr-ai-chat-message-content {\n max-width: 100%;\n width: min(100%, 100%);\n }\n\n .brokr-chat-panel {\n bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n left: 0;\n max-height: 100dvh;\n min-height: 100dvh;\n min-width: 100vw;\n right: 0;\n top: auto;\n width: 100vw;\n }\n\n .brokr-popover {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: min(94vw, 380px);\n }\n\n .brokr-feedback-rating {\n grid-template-columns: 1fr;\n }\n}\n\n/* ============================================================\n Responsive \u2014 Mobile overrides for drawer\n ============================================================ */\n\n@media (max-width: 640px) {\n .brokr-ai-chat-sidebar-desktop {\n display: none;\n }\n\n .brokr-ai-chat-shell[data-sidebar=\"true\"] {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .brokr-ai-chat-hamburger {\n display: inline-flex;\n }\n}\n";
|
|
1
|
+
export declare const RESPONSIVE_CSS = "\n@media (min-width: 768px) {\n .brokr-account-panel {\n grid-template-columns: 214px minmax(0, 1fr);\n }\n}\n\n@media (max-width: 767px) {\n .brokr-account-panel {\n grid-template-columns: 1fr;\n }\n\n .brokr-account-sidebar {\n border-bottom: 1px solid var(--brokr-muted-border);\n border-right: none;\n gap: var(--brokr-space-3);\n }\n\n .brokr-account-tab-list {\n display: flex;\n flex-wrap: wrap;\n }\n\n .brokr-account-photo-row,\n .brokr-account-field-row {\n grid-template-columns: 1fr;\n }\n\n .brokr-account-field-body,\n .brokr-account-actions-row {\n justify-items: stretch;\n justify-content: stretch;\n width: 100%;\n }\n\n .brokr-account-static-value,\n .brokr-account-summary-row {\n align-items: flex-start;\n flex-direction: column;\n }\n}\n\n@media (max-width: 980px) {\n .brokr-auth-shell[data-variant=\"1\"] {\n grid-template-columns: 1fr;\n }\n\n .brokr-auth-shell[data-variant=\"1\"] .brokr-auth-hero {\n display: none;\n }\n\n .brokr-auth-form-pane {\n min-height: 100vh;\n padding: var(--brokr-space-4) var(--brokr-space-4) var(--brokr-space-8);\n }\n}\n\n@media (max-width: 640px) {\n .brokr-auth-card,\n .brokr-panel,\n .brokr-card {\n box-shadow: var(--brokr-shadow-sm);\n }\n\n .brokr-auth-card {\n padding: var(--brokr-space-5);\n }\n\n .brokr-chat-fab {\n bottom: var(--brokr-space-4);\n right: var(--brokr-space-4);\n }\n\n .brokr-ai-chat-shell {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .brokr-ai-chat-sidebar {\n display: none;\n }\n\n .brokr-ai-chat-model-select,\n .brokr-ai-chat-sidebar-button,\n .brokr-ai-chat-sidebar-new-chat {\n width: 100%;\n }\n\n .brokr-ai-chat-starters {\n grid-template-columns: 1fr;\n }\n\n .brokr-ai-chat-message-bubble,\n .brokr-ai-chat-message-content {\n max-width: 100%;\n width: min(100%, 100%);\n }\n\n .brokr-chat-panel {\n bottom: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n left: 0;\n max-height: 100dvh;\n min-height: 100dvh;\n min-width: 100vw;\n right: 0;\n top: auto;\n width: 100vw;\n }\n\n .brokr-popover {\n left: 50%;\n right: auto;\n transform: translateX(-50%);\n width: min(94vw, 380px);\n }\n\n .brokr-feedback-rating {\n grid-template-columns: 1fr;\n }\n}\n\n/* ============================================================\n Responsive \u2014 Mobile overrides for drawer\n ============================================================ */\n\n@media (max-width: 640px) {\n .brokr-ai-chat-sidebar-desktop {\n display: none;\n }\n\n .brokr-ai-chat-shell[data-sidebar=\"true\"] {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .brokr-ai-chat-hamburger {\n display: inline-flex;\n }\n}\n";
|
|
2
2
|
//# sourceMappingURL=responsive.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/react/css/responsive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../../../src/react/css/responsive.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,ovFA2I1B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const SKELETON_CSS = "\n.brokr-skeleton {\n animation: brokrPulse 1.4s ease-in-out infinite;\n background: linear-gradient(\n 90deg,\n color-mix(in srgb, var(--brokr-text-primary) 5%, transparent) 0%,\n color-mix(in srgb, var(--brokr-text-primary) 10%, transparent) 50%,\n color-mix(in srgb, var(--brokr-text-primary) 5%, transparent) 100%\n );\n background-size: 200% 100%;\n border-radius:
|
|
1
|
+
export declare const SKELETON_CSS = "\n.brokr-skeleton {\n animation: brokrPulse 1.4s ease-in-out infinite;\n background: linear-gradient(\n 90deg,\n color-mix(in srgb, var(--brokr-text-primary) 5%, transparent) 0%,\n color-mix(in srgb, var(--brokr-text-primary) 10%, transparent) 50%,\n color-mix(in srgb, var(--brokr-text-primary) 5%, transparent) 100%\n );\n background-size: 200% 100%;\n border-radius: var(--brokr-radius-pill);\n min-height: 16px;\n}\n";
|
|
2
2
|
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/react/css/skeleton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/react/css/skeleton.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,2bAaxB,CAAC"}
|