@zentauri-ui/zentauri-components 1.4.63 → 1.4.70

package/dist/charts/line/Line.d.ts

@@ -0,0 +1,6 @@
+import type { LineChartProps } from "../shared/types";
+export declare function LineChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, data, density, emptyState, height, margin, series, showGrid, showLegend, showTooltip, tooltipColor, style, syncId, xKey, strokeDasharray, ...props }: LineChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
+export declare namespace LineChart {
+    var displayName: string;
+}
+//# sourceMappingURL=Line.d.ts.map

package/dist/charts/line/Line.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Line.d.ts","sourceRoot":"","sources":["../../../src/charts/line/Line.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,SAAS,CACvB,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,EACA,UAAU,EACV,SAAS,EACT,cAAc,EACd,IAAI,EACJ,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,MAA2B,EAC3B,MAAM,EACN,QAAe,EACf,UAAkB,EAClB,WAAkB,EAClB,YAAwB,EACxB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,eAAe,EACf,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CA6DxB;yBAlFe,SAAS"}

package/dist/charts/line/index.d.ts

@@ -0,0 +1,4 @@
+export { LineChart } from "./Line";
+export type { LineChartProps } from "../shared/types";
+export { chartColorValues, chartPalette, chartVariants, } from "../shared/variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/line/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,YAAY,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/charts/line.js

@@ -0,0 +1,113 @@
+"use client";
+'use strict';
+
+var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+require('../chunk-ZS5756ZC.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function LineChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  syncId,
+  xKey,
+  strokeDasharray,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkCIN5JDN4_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkCIN5JDN4_js.ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Line,
+            {
+              type: "monotone",
+              dataKey: item.dataKey,
+              name: item.name,
+              stroke: color.stroke,
+              strokeWidth: 2,
+              dot: false,
+              activeDot: { r: 5 },
+              strokeDasharray: strokeDasharray ?? void 0
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+LineChart.displayName = "LineChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+});
+exports.LineChart = LineChart;
+//# sourceMappingURL=line.js.map
+//# sourceMappingURL=line.js.map

package/dist/charts/line.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsLineChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Line"],"mappings":";;;;;;;AAYO,SAAS,SAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAASA,mCAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA,CAACC,kBAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAACI,gCAAA;AAAA,UAAA;AAAA,YACC,sBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAL,cAAA;AAAA,gBAACM,cAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACAN,cAAA;AAAA,gBAACO,cAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACER,cAAA;AAAA,YAACS,aAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.js","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  strokeDasharray,\n  ...props\n}: LineChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsLineChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}

package/dist/charts/line.mjs

