@powered-by-array/ui 1.42.0 → 1.44.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.
Files changed (152) hide show
  1. package/dist/components/SemanticBarChart/BarChartLinearGradientDefs.d.ts +6 -0
  2. package/dist/components/SemanticBarChart/BarChartLinearGradientDefs.d.ts.map +1 -0
  3. package/dist/components/SemanticBarChart/BarChartLinearGradientDefs.js +10 -0
  4. package/dist/components/SemanticBarChart/BarChartLinearGradientDefs.js.map +1 -0
  5. package/dist/components/SemanticBarChart/Chart/Chart.d.ts +21 -0
  6. package/dist/components/SemanticBarChart/Chart/Chart.d.ts.map +1 -0
  7. package/dist/components/{chart.js → SemanticBarChart/Chart/Chart.js} +16 -37
  8. package/dist/components/SemanticBarChart/Chart/Chart.js.map +1 -0
  9. package/dist/components/SemanticBarChart/Chart/Chart.types.d.ts +45 -0
  10. package/dist/components/SemanticBarChart/Chart/Chart.types.d.ts.map +1 -0
  11. package/dist/components/SemanticBarChart/Chart/Chart.types.js +3 -0
  12. package/dist/components/SemanticBarChart/Chart/Chart.types.js.map +1 -0
  13. package/dist/components/SemanticBarChart/Chart/Chart.utils.d.ts +13 -0
  14. package/dist/components/SemanticBarChart/Chart/Chart.utils.d.ts.map +1 -0
  15. package/dist/components/SemanticBarChart/Chart/Chart.utils.js +20 -0
  16. package/dist/components/SemanticBarChart/Chart/Chart.utils.js.map +1 -0
  17. package/dist/components/SemanticBarChart/Chart/Chart.variants.d.ts +7 -0
  18. package/dist/components/SemanticBarChart/Chart/Chart.variants.d.ts.map +1 -0
  19. package/dist/components/SemanticBarChart/Chart/Chart.variants.js +30 -0
  20. package/dist/components/SemanticBarChart/Chart/Chart.variants.js.map +1 -0
  21. package/dist/components/SemanticBarChart/Chart/hooks/useChart.d.ts +9 -0
  22. package/dist/components/SemanticBarChart/Chart/hooks/useChart.d.ts.map +1 -0
  23. package/dist/components/SemanticBarChart/Chart/hooks/useChart.js +11 -0
  24. package/dist/components/SemanticBarChart/Chart/hooks/useChart.js.map +1 -0
  25. package/dist/components/SemanticBarChart/Chart/index.d.ts +10 -0
  26. package/dist/components/SemanticBarChart/Chart/index.d.ts.map +1 -0
  27. package/dist/components/SemanticBarChart/Chart/index.js +2 -0
  28. package/dist/components/SemanticBarChart/Chart/index.js.map +1 -0
  29. package/dist/components/SemanticBarChart/SemanticBarChart.d.ts +7 -0
  30. package/dist/components/SemanticBarChart/SemanticBarChart.d.ts.map +1 -0
  31. package/dist/components/SemanticBarChart/SemanticBarChart.js +30 -0
  32. package/dist/components/SemanticBarChart/SemanticBarChart.js.map +1 -0
  33. package/dist/components/SemanticBarChart/SemanticBarChart.types.d.ts +51 -0
  34. package/dist/components/SemanticBarChart/SemanticBarChart.types.d.ts.map +1 -0
  35. package/dist/components/SemanticBarChart/SemanticBarChart.types.js +2 -0
  36. package/dist/components/SemanticBarChart/SemanticBarChart.types.js.map +1 -0
  37. package/dist/components/SemanticBarChart/SemanticBarChart.variants.d.ts +20 -0
  38. package/dist/components/SemanticBarChart/SemanticBarChart.variants.d.ts.map +1 -0
  39. package/dist/components/SemanticBarChart/SemanticBarChart.variants.js +30 -0
  40. package/dist/components/SemanticBarChart/SemanticBarChart.variants.js.map +1 -0
  41. package/dist/components/SemanticBarChart/index.d.ts +5 -0
  42. package/dist/components/SemanticBarChart/index.d.ts.map +1 -0
  43. package/dist/components/SemanticBarChart/index.js +4 -0
  44. package/dist/components/SemanticBarChart/index.js.map +1 -0
  45. package/dist/components/Sidebar/SidebarChat/SidebarChat.d.ts +3 -0
  46. package/dist/components/Sidebar/SidebarChat/SidebarChat.d.ts.map +1 -0
  47. package/dist/components/Sidebar/SidebarChat/SidebarChat.js +8 -0
  48. package/dist/components/Sidebar/SidebarChat/SidebarChat.js.map +1 -0
  49. package/dist/components/Sidebar/SidebarChat/SidebarChat.types.d.ts +6 -0
  50. package/dist/components/Sidebar/SidebarChat/SidebarChat.types.d.ts.map +1 -0
  51. package/dist/components/Sidebar/SidebarChat/SidebarChat.types.js +2 -0
  52. package/dist/components/Sidebar/SidebarChat/SidebarChat.types.js.map +1 -0
  53. package/dist/components/Sidebar/SidebarChat/SidebarChat.variants.d.ts +6 -0
  54. package/dist/components/Sidebar/SidebarChat/SidebarChat.variants.d.ts.map +1 -0
  55. package/dist/components/Sidebar/SidebarChat/SidebarChat.variants.js +19 -0
  56. package/dist/components/Sidebar/SidebarChat/SidebarChat.variants.js.map +1 -0
  57. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.d.ts +3 -0
  58. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.d.ts.map +1 -0
  59. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.js +6 -0
  60. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.js.map +1 -0
  61. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.types.d.ts +6 -0
  62. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.types.d.ts.map +1 -0
  63. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.types.js +2 -0
  64. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.types.js.map +1 -0
  65. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.variants.d.ts +8 -0
  66. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.variants.d.ts.map +1 -0
  67. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.variants.js +9 -0
  68. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/SidebarChatGroup.variants.js.map +1 -0
  69. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/index.d.ts +4 -0
  70. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/index.d.ts.map +1 -0
  71. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/index.js +3 -0
  72. package/dist/components/Sidebar/SidebarChat/SidebarChatGroup/index.js.map +1 -0
  73. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.d.ts +3 -0
  74. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.d.ts.map +1 -0
  75. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.js +8 -0
  76. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.js.map +1 -0
  77. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.types.d.ts +8 -0
  78. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.types.d.ts.map +1 -0
  79. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.types.js +2 -0
  80. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.types.js.map +1 -0
  81. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.variants.d.ts +7 -0
  82. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.variants.d.ts.map +1 -0
  83. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.variants.js +21 -0
  84. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/SidebarChatHistoryToggle.variants.js.map +1 -0
  85. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/index.d.ts +4 -0
  86. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/index.d.ts.map +1 -0
  87. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/index.js +3 -0
  88. package/dist/components/Sidebar/SidebarChat/SidebarChatHistoryToggle/index.js.map +1 -0
  89. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.d.ts +3 -0
  90. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.d.ts.map +1 -0
  91. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.js +8 -0
  92. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.js.map +1 -0
  93. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.types.d.ts +5 -0
  94. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.types.d.ts.map +1 -0
  95. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.types.js +2 -0
  96. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.types.js.map +1 -0
  97. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.variants.d.ts +6 -0
  98. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.variants.d.ts.map +1 -0
  99. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.variants.js +16 -0
  100. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/SidebarChatNewButton.variants.js.map +1 -0
  101. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/index.d.ts +4 -0
  102. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/index.d.ts.map +1 -0
  103. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/index.js +3 -0
  104. package/dist/components/Sidebar/SidebarChat/SidebarChatNewButton/index.js.map +1 -0
  105. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.d.ts +3 -0
  106. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.d.ts.map +1 -0
  107. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.js +17 -0
  108. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.js.map +1 -0
  109. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.types.d.ts +14 -0
  110. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.types.d.ts.map +1 -0
  111. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.types.js +2 -0
  112. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.types.js.map +1 -0
  113. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.variants.d.ts +14 -0
  114. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.variants.d.ts.map +1 -0
  115. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.variants.js +51 -0
  116. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/SidebarChatThreadItem.variants.js.map +1 -0
  117. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/index.d.ts +4 -0
  118. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/index.d.ts.map +1 -0
  119. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/index.js +3 -0
  120. package/dist/components/Sidebar/SidebarChat/SidebarChatThreadItem/index.js.map +1 -0
  121. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.d.ts +3 -0
  122. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.d.ts.map +1 -0
  123. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.js +7 -0
  124. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.js.map +1 -0
  125. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.types.d.ts +5 -0
  126. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.types.d.ts.map +1 -0
  127. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.types.js +2 -0
  128. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.types.js.map +1 -0
  129. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.variants.d.ts +5 -0
  130. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.variants.d.ts.map +1 -0
  131. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.variants.js +11 -0
  132. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/SidebarChatViewAll.variants.js.map +1 -0
  133. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/index.d.ts +4 -0
  134. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/index.d.ts.map +1 -0
  135. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/index.js +3 -0
  136. package/dist/components/Sidebar/SidebarChat/SidebarChatViewAll/index.js.map +1 -0
  137. package/dist/components/Sidebar/SidebarChat/index.d.ts +14 -0
  138. package/dist/components/Sidebar/SidebarChat/index.d.ts.map +1 -0
  139. package/dist/components/Sidebar/SidebarChat/index.js +8 -0
  140. package/dist/components/Sidebar/SidebarChat/index.js.map +1 -0
  141. package/dist/components/Sidebar/index.d.ts +2 -0
  142. package/dist/components/Sidebar/index.d.ts.map +1 -1
  143. package/dist/components/Sidebar/index.js +1 -0
  144. package/dist/components/Sidebar/index.js.map +1 -1
  145. package/dist/index.d.ts +44 -2
  146. package/dist/index.d.ts.map +1 -1
  147. package/dist/index.js +2 -1
  148. package/dist/index.js.map +1 -1
  149. package/package.json +1 -1
  150. package/dist/components/chart.d.ts +0 -57
  151. package/dist/components/chart.d.ts.map +0 -1
  152. package/dist/components/chart.js.map +0 -1
