@brainfish-ai/components 0.18.4-alpha.6 → 0.18.4
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/accordion.d.ts +12 -0
- package/dist/alert-dialog.d.ts +46 -0
- package/dist/alert.d.ts +18 -0
- package/dist/badge.d.ts +14 -0
- package/dist/button-group.d.ts +21 -0
- package/dist/button.d.ts +16 -0
- package/dist/calendar.d.ts +12 -0
- package/dist/card.d.ts +15 -0
- package/dist/chart-area-linear.d.ts +41 -0
- package/dist/chart-radial-stacked.d.ts +39 -0
- package/dist/chat-search.d.ts +426 -0
- package/dist/collapsible.d.ts +10 -0
- package/dist/colors.d.ts +161 -0
- package/dist/combobox.d.ts +23 -0
- package/dist/command.d.ts +90 -0
- package/dist/components/ui/accordion.d.ts +2 -0
- package/dist/components/ui/alert-dialog.d.ts +2 -0
- package/dist/components/ui/alert.d.ts +2 -0
- package/dist/components/ui/badge.d.ts +2 -0
- package/dist/components/ui/button-group.d.ts +2 -0
- package/dist/components/ui/button.d.ts +2 -0
- package/dist/components/ui/calendar.d.ts +2 -0
- package/dist/components/ui/card.d.ts +2 -0
- package/dist/components/ui/collapsible.d.ts +2 -0
- package/dist/components/ui/command.d.ts +2 -0
- package/dist/components/ui/dialog.d.ts +2 -0
- package/dist/components/ui/div-button.d.ts +2 -0
- package/dist/components/ui/dropdown-menu.d.ts +2 -0
- package/dist/components/ui/icon.d.ts +2 -0
- package/dist/components/ui/input.d.ts +2 -0
- package/dist/components/ui/item.d.ts +2 -0
- package/dist/components/ui/label.d.ts +2 -0
- package/dist/components/ui/popover.d.ts +2 -0
- package/dist/components/ui/progress.d.ts +2 -0
- package/dist/components/ui/scroll-area.d.ts +2 -0
- package/dist/components/ui/select.d.ts +2 -0
- package/dist/components/ui/separator.d.ts +2 -0
- package/dist/components/ui/sheet.d.ts +2 -0
- package/dist/components/ui/spinner.d.ts +2 -0
- package/dist/components/ui/switch.d.ts +2 -0
- package/dist/components/ui/table.d.ts +2 -0
- package/dist/components/ui/textarea.d.ts +2 -0
- package/dist/components/ui/tooltip.d.ts +2 -0
- package/dist/confirm-dialog.d.ts +35 -0
- package/dist/convos.d.ts +179 -0
- package/dist/data-table.d.ts +23 -0
- package/dist/date-picker.d.ts +12 -0
- package/dist/dialog.d.ts +30 -0
- package/dist/div-button.d.ts +16 -0
- package/dist/dropdown-menu.d.ts +43 -0
- package/dist/esm/ChatSearch.css +1 -0
- package/dist/esm/chunks/ChatSearch.BJtS7ZMs.js +6482 -0
- package/dist/esm/chunks/ChatSearch.BJtS7ZMs.js.map +1 -0
- package/dist/esm/chunks/FormattedMessage.ieoe4jPf.js +39760 -0
- package/dist/esm/chunks/FormattedMessage.ieoe4jPf.js.map +1 -0
- package/dist/esm/chunks/_commonjsHelpers.BFTU3MAI.js +8 -0
- package/dist/esm/chunks/_commonjsHelpers.BFTU3MAI.js.map +1 -0
- package/dist/esm/chunks/chart.DGCX9VIn.js +219 -0
- package/dist/esm/chunks/chart.DGCX9VIn.js.map +1 -0
- package/dist/esm/chunks/combobox.CkN-wAHB.js +74 -0
- package/dist/esm/chunks/combobox.CkN-wAHB.js.map +1 -0
- package/dist/esm/chunks/dark.Cl9Z44CU.js +17 -0
- package/dist/esm/chunks/dark.Cl9Z44CU.js.map +1 -0
- package/dist/esm/chunks/data-table.DbcAYxMY.js +102 -0
- package/dist/esm/chunks/data-table.DbcAYxMY.js.map +1 -0
- package/dist/esm/chunks/date-picker.sQXSlqNZ.js +26 -0
- package/dist/esm/chunks/date-picker.sQXSlqNZ.js.map +1 -0
- package/dist/esm/chunks/extends.mO86zOh3.js +12 -0
- package/dist/esm/chunks/extends.mO86zOh3.js.map +1 -0
- package/dist/esm/chunks/feedback.D139-1Wr.js +214 -0
- package/dist/esm/chunks/feedback.D139-1Wr.js.map +1 -0
- package/dist/esm/chunks/file-upload-status.Vw0Zxmir.js +141 -0
- package/dist/esm/chunks/file-upload-status.Vw0Zxmir.js.map +1 -0
- package/dist/esm/chunks/filters.Be4KPvMA.js +565 -0
- package/dist/esm/chunks/filters.Be4KPvMA.js.map +1 -0
- package/dist/esm/chunks/formatNumber.Bm2k8QrT.js +10 -0
- package/dist/esm/chunks/formatNumber.Bm2k8QrT.js.map +1 -0
- package/dist/esm/chunks/generating-star.CozjECmM.js +1490 -0
- package/dist/esm/chunks/generating-star.CozjECmM.js.map +1 -0
- package/dist/esm/chunks/index.BqibIWDw.js +137 -0
- package/dist/esm/chunks/index.BqibIWDw.js.map +1 -0
- package/dist/esm/chunks/logo.BXk28Fqo.js +181 -0
- package/dist/esm/chunks/logo.BXk28Fqo.js.map +1 -0
- package/dist/esm/chunks/primary.CtiRZbqq.js +18 -0
- package/dist/esm/chunks/primary.CtiRZbqq.js.map +1 -0
- package/dist/esm/chunks/simpleSelect.B1rktKkt.js +23 -0
- package/dist/esm/chunks/simpleSelect.B1rktKkt.js.map +1 -0
- package/dist/esm/chunks/trend-value.COSukPwk.js +51 -0
- package/dist/esm/chunks/trend-value.COSukPwk.js.map +1 -0
- package/dist/esm/chunks/two-level-combobox.DsWPDcI6.js +132 -0
- package/dist/esm/chunks/two-level-combobox.DsWPDcI6.js.map +1 -0
- package/dist/esm/chunks/utils.Cwtlq8dh.js +45 -0
- package/dist/esm/chunks/utils.Cwtlq8dh.js.map +1 -0
- package/dist/esm/colors.js +170 -0
- package/dist/esm/colors.js.map +1 -0
- package/dist/esm/components/chart-area-linear.js +87 -0
- package/dist/esm/components/chart-area-linear.js.map +1 -0
- package/dist/esm/components/chart-radial-stacked.js +49 -0
- package/dist/esm/components/chart-radial-stacked.js.map +1 -0
- package/dist/esm/components/chat-search.js +2 -0
- package/dist/esm/components/chat-search.js.map +1 -0
- package/dist/esm/components/combobox.js +2 -0
- package/dist/esm/components/combobox.js.map +1 -0
- package/dist/esm/components/confirm-dialog.js +48 -0
- package/dist/esm/components/confirm-dialog.js.map +1 -0
- package/dist/esm/components/convos.js +602 -0
- package/dist/esm/components/convos.js.map +1 -0
- package/dist/esm/components/data-table.js +2 -0
- package/dist/esm/components/data-table.js.map +1 -0
- package/dist/esm/components/date-picker.js +2 -0
- package/dist/esm/components/date-picker.js.map +1 -0
- package/dist/esm/components/feedback.js +2 -0
- package/dist/esm/components/feedback.js.map +1 -0
- package/dist/esm/components/file-upload.js +2 -0
- package/dist/esm/components/file-upload.js.map +1 -0
- package/dist/esm/components/filter.js +2 -0
- package/dist/esm/components/filter.js.map +1 -0
- package/dist/esm/components/generating-star.js +2 -0
- package/dist/esm/components/generating-star.js.map +1 -0
- package/dist/esm/components/logo.js +2 -0
- package/dist/esm/components/logo.js.map +1 -0
- package/dist/esm/components/markdown.js +2 -0
- package/dist/esm/components/markdown.js.map +1 -0
- package/dist/esm/components/metric-card.js +28 -0
- package/dist/esm/components/metric-card.js.map +1 -0
- package/dist/esm/components/select.js +2 -0
- package/dist/esm/components/select.js.map +1 -0
- package/dist/esm/components/trend-value.js +2 -0
- package/dist/esm/components/trend-value.js.map +1 -0
- package/dist/esm/components/two-level-combobox.js +2 -0
- package/dist/esm/components/two-level-combobox.js.map +1 -0
- package/dist/esm/components/ui/accordion.js +47 -0
- package/dist/esm/components/ui/accordion.js.map +1 -0
- package/dist/esm/components/ui/alert-dialog.js +147 -0
- package/dist/esm/components/ui/alert-dialog.js.map +1 -0
- package/dist/esm/components/ui/alert.js +121 -0
- package/dist/esm/components/ui/alert.js.map +1 -0
- package/dist/esm/components/ui/badge.js +27 -0
- package/dist/esm/components/ui/badge.js.map +1 -0
- package/dist/esm/components/ui/button-group.js +74 -0
- package/dist/esm/components/ui/button-group.js.map +1 -0
- package/dist/esm/components/ui/button.js +52 -0
- package/dist/esm/components/ui/button.js.map +1 -0
- package/dist/esm/components/ui/calendar.js +26 -0
- package/dist/esm/components/ui/calendar.js.map +1 -0
- package/dist/esm/components/ui/card.js +56 -0
- package/dist/esm/components/ui/card.js.map +1 -0
- package/dist/esm/components/ui/collapsible.js +34 -0
- package/dist/esm/components/ui/collapsible.js.map +1 -0
- package/dist/esm/components/ui/command.js +103 -0
- package/dist/esm/components/ui/command.js.map +1 -0
- package/dist/esm/components/ui/dialog.js +88 -0
- package/dist/esm/components/ui/dialog.js.map +1 -0
- package/dist/esm/components/ui/div-button.js +61 -0
- package/dist/esm/components/ui/div-button.js.map +1 -0
- package/dist/esm/components/ui/dropdown-menu.js +132 -0
- package/dist/esm/components/ui/dropdown-menu.js.map +1 -0
- package/dist/esm/components/ui/icon.js +16 -0
- package/dist/esm/components/ui/icon.js.map +1 -0
- package/dist/esm/components/ui/input.js +29 -0
- package/dist/esm/components/ui/input.js.map +1 -0
- package/dist/esm/components/ui/item.js +179 -0
- package/dist/esm/components/ui/item.js.map +1 -0
- package/dist/esm/components/ui/label.js +20 -0
- package/dist/esm/components/ui/label.js.map +1 -0
- package/dist/esm/components/ui/popover.js +24 -0
- package/dist/esm/components/ui/popover.js.map +1 -0
- package/dist/esm/components/ui/progress.js +23 -0
- package/dist/esm/components/ui/progress.js.map +1 -0
- package/dist/esm/components/ui/scroll-area.js +34 -0
- package/dist/esm/components/ui/scroll-area.js.map +1 -0
- package/dist/esm/components/ui/select.js +81 -0
- package/dist/esm/components/ui/select.js.map +1 -0
- package/dist/esm/components/ui/separator.js +24 -0
- package/dist/esm/components/ui/separator.js.map +1 -0
- package/dist/esm/components/ui/sheet.js +99 -0
- package/dist/esm/components/ui/sheet.js.map +1 -0
- package/dist/esm/components/ui/spinner.js +18 -0
- package/dist/esm/components/ui/spinner.js.map +1 -0
- package/dist/esm/components/ui/switch.js +27 -0
- package/dist/esm/components/ui/switch.js.map +1 -0
- package/dist/esm/components/ui/table.js +83 -0
- package/dist/esm/components/ui/table.js.map +1 -0
- package/dist/esm/components/ui/textarea.js +34 -0
- package/dist/esm/components/ui/textarea.js.map +1 -0
- package/dist/esm/components/ui/tooltip.js +34 -0
- package/dist/esm/components/ui/tooltip.js.map +1 -0
- package/dist/esm/convos.css +1 -0
- package/dist/esm/date-picker.css +1 -0
- package/dist/esm/global.css +1 -0
- package/dist/esm/index.js +150 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/tailwind.preset.js +1492 -0
- package/dist/esm/tailwind.preset.js.map +1 -0
- package/dist/feedback.d.ts +21 -0
- package/dist/file-upload.d.ts +45 -0
- package/dist/filter.d.ts +82 -0
- package/dist/generating-star.d.ts +15 -0
- package/dist/icon.d.ts +26 -0
- package/dist/index.d.ts +1378 -0
- package/dist/input.d.ts +11 -0
- package/dist/item.d.ts +39 -0
- package/dist/label.d.ts +8 -0
- package/dist/logo.d.ts +14 -0
- package/dist/markdown.d.ts +55 -0
- package/dist/metric-card.d.ts +21 -0
- package/dist/popover.d.ts +12 -0
- package/dist/progress.d.ts +8 -0
- package/dist/scroll-area.d.ts +8 -0
- package/dist/select.d.ts +20 -0
- package/dist/separator.d.ts +6 -0
- package/dist/sheet.d.ts +39 -0
- package/dist/spinner.d.ts +5 -0
- package/dist/stats.html +4949 -0
- package/dist/switch.d.ts +6 -0
- package/dist/table.d.ts +19 -0
- package/dist/tailwind.preset.d.ts +1 -0
- package/dist/textarea.d.ts +9 -0
- package/dist/tooltip.d.ts +18 -0
- package/dist/trend-value.d.ts +19 -0
- package/dist/two-level-combobox.d.ts +24 -0
- package/package.json +2 -2
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import 'react';
|
|
2
|
+
import { clsx } from 'clsx';
|
|
3
|
+
import { twMerge } from 'tailwind-merge';
|
|
4
|
+
|
|
5
|
+
function cn(...inputs) {
|
|
6
|
+
return twMerge(clsx(inputs));
|
|
7
|
+
}
|
|
8
|
+
function isAnswerUncertain(response) {
|
|
9
|
+
const uncertaintyPatternsByLanguage = {
|
|
10
|
+
en: [
|
|
11
|
+
/i(?:\s|['\u2018\u2019])?m(?:\s+really)?\s+not\s+sure/i,
|
|
12
|
+
/i(?:\s+am)?(?:\s+really)?\s+not\s+sure/i,
|
|
13
|
+
/i\s+(?:really\s+)?don(?:['\u2018\u2019])?t\s+know/i,
|
|
14
|
+
/it(?:['\u2018\u2019]s| is) unclear/i,
|
|
15
|
+
/cannot determine/i,
|
|
16
|
+
/hard to say/i,
|
|
17
|
+
/difficult to determine/i
|
|
18
|
+
],
|
|
19
|
+
es: [/no (?:lo )?sé/i, /no estoy seguro/i, /no es claro/i, /desconocido/i],
|
|
20
|
+
fr: [/je ne sais pas/i, /je ne suis pas sûr/i, /ce n'est pas clair/i, /inconnu/i],
|
|
21
|
+
de: [/ich weiß nicht/i, /ich bin nicht sicher/i, /es ist unklar/i, /unbekannt/i],
|
|
22
|
+
it: [/non lo so/i, /non sono sicuro/i, /non è chiaro/i, /sconosciuto/i],
|
|
23
|
+
pt: [/não sei/i, /não tenho certeza/i, /não está claro/i, /desconhecido/i],
|
|
24
|
+
nl: [/ik weet het niet/i, /ik weet niet zeker/i, /het is onduidelijk/i, /onbekend/i],
|
|
25
|
+
pl: [/nie wiem/i, /nie jestem pewien/i, /to nie jest jasne/i, /nieznany/i],
|
|
26
|
+
ru: [/я не знаю/i, /я не уверен/i, /это не ясно/i, /неизвестно/i],
|
|
27
|
+
ja: [/知りません/i, /よくわからない/i, /不明です/i, /未知/i],
|
|
28
|
+
ko: [/모릅니다/i, /잘 모르겠습니다/i, /불확실합니다/i, /알 수 없음/i],
|
|
29
|
+
zh: [/我不知道/i, /我不确定/i, /不清楚/i, /未知/i],
|
|
30
|
+
"zh-TW": [/我不知道/i, /我不確定/i, /不清楚/i, /未知/i]
|
|
31
|
+
};
|
|
32
|
+
let earliestMatch = null;
|
|
33
|
+
for (const [language, patterns] of Object.entries(uncertaintyPatternsByLanguage)) {
|
|
34
|
+
for (const pattern of patterns) {
|
|
35
|
+
const match = response.match(pattern);
|
|
36
|
+
if (match && (earliestMatch === null || match.index < earliestMatch.index)) {
|
|
37
|
+
earliestMatch = { index: match.index, language };
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
return earliestMatch ? { uncertain: true, language: earliestMatch.language } : { uncertain: false, language: null };
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
export { cn as c, isAnswerUncertain as i };
|
|
45
|
+
//# sourceMappingURL=utils.Cwtlq8dh.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.Cwtlq8dh.js","sources":["../../../src/lib/utils.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nlet globalId = 0;\nconst genId = () => ++globalId;\n\nexport function useId(prefix?: string): string {\n const idRef = useRef<string>();\n if (idRef.current === undefined) {\n idRef.current = `${prefix || 'id'}-${genId()}`;\n }\n\n return idRef.current;\n}\n\nexport function isAnswerUncertain(response: string): { uncertain: boolean; language: string | null } {\n // Define uncertainty patterns for various languages\n const uncertaintyPatternsByLanguage: Record<string, RegExp[]> = {\n en: [\n /i(?:\\s|['\\u2018\\u2019])?m(?:\\s+really)?\\s+not\\s+sure/i,\n /i(?:\\s+am)?(?:\\s+really)?\\s+not\\s+sure/i,\n /i\\s+(?:really\\s+)?don(?:['\\u2018\\u2019])?t\\s+know/i,\n /it(?:['\\u2018\\u2019]s| is) unclear/i,\n /cannot determine/i,\n /hard to say/i,\n /difficult to determine/i,\n ],\n es: [/no (?:lo )?sé/i, /no estoy seguro/i, /no es claro/i, /desconocido/i],\n fr: [/je ne sais pas/i, /je ne suis pas sûr/i, /ce n'est pas clair/i, /inconnu/i],\n de: [/ich weiß nicht/i, /ich bin nicht sicher/i, /es ist unklar/i, /unbekannt/i],\n it: [/non lo so/i, /non sono sicuro/i, /non è chiaro/i, /sconosciuto/i],\n pt: [/não sei/i, /não tenho certeza/i, /não está claro/i, /desconhecido/i],\n nl: [/ik weet het niet/i, /ik weet niet zeker/i, /het is onduidelijk/i, /onbekend/i],\n pl: [/nie wiem/i, /nie jestem pewien/i, /to nie jest jasne/i, /nieznany/i],\n ru: [/я не знаю/i, /я не уверен/i, /это не ясно/i, /неизвестно/i],\n ja: [/知りません/i, /よくわからない/i, /不明です/i, /未知/i],\n ko: [/모릅니다/i, /잘 모르겠습니다/i, /불확실합니다/i, /알 수 없음/i],\n zh: [/我不知道/i, /我不确定/i, /不清楚/i, /未知/i],\n 'zh-TW': [/我不知道/i, /我不確定/i, /不清楚/i, /未知/i],\n };\n\n let earliestMatch: { index: number; language: string } | null = null;\n\n // Find the earliest match across all languages\n for (const [language, patterns] of Object.entries(uncertaintyPatternsByLanguage)) {\n for (const pattern of patterns) {\n const match = response.match(pattern);\n if (match && (earliestMatch === null || match.index! < earliestMatch.index)) {\n earliestMatch = { index: match.index!, language };\n }\n }\n }\n\n return earliestMatch ? { uncertain: true, language: earliestMatch.language } : { uncertain: false, language: null };\n}\n"],"names":[],"mappings":";;;;AAIO,SAAS,MAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B;AAcO,SAAS,kBAAkB,QAAA,EAAmE;AAEnG,EAAA,MAAM,6BAAA,GAA0D;AAAA,IAC9D,EAAA,EAAI;AAAA,MACF,uDAAA;AAAA,MACA,yCAAA;AAAA,MACA,oDAAA;AAAA,MACA,qCAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,EAAA,EAAI,CAAC,gBAAA,EAAkB,kBAAA,EAAoB,gBAAgB,cAAc,CAAA;AAAA,IACzE,EAAA,EAAI,CAAC,iBAAA,EAAmB,qBAAA,EAAuB,uBAAuB,UAAU,CAAA;AAAA,IAChF,EAAA,EAAI,CAAC,iBAAA,EAAmB,uBAAA,EAAyB,kBAAkB,YAAY,CAAA;AAAA,IAC/E,EAAA,EAAI,CAAC,YAAA,EAAc,kBAAA,EAAoB,iBAAiB,cAAc,CAAA;AAAA,IACtE,EAAA,EAAI,CAAC,UAAA,EAAY,oBAAA,EAAsB,mBAAmB,eAAe,CAAA;AAAA,IACzE,EAAA,EAAI,CAAC,mBAAA,EAAqB,qBAAA,EAAuB,uBAAuB,WAAW,CAAA;AAAA,IACnF,EAAA,EAAI,CAAC,WAAA,EAAa,oBAAA,EAAsB,sBAAsB,WAAW,CAAA;AAAA,IACzE,EAAA,EAAI,CAAC,YAAA,EAAc,cAAA,EAAgB,gBAAgB,aAAa,CAAA;AAAA,IAChE,EAAA,EAAI,CAAC,QAAA,EAAU,UAAA,EAAY,SAAS,KAAK,CAAA;AAAA,IACzC,EAAA,EAAI,CAAC,OAAA,EAAS,WAAA,EAAa,WAAW,SAAS,CAAA;AAAA,IAC/C,EAAA,EAAI,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IACpC,OAAA,EAAS,CAAC,OAAA,EAAS,OAAA,EAAS,QAAQ,KAAK;AAAA,GAC3C;AAEA,EAAA,IAAI,aAAA,GAA4D,IAAA;AAGhE,EAAA,KAAA,MAAW,CAAC,QAAA,EAAU,QAAQ,KAAK,MAAA,CAAO,OAAA,CAAQ,6BAA6B,CAAA,EAAG;AAChF,IAAA,KAAA,MAAW,WAAW,QAAA,EAAU;AAC9B,MAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,KAAA,CAAM,OAAO,CAAA;AACpC,MAAA,IAAI,UAAU,aAAA,KAAkB,IAAA,IAAQ,KAAA,CAAM,KAAA,GAAS,cAAc,KAAA,CAAA,EAAQ;AAC3E,QAAA,aAAA,GAAgB,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,EAAQ,QAAA,EAAS;AAAA,MAClD;AAAA,IACF;AAAA,EACF;AAEA,EAAA,OAAO,aAAA,GAAgB,EAAE,SAAA,EAAW,IAAA,EAAM,QAAA,EAAU,aAAA,CAAc,QAAA,EAAS,GAAI,EAAE,SAAA,EAAW,KAAA,EAAO,QAAA,EAAU,IAAA,EAAK;AACpH;;;;"}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
import { p as primary } from './chunks/primary.CtiRZbqq.js';
|
|
2
|
+
import { d as dark } from './chunks/dark.Cl9Z44CU.js';
|
|
3
|
+
|
|
4
|
+
const orange = {
|
|
5
|
+
100: "var(--bfc-v2-color-orange-100, #fff3eb)",
|
|
6
|
+
200: "var(--bfc-v2-color-orange-200, #fedec8)",
|
|
7
|
+
300: "var(--bfc-v2-color-orange-300, #fec195)",
|
|
8
|
+
400: "var(--bfc-v2-color-orange-400, #fea362)",
|
|
9
|
+
500: "var(--bfc-v2-color-orange-500, #f38a3f)",
|
|
10
|
+
600: "var(--bfc-v2-color-orange-600, #e56910)",
|
|
11
|
+
700: "var(--bfc-v2-color-orange-700, #c25100)",
|
|
12
|
+
800: "var(--bfc-v2-color-orange-800, #a54800)",
|
|
13
|
+
900: "var(--bfc-v2-color-orange-900, #702e00)",
|
|
14
|
+
1e3: "var(--bfc-v2-color-orange-1000, #38291e)",
|
|
15
|
+
DEFAULT: "var(--bfc-v2-color-orange-700, #c25100)"
|
|
16
|
+
// 700
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
const yellow = {
|
|
20
|
+
100: "var(--bfc-v2-color-yellow-100, #fef7c8)",
|
|
21
|
+
200: "var(--bfc-v2-color-yellow-200, #ffdf84)",
|
|
22
|
+
300: "var(--bfc-v2-color-yellow-300, #fed153)",
|
|
23
|
+
400: "var(--bfc-v2-color-yellow-400, #fbbf25)",
|
|
24
|
+
500: "var(--bfc-v2-color-yellow-500, #e5ad1d)",
|
|
25
|
+
600: "var(--bfc-v2-color-yellow-600, #c59109)",
|
|
26
|
+
700: "var(--bfc-v2-color-yellow-700, #977007)",
|
|
27
|
+
800: "var(--bfc-v2-color-yellow-800, #7f5f01)",
|
|
28
|
+
900: "var(--bfc-v2-color-yellow-900, #533f04)",
|
|
29
|
+
1e3: "var(--bfc-v2-color-yellow-1000, #332e1b)",
|
|
30
|
+
DEFAULT: "var(--bfc-v2-color-yellow-700, #946f00)"
|
|
31
|
+
// 700
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
const lime = {
|
|
35
|
+
100: "var(--bfc-v2-color-lime-100, #e9fec8)",
|
|
36
|
+
200: "var(--bfc-v2-color-lime-200, #d6f589)",
|
|
37
|
+
300: "var(--bfc-v2-color-lime-300, #b3ee2b)",
|
|
38
|
+
400: "var(--bfc-v2-color-lime-400, #a3e635)",
|
|
39
|
+
500: "var(--bfc-v2-color-lime-500, #91cf02)",
|
|
40
|
+
600: "var(--bfc-v2-color-lime-600, #83b300)",
|
|
41
|
+
700: "var(--bfc-v2-color-lime-700, #647f01)",
|
|
42
|
+
800: "var(--bfc-v2-color-lime-800, #546c00)",
|
|
43
|
+
900: "var(--bfc-v2-color-lime-900, #3f5304)",
|
|
44
|
+
1e3: "var(--bfc-v2-color-lime-1000, #2b331b)",
|
|
45
|
+
DEFAULT: "var(--bfc-v2-color-lime-700, #647f01)"
|
|
46
|
+
// 700
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
const green = {
|
|
50
|
+
100: "var(--bfc-v2-color-green-100, #dcfff1)",
|
|
51
|
+
200: "var(--bfc-v2-color-green-200, #baf3db)",
|
|
52
|
+
300: "var(--bfc-v2-color-green-300, #7ee2b8)",
|
|
53
|
+
400: "var(--bfc-v2-color-green-400, #4bce97)",
|
|
54
|
+
500: "var(--bfc-v2-color-green-500, #2abb7f)",
|
|
55
|
+
600: "var(--bfc-v2-color-green-600, #22a06b)",
|
|
56
|
+
700: "var(--bfc-v2-color-green-700, #1f845a)",
|
|
57
|
+
800: "var(--bfc-v2-color-green-800, #216e4e)",
|
|
58
|
+
900: "var(--bfc-v2-color-green-900, #164b35)",
|
|
59
|
+
1e3: "var(--bfc-v2-color-green-1000, #1c3329)",
|
|
60
|
+
DEFAULT: "var(--bfc-v2-color-green-700, #1f845a)"
|
|
61
|
+
// 700
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
const blue = {
|
|
65
|
+
100: "var(--bfc-v2-color-blue-100, #e9f2fe)",
|
|
66
|
+
200: "var(--bfc-v2-color-blue-200, #cfe1fd)",
|
|
67
|
+
300: "var(--bfc-v2-color-blue-300, #8fb8f6)",
|
|
68
|
+
400: "var(--bfc-v2-color-blue-400, #669df1)",
|
|
69
|
+
500: "var(--bfc-v2-color-blue-500, #4688ec)",
|
|
70
|
+
600: "var(--bfc-v2-color-blue-600, #357de8)",
|
|
71
|
+
700: "var(--bfc-v2-color-blue-700, #1868db)",
|
|
72
|
+
800: "var(--bfc-v2-color-blue-800, #1558bc)",
|
|
73
|
+
900: "var(--bfc-v2-color-blue-900, #123263)",
|
|
74
|
+
1e3: "var(--bfc-v2-color-blue-1000, #1c2b42)",
|
|
75
|
+
DEFAULT: "var(--bfc-v2-color-blue-700, #1868db)"
|
|
76
|
+
// 700
|
|
77
|
+
};
|
|
78
|
+
|
|
79
|
+
const teal = {
|
|
80
|
+
100: "var(--bfc-v2-color-teal-100, #e7f9ff)",
|
|
81
|
+
200: "var(--bfc-v2-color-teal-200, #c6edfb)",
|
|
82
|
+
300: "var(--bfc-v2-color-teal-300, #9dd9ee)",
|
|
83
|
+
400: "var(--bfc-v2-color-teal-400, #6cc3e0)",
|
|
84
|
+
500: "var(--bfc-v2-color-teal-500, #42b2d7)",
|
|
85
|
+
600: "var(--bfc-v2-color-teal-600, #2898bd)",
|
|
86
|
+
700: "var(--bfc-v2-color-teal-700, #227d9b)",
|
|
87
|
+
800: "var(--bfc-v2-color-teal-800, #206a83)",
|
|
88
|
+
900: "var(--bfc-v2-color-teal-900, #164555)",
|
|
89
|
+
1e3: "var(--bfc-v2-color-teal-1000, #1e3137)",
|
|
90
|
+
DEFAULT: "var(--bfc-v2-color-teal-700, #227d9b)"
|
|
91
|
+
// 700
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
const purple = {
|
|
95
|
+
100: "var(--bfc-v2-color-purple-100, #f8eefe)",
|
|
96
|
+
200: "var(--bfc-v2-color-purple-200, #dfd8fd)",
|
|
97
|
+
300: "var(--bfc-v2-color-purple-300, #b8acf6)",
|
|
98
|
+
400: "var(--bfc-v2-color-purple-400, #9f8fef)",
|
|
99
|
+
500: "var(--bfc-v2-color-purple-500, #8f7ee7)",
|
|
100
|
+
600: "var(--bfc-v2-color-purple-600, #8270db)",
|
|
101
|
+
700: "var(--bfc-v2-color-purple-700, #6e5dc6)",
|
|
102
|
+
800: "var(--bfc-v2-color-purple-800, #5e4db2)",
|
|
103
|
+
900: "var(--bfc-v2-color-purple-900, #352c63)",
|
|
104
|
+
1e3: "var(--bfc-v2-color-purple-1000, #2b273f)",
|
|
105
|
+
DEFAULT: "var(--bfc-v2-color-purple-700, #6e5dc6)"
|
|
106
|
+
// 700
|
|
107
|
+
};
|
|
108
|
+
|
|
109
|
+
const magenta = {
|
|
110
|
+
100: "var(--bfc-v2-color-magenta-100, #ffecf8)",
|
|
111
|
+
200: "var(--bfc-v2-color-magenta-200, #fdd0ec)",
|
|
112
|
+
300: "var(--bfc-v2-color-magenta-300, #f797d2)",
|
|
113
|
+
400: "var(--bfc-v2-color-magenta-400, #e774bb)",
|
|
114
|
+
500: "var(--bfc-v2-color-magenta-500, #da62ac)",
|
|
115
|
+
600: "var(--bfc-v2-color-magenta-600, #cd519d)",
|
|
116
|
+
700: "var(--bfc-v2-color-magenta-700, #ae4787)",
|
|
117
|
+
800: "var(--bfc-v2-color-magenta-800, #943d73)",
|
|
118
|
+
900: "var(--bfc-v2-color-magenta-900, #50253f)",
|
|
119
|
+
1e3: "var(--bfc-v2-color-magenta-1000, #3d2232)",
|
|
120
|
+
DEFAULT: "var(--bfc-v2-color-magenta-700, #ae4787)"
|
|
121
|
+
// 700
|
|
122
|
+
};
|
|
123
|
+
|
|
124
|
+
const pink = {
|
|
125
|
+
50: "var(--bfc-v2-color-pink-50, #F5F4FF)",
|
|
126
|
+
100: "var(--bfc-v2-color-pink-100, #FAE9FF)",
|
|
127
|
+
200: "var(--bfc-v2-color-pink-200, #F5D1FE)",
|
|
128
|
+
300: "var(--bfc-v2-color-pink-300, #F0ACFC)",
|
|
129
|
+
400: "var(--bfc-v2-color-pink-400, #E87AF9)",
|
|
130
|
+
500: "var(--bfc-v2-color-pink-500, #D947EF)",
|
|
131
|
+
600: "var(--bfc-v2-color-pink-600, #C027D3)",
|
|
132
|
+
700: "var(--bfc-v2-color-pink-700, #A21DAF)",
|
|
133
|
+
800: "var(--bfc-v2-color-pink-800, #861A8F)",
|
|
134
|
+
900: "var(--bfc-v2-color-pink-900, #701B75)",
|
|
135
|
+
DEFAULT: "var(--bfc-v2-color-pink-400, #E87AF9)"
|
|
136
|
+
// 400
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
const red = {
|
|
140
|
+
100: "var(--bfc-v2-color-red-100, #ffeceb)",
|
|
141
|
+
200: "var(--bfc-v2-color-red-200, #ffd5d2)",
|
|
142
|
+
300: "var(--bfc-v2-color-red-300, #fd9891)",
|
|
143
|
+
400: "var(--bfc-v2-color-red-400, #f87168)",
|
|
144
|
+
500: "var(--bfc-v2-color-red-500, #f15b50)",
|
|
145
|
+
600: "var(--bfc-v2-color-red-600, #e2483d)",
|
|
146
|
+
700: "var(--bfc-v2-color-red-700, #c9372c)",
|
|
147
|
+
800: "var(--bfc-v2-color-red-800, #ae2e24)",
|
|
148
|
+
900: "var(--bfc-v2-color-red-900, #5d1f1a)",
|
|
149
|
+
1e3: "var(--bfc-v2-color-red-1000, #42221f)",
|
|
150
|
+
DEFAULT: "var(--bfc-v2-color-red-700, #c9372c)"
|
|
151
|
+
// 700
|
|
152
|
+
};
|
|
153
|
+
|
|
154
|
+
const BrainfishColors = {
|
|
155
|
+
primary,
|
|
156
|
+
dark,
|
|
157
|
+
orange,
|
|
158
|
+
yellow,
|
|
159
|
+
lime,
|
|
160
|
+
green,
|
|
161
|
+
blue,
|
|
162
|
+
teal,
|
|
163
|
+
purple,
|
|
164
|
+
magenta,
|
|
165
|
+
pink,
|
|
166
|
+
red
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
export { BrainfishColors };
|
|
170
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sources":["../../src/colors/orange.ts","../../src/colors/yellow.ts","../../src/colors/lime.ts","../../src/colors/green.ts","../../src/colors/blue.ts","../../src/colors/teal.ts","../../src/colors/purple.ts","../../src/colors/magenta.ts","../../src/colors/pink.ts","../../src/colors/red.ts","../../src/colors/index.ts"],"sourcesContent":["export const orange = {\n 100: 'var(--bfc-v2-color-orange-100, #fff3eb)',\n 200: 'var(--bfc-v2-color-orange-200, #fedec8)',\n 300: 'var(--bfc-v2-color-orange-300, #fec195)',\n 400: 'var(--bfc-v2-color-orange-400, #fea362)',\n 500: 'var(--bfc-v2-color-orange-500, #f38a3f)',\n 600: 'var(--bfc-v2-color-orange-600, #e56910)',\n 700: 'var(--bfc-v2-color-orange-700, #c25100)',\n 800: 'var(--bfc-v2-color-orange-800, #a54800)',\n 900: 'var(--bfc-v2-color-orange-900, #702e00)',\n 1000: 'var(--bfc-v2-color-orange-1000, #38291e)',\n DEFAULT: 'var(--bfc-v2-color-orange-700, #c25100)', // 700\n};\n","export const yellow = {\n 100: 'var(--bfc-v2-color-yellow-100, #fef7c8)',\n 200: 'var(--bfc-v2-color-yellow-200, #ffdf84)',\n 300: 'var(--bfc-v2-color-yellow-300, #fed153)',\n 400: 'var(--bfc-v2-color-yellow-400, #fbbf25)',\n 500: 'var(--bfc-v2-color-yellow-500, #e5ad1d)',\n 600: 'var(--bfc-v2-color-yellow-600, #c59109)',\n 700: 'var(--bfc-v2-color-yellow-700, #977007)',\n 800: 'var(--bfc-v2-color-yellow-800, #7f5f01)',\n 900: 'var(--bfc-v2-color-yellow-900, #533f04)',\n 1000: 'var(--bfc-v2-color-yellow-1000, #332e1b)',\n DEFAULT: 'var(--bfc-v2-color-yellow-700, #946f00)', // 700\n};\n","export const lime = {\n 100: 'var(--bfc-v2-color-lime-100, #e9fec8)',\n 200: 'var(--bfc-v2-color-lime-200, #d6f589)',\n 300: 'var(--bfc-v2-color-lime-300, #b3ee2b)',\n 400: 'var(--bfc-v2-color-lime-400, #a3e635)',\n 500: 'var(--bfc-v2-color-lime-500, #91cf02)',\n 600: 'var(--bfc-v2-color-lime-600, #83b300)',\n 700: 'var(--bfc-v2-color-lime-700, #647f01)',\n 800: 'var(--bfc-v2-color-lime-800, #546c00)',\n 900: 'var(--bfc-v2-color-lime-900, #3f5304)',\n 1000: 'var(--bfc-v2-color-lime-1000, #2b331b)',\n DEFAULT: 'var(--bfc-v2-color-lime-700, #647f01)', // 700\n};\n","export const green = {\n 100: 'var(--bfc-v2-color-green-100, #dcfff1)',\n 200: 'var(--bfc-v2-color-green-200, #baf3db)',\n 300: 'var(--bfc-v2-color-green-300, #7ee2b8)',\n 400: 'var(--bfc-v2-color-green-400, #4bce97)',\n 500: 'var(--bfc-v2-color-green-500, #2abb7f)',\n 600: 'var(--bfc-v2-color-green-600, #22a06b)',\n 700: 'var(--bfc-v2-color-green-700, #1f845a)',\n 800: 'var(--bfc-v2-color-green-800, #216e4e)',\n 900: 'var(--bfc-v2-color-green-900, #164b35)',\n 1000: 'var(--bfc-v2-color-green-1000, #1c3329)',\n DEFAULT: 'var(--bfc-v2-color-green-700, #1f845a)', // 700\n};\n","export const blue = {\n 100: 'var(--bfc-v2-color-blue-100, #e9f2fe)',\n 200: 'var(--bfc-v2-color-blue-200, #cfe1fd)',\n 300: 'var(--bfc-v2-color-blue-300, #8fb8f6)',\n 400: 'var(--bfc-v2-color-blue-400, #669df1)',\n 500: 'var(--bfc-v2-color-blue-500, #4688ec)',\n 600: 'var(--bfc-v2-color-blue-600, #357de8)',\n 700: 'var(--bfc-v2-color-blue-700, #1868db)',\n 800: 'var(--bfc-v2-color-blue-800, #1558bc)',\n 900: 'var(--bfc-v2-color-blue-900, #123263)',\n 1000: 'var(--bfc-v2-color-blue-1000, #1c2b42)',\n DEFAULT: 'var(--bfc-v2-color-blue-700, #1868db)', // 700\n};\n","export const teal = {\n 100: 'var(--bfc-v2-color-teal-100, #e7f9ff)',\n 200: 'var(--bfc-v2-color-teal-200, #c6edfb)',\n 300: 'var(--bfc-v2-color-teal-300, #9dd9ee)',\n 400: 'var(--bfc-v2-color-teal-400, #6cc3e0)',\n 500: 'var(--bfc-v2-color-teal-500, #42b2d7)',\n 600: 'var(--bfc-v2-color-teal-600, #2898bd)',\n 700: 'var(--bfc-v2-color-teal-700, #227d9b)',\n 800: 'var(--bfc-v2-color-teal-800, #206a83)',\n 900: 'var(--bfc-v2-color-teal-900, #164555)',\n 1000: 'var(--bfc-v2-color-teal-1000, #1e3137)',\n DEFAULT: 'var(--bfc-v2-color-teal-700, #227d9b)', // 700\n};\n","export const purple = {\n 100: 'var(--bfc-v2-color-purple-100, #f8eefe)',\n 200: 'var(--bfc-v2-color-purple-200, #dfd8fd)',\n 300: 'var(--bfc-v2-color-purple-300, #b8acf6)',\n 400: 'var(--bfc-v2-color-purple-400, #9f8fef)',\n 500: 'var(--bfc-v2-color-purple-500, #8f7ee7)',\n 600: 'var(--bfc-v2-color-purple-600, #8270db)',\n 700: 'var(--bfc-v2-color-purple-700, #6e5dc6)',\n 800: 'var(--bfc-v2-color-purple-800, #5e4db2)',\n 900: 'var(--bfc-v2-color-purple-900, #352c63)',\n 1000: 'var(--bfc-v2-color-purple-1000, #2b273f)',\n DEFAULT: 'var(--bfc-v2-color-purple-700, #6e5dc6)', // 700\n};\n","export const magenta = {\n 100: 'var(--bfc-v2-color-magenta-100, #ffecf8)',\n 200: 'var(--bfc-v2-color-magenta-200, #fdd0ec)',\n 300: 'var(--bfc-v2-color-magenta-300, #f797d2)',\n 400: 'var(--bfc-v2-color-magenta-400, #e774bb)',\n 500: 'var(--bfc-v2-color-magenta-500, #da62ac)',\n 600: 'var(--bfc-v2-color-magenta-600, #cd519d)',\n 700: 'var(--bfc-v2-color-magenta-700, #ae4787)',\n 800: 'var(--bfc-v2-color-magenta-800, #943d73)',\n 900: 'var(--bfc-v2-color-magenta-900, #50253f)',\n 1000: 'var(--bfc-v2-color-magenta-1000, #3d2232)',\n DEFAULT: 'var(--bfc-v2-color-magenta-700, #ae4787)', // 700\n};\n","export const pink = {\n 50: 'var(--bfc-v2-color-pink-50, #F5F4FF)',\n 100: 'var(--bfc-v2-color-pink-100, #FAE9FF)',\n 200: 'var(--bfc-v2-color-pink-200, #F5D1FE)',\n 300: 'var(--bfc-v2-color-pink-300, #F0ACFC)',\n 400: 'var(--bfc-v2-color-pink-400, #E87AF9)',\n 500: 'var(--bfc-v2-color-pink-500, #D947EF)',\n 600: 'var(--bfc-v2-color-pink-600, #C027D3)',\n 700: 'var(--bfc-v2-color-pink-700, #A21DAF)',\n 800: 'var(--bfc-v2-color-pink-800, #861A8F)',\n 900: 'var(--bfc-v2-color-pink-900, #701B75)',\n DEFAULT: 'var(--bfc-v2-color-pink-400, #E87AF9)', // 400\n};\n","export const red = {\n 100: 'var(--bfc-v2-color-red-100, #ffeceb)',\n 200: 'var(--bfc-v2-color-red-200, #ffd5d2)',\n 300: 'var(--bfc-v2-color-red-300, #fd9891)',\n 400: 'var(--bfc-v2-color-red-400, #f87168)',\n 500: 'var(--bfc-v2-color-red-500, #f15b50)',\n 600: 'var(--bfc-v2-color-red-600, #e2483d)',\n 700: 'var(--bfc-v2-color-red-700, #c9372c)',\n 800: 'var(--bfc-v2-color-red-800, #ae2e24)',\n 900: 'var(--bfc-v2-color-red-900, #5d1f1a)',\n 1000: 'var(--bfc-v2-color-red-1000, #42221f)',\n DEFAULT: 'var(--bfc-v2-color-red-700, #c9372c)', // 700\n};\n","import { primary } from './primary';\nimport { dark } from './dark';\nimport { orange } from './orange';\nimport { yellow } from './yellow';\nimport { lime } from './lime';\nimport { green } from './green';\nimport { blue } from './blue';\nimport { teal } from './teal';\nimport { purple } from './purple';\nimport { magenta } from './magenta';\nimport { pink } from './pink';\nimport { red } from './red';\n\nexport const BrainfishColors = {\n primary,\n dark,\n orange,\n yellow,\n lime,\n green,\n blue,\n teal,\n purple,\n magenta,\n pink,\n red,\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { AreaChart, XAxis, Area } from 'recharts';
|
|
3
|
+
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from './ui/card.js';
|
|
4
|
+
import { C as ChartContainer, a as ChartTooltip, b as ChartTooltipContent } from '../chunks/chart.DGCX9VIn.js';
|
|
5
|
+
|
|
6
|
+
const description = "A linear area chart";
|
|
7
|
+
function ChartAreaLinear({ title, metric, data, chartConfig, locale }) {
|
|
8
|
+
const tickFormatter = React__default.useCallback(
|
|
9
|
+
(value) => {
|
|
10
|
+
if (typeof value === "string") {
|
|
11
|
+
return value.slice(0, 3);
|
|
12
|
+
}
|
|
13
|
+
return value.toLocaleDateString(locale ? locale : "en-US", {
|
|
14
|
+
month: "short",
|
|
15
|
+
day: "numeric"
|
|
16
|
+
});
|
|
17
|
+
},
|
|
18
|
+
[locale]
|
|
19
|
+
);
|
|
20
|
+
const formatXLabel = React__default.useCallback(
|
|
21
|
+
(label) => {
|
|
22
|
+
return label instanceof Date ? label.toLocaleDateString(locale ? locale : "en-US", {
|
|
23
|
+
month: "long",
|
|
24
|
+
day: "numeric",
|
|
25
|
+
year: "numeric"
|
|
26
|
+
}) : label;
|
|
27
|
+
},
|
|
28
|
+
[locale]
|
|
29
|
+
);
|
|
30
|
+
return /* @__PURE__ */ React__default.createElement(Card, { className: "min-w-80 h-44 p-4 flex flex-col text-dark shadow-none" }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0", "data-name": "header" }, /* @__PURE__ */ React__default.createElement(CardTitle, { className: "uppercase font-inter heading-xxxs tracking-normal" }, title), /* @__PURE__ */ React__default.createElement(CardDescription, { "data-name": "metric", className: "mt-0 text-[2rem] leading-10 text-dark font-inter" }, metric)), /* @__PURE__ */ React__default.createElement(CardContent, { "data-name": "content", className: "p-0 flex-1 min-h-0" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "h-full w-full" }, /* @__PURE__ */ React__default.createElement(
|
|
31
|
+
AreaChart,
|
|
32
|
+
{
|
|
33
|
+
accessibilityLayer: true,
|
|
34
|
+
data,
|
|
35
|
+
margin: {
|
|
36
|
+
top: 2,
|
|
37
|
+
left: 14,
|
|
38
|
+
right: 23
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
/* @__PURE__ */ React__default.createElement("defs", null, /* @__PURE__ */ React__default.createElement("linearGradient", { id: "key1Gradient", x1: "0", y1: "0", x2: "0", y2: "1" }, /* @__PURE__ */ React__default.createElement("stop", { stopColor: "var(--color-key1)" }), /* @__PURE__ */ React__default.createElement("stop", { offset: "1", stopColor: "var(--color-key1)", stopOpacity: 0 }))),
|
|
42
|
+
/* @__PURE__ */ React__default.createElement(
|
|
43
|
+
XAxis,
|
|
44
|
+
{
|
|
45
|
+
dataKey: "date",
|
|
46
|
+
tickLine: false,
|
|
47
|
+
axisLine: false,
|
|
48
|
+
tickMargin: 8,
|
|
49
|
+
minTickGap: 20,
|
|
50
|
+
interval: "preserveStartEnd",
|
|
51
|
+
tickFormatter,
|
|
52
|
+
tick: ({ x, y, payload }) => /* @__PURE__ */ React__default.createElement(
|
|
53
|
+
"text",
|
|
54
|
+
{
|
|
55
|
+
x,
|
|
56
|
+
y,
|
|
57
|
+
dy: 12,
|
|
58
|
+
textAnchor: "middle",
|
|
59
|
+
className: "uppercase font-bold font-inter tracking-tight !fill-dark-900"
|
|
60
|
+
},
|
|
61
|
+
tickFormatter(payload.value)
|
|
62
|
+
)
|
|
63
|
+
}
|
|
64
|
+
),
|
|
65
|
+
/* @__PURE__ */ React__default.createElement(
|
|
66
|
+
ChartTooltip,
|
|
67
|
+
{
|
|
68
|
+
cursor: false,
|
|
69
|
+
content: ({ active, payload, label }) => /* @__PURE__ */ React__default.createElement(ChartTooltipContent, { active, payload, hideIndicator: true, label: formatXLabel(label) })
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
/* @__PURE__ */ React__default.createElement(
|
|
73
|
+
Area,
|
|
74
|
+
{
|
|
75
|
+
dataKey: "key1",
|
|
76
|
+
type: "linear",
|
|
77
|
+
fill: "url(#key1Gradient)",
|
|
78
|
+
stroke: "var(--color-key1)",
|
|
79
|
+
strokeLinecap: "round",
|
|
80
|
+
strokeWidth: 3
|
|
81
|
+
}
|
|
82
|
+
)
|
|
83
|
+
))));
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
export { ChartAreaLinear, description };
|
|
87
|
+
//# sourceMappingURL=chart-area-linear.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-area-linear.js","sources":["../../../src/components/chart-area-linear/chart-area-linear.tsx"],"sourcesContent":["import React from 'react';\nimport { Area, AreaChart, XAxis } from 'recharts';\n\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';\nimport { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\n\nexport const description = 'A linear area chart';\n\nexport interface ChartAreaLinearProps {\n title: string;\n metric: string;\n data: {\n date: Date | string;\n key1: number;\n key2?: number;\n key3?: number;\n key4?: number;\n key5?: number;\n }[];\n chartConfig: ChartConfig;\n locale?: string;\n}\n\nexport function ChartAreaLinear({ title, metric, data, chartConfig, locale }: ChartAreaLinearProps) {\n const tickFormatter = React.useCallback(\n (value: Date | string) => {\n if (typeof value === 'string') {\n return value.slice(0, 3);\n }\n\n return value.toLocaleDateString(locale ? locale : 'en-US', {\n month: 'short',\n day: 'numeric',\n });\n },\n [locale],\n );\n\n const formatXLabel = React.useCallback(\n (label: Date | string) => {\n return label instanceof Date\n ? label.toLocaleDateString(locale ? locale : 'en-US', {\n month: 'long',\n day: 'numeric',\n year: 'numeric',\n })\n : label;\n },\n [locale],\n );\n\n return (\n <Card className=\"min-w-80 h-44 p-4 flex flex-col text-dark shadow-none\">\n <CardHeader className=\"p-0 space-y-0\" data-name=\"header\">\n <CardTitle className=\"uppercase font-inter heading-xxxs tracking-normal\">{title}</CardTitle>\n <CardDescription data-name=\"metric\" className=\"mt-0 text-[2rem] leading-10 text-dark font-inter\">\n {metric}\n </CardDescription>\n </CardHeader>\n <CardContent data-name=\"content\" className=\"p-0 flex-1 min-h-0\">\n <ChartContainer config={chartConfig} className=\"h-full w-full\">\n <AreaChart\n accessibilityLayer\n data={data}\n margin={{\n top: 2,\n left: 14,\n right: 23,\n }}\n >\n <defs>\n <linearGradient id=\"key1Gradient\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop stopColor=\"var(--color-key1)\" />\n <stop offset=\"1\" stopColor=\"var(--color-key1)\" stopOpacity={0} />\n </linearGradient>\n </defs>\n <XAxis\n dataKey=\"date\"\n tickLine={false}\n axisLine={false}\n tickMargin={8}\n minTickGap={20}\n interval=\"preserveStartEnd\"\n tickFormatter={tickFormatter}\n tick={({ x, y, payload }) => (\n <text\n x={x}\n y={y}\n dy={12}\n textAnchor=\"middle\"\n className=\"uppercase font-bold font-inter tracking-tight !fill-dark-900\"\n >\n {tickFormatter(payload.value)}\n </text>\n )}\n />\n <ChartTooltip\n cursor={false}\n content={({ active, payload, label }) => (\n <ChartTooltipContent active={active} payload={payload} hideIndicator label={formatXLabel(label)} />\n )}\n />\n <Area\n dataKey=\"key1\"\n type=\"linear\"\n fill=\"url(#key1Gradient)\"\n stroke=\"var(--color-key1)\"\n strokeLinecap=\"round\"\n strokeWidth={3}\n />\n </AreaChart>\n </ChartContainer>\n </CardContent>\n </Card>\n );\n}\n"],"names":["React"],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { RadialBarChart, PolarRadiusAxis, Label, RadialBar } from 'recharts';
|
|
3
|
+
import { a as TrendValue } from '../chunks/trend-value.COSukPwk.js';
|
|
4
|
+
import { f as formatNumber } from '../chunks/formatNumber.Bm2k8QrT.js';
|
|
5
|
+
import { Card, CardHeader, CardTitle, CardContent } from './ui/card.js';
|
|
6
|
+
import { C as ChartContainer, a as ChartTooltip, b as ChartTooltipContent } from '../chunks/chart.DGCX9VIn.js';
|
|
7
|
+
import { c as cn } from '../chunks/utils.Cwtlq8dh.js';
|
|
8
|
+
|
|
9
|
+
function ChartRadialStacked({
|
|
10
|
+
title,
|
|
11
|
+
data,
|
|
12
|
+
chartConfig,
|
|
13
|
+
trend,
|
|
14
|
+
trendValue,
|
|
15
|
+
className
|
|
16
|
+
}) {
|
|
17
|
+
if (!data || data.length === 0) {
|
|
18
|
+
return null;
|
|
19
|
+
}
|
|
20
|
+
const OUTER_RADIUS = 120;
|
|
21
|
+
const INNER_RADIUS = 80;
|
|
22
|
+
const metricLabel = Object.values(data[0]).reduce((a, b) => typeof b === "number" ? a + b : a, 0);
|
|
23
|
+
const formattedMetricLabel = formatNumber(metricLabel);
|
|
24
|
+
const sortedData = Object.entries(data[0]).sort((a, b) => b[1] - a[1]);
|
|
25
|
+
return /* @__PURE__ */ React__default.createElement(Card, { className: cn("flex flex-col w-full min-w-60 p-4 shadow-none", className) }, /* @__PURE__ */ React__default.createElement(CardHeader, { className: "p-0 space-y-0", "data-name": "header" }, /* @__PURE__ */ React__default.createElement(CardTitle, { className: "uppercase font-inter heading-xxxs tracking-normal" }, title)), /* @__PURE__ */ React__default.createElement(CardContent, { "data-name": "content", className: "p-0 flex-1 min-h-0" }, /* @__PURE__ */ React__default.createElement(ChartContainer, { config: chartConfig, className: "mx-auto aspect-[2/1] w-full max-w-52" }, /* @__PURE__ */ React__default.createElement(RadialBarChart, { data, endAngle: 180, innerRadius: INNER_RADIUS, outerRadius: OUTER_RADIUS, cy: "100%" }, /* @__PURE__ */ React__default.createElement(ChartTooltip, { cursor: false, content: /* @__PURE__ */ React__default.createElement(ChartTooltipContent, { hideLabel: true }) }), /* @__PURE__ */ React__default.createElement(PolarRadiusAxis, { tick: false, tickLine: false, axisLine: false }, /* @__PURE__ */ React__default.createElement(
|
|
26
|
+
Label,
|
|
27
|
+
{
|
|
28
|
+
content: ({ viewBox }) => {
|
|
29
|
+
if (viewBox && "cx" in viewBox && "cy" in viewBox) {
|
|
30
|
+
return /* @__PURE__ */ React__default.createElement("text", { x: viewBox.cx, y: viewBox.cy, textAnchor: "middle" }, /* @__PURE__ */ React__default.createElement("tspan", { x: viewBox.cx, y: (viewBox.cy || 0) - 16, className: "fill-foreground text-xl font-inter" }, formattedMetricLabel));
|
|
31
|
+
}
|
|
32
|
+
return null;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
)), sortedData.map(([key]) => /* @__PURE__ */ React__default.createElement(
|
|
36
|
+
RadialBar,
|
|
37
|
+
{
|
|
38
|
+
key,
|
|
39
|
+
dataKey: key,
|
|
40
|
+
stackId: "a",
|
|
41
|
+
cornerRadius: 4,
|
|
42
|
+
fill: chartConfig[key]?.color || `var(--color-${key})`,
|
|
43
|
+
className: "stroke-card stroke-2"
|
|
44
|
+
}
|
|
45
|
+
)))), /* @__PURE__ */ React__default.createElement(TrendValue, { variant: "long", trend, trendValue, className: "mt-4 justify-center" })));
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
export { ChartRadialStacked };
|
|
49
|
+
//# sourceMappingURL=chart-radial-stacked.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart-radial-stacked.js","sources":["../../../src/components/chart-radial-stacked/chart-radial-stacked.tsx"],"sourcesContent":["import React from 'react';\nimport { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from 'recharts';\n\nimport { Trend, TrendValue } from '../trend-value';\n\nimport { formatNumber } from '@/lib/formatNumber';\nimport { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';\nimport { ChartConfig, ChartContainer, ChartTooltip, ChartTooltipContent } from '@/components/ui/chart';\nimport { cn } from '@/lib/utils';\n\nexport interface ChartRadialStackedProps {\n title: string;\n data: Record<string, number>[];\n chartConfig: ChartConfig;\n trend: Trend;\n trendValue: string;\n className?: string;\n}\n\nexport function ChartRadialStacked({\n title,\n data,\n chartConfig,\n trend,\n trendValue,\n className,\n}: ChartRadialStackedProps) {\n // Early return if data is invalid\n if (!data || data.length === 0) {\n return null;\n }\n\n const OUTER_RADIUS = 120;\n const INNER_RADIUS = 80;\n\n // return the sum\n const metricLabel = Object.values(data[0]).reduce((a, b) => (typeof b === 'number' ? a + b : a), 0);\n const formattedMetricLabel = formatNumber(metricLabel);\n\n // returns the data in sorted order by value\n const sortedData = Object.entries(data[0]).sort((a, b) => b[1] - a[1]); // Sort by value (descending)\n\n return (\n <Card className={cn('flex flex-col w-full min-w-60 p-4 shadow-none', className)}>\n <CardHeader className=\"p-0 space-y-0\" data-name=\"header\">\n <CardTitle className=\"uppercase font-inter heading-xxxs tracking-normal\">{title}</CardTitle>\n </CardHeader>\n <CardContent data-name=\"content\" className=\"p-0 flex-1 min-h-0\">\n <ChartContainer config={chartConfig} className=\"mx-auto aspect-[2/1] w-full max-w-52\">\n <RadialBarChart data={data} endAngle={180} innerRadius={INNER_RADIUS} outerRadius={OUTER_RADIUS} cy=\"100%\">\n <ChartTooltip cursor={false} content={<ChartTooltipContent hideLabel />} />\n <PolarRadiusAxis tick={false} tickLine={false} axisLine={false}>\n <Label\n content={({ viewBox }) => {\n if (viewBox && 'cx' in viewBox && 'cy' in viewBox) {\n return (\n <text x={viewBox.cx} y={viewBox.cy} textAnchor=\"middle\">\n <tspan x={viewBox.cx} y={(viewBox.cy || 0) - 16} className=\"fill-foreground text-xl font-inter\">\n {formattedMetricLabel}\n </tspan>\n </text>\n );\n }\n\n return null;\n }}\n />\n </PolarRadiusAxis>\n {sortedData.map(([key]) => (\n <RadialBar\n key={key}\n dataKey={key}\n stackId=\"a\"\n cornerRadius={4}\n fill={chartConfig[key]?.color || `var(--color-${key})`}\n className=\"stroke-card stroke-2\"\n />\n ))}\n </RadialBarChart>\n </ChartContainer>\n <TrendValue variant=\"long\" trend={trend} trendValue={trendValue} className=\"mt-4 justify-center\" />\n </CardContent>\n </Card>\n );\n}\n"],"names":["React"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-search.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from './ui/alert-dialog.js';
|
|
3
|
+
|
|
4
|
+
const ConfirmDialog = React__default.forwardRef(
|
|
5
|
+
({
|
|
6
|
+
title,
|
|
7
|
+
description,
|
|
8
|
+
onSubmit,
|
|
9
|
+
onCancel,
|
|
10
|
+
open: externalOpen,
|
|
11
|
+
onOpenChange: externalOnOpenChange,
|
|
12
|
+
variant,
|
|
13
|
+
cancelText,
|
|
14
|
+
submitText,
|
|
15
|
+
loadingText,
|
|
16
|
+
zIndex = 50
|
|
17
|
+
}, ref) => {
|
|
18
|
+
const zIndexClass = zIndex ? `z-[${zIndex}]` : void 0;
|
|
19
|
+
const [isLoading, setIsLoading] = React__default.useState(false);
|
|
20
|
+
const [internalOpen, setInternalOpen] = React__default.useState(false);
|
|
21
|
+
const isOpen = externalOpen ?? internalOpen;
|
|
22
|
+
const setIsOpen = externalOnOpenChange ?? setInternalOpen;
|
|
23
|
+
React__default.useImperativeHandle(ref, () => ({
|
|
24
|
+
open: () => setIsOpen(true),
|
|
25
|
+
close: () => setIsOpen(false)
|
|
26
|
+
}));
|
|
27
|
+
const handleCancel = () => {
|
|
28
|
+
if (isLoading) return;
|
|
29
|
+
onCancel?.();
|
|
30
|
+
setIsOpen(false);
|
|
31
|
+
};
|
|
32
|
+
const handleSubmit = async () => {
|
|
33
|
+
if (isLoading) return;
|
|
34
|
+
setIsLoading(true);
|
|
35
|
+
try {
|
|
36
|
+
await onSubmit();
|
|
37
|
+
setIsOpen(false);
|
|
38
|
+
} finally {
|
|
39
|
+
setIsLoading(false);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return /* @__PURE__ */ React__default.createElement(AlertDialog, { open: isOpen, onOpenChange: setIsOpen }, /* @__PURE__ */ React__default.createElement(AlertDialogContent, { zIndex: zIndexClass }, /* @__PURE__ */ React__default.createElement(AlertDialogHeader, null, /* @__PURE__ */ React__default.createElement(AlertDialogTitle, null, title), /* @__PURE__ */ React__default.createElement(AlertDialogDescription, null, description)), /* @__PURE__ */ React__default.createElement(AlertDialogFooter, null, /* @__PURE__ */ React__default.createElement(AlertDialogCancel, { onClick: handleCancel, disabled: isLoading }, cancelText), /* @__PURE__ */ React__default.createElement(AlertDialogAction, { variant, onClick: handleSubmit, disabled: isLoading }, isLoading ? loadingText || submitText : submitText))));
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
ConfirmDialog.displayName = "ConfirmDialog";
|
|
46
|
+
|
|
47
|
+
export { ConfirmDialog };
|
|
48
|
+
//# sourceMappingURL=confirm-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirm-dialog.js","sources":["../../../src/components/confirm-dialog/confirm-dialog.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n AlertDialog,\n AlertDialogTitle,\n AlertDialogDescription,\n AlertDialogHeader,\n AlertDialogCancel,\n AlertDialogAction,\n AlertDialogFooter,\n AlertDialogContent,\n} from '../ui/alert-dialog';\n\ninterface Props {\n title: string;\n description: React.ReactNode;\n onSubmit: () => Promise<void> | void;\n onCancel?: () => void;\n // Optional external state control - if not provided, manages state internally\n open?: boolean;\n onOpenChange?: (open: boolean) => void;\n variant: React.ComponentProps<typeof AlertDialogAction>['variant'];\n cancelText: string;\n submitText: string;\n loadingText?: string;\n zIndex?: number; // z-index of the dialog\n}\n\nexport interface ConfirmDialogRef {\n open: () => void;\n close: () => void;\n}\n\nexport const ConfirmDialog = React.forwardRef<ConfirmDialogRef, Props>(\n (\n {\n title,\n description,\n onSubmit,\n onCancel,\n open: externalOpen,\n onOpenChange: externalOnOpenChange,\n variant,\n cancelText,\n submitText,\n loadingText,\n zIndex = 50,\n },\n ref,\n ) => {\n const zIndexClass = zIndex ? `z-[${zIndex}]` : undefined;\n const [isLoading, setIsLoading] = React.useState(false);\n\n // Internal state management (merged from useDialogState)\n const [internalOpen, setInternalOpen] = React.useState(false);\n\n // Use external state if provided, otherwise use internal state\n const isOpen = externalOpen ?? internalOpen;\n const setIsOpen = externalOnOpenChange ?? setInternalOpen;\n\n // Expose methods via ref for programmatic control\n React.useImperativeHandle(ref, () => ({\n open: () => setIsOpen(true),\n close: () => setIsOpen(false),\n }));\n\n const handleCancel = () => {\n if (isLoading) return; // Prevent cancel during loading\n onCancel?.();\n setIsOpen(false);\n };\n\n const handleSubmit = async () => {\n if (isLoading) return; // Prevent double submission\n\n setIsLoading(true);\n try {\n await onSubmit();\n setIsOpen(false); // Close dialog after successful submission\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n <AlertDialog open={isOpen} onOpenChange={setIsOpen}>\n <AlertDialogContent zIndex={zIndexClass}>\n <AlertDialogHeader>\n <AlertDialogTitle>{title}</AlertDialogTitle>\n <AlertDialogDescription>{description}</AlertDialogDescription>\n </AlertDialogHeader>\n <AlertDialogFooter>\n <AlertDialogCancel onClick={handleCancel} disabled={isLoading}>\n {cancelText}\n </AlertDialogCancel>\n <AlertDialogAction variant={variant} onClick={handleSubmit} disabled={isLoading}>\n {isLoading ? loadingText || submitText : submitText}\n </AlertDialogAction>\n </AlertDialogFooter>\n </AlertDialogContent>\n </AlertDialog>\n );\n },\n);\n\nConfirmDialog.displayName = 'ConfirmDialog';\n"],"names":["React"],"mappings":";;;AAiCO,MAAM,gBAAgBA,cAAA,CAAM,UAAA;AAAA,EACjC,CACE;AAAA,IACE,KAAA;AAAA,IACA,WAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA,EAAM,YAAA;AAAA,IACN,YAAA,EAAc,oBAAA;AAAA,IACd,OAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA,GAAS;AAAA,KAEX,GAAA,KACG;AACH,IAAA,MAAM,WAAA,GAAc,MAAA,GAAS,CAAA,GAAA,EAAM,MAAM,CAAA,CAAA,CAAA,GAAM,MAAA;AAC/C,IAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,cAAA,CAAM,SAAS,KAAK,CAAA;AAGtD,IAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIA,cAAA,CAAM,SAAS,KAAK,CAAA;AAG5D,IAAA,MAAM,SAAS,YAAA,IAAgB,YAAA;AAC/B,IAAA,MAAM,YAAY,oBAAA,IAAwB,eAAA;AAG1C,IAAAA,cAAA,CAAM,mBAAA,CAAoB,KAAK,OAAO;AAAA,MACpC,IAAA,EAAM,MAAM,SAAA,CAAU,IAAI,CAAA;AAAA,MAC1B,KAAA,EAAO,MAAM,SAAA,CAAU,KAAK;AAAA,KAC9B,CAAE,CAAA;AAEF,IAAA,MAAM,eAAe,MAAM;AACzB,MAAA,IAAI,SAAA,EAAW;AACf,MAAA,QAAA,IAAW;AACX,MAAA,SAAA,CAAU,KAAK,CAAA;AAAA,IACjB,CAAA;AAEA,IAAA,MAAM,eAAe,YAAY;AAC/B,MAAA,IAAI,SAAA,EAAW;AAEf,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,IAAI;AACF,QAAA,MAAM,QAAA,EAAS;AACf,QAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MACjB,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB;AAAA,IACF,CAAA;AAEA,IAAA,uBACEA,cAAA,CAAA,aAAA,CAAC,eAAY,IAAA,EAAM,MAAA,EAAQ,cAAc,SAAA,EAAA,kBACvCA,cAAA,CAAA,aAAA,CAAC,sBAAmB,MAAA,EAAQ,WAAA,EAAA,+CACzB,iBAAA,EAAA,IAAA,kBACCA,cAAA,CAAA,aAAA,CAAC,wBAAkB,KAAM,CAAA,+CACxB,sBAAA,EAAA,IAAA,EAAwB,WAAY,CACvC,CAAA,kBACAA,cAAA,CAAA,aAAA,CAAC,yCACCA,cAAA,CAAA,aAAA,CAAC,iBAAA,EAAA,EAAkB,SAAS,YAAA,EAAc,QAAA,EAAU,aACjD,UACH,CAAA,+CACC,iBAAA,EAAA,EAAkB,OAAA,EAAkB,SAAS,YAAA,EAAc,QAAA,EAAU,aACnE,SAAA,GAAY,WAAA,IAAe,aAAa,UAC3C,CACF,CACF,CACF,CAAA;AAAA,EAEJ;AACF;AAEA,aAAA,CAAc,WAAA,GAAc,eAAA;;;;"}
|