@@ -0,0 +1,100 @@
+"use client";
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-IQZROQNJ.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { LineChart as LineChart$1, XAxis, YAxis, Line } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function LineChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  syncId,
+  xKey,
+  strokeDasharray,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(LineChart$1, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsx(
+          ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = resolveColor(item.color, index);
+          return /* @__PURE__ */ jsx(
+            Line,
+            {
+              type: "monotone",
+              dataKey: item.dataKey,
+              name: item.name,
+              stroke: color.stroke,
+              strokeWidth: 2,
+              dot: false,
+              activeDot: { r: 5 },
+              strokeDasharray: strokeDasharray ?? void 0
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+LineChart.displayName = "LineChart";
+
+export { LineChart };
+//# sourceMappingURL=line.mjs.map
+//# sourceMappingURL=line.mjs.map

package/dist/charts/line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["RechartsLineChart"],"mappings":";;;;;;AAYO,SAAS,SAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,kBAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAACA,WAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.mjs","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  strokeDasharray,\n  ...props\n}: LineChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsLineChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}

package/dist/charts/shared/chart-frame.d.ts

@@ -0,0 +1,32 @@
+import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
+import { chartVariants } from "./variants";
+import { VariantProps } from "class-variance-authority";
+type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
+    appearance?: VariantProps<typeof chartVariants>["appearance"];
+    containerStyle?: CSSProperties;
+    density?: "compact" | "comfortable" | "spacious" | null;
+    emptyState?: ReactNode;
+    hasData: boolean;
+    height: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    style?: CSSProperties;
+    children: ReactNode;
+};
+export declare const defaultChartMargin: {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export declare function ChartFrame({ appearance, children, className, containerStyle, density, emptyState, hasData, height, style, ...props }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartDecorators({ axis, showGrid, showLegend, showTooltip, tooltipColor, }: {
+    axis: ReactNode;
+    showGrid: boolean;
+    showLegend: boolean;
+    showTooltip: boolean;
+    tooltipColor?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chart-frame.d.ts.map

package/dist/charts/shared/chart-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAA6C,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAiB,EACjB,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CAoCjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAwB,GACzB,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}

package/dist/charts/shared/colors.d.ts

@@ -0,0 +1,43 @@
+import type { ChartColor, ChartSeries } from "./types";
+export declare function resolveColor(color: ChartColor | string | undefined, index: number): {
+    readonly stroke: "#0891b2";
+    readonly fill: "#67e8f9";
+    readonly textColor: "#0891b2";
+} | {
+    readonly stroke: "#059669";
+    readonly fill: "#6ee7b7";
+    readonly textColor: "#059669";
+} | {
+    readonly stroke: "#7c3aed";
+    readonly fill: "#c4b5fd";
+    readonly textColor: "#7c3aed";
+} | {
+    readonly stroke: "#d97706";
+    readonly fill: "#fcd34d";
+    readonly textColor: "#d97706";
+} | {
+    readonly stroke: "#e11d48";
+    readonly fill: "#fda4af";
+    readonly textColor: "#e11d48";
+} | {
+    readonly stroke: "#475569";
+    readonly fill: "#cbd5e1";
+    readonly textColor: "#475569";
+} | {
+    readonly stroke: "#6b7280";
+    readonly fill: "#d1d5db";
+    readonly textColor: "#6b7280";
+} | {
+    readonly stroke: "#ffffff";
+    readonly fill: "#ffffff";
+    readonly textColor: "#ffffff";
+} | {
+    readonly stroke: "#6366f1";
+    readonly fill: "#c7d2fe";
+    readonly textColor: "#6366f1";
+} | {
+    stroke: string;
+    fill: string;
+};
+export declare function getSeriesFill(series: ChartSeries, index: number, opacity?: number): string;
+//# sourceMappingURL=colors.d.ts.map

package/dist/charts/shared/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/colors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAGvD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWd;AAED,wBAAgB,aAAa,CAC3B,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE,MAAM,EACb,OAAO,SAAO,UASf"}

package/dist/charts/shared/types.d.ts

@@ -0,0 +1,43 @@
+import type { VariantProps } from "class-variance-authority";
+import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
+import type { chartPalette, chartVariants } from "./variants";
+export type ChartType = "area" | "bar" | "bubble" | "line";
+export type ChartColor = keyof typeof chartPalette;
+export type ChartDatum = Record<string, number | string | null | undefined>;
+export type ChartMargin = {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+export type ChartSeries = {
+    dataKey: string;
+    name?: string;
+    color?: ChartColor | string;
+    textColor?: string;
+    fill?: string;
+    stackId?: string;
+    zKey?: string;
+};
+export type ChartSharedStatic = VariantProps<typeof chartVariants>;
+export type BaseChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    data: TDatum[];
+    series: ChartSeries[];
+    xKey: keyof TDatum & string;
+    height?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    tooltipColor?: string;
+    stacked?: boolean;
+    syncId?: string;
+    margin?: ChartMargin;
+    emptyState?: ReactNode;
+    containerStyle?: CSSProperties;
+    strokeDasharray?: string;
+};
+export type AreaChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type BarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type LineChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type BubbleChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+//# sourceMappingURL=types.d.ts.map

package/dist/charts/shared/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE9D,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAEnE,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,iBAAiB,GACf,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,aAAa,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC9D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,gBAAgB,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IACjE,cAAc,CAAC,MAAM,CAAC,CAAC"}

package/dist/charts/shared/variants.d.ts

@@ -0,0 +1,93 @@
+export declare const chartVariants: (props?: ({
+    appearance?: "default" | "muted" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "gradient-cyan-violet" | "gradient-emerald-violet" | "gradient-amber-rose" | "gradient-slate-gray" | "gradient-indigo-purple" | "gradient-cyan-blue" | "gradient-emerald-blue" | "gradient-amber-blue" | null | undefined;
+    density?: "compact" | "comfortable" | "spacious" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const chartPalette: {
+    readonly cyan: {
+        readonly stroke: "#0891b2";
+        readonly fill: "#67e8f9";
+        readonly textColor: "#0891b2";
+    };
+    readonly emerald: {
+        readonly stroke: "#059669";
+        readonly fill: "#6ee7b7";
+        readonly textColor: "#059669";
+    };
+    readonly violet: {
+        readonly stroke: "#7c3aed";
+        readonly fill: "#c4b5fd";
+        readonly textColor: "#7c3aed";
+    };
+    readonly amber: {
+        readonly stroke: "#d97706";
+        readonly fill: "#fcd34d";
+        readonly textColor: "#d97706";
+    };
+    readonly rose: {
+        readonly stroke: "#e11d48";
+        readonly fill: "#fda4af";
+        readonly textColor: "#e11d48";
+    };
+    readonly slate: {
+        readonly stroke: "#475569";
+        readonly fill: "#cbd5e1";
+        readonly textColor: "#475569";
+    };
+    readonly gray: {
+        readonly stroke: "#6b7280";
+        readonly fill: "#d1d5db";
+        readonly textColor: "#6b7280";
+    };
+    readonly white: {
+        readonly stroke: "#ffffff";
+        readonly fill: "#ffffff";
+        readonly textColor: "#ffffff";
+    };
+    readonly indigo: {
+        readonly stroke: "#6366f1";
+        readonly fill: "#c7d2fe";
+        readonly textColor: "#6366f1";
+    };
+    readonly "gradient-cyan-violet": {
+        readonly stroke: "#0891b2";
+        readonly fill: "#67e8f9";
+        readonly textColor: "#0891b2";
+    };
+    readonly "gradient-emerald-violet": {
+        readonly stroke: "#059669";
+        readonly fill: "#6ee7b7";
+        readonly textColor: "#059669";
+    };
+    readonly "gradient-amber-rose": {
+        readonly stroke: "#d97706";
+        readonly fill: "#fcd34d";
+        readonly textColor: "#d97706";
+    };
+    readonly "gradient-slate-gray": {
+        readonly stroke: "#475569";
+        readonly fill: "#cbd5e1";
+        readonly textColor: "#475569";
+    };
+    readonly "gradient-indigo-purple": {
+        readonly stroke: "#6366f1";
+        readonly fill: "#c7d2fe";
+        readonly textColor: "#6366f1";
+    };
+    readonly "gradient-cyan-blue": {
+        readonly stroke: "#0891b2";
+        readonly fill: "#67e8f9";
+        readonly textColor: "#0891b2";
+    };
+    readonly "gradient-emerald-blue": {
+        readonly stroke: "#059669";
+        readonly fill: "#6ee7b7";
+        readonly textColor: "#059669";
+    };
+    readonly "gradient-amber-blue": {
+        readonly stroke: "#d97706";
+        readonly fill: "#fcd34d";
+        readonly textColor: "#d97706";
+    };
+};
+export declare const chartColorValues: Array<keyof typeof chartPalette>;
+//# sourceMappingURL=variants.d.ts.map

package/dist/charts/shared/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;8EA4DzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBf,CAAC;AAEX,eAAO,MAAM,gBAAgB,EAAgC,KAAK,CAChE,MAAM,OAAO,YAAY,CAC1B,CAAC"}

package/dist/{chunk-TTYZBO4E.mjs → chunk-2BAMNRAL.mjs}

@@ -27,15 +27,15 @@ var modalTriggerVariants = cva(
         gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
         amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
-        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
-        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
-        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
-        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
-        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+        "gradient-blue": "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
       }
     },
     defaultVariants: {
@@ -74,15 +74,15 @@ var modalContentVariants = cva(
         gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
         amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
-        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
-        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
-        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
-        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
-        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+        "gradient-blue": "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
       }
     },
     defaultVariants: {
@@ -319,5 +319,5 @@ function ModalClose({
 ModalClose.displayName = "ModalClose";
 
 export { Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalTitle, ModalTrigger, modalContentVariants, modalOverlayVariants, useModalContext };
-//# sourceMappingURL=chunk-TTYZBO4E.mjs.map
-//# sourceMappingURL=chunk-TTYZBO4E.mjs.map
+//# sourceMappingURL=chunk-2BAMNRAL.mjs.map
+//# sourceMappingURL=chunk-2BAMNRAL.mjs.map

package/dist/chunk-2BAMNRAL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/modal/variants.ts","../src/ui/modal/modal-base.tsx"],"names":[],"mappings":"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","file":"chunk-2BAMNRAL.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const modalOverlayVariants = cva(\n  \"fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm data-[state=open]:animate-in\",\n);\n\nexport const modalTriggerVariants = cva(\n  \"relative inline-flex shrink-0 cursor-pointer rounded-md border\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-slate-950\",\n        glass: \"border-white/15 bg-slate-950/70 backdrop-blur-xl\",\n        sky: \"border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const modalContentVariants = cva(\n  \"fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none\",\n  {\n    variants: {\n      size: {\n        sm: \"max-w-md\",\n        md: \"max-w-lg\",\n        lg: \"max-w-2xl\",\n        xl: \"max-w-4xl\",\n        full: \"max-w-[calc(100%-2rem)]\",\n      },\n      position: {\n        center: \"top-1/2 translate-y-[-50%]\",\n        top: \"top-10 translate-y-0\",\n        bottom: \"bottom-10 translate-y-0\",\n      },\n      appearance: {\n        default: \"bg-slate-950\",\n        glass: \"border-white/15 bg-slate-950/70 backdrop-blur-xl\",\n        sky: \"border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      position: \"center\",\n      appearance: \"default\",\n    },\n  },\n);\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type RefObject,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\nimport { useFocusManagement } from \"../../hooks/useFocusManagement\";\n\nimport type {\n  ModalContentProps,\n  ModalProps,\n  ModalSectionProps,\n  ModalTriggerProps,\n} from \"./types\";\nimport {\n  modalContentVariants,\n  modalOverlayVariants,\n  modalTriggerVariants,\n} from \"./variants\";\n\ntype ModalCtx = {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  contentRef: RefObject<HTMLDivElement | null>;\n  triggerRef: RefObject<HTMLElement | null>;\n};\n\nconst ModalContext = createContext<ModalCtx | null>(null);\n\nexport function useModalContext(component: string): ModalCtx {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Modal>`);\n  }\n  return ctx;\n}\n\nexport function Modal({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: ModalProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const descriptionId = `${baseId}-description`;\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n\n  const ctx = useMemo(\n    () => ({\n      open: resolvedOpen,\n      setOpen,\n      titleId,\n      descriptionId,\n      contentRef,\n      triggerRef,\n    }),\n    [descriptionId, resolvedOpen, setOpen, titleId],\n  );\n\n  return <ModalContext.Provider value={ctx}>{children}</ModalContext.Provider>;\n}\n\nModal.displayName = \"Modal\";\n\nexport function ModalTrigger({\n  className,\n  children,\n  appearance,\n  onClick,\n  ref: refProp,\n  ...rest\n}: ModalTriggerProps) {\n  const { setOpen, triggerRef } = useModalContext(\"ModalTrigger\");\n  return (\n    <button\n      ref={(node) => {\n        triggerRef.current = node;\n        if (typeof refProp === \"function\") {\n          refProp(node);\n        } else if (refProp) {\n          (refProp as RefObject<HTMLButtonElement | null>).current = node;\n        }\n      }}\n      type=\"button\"\n      data-slot=\"modal-trigger\"\n      className={cn(modalTriggerVariants({ appearance }), className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(true);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nModalTrigger.displayName = \"ModalTrigger\";\n\nexport function ModalContent({\n  className,\n  size,\n  position,\n  appearance,\n  children,\n  ref,\n  id,\n  style,\n}: ModalContentProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } =\n    useModalContext(\"ModalContent\");\n\n  useFocusManagement({\n    open,\n    setOpen,\n    contentRef,\n    triggerRef,\n  });\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    open ? (\n      <div className=\"fixed inset-0 z-50\" data-slot=\"modal-portal\">\n        <div\n          role=\"presentation\"\n          data-slot=\"modal-overlay\"\n          className={modalOverlayVariants()}\n          onClick={() => setOpen(false)}\n        />\n        <div\n          ref={(node) => {\n            contentRef.current = node;\n            if (typeof ref === \"function\") {\n              ref(node);\n            } else if (ref) {\n              (ref as React.RefObject<HTMLDivElement | null>).current = node;\n            }\n          }}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby={titleId}\n          aria-describedby={descriptionId}\n          data-slot=\"modal-content\"\n          tabIndex={-1}\n          className={cn(\n            modalContentVariants({ size, position, appearance }),\n            className,\n          )}\n          id={id}\n          style={style}\n        >\n          {children}\n        </div>\n      </div>\n    ) : null,\n    portalTarget,\n  );\n}\n\nModalContent.displayName = \"ModalContent\";\n\nexport function ModalHeader({ className, children }: ModalSectionProps) {\n  return (\n    <header\n      data-slot=\"modal-header\"\n      className={cn(\"mb-4 flex flex-col gap-2\", className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nModalHeader.displayName = \"ModalHeader\";\n\nexport function ModalBody({ className, children }: ModalSectionProps) {\n  return (\n    <div\n      data-slot=\"modal-body\"\n      className={cn(\"text-sm text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nModalBody.displayName = \"ModalBody\";\n\nexport function ModalFooter({ className, children }: ModalSectionProps) {\n  return (\n    <footer\n      data-slot=\"modal-footer\"\n      className={cn(\"mt-6 flex justify-end gap-2\", className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nModalFooter.displayName = \"ModalFooter\";\n\nexport function ModalTitle({ className, children }: ModalSectionProps) {\n  const { titleId } = useModalContext(\"ModalTitle\");\n  return (\n    <h2\n      id={titleId}\n      data-slot=\"modal-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nModalTitle.displayName = \"ModalTitle\";\n\nexport function ModalDescription({ className, children }: ModalSectionProps) {\n  const { descriptionId } = useModalContext(\"ModalDescription\");\n  return (\n    <p\n      id={descriptionId}\n      data-slot=\"modal-description\"\n      className={cn(\"text-sm text-slate-400\", className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nModalDescription.displayName = \"ModalDescription\";\n\nexport function ModalClose({\n  className,\n  children,\n  ...rest\n}: ModalSectionProps) {\n  const { setOpen } = useModalContext(\"ModalClose\");\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"modal-close\"\n      className={cn(\n        \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n      aria-label=\"Close dialog\"\n      onClick={() => setOpen(false)}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nModalClose.displayName = \"ModalClose\";\n"]}

package/dist/{chunk-Z7PHKV2T.js → chunk-AD2LA3XN.js}

@@ -25,15 +25,15 @@ var alertVariants = classVarianceAuthority.cva(
         indigo: "border-indigo-600 bg-indigo-950/70 backdrop-blur-xl",
         gray: "border-gray-600 bg-gray-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
-        "gradient-blue": "border-gradient-to-r from-blue-600 to-purple-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-green": "border-gradient-to-r from-green-600 to-lime-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
-        "gradient-red": "border-gradient-to-r from-red-600 to-pink-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-yellow": "border-gradient-to-r from-yellow-600 to-orange-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
-        "gradient-purple": "border-gradient-to-r from-purple-600 to-pink-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
-        "gradient-teal": "border-gradient-to-r from-teal-600 to-cyan-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
-        "gradient-indigo": "border-gradient-to-r from-indigo-600 to-purple-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
-        "gradient-pink": "border-gradient-to-r from-pink-600 to-rose-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
-        "gradient-orange": "border-gradient-to-r from-orange-600 to-red-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
+        "gradient-blue": "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-green": "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+        "gradient-red": "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-yellow": "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+        "gradient-purple": "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+        "gradient-teal": "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+        "gradient-indigo": "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+        "gradient-pink": "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+        "gradient-orange": "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl"
       },
       size: {
         sm: "rounded-lg p-3",
@@ -200,5 +200,5 @@ exports.AlertTitle = AlertTitle;
 exports.alertDescriptionVariants = alertDescriptionVariants;
 exports.alertTitleVariants = alertTitleVariants;
 exports.alertVariants = alertVariants;
-//# sourceMappingURL=chunk-Z7PHKV2T.js.map
-//# sourceMappingURL=chunk-Z7PHKV2T.js.map
+//# sourceMappingURL=chunk-AD2LA3XN.js.map
+//# sourceMappingURL=chunk-AD2LA3XN.js.map