@@ -0,0 +1,6 @@
1
+ import type { BarChartLinearGradientDefsProps } from "./SemanticBarChart.types.js";
2
+ /**
3
+ * SVG `<defs>` linear gradient for vertical bars. Defaults use `color.semantic.chart.*` tokens.
4
+ */
5
+ export declare function BarChartLinearGradientDefs({ id, gradientFrom, gradientTo, }: BarChartLinearGradientDefsProps): import("react/jsx-runtime").JSX.Element;
6
+ //# sourceMappingURL=BarChartLinearGradientDefs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarChartLinearGradientDefs.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/BarChartLinearGradientDefs.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,6BAA6B,CAAC;AAEnF;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,EAAE,EACF,YAA+C,EAC/C,UAA2C,GAC5C,EAAE,+BAA+B,2CASjC"}
@@ -0,0 +1,10 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { SEMANTIC_BAR_CHART_GRADIENT } from "./SemanticBarChart.variants.js";
4
+ /**
5
+ * SVG `<defs>` linear gradient for vertical bars. Defaults use `color.semantic.chart.*` tokens.
6
+ */
7
+ export function BarChartLinearGradientDefs({ id, gradientFrom = SEMANTIC_BAR_CHART_GRADIENT.from, gradientTo = SEMANTIC_BAR_CHART_GRADIENT.to, }) {
8
+ return (_jsx("defs", { children: _jsxs("linearGradient", { id: id, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: gradientFrom }), _jsx("stop", { offset: "100%", stopColor: gradientTo })] }) }));
9
+ }
10
+ //# sourceMappingURL=BarChartLinearGradientDefs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarChartLinearGradientDefs.js","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/BarChartLinearGradientDefs.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAC;AAG7E;;GAEG;AACH,MAAM,UAAU,0BAA0B,CAAC,EACzC,EAAE,EACF,YAAY,GAAG,2BAA2B,CAAC,IAAI,EAC/C,UAAU,GAAG,2BAA2B,CAAC,EAAE,GACX;IAChC,OAAO,CACL,yBACE,0BAAgB,EAAE,EAAE,EAAE,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACjD,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,YAAY,GAAI,EAC7C,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,UAAU,GAAI,IAC9B,GACZ,CACR,CAAC;AACJ,CAAC"}
@@ -0,0 +1,21 @@
1
+ /**
2
+ * Low-level Recharts chart primitives colocated under `SemanticBarChart/Chart/`.
3
+ * Prefer `SemanticBarChart` for vertical categorical bar charts; use these exports for custom compositions.
4
+ */
5
+ import * as React from "react";
6
+ import { ResponsiveContainer, Tooltip } from "recharts";
7
+ import { type ChartConfig, type ChartLegendContentProps, type ChartTooltipContentProps } from "./Chart.types.js";
8
+ declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
9
+ config: ChartConfig;
10
+ children: React.ComponentProps<typeof ResponsiveContainer>["children"];
11
+ }): import("react/jsx-runtime").JSX.Element;
12
+ declare function ChartStyle({ id, config }: {
13
+ id: string;
14
+ config: ChartConfig;
15
+ }): import("react/jsx-runtime").JSX.Element | null;
16
+ declare const ChartTooltip: typeof Tooltip;
17
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
18
+ declare const ChartLegend: React.MemoExoticComponent<(outsideProps: import("recharts").LegendProps) => React.ReactPortal | null>;
19
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
20
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };
21
+ //# sourceMappingURL=Chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAU,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAQhE,OAAO,EAAgB,KAAK,WAAW,EAAE,KAAK,uBAAuB,EAAE,KAAK,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAI/H,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;CACxE,2CAiBA;AAED,iBAAS,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,kDA2BtE;AAED,QAAA,MAAM,YAAY,gBAAU,CAAC;AAE7B,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,kDAqH1B;AAED,QAAA,MAAM,WAAW,uGAAS,CAAC;AAE3B,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,uBAAuB,kDA2CzB;AAED,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,CAAC"}
@@ -1,30 +1,28 @@
1
1
  "use client";
