@brokr/sdk 2.0.0 → 2.1.0
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/react-notifications.js +63 -50
- package/dist/react-notifications.mjs +63 -50
- package/dist/react-styles.js +113 -75
- package/dist/react-styles.mjs +113 -75
- package/dist/react-theme.js +6 -4
- package/dist/react-theme.mjs +6 -4
- package/dist/react.js +325 -246
- package/dist/react.mjs +360 -281
- package/dist/src/react/account/AccountPanel.d.ts.map +1 -1
- package/dist/src/react/account/UserButton.d.ts.map +1 -1
- package/dist/src/react/chat/AIChat.d.ts.map +1 -1
- package/dist/src/react/chat/ChatInput.d.ts.map +1 -1
- package/dist/src/react/chat/MessagePane.d.ts.map +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/composites/FabAI.d.ts.map +1 -1
- 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/markdown.d.ts +1 -1
- package/dist/src/react/css/markdown.d.ts.map +1 -1
- package/dist/src/react/css/notifications.d.ts +1 -1
- package/dist/src/react/css/notifications.d.ts.map +1 -1
- package/dist/src/react/css/tokens.d.ts +1 -1
- package/dist/src/react/css/tokens.d.ts.map +1 -1
- package/dist/src/react/notifications/NotificationBell.d.ts.map +1 -1
- package/dist/src/react/notifications/NotificationList.d.ts.map +1 -1
- package/dist/src/react/notifications/Toast.d.ts.map +1 -1
- package/dist/src/react/payments/Plans.d.ts.map +1 -1
- package/dist/src/react/theme.d.ts.map +1 -1
- package/dist/src/react/types.d.ts +4 -4
- package/dist/src/react/types.d.ts.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountPanel.d.ts","sourceRoot":"","sources":["../../../../src/react/account/AccountPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAczE,KAAK,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"AccountPanel.d.ts","sourceRoot":"","sources":["../../../../src/react/account/AccountPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAczE,KAAK,eAAe,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC;AA6BnE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;CAC1B;AAiBD,wBAAgB,YAAY,CAAC,WAAW,EAAE,iBAAiB,qBAyT1D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserButton.d.ts","sourceRoot":"","sources":["../../../../src/react/account/UserButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,GACrB,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"UserButton.d.ts","sourceRoot":"","sources":["../../../../src/react/account/UserButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,GACrB,EAAE,eAAe,4BA8HjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AIChat.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/AIChat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"AIChat.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/AIChat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgC,WAAW,EAAE,MAAM,SAAS,CAAC;AAuBzE,wBAAgB,MAAM,CAAC,WAAW,EAAE,WAAW,qBAuW9C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ChatInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ChatInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiC,MAAM,OAAO,CAAC;AActD,wBAAgB,SAAS,sBAsExB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MessagePane.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/MessagePane.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"MessagePane.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/MessagePane.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAepD,UAAU,gBAAgB;IACxB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,WAAW,CAAC,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,gBAAgB,qBA0EhG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ModelSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ModelSelector.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ModelSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AA2CzC,UAAU,kBAAkB;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,OAAO,SAAS,CAAC;IACrC,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;CACzD;AAED,wBAAgB,aAAa,CAAC,EAC5B,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,QAAQ,GACT,EAAE,kBAAkB,qBAoEpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThreadSidebar.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ThreadSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ThreadSidebar.d.ts","sourceRoot":"","sources":["../../../../src/react/chat/ThreadSidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAmBpD,wBAAgB,aAAa,sBA4F5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FabAI.d.ts","sourceRoot":"","sources":["../../../../src/react/composites/FabAI.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"FabAI.d.ts","sourceRoot":"","sources":["../../../../src/react/composites/FabAI.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAgBlD,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,QAAQ,EAAE,WAAW,EAAE,CAAC;QACxB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,QAAQ,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAC1C,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAOD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,aAAa,EACb,QAAyB,EACzB,cAAmB,EACnB,YAAY,GACb,EAAE,UAAU,qBA6JZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const ACCOUNT_CSS = "\n.brokr-account-trigger {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-surface) 92%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n gap: var(--brokr-space-3);\n min-height: 44px;\n padding: 0.4rem 0.55rem 0.4rem 0.45rem;\n}\n\n.brokr-account-trigger[data-display=\"avatar\"] {\n border-radius: 999px;\n gap: 0;\n justify-content: center;\n min-width: 44px;\n padding: 0.35rem;\n}\n\n.brokr-avatar,\n.brokr-avatar-lg {\n align-items: center;\n background: var(--brokr-subtle-fill-strong);\n border-radius: 999px;\n color: var(--brokr-text-primary);\n display: inline-flex;\n font-weight: 700;\n justify-content: center;\n overflow: hidden;\n}\n\n.brokr-avatar { height: 32px; width: 32px; }\n.brokr-avatar-lg { height: 72px; width: 72px; }\n\n.brokr-avatar img,\n.brokr-avatar-lg img {\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n}\n\n.brokr-popover {\n display: grid;\n gap: var(--brokr-space-3);\n max-height: min(78vh, 760px);\n min-width: 280px;\n overflow: auto;\n padding: var(--brokr-space-3);\n position: absolute;\n right: 0;\n top: calc(100% + 2px);\n width: min(92vw, 320px);\n z-index: 60;\n}\n\n.brokr-popover[data-align=\"start\"] {\n left: 0;\n right: auto;\n}\n\n.brokr-popover-actions {\n display: grid;\n gap: var(--brokr-space-2);\n}\n\n.brokr-session-list,\n.brokr-stack-list {\n display: grid;\n gap: var(--brokr-space-3);\n}\n\n.brokr-session-item {\n align-items: center;\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: 1fr auto;\n}\n\n.brokr-profile-photo {\n align-items: center;\n cursor: pointer;\n display: inline-grid;\n justify-items: center;\n position: relative;\n width: 100%;\n}\n\n.brokr-profile-photo-shell {\n display: grid;\n gap: var(--brokr-space-3);\n justify-items: center;\n}\n\n.brokr-profile-photo-frame {\n align-items: center;\n display: grid;\n justify-items: center;\n min-height: 72px;\n width: 100%;\n}\n\n.brokr-profile-photo-overlay {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-bg) 72%, transparent);\n backdrop-filter: blur(10px);\n border-radius: inherit;\n color: var(--brokr-text-primary);\n display: grid;\n justify-items: center;\n inset: 0;\n opacity: 0;\n position: absolute;\n transition: opacity 150ms ease;\n}\n\n.brokr-profile-photo:hover .brokr-profile-photo-overlay,\n.brokr-profile-photo:focus-within .brokr-profile-photo-overlay {\n opacity: 1;\n}\n\n/* ============================================================\n Account Panel \u2014 Settings surface\n ============================================================ */\n\n.brokr-account-panel {\n background: color-mix(in srgb, var(--brokr-surface) 97%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 4px);\n display: grid;\n gap: 0;\n margin: 0 auto;\n max-width: 1040px;\n min-height: 620px;\n overflow: hidden;\n width: 100%;\n}\n\n.brokr-account-sidebar {\n background: color-mix(in srgb, var(--brokr-surfaceMuted, var(--brokr-surface)) 82%, var(--brokr-bg));\n border-right: 1px solid var(--brokr-muted-border);\n display: grid;\n align-content: start;\n gap: 1.6rem;\n padding: 1.45rem 1.1rem;\n}\n\n.brokr-account-sidebar-group {\n display: grid;\n gap: 0.45rem;\n}\n\n.brokr-account-sidebar-kicker {\n color: var(--brokr-text-secondary);\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n line-height: 1;\n opacity: 0.8;\n padding: 0 0.55rem;\n text-transform: uppercase;\n}\n\n.brokr-account-tab-list {\n display: grid;\n gap: 0.2rem;\n align-content: start;\n}\n\n.brokr-account-tab {\n align-items: center;\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-card) - 1px);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: 0.7rem;\n justify-content: flex-start;\n line-height: 1;\n min-height: 38px;\n padding: 0 0.7rem;\n text-align: left;\n width: 100%;\n}\n\n.brokr-account-tab-icon {\n align-items: center;\n color: currentColor;\n display: inline-flex;\n flex-shrink: 0;\n height: 16px;\n justify-content: center;\n line-height: 0;\n width: 16px;\n}\n\n.brokr-account-tab > span:last-child {\n align-items: center;\n display: inline-flex;\n min-height: 1rem;\n}\n\n.brokr-account-tab:hover,\n.brokr-account-tab[data-active=\"true\"] {\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-surface {\n display: grid;\n align-content: start;\n gap: 1.4rem;\n padding: 1.5rem;\n}\n\n.brokr-account-surface-header {\n display: block;\n padding: 0.1rem 0;\n}\n\n.brokr-account-form,\n.brokr-account-stack {\n display: grid;\n gap: 1rem;\n}\n\n.brokr-account-card {\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) + 1px);\n display: grid;\n gap: 1rem;\n padding: 1.15rem;\n}\n\n.brokr-account-photo-row {\n align-items: center;\n display: flex;\n gap: 1rem;\n min-height: 92px;\n}\n\n.brokr-account-photo-row .brokr-profile-photo-shell {\n gap: 0;\n}\n\n.brokr-account-photo-copy {\n display: grid;\n gap: 0.35rem;\n align-content: center;\n}\n\n.brokr-account-photo-hint {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n gap: 0.45rem;\n font-size: var(--brokr-font-size-sm);\n}\n\n.brokr-account-field-list {\n display: grid;\n gap: 0;\n padding: 0;\n}\n\n.brokr-account-field-row {\n display: grid;\n gap: 0.8rem;\n grid-template-columns: 1fr;\n padding: 1.15rem;\n}\n\n.brokr-account-field-row + .brokr-account-field-row {\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-field-head {\n display: grid;\n gap: 0.25rem;\n max-width: none;\n}\n\n.brokr-account-field-body {\n display: grid;\n gap: var(--brokr-space-2);\n justify-items: stretch;\n min-width: 0;\n width: 100%;\n}\n\n.brokr-account-field-body .brokr-input {\n min-height: 44px;\n width: 100%;\n}\n\n.brokr-account-field-body-static,\n.brokr-account-field-body-actions {\n align-content: center;\n}\n\n.brokr-account-field-body-stack {\n justify-items: stretch;\n}\n\n.brokr-account-static-value {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: var(--brokr-space-3);\n justify-content: space-between;\n line-height: 1.25;\n width: 100%;\n}\n\n.brokr-account-status-pill {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border: 1px solid var(--brokr-muted-border);\n border-radius: 999px;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n font-size: 0.75rem;\n font-weight: 600;\n gap: 0.35rem;\n min-height: 28px;\n padding: 0 0.7rem;\n}\n\n.brokr-account-status-pill[data-verified=\"true\"] {\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-actions-row {\n align-items: center;\n display: flex;\n gap: var(--brokr-space-3);\n justify-content: flex-end;\n padding-top: 0.1rem;\n}\n\n.brokr-account-summary-row {\n align-items: center;\n display: flex;\n gap: var(--brokr-space-4);\n justify-content: space-between;\n}\n\n.brokr-account-summary-copy {\n display: grid;\n gap: 0.35rem;\n}\n\n.brokr-account-summary-copy strong {\n color: var(--brokr-text-primary);\n font-size: 1.05rem;\n font-weight: 600;\n letter-spacing: -0.02em;\n}\n\n.brokr-account-summary-kicker {\n color: var(--brokr-text-secondary);\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.brokr-account-summary-icon {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border: 1px solid var(--brokr-muted-border);\n border-radius: 10px;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n height: 40px;\n justify-content: center;\n width: 40px;\n}\n\n.brokr-account-session-group {\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) - 1px);\n display: grid;\n overflow: hidden;\n}\n\n.brokr-account-session-row {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-surface) 98%, var(--brokr-bg));\n display: grid;\n gap: 0.75rem;\n grid-template-columns: 1fr auto;\n padding: 0.85rem 1rem;\n}\n\n.brokr-account-session-row + .brokr-account-session-row {\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-session-info {\n display: grid;\n gap: 0.15rem;\n min-width: 0;\n}\n\n.brokr-account-session-info strong {\n color: var(--brokr-text-primary);\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n}\n\n.brokr-account-session-detail,\n.brokr-account-session-empty {\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-sm);\n line-height: 1.5;\n}\n\n.brokr-account-danger-zone {\n border-color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 20%, var(--brokr-border));\n}\n\n.brokr-account-link-button {\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-button) - 2px);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n font: inherit;\n font-size: 0.8125rem;\n font-weight: 600;\n min-height: 34px;\n padding: 0 0.7rem;\n text-decoration: none;\n transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;\n}\n\n.brokr-account-link-button:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 5%, transparent);\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-link-button[data-tone=\"danger\"] {\n color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 70%, var(--brokr-text-secondary));\n}\n\n.brokr-account-link-button[data-tone=\"danger\"]:hover {\n color: var(--brokr-error, var(--brokr-primary));\n}\n\n.brokr-account-panel[data-density=\"compact\"] {\n border-radius: calc(var(--brokr-radius-card) + 2px);\n max-width: 100%;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-sidebar {\n border-bottom: 1px solid var(--brokr-muted-border);\n border-right: none;\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-tab-list {\n display: flex;\n flex-wrap: wrap;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-surface {\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-menu {\n display: grid;\n gap: var(--brokr-space-3);\n}\n\n.brokr-account-menu-header {\n align-items: center;\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: auto minmax(0, 1fr);\n padding-bottom: var(--brokr-space-2);\n}\n\n.brokr-account-menu-copy {\n display: grid;\n gap: 0.15rem;\n min-width: 0;\n}\n\n.brokr-account-menu-copy strong {\n color: var(--brokr-text-primary);\n font-size: 0.95rem;\n font-weight: 600;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.brokr-account-menu-copy span {\n color: var(--brokr-text-secondary);\n font-size: 0.82rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.brokr-account-menu-actions {\n display: grid;\n gap: var(--brokr-space-2);\n padding-top: var(--brokr-space-2);\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-menu-action {\n align-items: center;\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-card) - 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: 0.65rem;\n justify-content: flex-start;\n min-height: 38px;\n padding: 0 0.75rem;\n}\n\n.brokr-account-menu-action > span:last-child {\n align-items: center;\n display: inline-flex;\n min-height: 1rem;\n}\n\n.brokr-account-menu-action:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 5%, transparent);\n border-color: var(--brokr-muted-border);\n}\n\n.brokr-account-menu-action-icon {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n justify-content: center;\n}\n\n.brokr-modal-backdrop {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-bg) 60%, transparent);\n backdrop-filter: blur(10px);\n display: grid;\n inset: 0;\n padding: var(--brokr-space-6);\n position: fixed;\n z-index: 90;\n}\n\n.brokr-modal-dialog {\n max-height: min(90vh, 860px);\n overflow: auto;\n width: min(96vw, 1100px);\n}\n\n.brokr-account-settings-dialog {\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-4);\n}\n\n.brokr-modal-toolbar {\n display: flex;\n justify-content: flex-end;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-card {\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-field-row,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-photo-row {\n gap: var(--brokr-space-3);\n grid-template-columns: 1fr;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-field-body,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-actions-row {\n justify-items: stretch;\n justify-content: stretch;\n width: 100%;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-static-value,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-summary-row {\n align-items: flex-start;\n flex-direction: column;\n}\n";
|
|
1
|
+
export declare const ACCOUNT_CSS = "\n.brokr-account-trigger {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-surface) 92%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n gap: var(--brokr-space-3);\n min-height: 44px;\n padding: 0.4rem 0.55rem 0.4rem 0.45rem;\n}\n\n.brokr-account-trigger[data-display=\"avatar\"] {\n border-radius: 999px;\n gap: 0;\n justify-content: center;\n min-width: 44px;\n padding: 0.35rem;\n}\n\n.brokr-avatar,\n.brokr-avatar-lg {\n align-items: center;\n background: var(--brokr-subtle-fill-strong);\n border-radius: 999px;\n color: var(--brokr-text-primary);\n display: inline-flex;\n font-weight: 700;\n justify-content: center;\n overflow: hidden;\n}\n\n.brokr-avatar { height: 32px; width: 32px; }\n.brokr-avatar-lg { height: 72px; width: 72px; }\n\n.brokr-avatar img,\n.brokr-avatar-lg img {\n display: block;\n height: 100%;\n object-fit: cover;\n width: 100%;\n}\n\n.brokr-popover {\n display: grid;\n gap: var(--brokr-space-3);\n max-height: min(78vh, 760px);\n min-width: 280px;\n overflow: auto;\n padding: var(--brokr-space-3);\n position: absolute;\n right: 0;\n top: calc(100% + 2px);\n width: min(92vw, 320px);\n z-index: var(--brokr-z-popover);\n}\n\n.brokr-popover[data-align=\"start\"] {\n left: 0;\n right: auto;\n}\n\n.brokr-popover-actions {\n display: grid;\n gap: var(--brokr-space-2);\n}\n\n.brokr-session-list,\n.brokr-stack-list {\n display: grid;\n gap: var(--brokr-space-3);\n}\n\n.brokr-session-item {\n align-items: center;\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: 1fr auto;\n}\n\n.brokr-profile-photo {\n align-items: center;\n cursor: pointer;\n display: inline-grid;\n justify-items: center;\n position: relative;\n width: 100%;\n}\n\n.brokr-profile-photo-shell {\n display: grid;\n gap: var(--brokr-space-3);\n justify-items: center;\n}\n\n.brokr-profile-photo-frame {\n align-items: center;\n display: grid;\n justify-items: center;\n min-height: 72px;\n width: 100%;\n}\n\n.brokr-profile-photo-overlay {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-bg) 72%, transparent);\n backdrop-filter: blur(10px);\n border-radius: inherit;\n color: var(--brokr-text-primary);\n display: grid;\n justify-items: center;\n inset: 0;\n opacity: 0;\n position: absolute;\n transition: opacity 150ms ease;\n}\n\n.brokr-profile-photo:hover .brokr-profile-photo-overlay,\n.brokr-profile-photo:focus-within .brokr-profile-photo-overlay {\n opacity: 1;\n}\n\n/* ============================================================\n Account Panel \u2014 Settings surface\n ============================================================ */\n\n.brokr-account-panel {\n background: color-mix(in srgb, var(--brokr-surface) 97%, var(--brokr-bg));\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 4px);\n display: grid;\n gap: 0;\n margin: 0 auto;\n max-width: 1040px;\n min-height: 620px;\n overflow: hidden;\n width: 100%;\n}\n\n.brokr-account-sidebar {\n background: color-mix(in srgb, var(--brokr-surfaceMuted, var(--brokr-surface)) 82%, var(--brokr-bg));\n border-right: 1px solid var(--brokr-muted-border);\n display: grid;\n align-content: start;\n gap: 1.6rem;\n padding: 1.45rem 1.1rem;\n}\n\n.brokr-account-sidebar-group {\n display: grid;\n gap: 0.45rem;\n}\n\n.brokr-account-sidebar-kicker {\n color: var(--brokr-text-secondary);\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n line-height: 1;\n opacity: 0.8;\n padding: 0 0.55rem;\n text-transform: uppercase;\n}\n\n.brokr-account-tab-list {\n display: grid;\n gap: 0.2rem;\n align-content: start;\n}\n\n.brokr-account-tab {\n align-items: center;\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-card) - 1px);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: 0.7rem;\n justify-content: flex-start;\n line-height: 1;\n min-height: 38px;\n padding: 0 0.7rem;\n text-align: left;\n width: 100%;\n}\n\n.brokr-account-tab-icon {\n align-items: center;\n color: currentColor;\n display: inline-flex;\n flex-shrink: 0;\n height: 16px;\n justify-content: center;\n line-height: 0;\n width: 16px;\n}\n\n.brokr-account-tab > span:last-child {\n align-items: center;\n display: inline-flex;\n min-height: 1rem;\n}\n\n.brokr-account-tab:hover,\n.brokr-account-tab[data-active=\"true\"] {\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-surface {\n display: grid;\n align-content: start;\n gap: 1.4rem;\n padding: 1.5rem;\n}\n\n.brokr-account-surface-header {\n display: block;\n padding: 0.1rem 0;\n}\n\n.brokr-account-form,\n.brokr-account-stack {\n display: grid;\n gap: 1rem;\n}\n\n.brokr-account-card {\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) + 1px);\n display: grid;\n gap: 1rem;\n padding: 1.15rem;\n}\n\n.brokr-account-photo-row {\n align-items: center;\n display: flex;\n gap: 1rem;\n min-height: 92px;\n}\n\n.brokr-account-photo-row .brokr-profile-photo-shell {\n gap: 0;\n}\n\n.brokr-account-photo-copy {\n display: grid;\n gap: 0.35rem;\n align-content: center;\n}\n\n.brokr-account-photo-hint {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n gap: 0.45rem;\n font-size: var(--brokr-font-size-sm);\n}\n\n.brokr-account-field-list {\n display: grid;\n gap: 0;\n padding: 0;\n}\n\n.brokr-account-field-row {\n display: grid;\n gap: 0.8rem;\n grid-template-columns: 1fr;\n padding: 1.15rem;\n}\n\n.brokr-account-field-row + .brokr-account-field-row {\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-field-head {\n display: grid;\n gap: 0.25rem;\n max-width: none;\n}\n\n.brokr-account-field-body {\n display: grid;\n gap: var(--brokr-space-2);\n justify-items: stretch;\n min-width: 0;\n width: 100%;\n}\n\n.brokr-account-field-body .brokr-input {\n min-height: 44px;\n width: 100%;\n}\n\n.brokr-account-field-body-static,\n.brokr-account-field-body-actions {\n align-content: center;\n}\n\n.brokr-account-field-body-stack {\n justify-items: stretch;\n}\n\n.brokr-account-static-value {\n align-items: center;\n display: flex;\n flex-wrap: wrap;\n gap: var(--brokr-space-3);\n justify-content: space-between;\n line-height: 1.25;\n width: 100%;\n}\n\n.brokr-account-status-pill {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border: 1px solid var(--brokr-muted-border);\n border-radius: 999px;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n font-size: 0.75rem;\n font-weight: 600;\n gap: 0.35rem;\n min-height: 28px;\n padding: 0 0.7rem;\n}\n\n.brokr-account-status-pill[data-verified=\"true\"] {\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-actions-row {\n align-items: center;\n display: flex;\n gap: var(--brokr-space-3);\n justify-content: flex-end;\n padding-top: 0.1rem;\n}\n\n.brokr-account-summary-row {\n align-items: center;\n display: flex;\n gap: var(--brokr-space-4);\n justify-content: space-between;\n}\n\n.brokr-account-summary-copy {\n display: grid;\n gap: 0.35rem;\n}\n\n.brokr-account-summary-copy strong {\n color: var(--brokr-text-primary);\n font-size: 1.05rem;\n font-weight: 600;\n letter-spacing: -0.02em;\n}\n\n.brokr-account-summary-kicker {\n color: var(--brokr-text-secondary);\n font-size: 0.72rem;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.brokr-account-summary-icon {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n border: 1px solid var(--brokr-muted-border);\n border-radius: 10px;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n height: 40px;\n justify-content: center;\n width: 40px;\n}\n\n.brokr-account-session-group {\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) - 1px);\n display: grid;\n overflow: hidden;\n}\n\n.brokr-account-session-row {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-surface) 98%, var(--brokr-bg));\n display: grid;\n gap: 0.75rem;\n grid-template-columns: 1fr auto;\n padding: 0.85rem 1rem;\n}\n\n.brokr-account-session-row + .brokr-account-session-row {\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-session-info {\n display: grid;\n gap: 0.15rem;\n min-width: 0;\n}\n\n.brokr-account-session-info strong {\n color: var(--brokr-text-primary);\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n}\n\n.brokr-account-session-detail,\n.brokr-account-session-empty {\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-sm);\n line-height: 1.5;\n}\n\n.brokr-account-danger-zone {\n border-color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 20%, var(--brokr-border));\n}\n\n.brokr-account-link-button {\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-button) - 2px);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n font: inherit;\n font-size: 0.8125rem;\n font-weight: 600;\n min-height: 34px;\n padding: 0 0.7rem;\n text-decoration: none;\n transition: color 120ms ease, background-color 120ms ease, border-color 120ms ease;\n}\n\n.brokr-account-link-button:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 5%, transparent);\n border-color: var(--brokr-muted-border);\n color: var(--brokr-text-primary);\n}\n\n.brokr-account-link-button[data-tone=\"danger\"] {\n color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 70%, var(--brokr-text-secondary));\n}\n\n.brokr-account-link-button[data-tone=\"danger\"]:hover {\n color: var(--brokr-error, var(--brokr-primary));\n}\n\n.brokr-account-panel[data-density=\"compact\"] {\n border-radius: calc(var(--brokr-radius-card) + 2px);\n max-width: 100%;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-sidebar {\n border-bottom: 1px solid var(--brokr-muted-border);\n border-right: none;\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-tab-list {\n display: flex;\n flex-wrap: wrap;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-surface {\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-menu {\n display: grid;\n gap: var(--brokr-space-3);\n}\n\n.brokr-account-menu-header {\n align-items: center;\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: auto minmax(0, 1fr);\n padding-bottom: var(--brokr-space-2);\n}\n\n.brokr-account-menu-copy {\n display: grid;\n gap: 0.15rem;\n min-width: 0;\n}\n\n.brokr-account-menu-copy strong {\n color: var(--brokr-text-primary);\n font-size: 0.95rem;\n font-weight: 600;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.brokr-account-menu-copy span {\n color: var(--brokr-text-secondary);\n font-size: 0.82rem;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.brokr-account-menu-actions {\n display: grid;\n gap: var(--brokr-space-2);\n padding-top: var(--brokr-space-2);\n border-top: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-account-menu-action {\n align-items: center;\n appearance: none;\n background: transparent;\n border: 1px solid transparent;\n border-radius: calc(var(--brokr-radius-card) - 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: 0.65rem;\n justify-content: flex-start;\n min-height: 38px;\n padding: 0 0.75rem;\n}\n\n.brokr-account-menu-action > span:last-child {\n align-items: center;\n display: inline-flex;\n min-height: 1rem;\n}\n\n.brokr-account-menu-action:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 5%, transparent);\n border-color: var(--brokr-muted-border);\n}\n\n.brokr-account-menu-action-icon {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n justify-content: center;\n}\n\n.brokr-modal-backdrop {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-bg) 60%, transparent);\n backdrop-filter: blur(10px);\n display: grid;\n inset: 0;\n padding: var(--brokr-space-6);\n position: fixed;\n z-index: var(--brokr-z-modal-backdrop);\n}\n\n.brokr-modal-dialog {\n max-height: min(90vh, 860px);\n overflow: auto;\n width: min(96vw, 1100px);\n}\n\n.brokr-account-settings-dialog {\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-4);\n}\n\n.brokr-modal-toolbar {\n display: flex;\n justify-content: flex-end;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-card {\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3);\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-field-row,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-photo-row {\n gap: var(--brokr-space-3);\n grid-template-columns: 1fr;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-field-body,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-actions-row {\n justify-items: stretch;\n justify-content: stretch;\n width: 100%;\n}\n\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-static-value,\n.brokr-account-panel[data-density=\"compact\"] .brokr-account-summary-row {\n align-items: flex-start;\n flex-direction: column;\n}\n";
|
|
2
2
|
//# sourceMappingURL=account.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../../../src/react/css/account.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"account.d.ts","sourceRoot":"","sources":["../../../../src/react/css/account.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,+3bAsmBvB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const AUTH_CSS = "\n.brokr-auth-shell {\n align-items: stretch;\n background: var(--brokr-bg);\n color: var(--brokr-text-primary);\n display: grid;\n min-height: 100vh;\n}\n\n.brokr-auth-shell[data-variant=\"1\"] {\n grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);\n}\n\n.brokr-auth-hero {\n display: grid;\n min-height: 40vh;\n overflow: hidden;\n padding: var(--brokr-space-8);\n position: relative;\n}\n\n.brokr-auth-hero::after {\n background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--brokr-bg) 75%, transparent) 100%);\n content: \"\";\n inset: 0;\n pointer-events: none;\n position: absolute;\n}\n\n.brokr-auth-hero-media {\n background-color: var(--brokr-soft-surface);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 10px);\n inset: var(--brokr-space-6);\n position: absolute;\n}\n\n.brokr-auth-hero-content {\n align-content: end;\n display: grid;\n gap: var(--brokr-space-4);\n margin-top: auto;\n max-width: 34rem;\n padding: var(--brokr-space-6);\n position: relative;\n z-index: 1;\n}\n\n.brokr-brand-row {\n align-items: center;\n display: inline-flex;\n gap: var(--brokr-space-3);\n}\n\n.brokr-brand-logo {\n border-radius:
|
|
1
|
+
export declare const AUTH_CSS = "\n.brokr-auth-shell {\n align-items: stretch;\n background: var(--brokr-bg);\n color: var(--brokr-text-primary);\n display: grid;\n min-height: 100vh;\n}\n\n.brokr-auth-shell[data-variant=\"1\"] {\n grid-template-columns: minmax(0, 1.1fr) minmax(360px, 0.9fr);\n}\n\n.brokr-auth-hero {\n display: grid;\n min-height: 40vh;\n overflow: hidden;\n padding: var(--brokr-space-8);\n position: relative;\n}\n\n.brokr-auth-hero::after {\n background: linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--brokr-bg) 75%, transparent) 100%);\n content: \"\";\n inset: 0;\n pointer-events: none;\n position: absolute;\n}\n\n.brokr-auth-hero-media {\n background-color: var(--brokr-soft-surface);\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 10px);\n inset: var(--brokr-space-6);\n position: absolute;\n}\n\n.brokr-auth-hero-content {\n align-content: end;\n display: grid;\n gap: var(--brokr-space-4);\n margin-top: auto;\n max-width: 34rem;\n padding: var(--brokr-space-6);\n position: relative;\n z-index: 1;\n}\n\n.brokr-brand-row {\n align-items: center;\n display: inline-flex;\n gap: var(--brokr-space-3);\n}\n\n.brokr-brand-logo {\n border-radius: calc(var(--brokr-radius-card) + 6px);\n display: block;\n height: 40px;\n object-fit: contain;\n width: 40px;\n}\n\n.brokr-brand-name {\n color: var(--brokr-text-primary);\n font-size: var(--brokr-font-size-sm);\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.brokr-auth-form-pane {\n align-items: center;\n display: grid;\n min-height: 100vh;\n padding: var(--brokr-space-8);\n}\n\n.brokr-auth-card {\n display: grid;\n gap: var(--brokr-space-6);\n margin: 0 auto;\n max-width: 28rem;\n padding: var(--brokr-space-8);\n width: 100%;\n}\n\n.brokr-auth-form {\n display: grid;\n gap: var(--brokr-space-4);\n}\n\n.brokr-auth-footer {\n color: var(--brokr-text-secondary);\n display: flex;\n flex-wrap: wrap;\n gap: var(--brokr-space-2);\n justify-content: center;\n}\n\n.brokr-auth-link,\n.brokr-action {\n color: var(--brokr-text-primary);\n cursor: pointer;\n text-decoration: none;\n}\n\n.brokr-auth-link:hover,\n.brokr-action:hover {\n opacity: 0.8;\n}\n";
|
|
2
2
|
//# sourceMappingURL=auth.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../../../src/react/css/auth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"auth.d.ts","sourceRoot":"","sources":["../../../../src/react/css/auth.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,qzEAiHpB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CHAT_EXTRAS_CSS = "\n/* ============================================================\n AI Chat \u2014 Model Selector Dropdown\n ============================================================ */\n\n.brokr-model-selector {\n position: relative;\n}\n\n.brokr-model-trigger {\n align-items: center;\n background: var(--brokr-subtle-fill);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: var(--brokr-space-2);\n min-height: 36px;\n padding: 0 0.75rem;\n transition: background-color 120ms ease;\n white-space: nowrap;\n}\n\n.brokr-model-trigger:hover {\n background: var(--brokr-subtle-fill-strong);\n}\n\n.brokr-model-dropdown {\n animation: brokrModelDrop 120ms ease-out;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 1px);\n box-shadow: var(--brokr-shadow-md);\n display: flex;\n flex-direction: column;\n min-width: 220px;\n overflow: hidden;\n padding: 0.3rem;\n position: absolute;\n right: 0;\n top: calc(100% + 6px);\n z-index:
|
|
1
|
+
export declare const CHAT_EXTRAS_CSS = "\n/* ============================================================\n AI Chat \u2014 Model Selector Dropdown\n ============================================================ */\n\n.brokr-model-selector {\n position: relative;\n}\n\n.brokr-model-trigger {\n align-items: center;\n background: var(--brokr-subtle-fill);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n font-weight: 600;\n gap: var(--brokr-space-2);\n min-height: 36px;\n padding: 0 0.75rem;\n transition: background-color 120ms ease;\n white-space: nowrap;\n}\n\n.brokr-model-trigger:hover {\n background: var(--brokr-subtle-fill-strong);\n}\n\n.brokr-model-dropdown {\n animation: brokrModelDrop 120ms ease-out;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 1px);\n box-shadow: var(--brokr-shadow-md);\n display: flex;\n flex-direction: column;\n min-width: 220px;\n overflow: hidden;\n padding: 0.3rem;\n position: absolute;\n right: 0;\n top: calc(100% + 6px);\n z-index: var(--brokr-z-dropdown);\n}\n\n.brokr-model-option {\n align-items: center;\n appearance: none;\n background: transparent;\n border: none;\n border-radius: calc(var(--brokr-radius-card) - 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n gap: var(--brokr-space-2);\n padding: 0.5rem 0.75rem;\n text-align: left;\n transition: background-color 100ms ease;\n width: 100%;\n}\n\n.brokr-model-option:hover:not([data-locked=\"true\"]) {\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-model-option[data-active=\"true\"] {\n background: color-mix(in srgb, var(--brokr-primary) 8%, transparent);\n}\n\n.brokr-model-option[data-locked=\"true\"] {\n cursor: not-allowed;\n opacity: 0.45;\n}\n\n.brokr-model-option-label {\n flex: 1;\n}\n\n.brokr-model-dot {\n border-radius: 999px;\n display: inline-block;\n flex-shrink: 0;\n height: 8px;\n width: 8px;\n}\n\n.brokr-model-lock {\n font-size: 0.7rem;\n}\n\n/* ============================================================\n AI Chat \u2014 Thread row with context menu\n ============================================================ */\n\n.brokr-ai-chat-thread-row {\n align-items: center;\n display: grid;\n grid-template-columns: 1fr auto;\n position: relative;\n}\n\n.brokr-ai-chat-thread-row .brokr-ai-chat-conversation {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n}\n\n.brokr-ai-chat-thread-menu-wrap {\n flex-shrink: 0;\n position: relative;\n}\n\n.brokr-ai-chat-thread-menu-btn {\n align-items: center;\n background: transparent;\n border: none;\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: inline-flex;\n height: 28px;\n justify-content: center;\n padding: 0;\n width: 28px;\n}\n\n.brokr-ai-chat-thread-menu-btn:hover {\n background: var(--brokr-subtle-fill-strong);\n color: var(--brokr-text-primary);\n}\n\n.brokr-ai-chat-thread-dropdown {\n animation: brokrModelDrop 120ms ease-out;\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-md);\n display: flex;\n flex-direction: column;\n min-width: 160px;\n overflow: hidden;\n padding: 0.3rem;\n position: absolute;\n right: 0;\n top: calc(100% + 4px);\n z-index: var(--brokr-z-dropdown);\n}\n\n.brokr-ai-chat-thread-dropdown-item {\n align-items: center;\n appearance: none;\n background: transparent;\n border: none;\n border-radius: calc(var(--brokr-radius-card) - 2px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n gap: var(--brokr-space-2);\n padding: 0.5rem 0.75rem;\n text-align: left;\n transition: background-color 100ms ease;\n width: 100%;\n}\n\n.brokr-ai-chat-thread-dropdown-item:hover {\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-ai-chat-thread-dropdown-item[data-tone=\"danger\"] {\n color: color-mix(in srgb, var(--brokr-error, var(--brokr-primary)) 80%, var(--brokr-text-primary));\n}\n\n/* ============================================================\n AI Chat \u2014 Message copy button\n ============================================================ */\n\n.brokr-ai-chat-message-wrap {\n max-width: min(100%, 720px);\n position: relative;\n width: 100%;\n}\n\n.brokr-ai-chat-message-wrap .brokr-ai-chat-message-content {\n max-width: 100%;\n width: 100%;\n}\n\n.brokr-ai-chat-copy-btn {\n align-items: center;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: inline-flex;\n height: 26px;\n justify-content: center;\n opacity: 0;\n padding: 0;\n position: absolute;\n right: 0;\n top: -4px;\n transition: opacity 120ms ease, background-color 120ms ease;\n width: 26px;\n}\n\n.brokr-ai-chat-message-wrap:hover .brokr-ai-chat-copy-btn {\n opacity: 1;\n}\n\n.brokr-ai-chat-copy-btn:hover {\n background: var(--brokr-subtle-fill-strong);\n color: var(--brokr-text-primary);\n}\n\n/* ============================================================\n AI Chat \u2014 Input layout\n ============================================================ */\n\n.brokr-ai-chat-input-row {\n align-items: stretch;\n display: flex;\n gap: var(--brokr-space-2);\n}\n\n.brokr-ai-chat-input-container {\n display: flex;\n flex-direction: column;\n gap: var(--brokr-space-2);\n margin: 0 auto;\n max-width: 860px;\n}\n\n.brokr-ai-chat-composer-actions {\n display: flex;\n flex-wrap: wrap;\n gap: var(--brokr-space-2);\n}\n\n/* ============================================================\n AI Chat \u2014 Variant: no header (variant=3)\n ============================================================ */\n\n.brokr-ai-chat-stage[data-noheader=\"true\"] .brokr-ai-chat-thread {\n padding-top: var(--brokr-space-4);\n}\n\n/* ============================================================\n AI Chat \u2014 Mobile drawer\n ============================================================ */\n\n.brokr-ai-chat-drawer-backdrop {\n background: color-mix(in srgb, var(--brokr-bg) 60%, transparent);\n backdrop-filter: blur(4px);\n inset: 0;\n position: fixed;\n z-index: var(--brokr-z-drawer-backdrop);\n}\n\n.brokr-ai-chat-drawer {\n animation: brokrDrawerSlideIn 200ms ease-out;\n background: var(--brokr-surface);\n border-right: 1px solid var(--brokr-muted-border);\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-4);\n align-content: start;\n overflow-y: auto;\n height: 100%;\n left: 0;\n max-width: 280px;\n position: fixed;\n top: 0;\n width: 80vw;\n z-index: var(--brokr-z-drawer);\n}\n\n.brokr-ai-chat-hamburger {\n align-items: center;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n display: none;\n height: 36px;\n justify-content: center;\n width: 36px;\n}\n\n.brokr-ai-chat-hamburger:hover {\n background: var(--brokr-subtle-fill);\n color: var(--brokr-text-primary);\n}\n\n.brokr-ai-chat-topbar-left {\n display: flex;\n align-items: center;\n gap: var(--brokr-space-2);\n}\n\n/* ============================================================\n AI Chat \u2014 Rename input\n ============================================================ */\n\n.brokr-ai-chat-rename-input {\n appearance: none;\n background: var(--brokr-subtle-fill);\n border: 1px solid var(--brokr-primary);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-primary);\n font: inherit;\n font-size: var(--brokr-font-size-xs);\n outline: none;\n padding: 0.5rem 0.65rem;\n width: 100%;\n}\n\n/* ============================================================\n AI Chat \u2014 Sentinel (infinite scroll trigger)\n ============================================================ */\n\n.brokr-ai-chat-sentinel {\n min-height: 1px;\n}\n";
|
|
2
2
|
//# sourceMappingURL=chat-extras.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-extras.d.ts","sourceRoot":"","sources":["../../../../src/react/css/chat-extras.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"chat-extras.d.ts","sourceRoot":"","sources":["../../../../src/react/css/chat-extras.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,+vQA6U3B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const CHAT_CSS = "\n.brokr-ai-chat-shell {\n display: grid;\n gap: 0;\n grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);\n overflow: hidden;\n width: 100%;\n}\n\n.brokr-ai-chat-shell[data-sidebar=\"false\"] {\n grid-template-columns: minmax(0, 1fr);\n}\n\n.brokr-ai-chat-sidebar {\n border-right: 1px solid var(--brokr-muted-border);\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-4);\n align-content: start;\n overflow-y: auto;\n height: 100%;\n max-height: 100%;\n min-height: 0;\n}\n\n.brokr-ai-chat-sidebar-empty {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n padding: var(--brokr-space-6) var(--brokr-space-4);\n}\n\n.brokr-ai-chat-sidebar-empty-text {\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-xs);\n line-height: 1.5;\n text-align: center;\n opacity: 0.6;\n}\n\n.brokr-ai-chat-sidebar-button {\n align-items: center;\n background: transparent;\n border: none;\n border-radius: var(--brokr-radius-button);\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 font-weight: 500;\n gap: var(--brokr-space-2);\n justify-content: flex-start;\n padding: 0.5rem 0.65rem;\n padding-bottom: 0.65rem;\n margin-bottom: var(--brokr-space-2);\n border-bottom: 1px solid var(--brokr-muted-border);\n border-radius: 0;\n transition: color 120ms ease;\n width: 100%;\n}\n\n.brokr-ai-chat-sidebar-button:hover {\n color: var(--brokr-text-primary);\n}\n\n.brokr-ai-chat-conversations {\n display: grid;\n gap: 2px;\n}\n\n.brokr-ai-chat-conversation {\n appearance: none;\n background: transparent;\n border: none;\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n font: inherit;\n font-size: var(--brokr-font-size-xs);\n font-weight: 400;\n overflow: hidden;\n padding: 0.5rem 0.65rem;\n text-align: left;\n text-overflow: ellipsis;\n transition: color 120ms ease, background 120ms ease;\n white-space: nowrap;\n}\n\n.brokr-ai-chat-conversation:hover {\n color: var(--brokr-text-primary);\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-ai-chat-conversation[data-active=\"true\"] {\n color: var(--brokr-text-primary);\n background: var(--brokr-subtle-fill);\n font-weight: 500;\n}\n\n.brokr-ai-chat-stage {\n height: 100%;\n max-height: 100%;\n min-height: 0;\n width: 100%;\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.brokr-ai-chat-topbar {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: var(--brokr-space-4);\n justify-content: space-between;\n left: 0;\n padding: var(--brokr-space-3);\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n z-index:
|
|
1
|
+
export declare const CHAT_CSS = "\n.brokr-ai-chat-shell {\n display: grid;\n gap: 0;\n grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);\n overflow: hidden;\n width: 100%;\n}\n\n.brokr-ai-chat-shell[data-sidebar=\"false\"] {\n grid-template-columns: minmax(0, 1fr);\n}\n\n.brokr-ai-chat-sidebar {\n border-right: 1px solid var(--brokr-muted-border);\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-4);\n align-content: start;\n overflow-y: auto;\n height: 100%;\n max-height: 100%;\n min-height: 0;\n}\n\n.brokr-ai-chat-sidebar-empty {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: center;\n padding: var(--brokr-space-6) var(--brokr-space-4);\n}\n\n.brokr-ai-chat-sidebar-empty-text {\n color: var(--brokr-text-secondary);\n font-size: var(--brokr-font-size-xs);\n line-height: 1.5;\n text-align: center;\n opacity: 0.6;\n}\n\n.brokr-ai-chat-sidebar-button {\n align-items: center;\n background: transparent;\n border: none;\n border-radius: var(--brokr-radius-button);\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 font-weight: 500;\n gap: var(--brokr-space-2);\n justify-content: flex-start;\n padding: 0.5rem 0.65rem;\n padding-bottom: 0.65rem;\n margin-bottom: var(--brokr-space-2);\n border-bottom: 1px solid var(--brokr-muted-border);\n border-radius: 0;\n transition: color 120ms ease;\n width: 100%;\n}\n\n.brokr-ai-chat-sidebar-button:hover {\n color: var(--brokr-text-primary);\n}\n\n.brokr-ai-chat-conversations {\n display: grid;\n gap: 2px;\n}\n\n.brokr-ai-chat-conversation {\n appearance: none;\n background: transparent;\n border: none;\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-secondary);\n cursor: pointer;\n font: inherit;\n font-size: var(--brokr-font-size-xs);\n font-weight: 400;\n overflow: hidden;\n padding: 0.5rem 0.65rem;\n text-align: left;\n text-overflow: ellipsis;\n transition: color 120ms ease, background 120ms ease;\n white-space: nowrap;\n}\n\n.brokr-ai-chat-conversation:hover {\n color: var(--brokr-text-primary);\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-ai-chat-conversation[data-active=\"true\"] {\n color: var(--brokr-text-primary);\n background: var(--brokr-subtle-fill);\n font-weight: 500;\n}\n\n.brokr-ai-chat-stage {\n height: 100%;\n max-height: 100%;\n min-height: 0;\n width: 100%;\n max-width: 100%;\n min-width: 0;\n overflow: hidden;\n position: relative;\n}\n\n.brokr-ai-chat-topbar {\n align-items: center;\n display: flex;\n flex-direction: row;\n gap: var(--brokr-space-4);\n justify-content: space-between;\n left: 0;\n padding: var(--brokr-space-3);\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n z-index: var(--brokr-z-chat-float);\n}\n\n.brokr-ai-chat-topbar > * {\n pointer-events: auto;\n}\n\n.brokr-ai-chat-header-title {\n align-items: center;\n display: inline-flex;\n gap: var(--brokr-space-2);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.brokr-ai-chat-title-loading {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: inline-flex;\n gap: 0.3rem;\n}\n\n.brokr-ai-chat-title-loading span {\n animation: brokrTypingBounce 1.2s ease-in-out infinite;\n background: color-mix(in srgb, var(--brokr-text-primary) 50%, transparent);\n border-radius: 999px;\n display: inline-block;\n height: 0.28rem;\n width: 0.28rem;\n}\n\n.brokr-ai-chat-title-loading span:nth-child(2) {\n animation-delay: 0.15s;\n}\n\n.brokr-ai-chat-title-loading span:nth-child(3) {\n animation-delay: 0.3s;\n}\n\n.brokr-ai-chat-topbar-actions {\n align-items: center;\n display: inline-flex;\n gap: var(--brokr-space-2);\n}\n\n.brokr-ai-chat-model-select {\n min-width: 11rem;\n}\n\n.brokr-ai-chat-thread {\n height: 100%;\n min-height: 0;\n overflow-y: auto;\n padding: calc(var(--brokr-space-12) + var(--brokr-space-4)) 0 calc(var(--brokr-space-12) + 4.75rem);\n}\n\n.brokr-ai-chat-thread[data-empty=\"true\"] {\n align-content: center;\n display: grid;\n}\n\n.brokr-ai-chat-thread-inner {\n margin: 0 auto;\n max-width: 860px;\n}\n\n.brokr-ai-chat-message {\n animation: brokrFadeIn 200ms ease;\n margin-bottom: var(--brokr-space-10);\n}\n\n.brokr-ai-chat-model-avatar {\n border-radius: 50%;\n flex-shrink: 0;\n height: 28px;\n object-fit: cover;\n width: 28px;\n}\n\n.brokr-model-logo {\n border-radius: 50%;\n flex-shrink: 0;\n height: 18px;\n object-fit: cover;\n width: 18px;\n}\n\n.brokr-ai-chat-message-row {\n align-items: flex-start;\n display: flex;\n gap: var(--brokr-space-3);\n width: 100%;\n}\n\n.brokr-ai-chat-message-row[data-role=\"user\"] {\n justify-content: flex-end;\n}\n\n.brokr-ai-chat-message-row[data-role=\"assistant\"] {\n justify-content: flex-start;\n}\n\n.brokr-ai-chat-message-content {\n color: var(--brokr-text-secondary);\n font-size: 0.9375rem;\n line-height: 1.7;\n width: min(100%, 720px);\n overflow-wrap: break-word;\n}\n\n.brokr-ai-chat-message-content-user {\n color: var(--brokr-text-primary);\n}\n\n.brokr-ai-chat-message-error {\n color: var(--brokr-error, #ef4444);\n font-size: 0.875rem;\n line-height: 1.5;\n opacity: 0.85;\n}\n\n.brokr-ai-chat-message-bubble {\n background: color-mix(in srgb, var(--brokr-text-primary) 10%, var(--brokr-surface));\n border: 1px solid color-mix(in srgb, var(--brokr-text-primary) 10%, var(--brokr-border));\n border-radius: calc(var(--brokr-radius-card) + 2px);\n box-shadow: var(--brokr-shadow-sm);\n max-width: min(78%, 720px);\n padding: var(--brokr-space-3) var(--brokr-space-4);\n}\n\n.brokr-ai-chat-empty {\n align-items: center;\n display: flex;\n flex-direction: column;\n gap: var(--brokr-space-3);\n justify-content: center;\n margin: 0 auto;\n max-width: 720px;\n padding: var(--brokr-space-8);\n text-align: center;\n}\n\n.brokr-ai-chat-empty .brokr-copy {\n max-width: 42rem;\n}\n\n.brokr-ai-chat-starters {\n display: grid;\n gap: var(--brokr-space-2);\n grid-template-columns: repeat(2, minmax(0, 1fr));\n margin-top: var(--brokr-space-2);\n width: min(100%, 720px);\n}\n\n.brokr-ai-chat-starter {\n align-items: flex-start;\n appearance: none;\n background: transparent;\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 1px);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n font: inherit;\n font-size: var(--brokr-font-size-sm);\n justify-content: flex-start;\n min-height: 58px;\n padding: 0.85rem 1rem;\n text-align: left;\n}\n\n.brokr-ai-chat-starter:hover {\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-ai-chat-input-area {\n bottom: 0;\n left: 0;\n padding: var(--brokr-space-4) 0 var(--brokr-space-5);\n position: absolute;\n right: 0;\n z-index: var(--brokr-z-chat-float);\n}\n\n.brokr-ai-chat-textarea {\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-border);\n border-radius: var(--brokr-radius-input);\n color: var(--brokr-text-primary);\n flex: 1;\n font: inherit;\n line-height: 1.5;\n max-height: 168px;\n min-height: 44px;\n outline: none;\n overflow: hidden;\n padding: var(--brokr-space-3);\n resize: none;\n}\n\n.brokr-ai-chat-textarea:focus {\n border-color: var(--brokr-primary);\n}\n\n.brokr-ai-chat-send {\n align-items: center;\n align-self: stretch;\n background: var(--brokr-primary);\n border: none;\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-primary-contrast);\n cursor: pointer;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n width: 44px;\n}\n\n.brokr-ai-chat-send:disabled {\n cursor: not-allowed;\n opacity: 0.35;\n}\n\n.brokr-ai-chat-typing {\n align-items: center;\n display: inline-flex;\n gap: 0.4rem;\n min-height: 28px;\n padding: 0.25rem 0;\n}\n\n.brokr-ai-chat-typing span {\n animation: brokrTypingBounce 1.2s ease-in-out infinite;\n background: color-mix(in srgb, var(--brokr-text-primary) 70%, transparent);\n border-radius: 999px;\n display: inline-block;\n height: 0.42rem;\n width: 0.42rem;\n}\n\n.brokr-ai-chat-typing span:nth-child(2) {\n animation-delay: 0.16s;\n}\n\n.brokr-ai-chat-typing span:nth-child(3) {\n animation-delay: 0.32s;\n}\n";
|
|
2
2
|
//# sourceMappingURL=chat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/react/css/chat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/react/css/chat.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,6pQAoXpB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const COMPOSITES_CSS = "\n.brokr-chat-fab {\n bottom: var(--brokr-space-6);\n position: fixed;\n right: var(--brokr-space-6);\n z-index:
|
|
1
|
+
export declare const COMPOSITES_CSS = "\n.brokr-chat-fab {\n bottom: var(--brokr-space-6);\n position: fixed;\n right: var(--brokr-space-6);\n z-index: var(--brokr-z-fab);\n}\n\n.brokr-chat-panel {\n display: grid;\n gap: var(--brokr-space-4);\n grid-template-rows: auto 1fr auto;\n height: 100dvh;\n max-height: 100dvh;\n min-height: 100dvh;\n min-width: min(100vw, 420px);\n padding: var(--brokr-space-5);\n position: fixed;\n right: 0;\n top: 0;\n width: min(100vw, 420px);\n z-index: var(--brokr-z-panel);\n border-bottom-right-radius: 0;\n border-top-right-radius: 0;\n}\n\n.brokr-chat-messages {\n display: grid;\n gap: var(--brokr-space-3);\n overflow: auto;\n padding-right: var(--brokr-space-1);\n align-content: start;\n}\n\n.brokr-chat-messages[data-empty=\"true\"] {\n align-content: center;\n}\n\n.brokr-chat-bubble {\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) - 2px);\n line-height: 1.55;\n max-width: min(100%, 34ch);\n padding: var(--brokr-space-3) var(--brokr-space-4);\n white-space: pre-wrap;\n width: fit-content;\n}\n\n.brokr-chat-empty {\n align-items: center;\n color: var(--brokr-text-secondary);\n display: grid;\n gap: var(--brokr-space-3);\n justify-items: start;\n padding: var(--brokr-space-2);\n}\n\n.brokr-chat-starters {\n display: flex;\n flex-wrap: wrap;\n gap: var(--brokr-space-2);\n}\n\n.brokr-chat-starter {\n background: var(--brokr-subtle-fill);\n border: 1px solid var(--brokr-muted-border);\n border-radius: 999px;\n color: var(--brokr-text-primary);\n cursor: pointer;\n font: inherit;\n min-height: 36px;\n padding: 0 0.9rem;\n}\n\n.brokr-chat-bubble[data-role=\"user\"] {\n background: color-mix(in srgb, var(--brokr-primary) 10%, var(--brokr-surface));\n justify-self: end;\n max-width: min(100%, 30ch);\n}\n\n.brokr-chat-bubble[data-role=\"assistant\"] {\n background: color-mix(in srgb, var(--brokr-surface) 92%, var(--brokr-bg));\n justify-self: start;\n}\n\n.brokr-chat-input {\n min-height: 72px;\n resize: none;\n}\n\n.brokr-feedback-shell {\n display: grid;\n gap: var(--brokr-space-5);\n padding: var(--brokr-space-6);\n}\n\n.brokr-feedback-rating {\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.brokr-rating-button {\n align-items: center;\n background: var(--brokr-subtle-fill);\n border: 1px solid var(--brokr-muted-border);\n border-radius: var(--brokr-radius-button);\n color: var(--brokr-text-primary);\n cursor: pointer;\n display: inline-flex;\n gap: var(--brokr-space-2);\n justify-content: center;\n min-height: 44px;\n}\n\n.brokr-rating-button[data-active=\"true\"] {\n background: color-mix(in srgb, var(--brokr-primary) 10%, var(--brokr-bg));\n border-color: color-mix(in srgb, var(--brokr-primary) 30%, var(--brokr-border));\n}\n\n.brokr-upload-shell {\n display: grid;\n gap: var(--brokr-space-4);\n padding: var(--brokr-space-5);\n}\n\n.brokr-upload-dropzone {\n align-items: center;\n background: color-mix(in srgb, var(--brokr-surface) 60%, var(--brokr-bg));\n border: 1px dashed color-mix(in srgb, var(--brokr-border) 75%, transparent);\n border-radius: calc(var(--brokr-radius-card) + 4px);\n display: grid;\n gap: var(--brokr-space-3);\n justify-items: center;\n min-height: 220px;\n padding: var(--brokr-space-6);\n text-align: center;\n transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease;\n}\n\n.brokr-upload-dropzone[data-drag=\"true\"] {\n background: color-mix(in srgb, var(--brokr-primary) 8%, var(--brokr-bg));\n border-color: color-mix(in srgb, var(--brokr-primary) 30%, var(--brokr-border));\n transform: translateY(-1px);\n}\n\n.brokr-upload-file {\n align-items: center;\n display: grid;\n gap: var(--brokr-space-3);\n grid-template-columns: 1fr auto;\n padding: var(--brokr-space-3) var(--brokr-space-4);\n}\n";
|
|
2
2
|
//# sourceMappingURL=composites.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"composites.d.ts","sourceRoot":"","sources":["../../../../src/react/css/composites.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"composites.d.ts","sourceRoot":"","sources":["../../../../src/react/css/composites.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,g0HAyJ1B,CAAC"}
|
|
@@ -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: 600;\n}\n\n.brokr-md em {\n font-style: italic;\n}\n\n.brokr-md-inline-code {\n background: var(--brokr-subtle-fill-strong);\n border-radius: 4px;\n color: var(--brokr-primary);\n font-family:
|
|
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: 600;\n}\n\n.brokr-md em {\n font-style: italic;\n}\n\n.brokr-md-inline-code {\n background: var(--brokr-subtle-fill-strong);\n border-radius: 4px;\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: 600;\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 list-style: none;\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 position: relative;\n}\n\n.brokr-md-list li::before {\n content: '\u2022';\n color: var(--brokr-text-secondary);\n left: -1em;\n position: absolute;\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: 500;\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 120ms ease, background 120ms 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,s3GAoJxB,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const NOTIFICATIONS_CSS = "\n/* -------------------------------------------------------------------------\n * Toast Layer \u2014 fixed-position container for auto-fired toasts\n * ------------------------------------------------------------------------- */\n\n.brokr-toast-layer {\n box-sizing: border-box;\n position: fixed;\n z-index: 99999;\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 16px;\n pointer-events: none;\n max-width: 400px;\n width: 100%;\n}\n\n.brokr-toast-layer--bottom-right { bottom: 0; right: 0; align-items: flex-end; }\n.brokr-toast-layer--bottom-left { bottom: 0; left: 0; align-items: flex-start; }\n.brokr-toast-layer--top-right { top: 0; right: 0; align-items: flex-end; }\n.brokr-toast-layer--top-left { top: 0; left: 0; align-items: flex-start; }\n.brokr-toast-layer--top-center { top: 0; left: 50%; transform: translateX(-50%); align-items: center; }\n.brokr-toast-layer--bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); align-items: center; }\n\n/* -------------------------------------------------------------------------\n * Individual Toast\n * ------------------------------------------------------------------------- */\n\n.brokr-toast {\n box-sizing: border-box;\n pointer-events: auto;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 12px 14px;\n border-radius: 10px;\n background: var(--brokr-toast-bg, #ffffff);\n border: 1px solid var(--brokr-toast-border, #e4e4e7);\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);\n width: 100%;\n max-width: 380px;\n animation: brokr-toast-enter-bottom 0.3s ease-out;\n transition: opacity 0.3s ease, transform 0.3s ease;\n}\n\n/* Top positions: slide down from top */\n.brokr-toast-layer--top-right .brokr-toast,\n.brokr-toast-layer--top-left .brokr-toast,\n.brokr-toast-layer--top-center .brokr-toast {\n animation-name: brokr-toast-enter-top;\n}\n\n.brokr-toast-layer--top-right .brokr-toast--exit,\n.brokr-toast-layer--top-left .brokr-toast--exit,\n.brokr-toast-layer--top-center .brokr-toast--exit {\n transform: translateY(-8px);\n}\n\n.brokr-toast--exit {\n opacity: 0;\n transform: translateY(8px);\n pointer-events: none;\n}\n\n@keyframes brokr-toast-enter-bottom {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes brokr-toast-enter-top {\n from { opacity: 0; transform: translateY(-12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/* Variant dot */\n.brokr-toast-icon {\n flex-shrink: 0;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n margin-top: 5px;\n background: var(--brokr-text-secondary);\n}\n\n.brokr-toast-icon--success { background: var(--brokr-success, #22c55e); }\n.brokr-toast-icon--error { background: var(--brokr-error, #ef4444); }\n.brokr-toast-icon--warning { background: var(--brokr-warning, #f59e0b); }\n.brokr-toast-icon--default { background: var(--brokr-primary); }\n\n.brokr-toast-provider-logo {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 5px;\n object-fit: contain;\n}\n\n.brokr-toast-content {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.brokr-toast-title {\n font-size: 13px;\n font-weight: 600;\n color: var(--brokr-toast-text, #0a0a0a);\n line-height: 1.35;\n}\n\n.brokr-toast-message {\n font-size: 12px;\n color: var(--brokr-toast-text-secondary, #52525b);\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.brokr-toast-dismiss {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: none;\n background: transparent;\n color: var(--brokr-toast-text-secondary, #52525b);\n cursor: pointer;\n border-radius: 6px;\n padding: 0;\n opacity: 0.5;\n transition: opacity 0.15s, background 0.15s;\n}\n\n.brokr-toast-dismiss:hover {\n opacity: 1;\n background: color-mix(in srgb, var(--brokr-toast-text, #0a0a0a) 8%, transparent);\n}\n\n/* -------------------------------------------------------------------------\n * Notification Bell\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-bell-wrap {\n box-sizing: border-box;\n position: relative;\n display: inline-flex;\n}\n\n.brokr-notif-bell {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border: none;\n background: transparent;\n color: var(--brokr-text-secondary);\n cursor: pointer;\n border-radius: 8px;\n padding: 0;\n position: relative;\n transition: color 0.15s, background 0.15s;\n}\n\n.brokr-notif-bell:hover {\n color: var(--brokr-text-primary);\n background: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n}\n\n.brokr-notif-badge {\n position: absolute;\n top: 2px;\n right: 2px;\n min-width: 16px;\n height: 16px;\n padding: 0 4px;\n border-radius: 999px;\n background: var(--brokr-error, #ef4444);\n color: #fff;\n font-size: 10px;\n font-weight: 700;\n line-height: 16px;\n text-align: center;\n pointer-events: none;\n}\n\n/* -------------------------------------------------------------------------\n * Notification Dropdown (from bell)\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-dropdown {\n box-sizing: border-box;\n position: absolute;\n top: calc(100% + 6px);\n right: 0;\n width: 360px;\n max-height: 420px;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-border);\n border-radius: 12px;\n box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n z-index: 9999;\n animation: brokr-dropdown-enter 0.15s ease-out;\n}\n\n@keyframes brokr-dropdown-enter {\n from { opacity: 0; transform: translateY(-4px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.brokr-notif-dropdown-header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid var(--brokr-border);\n}\n\n.brokr-notif-dropdown-title {\n font-size: 13px;\n font-weight: 600;\n color: var(--brokr-text-primary);\n}\n\n.brokr-notif-mark-all {\n box-sizing: border-box;\n border: none;\n background: transparent;\n color: var(--brokr-primary);\n font-size: 12px;\n font-weight: 500;\n cursor: pointer;\n padding: 2px 6px;\n border-radius: 4px;\n transition: background 0.15s;\n}\n\n.brokr-notif-mark-all:hover {\n background: color-mix(in srgb, var(--brokr-primary) 10%, transparent);\n}\n\n.brokr-notif-dropdown-list {\n box-sizing: border-box;\n flex: 1;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: color-mix(in srgb, var(--brokr-text-primary) 12%, transparent) transparent;\n}\n\n/* -------------------------------------------------------------------------\n * Notification Item (shared between dropdown and full list)\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-item,\n.brokr-notif-list-row {\n box-sizing: border-box;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 12px 16px;\n border: none;\n background: transparent;\n cursor: pointer;\n text-align: left;\n width: 100%;\n transition: background 0.15s;\n border-bottom: 1px solid color-mix(in srgb, var(--brokr-border) 50%, transparent);\n}\n\n.brokr-notif-item:hover,\n.brokr-notif-list-row:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 4%, transparent);\n}\n\n.brokr-notif-item--unread,\n.brokr-notif-list-row--unread {\n background: color-mix(in srgb, var(--brokr-primary) 4%, transparent);\n}\n\n.brokr-notif-item-dot {\n flex-shrink: 0;\n width: 8px;\n height: 8px;\n border-radius: 50%;\n margin-top: 4px;\n background: var(--brokr-text-secondary);\n}\n\n.brokr-notif-item-dot--success { background: var(--brokr-success, #22c55e); }\n.brokr-notif-item-dot--error { background: var(--brokr-error, #ef4444); }\n.brokr-notif-item-dot--warning { background: var(--brokr-warning, #f59e0b); }\n.brokr-notif-item-dot--default { background: var(--brokr-primary); }\n\n.brokr-notif-item-logo {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 5px;\n object-fit: contain;\n margin-top: 1px;\n}\n\n.brokr-notif-item-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.brokr-notif-item-title {\n font-size: 13px;\n font-weight: 600;\n color: var(--brokr-text-primary);\n line-height: 1.35;\n}\n\n.brokr-notif-item-message {\n font-size: 12px;\n color: var(--brokr-text-secondary);\n line-height: 1.4;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.brokr-notif-item-time {\n flex-shrink: 0;\n font-size: 11px;\n color: var(--brokr-text-secondary);\n opacity: 0.6;\n margin-top: 2px;\n white-space: nowrap;\n}\n\n/* -------------------------------------------------------------------------\n * Empty State\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-empty {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 40px 16px;\n}\n\n.brokr-notif-empty-text {\n font-size: 13px;\n color: var(--brokr-text-secondary);\n opacity: 0.6;\n}\n\n/* -------------------------------------------------------------------------\n * Full-page Notification List\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-list {\n box-sizing: border-box;\n width: 100%;\n max-width: 640px;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--brokr-border);\n border-radius: 12px;\n background: var(--brokr-surface);\n overflow: hidden;\n}\n\n.brokr-notif-list-header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 16px 20px;\n border-bottom: 1px solid var(--brokr-border);\n}\n\n.brokr-notif-list-title {\n font-size: 16px;\n font-weight: 600;\n color: var(--brokr-text-primary);\n}\n\n.brokr-notif-list-items {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n";
|
|
1
|
+
export declare const NOTIFICATIONS_CSS = "\n/* -------------------------------------------------------------------------\n * Toast Layer \u2014 fixed-position container for auto-fired toasts\n * ------------------------------------------------------------------------- */\n\n.brokr-toast-layer {\n box-sizing: border-box;\n position: fixed;\n z-index: var(--brokr-z-toast);\n display: flex;\n flex-direction: column;\n gap: var(--brokr-space-2);\n padding: var(--brokr-space-4);\n pointer-events: none;\n max-width: 400px;\n width: 100%;\n}\n\n.brokr-toast-layer--bottom-right { bottom: 0; right: 0; align-items: flex-end; }\n.brokr-toast-layer--bottom-left { bottom: 0; left: 0; align-items: flex-start; }\n.brokr-toast-layer--top-right { top: 0; right: 0; align-items: flex-end; }\n.brokr-toast-layer--top-left { top: 0; left: 0; align-items: flex-start; }\n.brokr-toast-layer--top-center { top: 0; left: 50%; transform: translateX(-50%); align-items: center; }\n.brokr-toast-layer--bottom-center { bottom: 0; left: 50%; transform: translateX(-50%); align-items: center; }\n\n/* -------------------------------------------------------------------------\n * Individual Toast\n * ------------------------------------------------------------------------- */\n\n.brokr-toast {\n box-sizing: border-box;\n pointer-events: auto;\n display: flex;\n align-items: flex-start;\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3) var(--brokr-space-4);\n border-radius: calc(var(--brokr-radius-card) + 2px);\n background: var(--brokr-toast-bg);\n border: 1px solid var(--brokr-toast-border);\n box-shadow: var(--brokr-shadow-md);\n width: 100%;\n max-width: 380px;\n animation: brokr-toast-enter-bottom var(--brokr-duration-slow) ease-out;\n transition: opacity var(--brokr-duration-slow) var(--brokr-ease), transform var(--brokr-duration-slow) var(--brokr-ease);\n}\n\n/* Top positions: slide down from top */\n.brokr-toast-layer--top-right .brokr-toast,\n.brokr-toast-layer--top-left .brokr-toast,\n.brokr-toast-layer--top-center .brokr-toast {\n animation-name: brokr-toast-enter-top;\n}\n\n.brokr-toast-layer--top-right .brokr-toast--exit,\n.brokr-toast-layer--top-left .brokr-toast--exit,\n.brokr-toast-layer--top-center .brokr-toast--exit {\n transform: translateY(-8px);\n}\n\n.brokr-toast--exit {\n opacity: 0;\n transform: translateY(8px);\n pointer-events: none;\n}\n\n@keyframes brokr-toast-enter-bottom {\n from { opacity: 0; transform: translateY(12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n@keyframes brokr-toast-enter-top {\n from { opacity: 0; transform: translateY(-12px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n/* Variant dot */\n.brokr-toast-icon {\n flex-shrink: 0;\n width: 8px;\n height: 8px;\n border-radius: var(--brokr-radius-pill);\n margin-top: 5px;\n background: var(--brokr-text-secondary);\n}\n\n.brokr-toast-icon--success { background: var(--brokr-success, #22c55e); }\n.brokr-toast-icon--error { background: var(--brokr-error, #ef4444); }\n.brokr-toast-icon--warning { background: var(--brokr-warning, #f59e0b); }\n.brokr-toast-icon--default { background: var(--brokr-primary); }\n\n.brokr-toast-provider-logo {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 5px;\n object-fit: contain;\n}\n\n.brokr-toast-content {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.brokr-toast-title {\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-semibold);\n color: var(--brokr-toast-text);\n line-height: var(--brokr-leading-snug);\n}\n\n.brokr-toast-message {\n font-size: var(--brokr-font-size-xs);\n color: var(--brokr-toast-text-secondary);\n line-height: var(--brokr-leading-snug);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.brokr-toast-dismiss {\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: none;\n background: transparent;\n color: var(--brokr-toast-text-secondary);\n cursor: pointer;\n border-radius: var(--brokr-radius-button);\n padding: 0;\n opacity: 0.5;\n transition: opacity var(--brokr-duration-base) var(--brokr-ease), background var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-toast-dismiss:hover {\n opacity: 1;\n background: color-mix(in srgb, var(--brokr-toast-text) 8%, transparent);\n}\n\n/* -------------------------------------------------------------------------\n * Notification Bell\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-bell-wrap {\n box-sizing: border-box;\n position: relative;\n display: inline-flex;\n}\n\n.brokr-notif-bell {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border: none;\n background: transparent;\n color: var(--brokr-text-secondary);\n cursor: pointer;\n border-radius: var(--brokr-radius-button);\n padding: 0;\n position: relative;\n transition: color var(--brokr-duration-base) var(--brokr-ease), background var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-notif-bell:hover {\n color: var(--brokr-text-primary);\n background: var(--brokr-subtle-fill);\n}\n\n.brokr-notif-badge {\n position: absolute;\n top: 2px;\n right: 2px;\n min-width: 16px;\n height: 16px;\n padding: 0 var(--brokr-space-1);\n border-radius: var(--brokr-radius-pill);\n background: var(--brokr-error, #ef4444);\n color: var(--brokr-primary-contrast);\n font-size: 10px;\n font-weight: var(--brokr-font-weight-bold);\n line-height: 16px;\n text-align: center;\n pointer-events: none;\n}\n\n/* -------------------------------------------------------------------------\n * Notification Dropdown (from bell)\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-dropdown {\n box-sizing: border-box;\n position: absolute;\n top: calc(100% + 6px);\n right: 0;\n width: 360px;\n max-height: 420px;\n background: var(--brokr-surface);\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 4px);\n box-shadow: var(--brokr-shadow-lg);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n z-index: var(--brokr-z-notification);\n animation: brokr-dropdown-enter var(--brokr-duration-base) ease-out;\n}\n\n@keyframes brokr-dropdown-enter {\n from { opacity: 0; transform: translateY(-4px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.brokr-notif-dropdown-header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--brokr-space-3) var(--brokr-space-4);\n border-bottom: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-notif-dropdown-title {\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-semibold);\n color: var(--brokr-text-primary);\n}\n\n.brokr-notif-mark-all {\n box-sizing: border-box;\n border: none;\n background: transparent;\n color: var(--brokr-primary);\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-medium);\n cursor: pointer;\n padding: 2px 6px;\n border-radius: var(--brokr-radius-sm);\n transition: background var(--brokr-duration-base) var(--brokr-ease);\n}\n\n.brokr-notif-mark-all:hover {\n background: color-mix(in srgb, var(--brokr-primary) 10%, transparent);\n}\n\n.brokr-notif-dropdown-list {\n box-sizing: border-box;\n flex: 1;\n overflow-y: auto;\n scrollbar-width: thin;\n scrollbar-color: color-mix(in srgb, var(--brokr-text-primary) 12%, transparent) transparent;\n}\n\n/* -------------------------------------------------------------------------\n * Notification Item (shared between dropdown and full list)\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-item,\n.brokr-notif-list-row {\n box-sizing: border-box;\n display: flex;\n align-items: flex-start;\n gap: var(--brokr-space-3);\n padding: var(--brokr-space-3) var(--brokr-space-4);\n border: none;\n background: transparent;\n cursor: pointer;\n text-align: left;\n width: 100%;\n transition: background var(--brokr-duration-base) var(--brokr-ease);\n border-bottom: 1px solid color-mix(in srgb, var(--brokr-border) 50%, transparent);\n}\n\n.brokr-notif-item:hover,\n.brokr-notif-list-row:hover {\n background: color-mix(in srgb, var(--brokr-text-primary) 4%, transparent);\n}\n\n.brokr-notif-item--unread,\n.brokr-notif-list-row--unread {\n background: color-mix(in srgb, var(--brokr-primary) 4%, transparent);\n}\n\n.brokr-notif-item-dot {\n flex-shrink: 0;\n width: 8px;\n height: 8px;\n border-radius: var(--brokr-radius-pill);\n margin-top: 4px;\n background: var(--brokr-text-secondary);\n}\n\n.brokr-notif-item-dot--success { background: var(--brokr-success, #22c55e); }\n.brokr-notif-item-dot--error { background: var(--brokr-error, #ef4444); }\n.brokr-notif-item-dot--warning { background: var(--brokr-warning, #f59e0b); }\n.brokr-notif-item-dot--default { background: var(--brokr-primary); }\n\n.brokr-notif-item-logo {\n flex-shrink: 0;\n width: 22px;\n height: 22px;\n border-radius: 5px;\n object-fit: contain;\n margin-top: 1px;\n}\n\n.brokr-notif-item-body {\n flex: 1;\n min-width: 0;\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.brokr-notif-item-title {\n font-size: var(--brokr-font-size-xs);\n font-weight: var(--brokr-font-weight-semibold);\n color: var(--brokr-text-primary);\n line-height: var(--brokr-leading-snug);\n}\n\n.brokr-notif-item-message {\n font-size: var(--brokr-font-size-xs);\n color: var(--brokr-text-secondary);\n line-height: var(--brokr-leading-snug);\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.brokr-notif-item-time {\n flex-shrink: 0;\n font-size: 11px;\n color: var(--brokr-text-secondary);\n opacity: 0.6;\n margin-top: 2px;\n white-space: nowrap;\n}\n\n/* -------------------------------------------------------------------------\n * Empty State\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-empty {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: var(--brokr-space-2);\n padding: var(--brokr-space-10) var(--brokr-space-4);\n}\n\n.brokr-notif-empty-text {\n font-size: var(--brokr-font-size-xs);\n color: var(--brokr-text-secondary);\n opacity: 0.6;\n}\n\n/* -------------------------------------------------------------------------\n * Full-page Notification List\n * ------------------------------------------------------------------------- */\n\n.brokr-notif-list {\n box-sizing: border-box;\n width: 100%;\n max-width: 640px;\n display: flex;\n flex-direction: column;\n border: 1px solid var(--brokr-muted-border);\n border-radius: calc(var(--brokr-radius-card) + 4px);\n background: var(--brokr-surface);\n overflow: hidden;\n}\n\n.brokr-notif-list-header {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--brokr-space-4) var(--brokr-space-5);\n border-bottom: 1px solid var(--brokr-muted-border);\n}\n\n.brokr-notif-list-title {\n font-size: var(--brokr-font-size-md);\n font-weight: var(--brokr-font-weight-semibold);\n color: var(--brokr-text-primary);\n}\n\n.brokr-notif-list-items {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n}\n";
|
|
2
2
|
//# sourceMappingURL=notifications.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/react/css/notifications.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../src/react/css/notifications.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,w2WAoZ7B,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const TOKENS_CSS = "\n.brokr-root {\n --brokr-space-1: 0.25rem;\n --brokr-space-2: 0.5rem;\n --brokr-space-3: 0.75rem;\n --brokr-space-4: 1rem;\n --brokr-space-5: 1.25rem;\n --brokr-space-6: 1.5rem;\n --brokr-space-8: 2rem;\n --brokr-space-10: 2.5rem;\n --brokr-space-12: 3rem;\n --brokr-shadow-sm: 0 1px 2px color-mix(in srgb, var(--brokr-text-primary) 1.5%, transparent);\n --brokr-shadow-md: 0 4px 12px color-mix(in srgb, var(--brokr-text-primary) 2.5%, transparent);\n --brokr-shadow-lg: 0 8px 20px color-mix(in srgb, var(--brokr-text-primary) 3%, transparent);\n --brokr-muted-border: color-mix(in srgb, var(--brokr-border) 65%, transparent);\n --brokr-soft-surface: color-mix(in srgb, var(--brokr-surface) 92%, var(--brokr-bg));\n --brokr-subtle-fill: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n --brokr-subtle-fill-strong: color-mix(in srgb, var(--brokr-text-primary) 10%, transparent);\n --brokr-font-size-xs: 0.75rem;\n --brokr-font-size-sm: 0.875rem;\n --brokr-font-size-md: 1rem;\n --brokr-font-size-lg: 1.125rem;\n --brokr-font-size-xl: 1.5rem;\n --brokr-font-size-2xl: clamp(2rem, 4vw, 3.5rem);\n color: var(--brokr-text-primary);\n}\n";
|
|
1
|
+
export declare const TOKENS_CSS = "\n.brokr-root {\n --brokr-space-1: 0.25rem;\n --brokr-space-2: 0.5rem;\n --brokr-space-3: 0.75rem;\n --brokr-space-4: 1rem;\n --brokr-space-5: 1.25rem;\n --brokr-space-6: 1.5rem;\n --brokr-space-8: 2rem;\n --brokr-space-10: 2.5rem;\n --brokr-space-12: 3rem;\n --brokr-shadow-sm: 0 1px 2px color-mix(in srgb, var(--brokr-text-primary) 1.5%, transparent);\n --brokr-shadow-md: 0 4px 12px color-mix(in srgb, var(--brokr-text-primary) 2.5%, transparent);\n --brokr-shadow-lg: 0 8px 20px color-mix(in srgb, var(--brokr-text-primary) 3%, transparent);\n --brokr-muted-border: color-mix(in srgb, var(--brokr-border) 65%, transparent);\n --brokr-soft-surface: color-mix(in srgb, var(--brokr-surface) 92%, var(--brokr-bg));\n --brokr-subtle-fill: color-mix(in srgb, var(--brokr-text-primary) 6%, transparent);\n --brokr-subtle-fill-strong: color-mix(in srgb, var(--brokr-text-primary) 10%, transparent);\n --brokr-font-size-xs: 0.75rem;\n --brokr-font-size-sm: 0.875rem;\n --brokr-font-size-md: 1rem;\n --brokr-font-size-lg: 1.125rem;\n --brokr-font-size-xl: 1.5rem;\n --brokr-font-size-2xl: clamp(2rem, 4vw, 3.5rem);\n\n /* Z-index stacking order */\n --brokr-z-chat-float: 4;\n --brokr-z-drawer-backdrop: 49;\n --brokr-z-drawer: 50;\n --brokr-z-popover: 60;\n --brokr-z-fab: 70;\n --brokr-z-panel: 80;\n --brokr-z-modal-backdrop: 90;\n --brokr-z-dropdown: 95;\n --brokr-z-notification: 9999;\n --brokr-z-toast: 99999;\n\n /* Transition durations */\n --brokr-duration-fast: 100ms;\n --brokr-duration-base: 150ms;\n --brokr-duration-slow: 300ms;\n --brokr-ease: ease;\n\n /* Font weights */\n --brokr-font-weight-normal: 400;\n --brokr-font-weight-medium: 500;\n --brokr-font-weight-semibold: 600;\n --brokr-font-weight-bold: 700;\n\n /* Line heights */\n --brokr-leading-tight: 1.25;\n --brokr-leading-snug: 1.4;\n --brokr-leading-normal: 1.6;\n --brokr-leading-relaxed: 1.7;\n\n /* Font families */\n --brokr-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, monospace;\n\n /* Additional radii */\n --brokr-radius-pill: 999px;\n --brokr-radius-sm: 4px;\n\n color: var(--brokr-text-primary);\n}\n";
|
|
2
2
|
//# sourceMappingURL=tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/react/css/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/react/css/tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,goEAgEtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/NotificationBell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationBell.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/NotificationBell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAmDjF;;;GAGG;AACH,wBAAgB,gBAAgB,sBAiI/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/NotificationList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/NotificationList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAqEpD;;;GAGG;AACH,wBAAgB,gBAAgB,sBA4D/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAG7E,UAAU,eAAe;IACvB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,wBAAwB,CAAC;IACnC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/react/notifications/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4D,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAG7E,UAAU,eAAe;IACvB,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,wBAAwB,CAAC;IACnC,SAAS,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAwDD,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,eAAe,4BAqGlF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Plans.d.ts","sourceRoot":"","sources":["../../../../src/react/payments/Plans.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Plans.d.ts","sourceRoot":"","sources":["../../../../src/react/payments/Plans.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAwE9D,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,qBAiDZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/react/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIxF,eAAO,MAAM,iBAAiB,eA2C5B,CAAC;AAEH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GACrB,kBAAkB,CAEpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/react/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAoB,KAAK,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIxF,eAAO,MAAM,iBAAiB,eA2C5B,CAAC;AAEH,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,OAAO,GAAG,MAAM,GACrB,kBAAkB,CAEpB;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,kBAAkB,GAAG,aAAa,CA4B1E"}
|
|
@@ -118,13 +118,13 @@ export interface BrokrThemeColors {
|
|
|
118
118
|
success?: string;
|
|
119
119
|
/** Optional semantic color for warning states. If omitted, use primary at reduced opacity. */
|
|
120
120
|
warning?: string;
|
|
121
|
-
/** Toast background.
|
|
121
|
+
/** Toast background. Always light by default — toasts pop against any background. */
|
|
122
122
|
toastBg?: string;
|
|
123
|
-
/** Toast text color.
|
|
123
|
+
/** Toast title text color. */
|
|
124
124
|
toastText?: string;
|
|
125
|
-
/** Toast secondary text color.
|
|
125
|
+
/** Toast secondary text color. */
|
|
126
126
|
toastTextSecondary?: string;
|
|
127
|
-
/** Toast border color.
|
|
127
|
+
/** Toast border color. */
|
|
128
128
|
toastBorder?: string;
|
|
129
129
|
}
|
|
130
130
|
export interface BrokrThemeRadii {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/react/types.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/react/types.ts"],"names":[],"mappings":"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"}
|