2
2
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ /**
4
+ * Low-level Recharts chart primitives colocated under `SemanticBarChart/Chart/`.
5
+ * Prefer `SemanticBarChart` for vertical categorical bar charts; use these exports for custom compositions.
6
+ */
3
7
  import * as React from "react";
4
8
  import { Legend, ResponsiveContainer, Tooltip } from "recharts";
5
- import { cn } from "../lib/cn.js";
6
- // Format: { THEME_NAME: CSS_SELECTOR }
7
- const THEMES = { light: "", dark: ".dark" };
8
- const ChartContext = React.createContext(null);
9
- function useChart() {
10
- const context = React.useContext(ChartContext);
11
- if (!context) {
12
- throw new Error("useChart must be used within a <ChartContainer />");
13
- }
14
- return context;
15
- }
9
+ import { cn } from "../../../lib/cn.js";
10
+ import { chartContainerVariants, chartLegendContentVariants, chartTooltipContentVariants, } from "./Chart.variants.js";
11
+ import { CHART_THEMES } from "./Chart.types.js";
12
+ import { getPayloadConfigFromPayload } from "./Chart.utils.js";
13
+ import { ChartContext, useChart } from "./hooks/useChart.js";
16
14
  function ChartContainer({ id, className, children, config, ...props }) {
17
15
  const uniqueId = React.useId();
18
16
  const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
19
- return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(ResponsiveContainer, { children: children })] }) }));
17
+ return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { "data-slot": "chart", "data-chart": chartId, className: cn(chartContainerVariants(), className), ...props, children: [_jsx(ChartStyle, { id: chartId, config: config }), _jsx(ResponsiveContainer, { children: children })] }) }));
20
18
  }
21
- const ChartStyle = ({ id, config }) => {
19
+ function ChartStyle({ id, config }) {
22
20
  const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
23
21
  if (!colorConfig.length) {
24
22
  return null;
25
23
  }
26
24
  return (_jsx("style", { dangerouslySetInnerHTML: {
27
- __html: Object.entries(THEMES)
25
+ __html: Object.entries(CHART_THEMES)
28
26
  .map(([theme, prefix]) => `
29
27
  ${prefix} [data-chart=${id}] {
30
28
  ${colorConfig
@@ -37,7 +35,7 @@ ${colorConfig
37
35
  `)
38
36
  .join("\n"),
39
37
  } }));
40
- };
38
+ }
41
39
  const ChartTooltip = Tooltip;
42
40
  function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
43
41
  const { config } = useChart();
@@ -63,7 +61,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
63
61
  return null;
64
62
  }
65
63
  const nestLabel = payload.length === 1 && indicator !== "dot";
66
- return (_jsxs("div", { className: cn("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
64
+ return (_jsxs("div", { className: cn(chartTooltipContentVariants(), className), children: [!nestLabel ? tooltipLabel : null, _jsx("div", { className: "grid gap-1.5", children: payload
67
65
  .filter((item) => item.type !== "none")
68
66
  .map((item, index) => {
69
67
  const row = item;
@@ -89,7 +87,7 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
89
87
  if (!payload?.length) {
90
88
  return null;
91
89
  }
92
- return (_jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
90
+ return (_jsx("div", { className: cn(chartLegendContentVariants({ verticalAlign }), className), children: payload
93
91
  .filter((item) => item.type !== "none")
94
92
  .map((item) => {
95
93
  const row = item;
@@ -100,24 +98,5 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
100
98
  } })), itemConfig?.label] }, String(row.value)));
101
99
  }) }));
102
100
  }
103
- // Helper to extract item config from a payload.
104
- function getPayloadConfigFromPayload(config, payload, key) {
105
- if (typeof payload !== "object" || payload === null) {
106
- return undefined;
107
- }
108
- const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
109
- ? payload.payload
110
- : undefined;
111
- let configLabelKey = key;
112
- if (key in payload && typeof payload[key] === "string") {
113
- configLabelKey = payload[key];
114
- }
115
- else if (payloadPayload &&
116
- key in payloadPayload &&
117
- typeof payloadPayload[key] === "string") {
118
- configLabelKey = payloadPayload[key];
119
- }
120
- return configLabelKey in config ? config[configLabelKey] : config[key];
121
- }
122
101
  export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };
123
- //# sourceMappingURL=chart.js.map
102
+ //# sourceMappingURL=Chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
1
+ import type * as React from "react";
2
+ export declare const CHART_THEMES: {
3
+ readonly light: "";
4
+ readonly dark: ".dark";
5
+ };
6
+ export type ChartConfig = {
7
+ [k in string]: {
8
+ label?: React.ReactNode;
9
+ icon?: React.ComponentType;
10
+ } & ({
11
+ color?: string;
12
+ theme?: never;
13
+ } | {
14
+ color?: never;
15
+ theme: Record<keyof typeof CHART_THEMES, string>;
16
+ });
17
+ };
18
+ export type ChartTooltipContentProps = {
19
+ active?: boolean;
20
+ payload?: Array<Record<string, unknown> & {
21
+ type?: string;
22
+ }>;
23
+ label?: string;
24
+ labelFormatter?: (value: unknown, payload: unknown[]) => React.ReactNode;
25
+ formatter?: (value: unknown, name: string, item: unknown, index: number, payload: unknown) => React.ReactNode;
26
+ className?: string;
27
+ labelClassName?: string;
28
+ hideLabel?: boolean;
29
+ hideIndicator?: boolean;
30
+ indicator?: "line" | "dot" | "dashed";
31
+ nameKey?: string;
32
+ labelKey?: string;
33
+ color?: string;
34
+ };
35
+ export type ChartLegendContentProps = {
36
+ className?: string;
37
+ hideIcon?: boolean;
38
+ payload?: Array<Record<string, unknown> & {
39
+ type?: string;
40
+ value?: unknown;
41
+ }>;
42
+ verticalAlign?: "top" | "bottom";
43
+ nameKey?: string;
44
+ };
45
+ //# sourceMappingURL=Chart.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.types.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,eAAO,MAAM,YAAY;;;CAAwC,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,EAAE,MAAM,CAAC,CAAA;KAAE,CACtE;CACF,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,SAAS,CAAC,EAAE,CACV,KAAK,EAAE,OAAO,EACd,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,OAAO,KACb,KAAK,CAAC,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC9E,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC"}
@@ -0,0 +1,3 @@
1
+ // Format: { THEME_NAME: CSS_SELECTOR }
2
+ export const CHART_THEMES = { light: "", dark: ".dark" };
3
+ //# sourceMappingURL=Chart.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.types.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.types.ts"],"names":[],"mappings":"AAEA,uCAAuC;AACvC,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAW,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { ChartConfig } from "./Chart.types.js";
2
+ /** Resolve `ChartConfig` entry from a Recharts tooltip/legend payload row. */
3
+ export declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ({
4
+ label?: import("react").ReactNode;
5
+ icon?: import("react").ComponentType;
6
+ } & ({
7
+ color?: string;
8
+ theme?: never;
9
+ } | {
10
+ color?: never;
11
+ theme: Record<keyof typeof import("./Chart.types.js").CHART_THEMES, string>;
12
+ })) | undefined;
13
+ //# sourceMappingURL=Chart.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,8EAA8E;AAC9E,wBAAgB,2BAA2B,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM;;;;;;;;;gBAuB7F"}
@@ -0,0 +1,20 @@
1
+ /** Resolve `ChartConfig` entry from a Recharts tooltip/legend payload row. */
2
+ export function getPayloadConfigFromPayload(config, payload, key) {
3
+ if (typeof payload !== "object" || payload === null) {
4
+ return undefined;
5
+ }
6
+ const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null
7
+ ? payload.payload
8
+ : undefined;
9
+ let configLabelKey = key;
10
+ if (key in payload && typeof payload[key] === "string") {
11
+ configLabelKey = payload[key];
12
+ }
13
+ else if (payloadPayload &&
14
+ key in payloadPayload &&
15
+ typeof payloadPayload[key] === "string") {
16
+ configLabelKey = payloadPayload[key];
17
+ }
18
+ return configLabelKey in config ? config[configLabelKey] : config[key];
19
+ }
20
+ //# sourceMappingURL=Chart.utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.utils.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.utils.ts"],"names":[],"mappings":"AAEA,8EAA8E;AAC9E,MAAM,UAAU,2BAA2B,CAAC,MAAmB,EAAE,OAAgB,EAAE,GAAW;IAC5F,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACpD,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,MAAM,cAAc,GAClB,SAAS,IAAI,OAAO,IAAI,OAAO,OAAO,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI;QACrF,CAAC,CAAE,OAAO,CAAC,OAAmC;QAC9C,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,GAAW,GAAG,CAAC;IAEjC,IAAI,GAAG,IAAI,OAAO,IAAI,OAAQ,OAAmC,CAAC,GAAG,CAAC,KAAK,QAAQ,EAAE,CAAC;QACpF,cAAc,GAAI,OAAmC,CAAC,GAAG,CAAW,CAAC;IACvE,CAAC;SAAM,IACL,cAAc;QACd,GAAG,IAAI,cAAc;QACrB,OAAO,cAAc,CAAC,GAAkC,CAAC,KAAK,QAAQ,EACtE,CAAC;QACD,cAAc,GAAG,cAAc,CAAC,GAAG,CAAW,CAAC;IACjD,CAAC;IAED,OAAO,cAAc,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAA0B,CAAC,CAAC;AAChG,CAAC"}
@@ -0,0 +1,7 @@
1
+ /** Base `ChartContainer` chrome (Recharts tick/grid/tooltip defaults). */
2
+ export declare const chartContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
3
+ export declare const chartTooltipContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
4
+ export declare const chartLegendContentVariants: (props?: ({
5
+ verticalAlign?: "top" | "bottom" | null | undefined;
6
+ } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
+ //# sourceMappingURL=Chart.variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.variants.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.variants.ts"],"names":[],"mappings":"AAEA,0EAA0E;AAC1E,eAAO,MAAM,sBAAsB,oFAgBlC,CAAC;AAEF,eAAO,MAAM,2BAA2B,oFAEvC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;8EAUrC,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { cva } from "class-variance-authority";
2
+ /** Base `ChartContainer` chrome (Recharts tick/grid/tooltip defaults). */
3
+ export const chartContainerVariants = cva([
4
+ "flex aspect-video justify-center text-xs",
5
+ "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground",
6
+ "[&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50",
7
+ "[&_.recharts-curve.recharts-tooltip-cursor]:stroke-border",
8
+ "[&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border",
9
+ "[&_.recharts-radial-bar-background-sector]:fill-muted",
10
+ "[&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted",
11
+ "[&_.recharts-reference-line_[stroke='#ccc']]:stroke-border",
12
+ "[&_.recharts-dot[stroke='#fff']]:stroke-transparent",
13
+ "[&_.recharts-layer]:outline-hidden",
14
+ "[&_.recharts-sector]:outline-hidden",
15
+ "[&_.recharts-sector[stroke='#fff']]:stroke-transparent",
16
+ "[&_.recharts-surface]:outline-hidden",
17
+ ]);
18
+ export const chartTooltipContentVariants = cva("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl");
19
+ export const chartLegendContentVariants = cva("flex items-center justify-center gap-4", {
20
+ variants: {
21
+ verticalAlign: {
22
+ top: "pb-3",
23
+ bottom: "pt-3",
24
+ },
25
+ },
26
+ defaultVariants: {
27
+ verticalAlign: "bottom",
28
+ },
29
+ });
30
+ //# sourceMappingURL=Chart.variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.variants.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/Chart.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,0EAA0E;AAC1E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC;IACE,0CAA0C;IAC1C,8DAA8D;IAC9D,mEAAmE;IACnE,2DAA2D;IAC3D,wDAAwD;IACxD,uDAAuD;IACvD,4DAA4D;IAC5D,4DAA4D;IAC5D,qDAAqD;IACrD,oCAAoC;IACpC,qCAAqC;IACrC,wDAAwD;IACxD,sCAAsC;CACvC,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAC5C,wHAAwH,CACzH,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC,wCAAwC,EAAE;IACtF,QAAQ,EAAE;QACR,aAAa,EAAE;YACb,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,MAAM;SACf;KACF;IACD,eAAe,EAAE;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import type { ChartConfig } from "../Chart.types.js";
3
+ type ChartContextValue = {
4
+ config: ChartConfig;
5
+ };
6
+ export declare const ChartContext: React.Context<ChartContextValue | null>;
7
+ export declare function useChart(): ChartContextValue;
8
+ export {};
9
+ //# sourceMappingURL=useChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useChart.d.ts","sourceRoot":"","sources":["../../../../../src/components/SemanticBarChart/Chart/hooks/useChart.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,iBAAiB,GAAG;IACvB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,yCAAsD,CAAC;AAEhF,wBAAgB,QAAQ,sBAQvB"}
@@ -0,0 +1,11 @@
1
+ "use client";
2
+ import * as React from "react";
3
+ export const ChartContext = React.createContext(null);
4
+ export function useChart() {
5
+ const context = React.useContext(ChartContext);
6
+ if (!context) {
7
+ throw new Error("useChart must be used within a <ChartContainer />");
8
+ }
9
+ return context;
10
+ }
11
+ //# sourceMappingURL=useChart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useChart.js","sourceRoot":"","sources":["../../../../../src/components/SemanticBarChart/Chart/hooks/useChart.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEhF,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE/C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Recharts chart primitives (`ChartContainer`, tooltip/legend chrome).
3
+ *
4
+ * Colocated under `SemanticBarChart` because bar-chart work owns this stack. Import from
5
+ * `@powered-by-array/ui` (package barrel re-exports this module). Prefer `SemanticBarChart`
6
+ * for vertical categorical bar charts.
7
+ */
8
+ export type { ChartConfig, ChartLegendContentProps, ChartTooltipContentProps } from "./Chart.types.js";
9
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, } from "./Chart.js";
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACvG,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, } from "./Chart.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SemanticBarChart/Chart/index.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,cAAc,EACd,WAAW,EACX,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,mBAAmB,GACpB,MAAM,YAAY,CAAC"}
@@ -0,0 +1,7 @@
1
+ import type { SemanticBarChartProps } from "./SemanticBarChart.types.js";
2
+ /**
3
+ * Vertical categorical bar chart composed from `ChartContainer` and Recharts.
4
+ * Bar fills default to semantic chart tokens; axis labels use semantic foreground utilities.
5
+ */
6
+ export declare function SemanticBarChart({ className, title, data, chartClassName, chartMargin, chartConfig, chartId, gradientFrom, gradientTo, yDomain, yTicks, yTickFormatter, valueLabelFormatter, barRadius, maxBarSize, barCategoryGap, showValueLabels, gridVertical, "aria-label": ariaLabelProp, ...props }: SemanticBarChartProps): import("react/jsx-runtime").JSX.Element;
7
+ //# sourceMappingURL=SemanticBarChart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AASzE;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,IAAI,EACJ,cAAc,EACd,WAAW,EACX,WAAgB,EAChB,OAAO,EACP,YAAY,EACZ,UAAU,EACV,OAAO,EACP,MAAM,EACN,cAAc,EACd,mBAAsC,EACtC,SAAwB,EACxB,UAAe,EACf,cAAsB,EACtB,eAAsB,EACtB,YAAoB,EACpB,YAAY,EAAE,aAAa,EAC3B,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAqFvB"}
@@ -0,0 +1,30 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis, } from "recharts";
5
+ import { cn } from "../../lib/cn.js";
6
+ import { ChartContainer } from "./Chart/index.js";
7
+ import { BarChartLinearGradientDefs } from "./BarChartLinearGradientDefs.js";
8
+ import { DEFAULT_MARGIN, semanticBarChartChartContainerVariants, semanticBarChartRootVariants, semanticBarChartTitleVariants, semanticBarChartValueLabelClassName, } from "./SemanticBarChart.variants.js";
9
+ /**
10
+ * Vertical categorical bar chart composed from `ChartContainer` and Recharts.
11
+ * Bar fills default to semantic chart tokens; axis labels use semantic foreground utilities.
12
+ */
13
+ export function SemanticBarChart({ className, title, data, chartClassName, chartMargin, chartConfig = {}, chartId, gradientFrom, gradientTo, yDomain, yTicks, yTickFormatter, valueLabelFormatter = (v) => String(v), barRadius = [8, 8, 0, 0], maxBarSize = 56, barCategoryGap = "12%", showValueLabels = true, gridVertical = false, "aria-label": ariaLabelProp, ...props }) {
14
+ const gradientId = React.useId().replace(/:/g, "");
15
+ const defaultAriaLabel = React.useMemo(() => {
16
+ const series = data.map((d) => `${d.name} ${valueLabelFormatter(d.value)}`).join(", ");
17
+ if (title == null || title === "") {
18
+ return `Bar chart, ${series}`;
19
+ }
20
+ return typeof title === "string" ? `${title}. ${series}` : `Bar chart. ${series}`;
21
+ }, [data, title, valueLabelFormatter]);
22
+ const margin = React.useMemo(() => {
23
+ return {
24
+ ...DEFAULT_MARGIN,
25
+ ...chartMargin,
26
+ };
27
+ }, [chartMargin]);
28
+ return (_jsxs("div", { "data-slot": "semantic-bar-chart", className: cn(semanticBarChartRootVariants(), className), "aria-label": ariaLabelProp ?? defaultAriaLabel, ...props, children: [title != null && title !== "" ? (_jsx("div", { "data-slot": "semantic-bar-chart-title", className: semanticBarChartTitleVariants(), children: title })) : null, _jsx(ChartContainer, { id: chartId, config: chartConfig, className: cn(semanticBarChartChartContainerVariants(), chartClassName), children: _jsxs(BarChart, { accessibilityLayer: true, data: data, margin: margin, barCategoryGap: barCategoryGap, children: [_jsx(BarChartLinearGradientDefs, { id: gradientId, gradientFrom: gradientFrom, gradientTo: gradientTo }), _jsx(CartesianGrid, { vertical: gridVertical }), _jsx(XAxis, { dataKey: "name", type: "category", tickLine: false, axisLine: false, tickMargin: 10 }), _jsx(YAxis, { ...(yDomain != null ? { domain: yDomain } : {}), ...(yTicks != null ? { ticks: yTicks } : {}), ...(yTickFormatter != null ? { tickFormatter: yTickFormatter } : {}), tickLine: false, axisLine: false, width: 48, tick: { textAnchor: "end" } }), _jsx(Bar, { dataKey: "value", fill: `url(#${gradientId})`, radius: barRadius, maxBarSize: maxBarSize, children: showValueLabels ? (_jsx(LabelList, { dataKey: "value", position: "top", offset: 6, className: semanticBarChartValueLabelClassName, formatter: (label) => label === null || label === undefined ? "" : valueLabelFormatter(Number(label)) })) : null })] }) })] }));
29
+ }
30
+ //# sourceMappingURL=SemanticBarChart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.js","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,51 @@
1
+ import type * as React from "react";
2
+ import type { Margin } from "recharts";
3
+ import type { ChartConfig } from "./Chart/index.js";
4
+ export type BarChartLinearGradientDefsProps = {
5
+ /** Stable id referenced by `fill={\`url(#${id})\`}` on `<Bar />`. */
6
+ id: string;
7
+ /** Top gradient stop; defaults to {@link SEMANTIC_BAR_CHART_GRADIENT.from} in `SemanticBarChart.variants.ts`. */
8
+ gradientFrom?: string;
9
+ /** Bottom gradient stop; defaults to {@link SEMANTIC_BAR_CHART_GRADIENT.to} in `SemanticBarChart.variants.ts`. */
10
+ gradientTo?: string;
11
+ };
12
+ export type SemanticBarChartDatum = {
13
+ /** Category label on the X-axis. */
14
+ name: string;
15
+ /** Numeric value plotted on the Y-axis. */
16
+ value: number;
17
+ };
18
+ export type SemanticBarChartProps = Omit<React.ComponentProps<"div">, "children"> & {
19
+ /** Optional heading above the chart. */
20
+ title?: React.ReactNode;
21
+ /** One row per category / bar. */
22
+ data: SemanticBarChartDatum[];
23
+ /** Extra classes on the inner `ChartContainer` (e.g. height). */
24
+ chartClassName?: string;
25
+ /** Recharts `<BarChart margin={...}>`. */
26
+ chartMargin?: Partial<Margin>;
27
+ /** Passed to `ChartContainer` for tooltip/legend color keys when you add those layers. */
28
+ chartConfig?: ChartConfig;
29
+ /** Optional stable id for `ChartContainer`. */
30
+ chartId?: string;
31
+ /** Override gradient top stop (CSS `stop-color`). */
32
+ gradientFrom?: string;
33
+ /** Override gradient bottom stop (CSS `stop-color`). */
34
+ gradientTo?: string;
35
+ /** When set, passed to `<YAxis domain={...} />`. Omit for automatic scaling. */
36
+ yDomain?: [number, number];
37
+ /** When set, passed to `<YAxis ticks={...} />`. */
38
+ yTicks?: number[];
39
+ yTickFormatter?: (value: number) => string;
40
+ /** Formats values in bar-top labels and the default `aria-label` summary. */
41
+ valueLabelFormatter?: (value: number) => string;
42
+ /** Corner radius for bar tops `[tl, tr, br, bl]`. */
43
+ barRadius?: [number, number, number, number];
44
+ maxBarSize?: number;
45
+ barCategoryGap?: string | number;
46
+ /** Show numeric/category labels above bars. */
47
+ showValueLabels?: boolean;
48
+ /** Horizontal grid lines only when `false` (default). */
49
+ gridVertical?: boolean;
50
+ };
51
+ //# sourceMappingURL=SemanticBarChart.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,+BAA+B,GAAG;IAC5C,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAC;IACX,iHAAiH;IACjH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kHAAkH;IAClH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,kCAAkC;IAClC,IAAI,EAAE,qBAAqB,EAAE,CAAC;IAC9B,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IAC9B,0FAA0F;IAC1F,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,qDAAqD;IACrD,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,+CAA+C;IAC/C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yDAAyD;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=SemanticBarChart.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.types.js","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,20 @@
1
+ import type { Margin } from "recharts";
2
+ /** Default `BarChart` margin tuned for value labels above bars. */
3
+ export declare const DEFAULT_MARGIN: Margin;
4
+ /**
5
+ * Default vertical bar gradient stops (`color.semantic.chart.*` in `tokens.json`).
6
+ *
7
+ * **Compared to legacy `purple-400` → `purple-100`:**
8
+ * - **Light:** top matches **`purple-400`**; bottom is **`purple-300`** (not **`purple-100`**).
9
+ * - **Dark:** both stops remap for legible bars on dark surfaces.
10
+ */
11
+ export declare const SEMANTIC_BAR_CHART_GRADIENT: {
12
+ readonly from: "var(--color-semantic-chart-bar-gradient-from)";
13
+ readonly to: "var(--color-semantic-chart-bar-gradient-to)";
14
+ };
15
+ export declare const semanticBarChartRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
16
+ export declare const semanticBarChartTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
17
+ /** Recharts axis/grid overrides applied on the inner `ChartContainer`. */
18
+ export declare const semanticBarChartChartContainerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
19
+ export declare const semanticBarChartValueLabelClassName = "fill-foreground font-mono text-xs font-bold";
20
+ //# sourceMappingURL=SemanticBarChart.variants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.variants.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.variants.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,mEAAmE;AACnE,eAAO,MAAM,cAAc,EAAE,MAK5B,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B;;;CAG9B,CAAC;AAEX,eAAO,MAAM,4BAA4B,oFAAoC,CAAC;AAE9E,eAAO,MAAM,6BAA6B,oFAEzC,CAAC;AAEF,0EAA0E;AAC1E,eAAO,MAAM,sCAAsC,oFAKjD,CAAC;AAEH,eAAO,MAAM,mCAAmC,gDACD,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { cva } from "class-variance-authority";
2
+ /** Default `BarChart` margin tuned for value labels above bars. */
3
+ export const DEFAULT_MARGIN = {
4
+ top: 28,
5
+ right: 8,
6
+ bottom: 8,
7
+ left: 0,
8
+ };
9
+ /**
10
+ * Default vertical bar gradient stops (`color.semantic.chart.*` in `tokens.json`).
11
+ *
12
+ * **Compared to legacy `purple-400` → `purple-100`:**
13
+ * - **Light:** top matches **`purple-400`**; bottom is **`purple-300`** (not **`purple-100`**).
14
+ * - **Dark:** both stops remap for legible bars on dark surfaces.
15
+ */
16
+ export const SEMANTIC_BAR_CHART_GRADIENT = {
17
+ from: "var(--color-semantic-chart-bar-gradient-from)",
18
+ to: "var(--color-semantic-chart-bar-gradient-to)",
19
+ };
20
+ export const semanticBarChartRootVariants = cva("flex w-full flex-col gap-6");
21
+ export const semanticBarChartTitleVariants = cva("text-foreground font-sans text-xl leading-[1.3] font-bold");
22
+ /** Recharts axis/grid overrides applied on the inner `ChartContainer`. */
23
+ export const semanticBarChartChartContainerVariants = cva([
24
+ "h-[248px] w-full",
25
+ "[&_.recharts-cartesian-grid-horizontal_line]:stroke-border/50 [&_.recharts-cartesian-grid-vertical_line]:stroke-transparent",
26
+ "[&_.recharts-xAxis_.recharts-cartesian-axis-tick_text]:fill-foreground [&_.recharts-xAxis_.recharts-cartesian-axis-tick_text]:font-mono [&_.recharts-xAxis_.recharts-cartesian-axis-tick_text]:text-xs [&_.recharts-xAxis_.recharts-cartesian-axis-tick_text]:font-bold",
27
+ "[&_.recharts-yAxis_.recharts-cartesian-axis-tick_text]:fill-semantic-fg-muted [&_.recharts-yAxis_.recharts-cartesian-axis-tick_text]:font-mono [&_.recharts-yAxis_.recharts-cartesian-axis-tick_text]:text-xs [&_.recharts-yAxis_.recharts-cartesian-axis-tick_text]:font-normal",
28
+ ]);
29
+ export const semanticBarChartValueLabelClassName = "fill-foreground font-mono text-xs font-bold";
30
+ //# sourceMappingURL=SemanticBarChart.variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SemanticBarChart.variants.js","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/SemanticBarChart.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,mEAAmE;AACnE,MAAM,CAAC,MAAM,cAAc,GAAW;IACpC,GAAG,EAAE,EAAE;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;CACR,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE,+CAA+C;IACrD,EAAE,EAAE,6CAA6C;CACzC,CAAC;AAEX,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAAC,4BAA4B,CAAC,CAAC;AAE9E,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAC9C,2DAA2D,CAC5D,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,sCAAsC,GAAG,GAAG,CAAC;IACxD,kBAAkB;IAClB,6HAA6H;IAC7H,yQAAyQ;IACzQ,kRAAkR;CACnR,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mCAAmC,GAC9C,6CAA6C,CAAC"}
@@ -0,0 +1,5 @@
1
+ export { BarChartLinearGradientDefs } from "./BarChartLinearGradientDefs.js";
2
+ export { SemanticBarChart } from "./SemanticBarChart.js";
3
+ export { DEFAULT_MARGIN, SEMANTIC_BAR_CHART_GRADIENT, semanticBarChartChartContainerVariants, semanticBarChartRootVariants, semanticBarChartTitleVariants, } from "./SemanticBarChart.variants.js";
4
+ export type { BarChartLinearGradientDefsProps, SemanticBarChartDatum, SemanticBarChartProps, } from "./SemanticBarChart.types.js";
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,sCAAsC,EACtC,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,+BAA+B,EAC/B,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,6BAA6B,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { BarChartLinearGradientDefs } from "./BarChartLinearGradientDefs.js";
2
+ export { SemanticBarChart } from "./SemanticBarChart.js";
3
+ export { DEFAULT_MARGIN, SEMANTIC_BAR_CHART_GRADIENT, semanticBarChartChartContainerVariants, semanticBarChartRootVariants, semanticBarChartTitleVariants, } from "./SemanticBarChart.variants.js";
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SemanticBarChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACL,cAAc,EACd,2BAA2B,EAC3B,sCAAsC,EACtC,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,gCAAgC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { SidebarChatProps } from "./SidebarChat.types.js";
2
+ export declare function SidebarChat({ header, children, ...props }: SidebarChatProps): import("react/jsx-runtime").JSX.Element;
3
+ //# sourceMappingURL=SidebarChat.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SidebarChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarChat/SidebarChat.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG/D,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CAsBlB"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { cn } from "../../../lib/cn.js";
3
+ import { sidebarChatSlotVariants, sidebarChatVariants, } from "./SidebarChat.variants.js";
4
+ import { SidebarDivider } from "../SidebarDivider.js";
5
+ export function SidebarChat({ header, children, ...props }) {
6
+ return (_jsxs("div", { "data-slot": "sidebar-chat", className: sidebarChatVariants(), ...props, children: [_jsx(SidebarDivider, {}), _jsx("div", { "data-slot": "sidebar-chat-header", className: cn(sidebarChatSlotVariants.header), children: header }), _jsx("div", { "data-slot": "sidebar-chat-scroll", className: cn(sidebarChatSlotVariants.scroll), children: children })] }));
7
+ }
8
+ //# sourceMappingURL=SidebarChat.js.map