@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/charts/pie.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["jsx","props","resolveColor","Sector","ChartFrame","RechartsPieChart","Tooltip","Legend","Pie"],"mappings":"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","file":"pie.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
+{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["jsx","props","resolveColor","Sector","ChartFrame","RechartsPieChart","Tooltip","Legend","Pie"],"mappings":"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","file":"pie.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}

package/dist/charts/pie.mjs

@@ -3,6 +3,7 @@ import { ChartFrame, resolveColor } from '../chunk-HZIRD3SR.mjs';
 export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { PieChart as PieChart$1, Tooltip, Legend, Pie, Sector } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/charts/pie.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["props","RechartsPieChart"],"mappings":"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","file":"pie.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
+{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["props","RechartsPieChart"],"mappings":"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","file":"pie.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}

package/dist/charts/radar.js

@@ -4,6 +4,7 @@
 var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
 require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/charts/radar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["jsx","ChartFrame","jsxs","RechartsRadarChart","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","Legend","resolveColor","getSeriesFill","Radar"],"mappings":";;;;;;;;AAgBO,SAAS,UAAA,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;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,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,EAAA,uBACEA,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,uBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,kCAAYC,kBAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjEJ,cAAA;AAAA,UAACK,uBAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACAL,cAAA,CAACM,4BAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACCN,cAAA;AAAA,UAACO,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAaP,cAAA,CAACQ,eAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAOC,8BAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACEV,cAAA;AAAA,YAACW,cAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\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  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  xKey,\n  ...props\n}: RadarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\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      <RechartsRadarChart data={data}>\n        {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n        <PolarAngleAxis\n          dataKey={String(xKey)}\n          tick={{ fill: \"currentColor\", fontSize: 12 }}\n        />\n        <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          const fill = getSeriesFill(item, index, 0.24);\n          return (\n            <Radar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={item.stroke ?? color.stroke}\n              fill={fill ?? color.fill}\n              fillOpacity={0.72}\n            />\n          );\n        })}\n      </RechartsRadarChart>\n    </ChartFrame>\n  );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}
+{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["jsx","ChartFrame","jsxs","RechartsRadarChart","PolarGrid","PolarAngleAxis","PolarRadiusAxis","Tooltip","Legend","resolveColor","getSeriesFill","Radar"],"mappings":";;;;;;;;;AAgBO,SAAS,UAAA,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;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,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,EAAA,uBACEA,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,uBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,kCAAYC,kBAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjEJ,cAAA;AAAA,UAACK,uBAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACAL,cAAA,CAACM,4BAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACCN,cAAA;AAAA,UAACO,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAaP,cAAA,CAACQ,eAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAOC,8BAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACEV,cAAA;AAAA,YAACW,cAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\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  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  xKey,\n  ...props\n}: RadarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\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      <RechartsRadarChart data={data}>\n        {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n        <PolarAngleAxis\n          dataKey={String(xKey)}\n          tick={{ fill: \"currentColor\", fontSize: 12 }}\n        />\n        <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          const fill = getSeriesFill(item, index, 0.24);\n          return (\n            <Radar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={item.stroke ?? color.stroke}\n              fill={fill ?? color.fill}\n              fillOpacity={0.72}\n            />\n          );\n        })}\n      </RechartsRadarChart>\n    </ChartFrame>\n  );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}

package/dist/charts/radar.mjs

@@ -3,6 +3,7 @@ import { ChartFrame, resolveColor, getSeriesFill } from '../chunk-HZIRD3SR.mjs';
 export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Radar } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
 

package/dist/charts/radar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;;;AAgBO,SAAS,UAAA,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;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,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,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,gBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,uBAAY,SAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjE,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACA,GAAA,CAAC,mBAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\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  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  xKey,\n  ...props\n}: RadarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\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      <RechartsRadarChart data={data}>\n        {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n        <PolarAngleAxis\n          dataKey={String(xKey)}\n          tick={{ fill: \"currentColor\", fontSize: 12 }}\n        />\n        <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          const fill = getSeriesFill(item, index, 0.24);\n          return (\n            <Radar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={item.stroke ?? color.stroke}\n              fill={fill ?? color.fill}\n              fillOpacity={0.72}\n            />\n          );\n        })}\n      </RechartsRadarChart>\n    </ChartFrame>\n  );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}
+{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;;;;AAgBO,SAAS,UAAA,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;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,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,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,gBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,uBAAY,SAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjE,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACA,GAAA,CAAC,mBAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\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  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  xKey,\n  ...props\n}: RadarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\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      <RechartsRadarChart data={data}>\n        {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n        <PolarAngleAxis\n          dataKey={String(xKey)}\n          tick={{ fill: \"currentColor\", fontSize: 12 }}\n        />\n        <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          const fill = getSeriesFill(item, index, 0.24);\n          return (\n            <Radar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={item.stroke ?? color.stroke}\n              fill={fill ?? color.fill}\n              fillOpacity={0.72}\n            />\n          );\n        })}\n      </RechartsRadarChart>\n    </ChartFrame>\n  );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}

package/dist/charts/scatter.js

@@ -4,6 +4,7 @@
 var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
 require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
 

package/dist/charts/scatter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter"],"mappings":"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","file":"scatter.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\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  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\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      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\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            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}
+{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter"],"mappings":"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","file":"scatter.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\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  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\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      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\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            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}

package/dist/charts/scatter.mjs

@@ -3,6 +3,7 @@ import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '.
 export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { ScatterChart as ScatterChart$1, XAxis, YAxis, Scatter } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/charts/scatter.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"scatter.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\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  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\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      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\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            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}
+{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"scatter.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\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  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\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      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\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            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}

package/dist/charts/stacked-bar.js

@@ -5,6 +5,7 @@ var chunkLREMK2XR_js = require('../chunk-LREMK2XR.js');
 var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
 require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function StackedBarChart(props) {

package/dist/charts/stacked-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":["jsx","BarChart"],"mappings":";;;;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.js","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}
+{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":["jsx","BarChart"],"mappings":";;;;;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.js","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}

package/dist/charts/stacked-bar.mjs

@@ -3,6 +3,7 @@ import { BarChart } from '../chunk-O2KM3ETC.mjs';
 export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 function StackedBarChart(props) {

package/dist/charts/stacked-bar.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":";;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.mjs","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}
+{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":";;;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.mjs","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}

package/dist/{chunk-VHVQELWF.js → chunk-22I54GJW.js}

@@ -1,10 +1,5 @@
 'use strict';
 
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/popover.ts
 var zuiPopoverContentBase = "absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none";
 var zuiPopoverContentVariants = {
@@ -30,7 +25,27 @@ var zuiPopoverContentVariants = {
   "gradient-teal": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]",
   "gradient-indigo": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]",
   "gradient-pink": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]",
-  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]"
+  "gradient-orange": "border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]",
+  blue: "border border-[color:var(--zui-popover-content-blue-border,#2563eb)] dark:border-[color:var(--zui-popover-content-blue-border-dark,#3b82f6)] bg-[var(--zui-popover-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-popover-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-popover-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl",
+  cyan: "border border-[color:var(--zui-popover-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-popover-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-popover-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-popover-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-popover-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl",
+  lime: "border border-[color:var(--zui-popover-content-lime-border,#65a30d)] dark:border-[color:var(--zui-popover-content-lime-border-dark,#a3e635)] bg-[var(--zui-popover-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-popover-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-popover-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl",
+  mint: "border border-[color:var(--zui-popover-content-mint-border,#10b981)] dark:border-[color:var(--zui-popover-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-popover-content-mint-bg,#10b98114)] dark:bg-[var(--zui-popover-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-popover-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl",
+  ocean: "border border-[color:var(--zui-popover-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-popover-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-popover-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-popover-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl",
+  sapphire: "border border-[color:var(--zui-popover-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-popover-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-popover-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl",
+  lavender: "border border-[color:var(--zui-popover-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-popover-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-popover-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-popover-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-popover-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl",
+  ruby: "border border-[color:var(--zui-popover-content-ruby-border,#be123c)] dark:border-[color:var(--zui-popover-content-ruby-border-dark,#fb7185)] bg-[var(--zui-popover-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-popover-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-popover-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl",
+  red: "border border-[color:var(--zui-popover-content-red-border,#dc2626)] dark:border-[color:var(--zui-popover-content-red-border-dark,#ef4444)] bg-[var(--zui-popover-content-red-bg,#dc262614)] dark:bg-[var(--zui-popover-content-red-bg-dark,#ef444424)] text-[color:var(--zui-popover-content-red-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-red-fg-dark,#f8fafc)] backdrop-blur-xl",
+  slate: "border border-[color:var(--zui-popover-content-slate-border,#475569)] dark:border-[color:var(--zui-popover-content-slate-border-dark,#64748b)] bg-[var(--zui-popover-content-slate-bg,#47556914)] dark:bg-[var(--zui-popover-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-popover-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl",
+  zinc: "border border-[color:var(--zui-popover-content-zinc-border,#52525b)] dark:border-[color:var(--zui-popover-content-zinc-border-dark,#71717a)] bg-[var(--zui-popover-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-popover-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-popover-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl",
+  stone: "border border-[color:var(--zui-popover-content-stone-border,#57534e)] dark:border-[color:var(--zui-popover-content-stone-border-dark,#78716c)] bg-[var(--zui-popover-content-stone-bg,#57534e14)] dark:bg-[var(--zui-popover-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-popover-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl",
+  royal: "border border-[color:var(--zui-popover-content-royal-border,#4338ca)] dark:border-[color:var(--zui-popover-content-royal-border-dark,#818cf8)] bg-[var(--zui-popover-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-popover-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-popover-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl",
+  electric: "border border-[color:var(--zui-popover-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-popover-content-electric-border-dark,#38bdf8)] bg-[var(--zui-popover-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-popover-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl",
+  forest: "border border-[color:var(--zui-popover-content-forest-border,#166534)] dark:border-[color:var(--zui-popover-content-forest-border-dark,#4ade80)] bg-[var(--zui-popover-content-forest-bg,#16653414)] dark:bg-[var(--zui-popover-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-popover-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl",
+  sunset: "border border-[color:var(--zui-popover-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-popover-content-sunset-border-dark,#fb923c)] bg-[var(--zui-popover-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-popover-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-popover-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl",
+  magenta: "border border-[color:var(--zui-popover-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-popover-content-magenta-border-dark,#e879f9)] bg-[var(--zui-popover-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-popover-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-popover-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl",
+  crimson: "border border-[color:var(--zui-popover-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-popover-content-crimson-border-dark,#f87171)] bg-[var(--zui-popover-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-popover-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-popover-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl",
+  aqua: "border border-[color:var(--zui-popover-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-popover-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-popover-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-popover-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-popover-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl",
+  plum: "border border-[color:var(--zui-popover-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-popover-content-plum-border-dark,#c084fc)] bg-[var(--zui-popover-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-popover-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-popover-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl"
 };
 var zuiPopoverContentSizes = {
   sm: "p-3 text-sm",
@@ -46,208 +61,9 @@ var zuiPopoverContentWidths = {
   "2xl": "min-w-50 md:min-w-2xl"
 };
 
-// src/ui/popover/variants.ts
-var popoverContentVariants = classVarianceAuthority.cva(zuiPopoverContentBase, {
-  variants: {
-    variant: zuiPopoverContentVariants,
-    size: zuiPopoverContentSizes,
-    width: zuiPopoverContentWidths
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    width: "xs"
-  }
-});
-var PopoverContext = react.createContext(null);
-var usePopover = () => {
-  const context = react.useContext(PopoverContext);
-  if (!context) {
-    throw new Error("Popover components must be used within Popover");
-  }
-  return context;
-};
-function mergeRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      if (typeof ref === "function") {
-        ref(node);
-      } else if (ref) {
-        ref.current = node;
-      }
-    }
-  };
-}
-function sideAlignClass(side, align) {
-  const sideClasses = {
-    top: "bottom-full mb-2",
-    bottom: "top-full mt-2",
-    left: "right-full mr-2",
-    right: "left-full ml-2"
-  };
-  const verticalAlign = {
-    start: "left-0",
-    center: "left-1/2 -translate-x-1/2",
-    end: "right-0"
-  };
-  const horizontalAlign = {
-    start: "top-0",
-    center: "top-1/2 -translate-y-1/2",
-    end: "bottom-0"
-  };
-  return chunkZS5756ZC_js.cn(
-    sideClasses[side],
-    side === "top" || side === "bottom" ? verticalAlign[align] : horizontalAlign[align]
-  );
-}
-var Popover = ({
-  children,
-  defaultOpen = false,
-  open: controlledOpen,
-  onOpenChange,
-  closeOnEscape = true,
-  closeOnOutsideClick = true
-}) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-  const contentId = `${react.useId()}-popover`;
-  const triggerRef = react.useRef(null);
-  const contentRef = react.useRef(null);
-  const isControlled = controlledOpen !== void 0;
-  const open = isControlled ? controlledOpen : uncontrolledOpen;
-  const setOpen = react.useCallback(
-    (value) => {
-      if (!isControlled) {
-        setUncontrolledOpen(value);
-      }
-      onOpenChange?.(value);
-    },
-    [isControlled, onOpenChange]
-  );
-  const toggleOpen = react.useCallback(() => setOpen(!open), [open, setOpen]);
-  react.useEffect(() => {
-    if (!open) {
-      return void 0;
-    }
-    const onPointerDown = (event) => {
-      if (!closeOnOutsideClick) {
-        return;
-      }
-      const target = event.target;
-      if (contentRef.current?.contains(target) || triggerRef.current?.contains(target)) {
-        return;
-      }
-      setOpen(false);
-    };
-    const onKeyDown = (event) => {
-      if (event.key === "Escape" && closeOnEscape) {
-        setOpen(false);
-        triggerRef.current?.focus();
-      }
-    };
-    document.addEventListener("pointerdown", onPointerDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("pointerdown", onPointerDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [closeOnEscape, closeOnOutsideClick, open, setOpen]);
-  const contextValue = react.useMemo(
-    () => ({
-      open,
-      setOpen,
-      toggleOpen,
-      contentId,
-      triggerRef,
-      contentRef
-    }),
-    [open, setOpen, toggleOpen, contentId]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children }) });
-};
-var PopoverTrigger = ({
-  children,
-  className
-}) => {
-  const { open, toggleOpen, contentId, triggerRef } = usePopover();
-  const childList = react.Children.toArray(children).filter(
-    (node) => node !== null && node !== void 0 && typeof node !== "boolean"
-  );
-  const soleCandidate = childList.length === 1 && react.isValidElement(childList[0]) ? childList[0] : void 0;
-  if (soleCandidate) {
-    return react.cloneElement(soleCandidate, {
-      ref: mergeRefs(triggerRef, soleCandidate.props.ref),
-      onClick: (event) => {
-        soleCandidate.props.onClick?.(event);
-        if (!event.defaultPrevented) {
-          toggleOpen();
-        }
-      },
-      onKeyDown: (event) => {
-        soleCandidate.props.onKeyDown?.(event);
-        if (event.key === "Escape") {
-          event.preventDefault();
-        }
-      },
-      className: chunkZS5756ZC_js.cn(className, soleCandidate.props.className),
-      "aria-expanded": open,
-      "aria-haspopup": "dialog",
-      "aria-controls": open ? contentId : void 0
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref: triggerRef,
-      type: "button",
-      className,
-      "aria-expanded": open,
-      "aria-haspopup": "dialog",
-      "aria-controls": open ? contentId : void 0,
-      onClick: toggleOpen,
-      children
-    }
-  );
-};
-var PopoverContent = ({
-  children,
-  className,
-  variant,
-  size,
-  width,
-  side = "bottom",
-  align = "center",
-  role = "dialog",
-  ...props
-}) => {
-  const { open, contentId, contentRef } = usePopover();
-  if (!open) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: contentRef,
-      id: contentId,
-      "data-open": open,
-      role,
-      tabIndex: -1,
-      className: chunkZS5756ZC_js.cn(
-        popoverContentVariants({ variant, size, width }),
-        sideAlignClass(side, align),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-
-exports.Popover = Popover;
-exports.PopoverContent = PopoverContent;
-exports.PopoverContext = PopoverContext;
-exports.PopoverTrigger = PopoverTrigger;
-exports.popoverContentVariants = popoverContentVariants;
-exports.sideAlignClass = sideAlignClass;
-exports.usePopover = usePopover;
-//# sourceMappingURL=chunk-VHVQELWF.js.map
-//# sourceMappingURL=chunk-VHVQELWF.js.map
+exports.zuiPopoverContentBase = zuiPopoverContentBase;
+exports.zuiPopoverContentSizes = zuiPopoverContentSizes;
+exports.zuiPopoverContentVariants = zuiPopoverContentVariants;
+exports.zuiPopoverContentWidths = zuiPopoverContentWidths;
+//# sourceMappingURL=chunk-22I54GJW.js.map
+//# sourceMappingURL=chunk-22I54GJW.js.map

package/dist/chunk-22I54GJW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/popover.ts"],"names":[],"mappings":";;;AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,iaAAA;AAAA,EACF,OAAA,EACE,mYAAA;AAAA,EACF,KAAA,EACE,qRAAA;AAAA,EACF,KAAA,EACE,6WAAA;AAAA,EACF,OAAA,EACE,0cAAA;AAAA,EACF,MAAA,EACE,kcAAA;AAAA,EACF,MAAA,EACE,ucAAA;AAAA,EACF,IAAA,EAAM,mbAAA;AAAA,EACN,IAAA,EAAM,mbAAA;AAAA,EACN,GAAA,EAAK,gbAAA;AAAA,EACL,IAAA,EAAM,ubAAA;AAAA,EACN,MAAA,EACE,icAAA;AAAA,EACF,MAAA,EACE,6bAAA;AAAA,EACF,KAAA,EACE,icAAA;AAAA,EACF,eAAA,EACE,2cAAA;AAAA,EACF,gBAAA,EACE,idAAA;AAAA,EACF,cAAA,EACE,+bAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,iBAAA,EACE,mdAAA;AAAA,EACF,eAAA,EACE,ucAAA;AAAA,EACF,iBAAA,EACE,udAAA;AAAA,EACF,eAAA,EACE,qcAAA;AAAA,EACF,iBAAA,EACE,+cAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,GAAA,EAAK,iYAAA;AAAA,EACL,KAAA,EACE,6YAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,KAAA,EACE,6YAAA;AAAA,EACF,KAAA,EACE,6YAAA;AAAA,EACF,QAAA,EACE,+ZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,MAAA,EACE,mZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,OAAA,EACE,yZAAA;AAAA,EACF,IAAA,EAAM,uYAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-22I54GJW.js","sourcesContent":["export const zuiPopoverContentBase =\n  \"absolute z-50 rounded-lg border shadow-lg transition-all duration-200 outline-none\";\n\nexport const zuiPopoverContentVariants = {\n  default:\n    \"border-[color:var(--zui-popover-default-border,oklch(20.8%_0.042_265.755_/_0.1))] dark:border-[color:var(--zui-popover-default-border-dark,#ffffff1a)] bg-[var(--zui-popover-default-bg,#ffffff)] dark:bg-[var(--zui-popover-default-bg-dark,oklch(20.8%_0.042_265.755))] text-[color:var(--zui-popover-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-default-fg-dark,oklch(96.8%_0.007_247.896))]\",\n  outline:\n    \"border-[color:var(--zui-popover-outline-border,oklch(37.3%_0.034_259.733))] dark:border-[color:var(--zui-popover-outline-border-dark,oklch(87.2%_0.01_258.338))] bg-[var(--zui-popover-outline-bg,#ffffff)] dark:bg-[var(--zui-popover-outline-bg-dark,#000000)] text-[color:var(--zui-popover-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-outline-fg-dark,#ffffff)]\",\n  ghost:\n    \"border-transparent bg-[var(--zui-popover-ghost-bg,oklch(96.7%_0.003_264.542))] dark:bg-[var(--zui-popover-ghost-bg-dark,oklch(27.8%_0.033_256.848))] text-[color:var(--zui-popover-ghost-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-popover-ghost-fg-dark,#ffffffe6)]\",\n  glass:\n    \"border-[color:var(--zui-popover-glass-border,#00000026)] dark:border-[color:var(--zui-popover-glass-border-dark,#ffffff26)] bg-[var(--zui-popover-glass-bg,#ffffffb3)] dark:bg-[var(--zui-popover-glass-bg-dark,#020617b3)] text-[color:var(--zui-popover-glass-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-popover-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-popover-emerald-border,oklch(43.2%_0.095_166.913_/_0.35))] dark:border-[color:var(--zui-popover-emerald-border-dark,oklch(43.2%_0.095_166.913_/_0.35))] bg-[var(--zui-popover-emerald-bg,oklch(90.5%_0.093_164.15))] text-[color:var(--zui-popover-emerald-fg,oklch(37.8%_0.077_168.94))] dark:bg-[var(--zui-popover-emerald-bg-dark,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-popover-emerald-fg-dark,oklch(90.5%_0.093_164.15))]\",\n  indigo:\n    \"border-[color:var(--zui-popover-indigo-border,oklch(39.8%_0.195_277.366_/_0.35))] dark:border-[color:var(--zui-popover-indigo-border-dark,oklch(39.8%_0.195_277.366_/_0.35))] bg-[var(--zui-popover-indigo-bg,oklch(87%_0.065_274.039))] text-[color:var(--zui-popover-indigo-fg,oklch(35.9%_0.144_278.697))] dark:bg-[var(--zui-popover-indigo-bg-dark,oklch(25.7%_0.09_281.288))] dark:text-[color:var(--zui-popover-indigo-fg-dark,oklch(87%_0.065_274.039))]\",\n  purple:\n    \"border-[color:var(--zui-popover-purple-border,oklch(43.8%_0.218_303.724_/_0.35))] dark:border-[color:var(--zui-popover-purple-border-dark,oklch(43.8%_0.218_303.724_/_0.35))] bg-[var(--zui-popover-purple-bg,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-popover-purple-fg,oklch(38.1%_0.176_304.987))] dark:bg-[var(--zui-popover-purple-bg-dark,oklch(29.1%_0.149_302.717))] dark:text-[color:var(--zui-popover-purple-fg-dark,oklch(90.2%_0.063_306.703))]\",\n  pink: \"border-[color:var(--zui-popover-pink-border,oklch(45.9%_0.187_3.815_/_0.35))] dark:border-[color:var(--zui-popover-pink-border-dark,oklch(45.9%_0.187_3.815_/_0.35))] bg-[var(--zui-popover-pink-bg,oklch(89.9%_0.061_343.231))] text-[color:var(--zui-popover-pink-fg,oklch(40.8%_0.153_2.432))] dark:bg-[var(--zui-popover-pink-bg-dark,oklch(28.4%_0.109_3.907))] dark:text-[color:var(--zui-popover-pink-fg-dark,oklch(89.9%_0.061_343.231))]\",\n  rose: \"border-[color:var(--zui-popover-rose-border,oklch(45.5%_0.188_13.697_/_0.35))] dark:border-[color:var(--zui-popover-rose-border-dark,oklch(45.5%_0.188_13.697_/_0.35))] bg-[var(--zui-popover-rose-bg,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-popover-rose-fg,oklch(41%_0.159_10.272))] dark:bg-[var(--zui-popover-rose-bg-dark,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-popover-rose-fg-dark,oklch(89.2%_0.058_10.001))]\",\n  sky: \"border-[color:var(--zui-popover-sky-border,oklch(44.3%_0.11_240.79_/_0.35))] dark:border-[color:var(--zui-popover-sky-border-dark,oklch(44.3%_0.11_240.79_/_0.35))] bg-[var(--zui-popover-sky-bg,oklch(90.1%_0.058_230.902))] text-[color:var(--zui-popover-sky-fg,oklch(39.1%_0.09_240.876))] dark:bg-[var(--zui-popover-sky-bg-dark,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-popover-sky-fg-dark,oklch(90.1%_0.058_230.902))]\",\n  teal: \"border-[color:var(--zui-popover-teal-border,oklch(43.7%_0.078_188.216_/_0.35))] dark:border-[color:var(--zui-popover-teal-border-dark,oklch(43.7%_0.078_188.216_/_0.35))] bg-[var(--zui-popover-teal-bg,oklch(91%_0.096_180.426))] text-[color:var(--zui-popover-teal-fg,oklch(38.6%_0.063_188.416))] dark:bg-[var(--zui-popover-teal-bg-dark,oklch(27.7%_0.046_192.524))] dark:text-[color:var(--zui-popover-teal-fg-dark,oklch(91%_0.096_180.426))]\",\n  yellow:\n    \"border-[color:var(--zui-popover-yellow-border,oklch(47.6%_0.114_61.907_/_0.35))] dark:border-[color:var(--zui-popover-yellow-border-dark,oklch(47.6%_0.114_61.907_/_0.35))] bg-[var(--zui-popover-yellow-bg,oklch(94.5%_0.129_101.54))] text-[color:var(--zui-popover-yellow-fg,oklch(42.1%_0.095_57.708))] dark:bg-[var(--zui-popover-yellow-bg-dark,oklch(28.6%_0.066_53.813))] dark:text-[color:var(--zui-popover-yellow-fg-dark,oklch(94.5%_0.129_101.54))]\",\n  orange:\n    \"border-[color:var(--zui-popover-orange-border,oklch(47%_0.157_37.304_/_0.35))] dark:border-[color:var(--zui-popover-orange-border-dark,oklch(47%_0.157_37.304_/_0.35))] bg-[var(--zui-popover-orange-bg,oklch(90.1%_0.076_70.697))] text-[color:var(--zui-popover-orange-fg,oklch(40.8%_0.123_38.172))] dark:bg-[var(--zui-popover-orange-bg-dark,oklch(26.6%_0.079_36.259))] dark:text-[color:var(--zui-popover-orange-fg-dark,oklch(90.1%_0.076_70.697))]\",\n  green:\n    \"border-[color:var(--zui-popover-green-border,oklch(44.8%_0.119_151.328_/_0.35))] dark:border-[color:var(--zui-popover-green-border-dark,oklch(44.8%_0.119_151.328_/_0.35))] bg-[var(--zui-popover-green-bg,oklch(92.5%_0.084_155.995))] text-[color:var(--zui-popover-green-fg,oklch(39.3%_0.095_152.535))] dark:bg-[var(--zui-popover-green-bg-dark,oklch(26.6%_0.065_152.934))] dark:text-[color:var(--zui-popover-green-fg-dark,oklch(92.5%_0.084_155.995))]\",\n  \"gradient-blue\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-blue-from,oklch(42.4%_0.199_265.638))] dark:from-[var(--zui-popover-gradient-blue-from-dark,oklch(42.4%_0.199_265.638))] to-[var(--zui-popover-gradient-blue-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-blue-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-green-from,oklch(44.8%_0.119_151.328))] dark:from-[var(--zui-popover-gradient-green-from-dark,oklch(44.8%_0.119_151.328))] to-[var(--zui-popover-gradient-green-to,oklch(45.3%_0.124_130.933))] dark:to-[var(--zui-popover-gradient-green-to-dark,oklch(45.3%_0.124_130.933))] text-[color:var(--zui-popover-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-red-from,oklch(44.4%_0.177_26.899))] dark:from-[var(--zui-popover-gradient-red-from-dark,oklch(44.4%_0.177_26.899))] to-[var(--zui-popover-gradient-red-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-red-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-yellow-from,oklch(47.6%_0.114_61.907))] dark:from-[var(--zui-popover-gradient-yellow-from-dark,oklch(47.6%_0.114_61.907))] to-[var(--zui-popover-gradient-yellow-to,oklch(47%_0.157_37.304))] dark:to-[var(--zui-popover-gradient-yellow-to-dark,oklch(47%_0.157_37.304))] text-[color:var(--zui-popover-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-purple-from,oklch(43.8%_0.218_303.724))] dark:from-[var(--zui-popover-gradient-purple-from-dark,oklch(43.8%_0.218_303.724))] to-[var(--zui-popover-gradient-purple-to,oklch(45.9%_0.187_3.815))] dark:to-[var(--zui-popover-gradient-purple-to-dark,oklch(45.9%_0.187_3.815))] text-[color:var(--zui-popover-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-teal-from,oklch(43.7%_0.078_188.216))] dark:from-[var(--zui-popover-gradient-teal-from-dark,oklch(43.7%_0.078_188.216))] to-[var(--zui-popover-gradient-teal-to,oklch(45%_0.085_224.283))] dark:to-[var(--zui-popover-gradient-teal-to-dark,oklch(45%_0.085_224.283))] text-[color:var(--zui-popover-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-popover-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-popover-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-popover-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-popover-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-popover-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-popover-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-popover-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-popover-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"border-transparent bg-linear-to-r from-[var(--zui-popover-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-popover-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-popover-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-popover-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-popover-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-popover-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-popover-content-blue-border,#2563eb)] dark:border-[color:var(--zui-popover-content-blue-border-dark,#3b82f6)] bg-[var(--zui-popover-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-popover-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-popover-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  cyan: \"border border-[color:var(--zui-popover-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-popover-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-popover-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-popover-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-popover-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lime: \"border border-[color:var(--zui-popover-content-lime-border,#65a30d)] dark:border-[color:var(--zui-popover-content-lime-border-dark,#a3e635)] bg-[var(--zui-popover-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-popover-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-popover-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  mint: \"border border-[color:var(--zui-popover-content-mint-border,#10b981)] dark:border-[color:var(--zui-popover-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-popover-content-mint-bg,#10b98114)] dark:bg-[var(--zui-popover-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-popover-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ocean:\n    \"border border-[color:var(--zui-popover-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-popover-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-popover-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-popover-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sapphire:\n    \"border border-[color:var(--zui-popover-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-popover-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-popover-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-popover-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-popover-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  lavender:\n    \"border border-[color:var(--zui-popover-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-popover-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-popover-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-popover-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-popover-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  ruby: \"border border-[color:var(--zui-popover-content-ruby-border,#be123c)] dark:border-[color:var(--zui-popover-content-ruby-border-dark,#fb7185)] bg-[var(--zui-popover-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-popover-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-popover-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  red: \"border border-[color:var(--zui-popover-content-red-border,#dc2626)] dark:border-[color:var(--zui-popover-content-red-border-dark,#ef4444)] bg-[var(--zui-popover-content-red-bg,#dc262614)] dark:bg-[var(--zui-popover-content-red-bg-dark,#ef444424)] text-[color:var(--zui-popover-content-red-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-red-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  slate:\n    \"border border-[color:var(--zui-popover-content-slate-border,#475569)] dark:border-[color:var(--zui-popover-content-slate-border-dark,#64748b)] bg-[var(--zui-popover-content-slate-bg,#47556914)] dark:bg-[var(--zui-popover-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-popover-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  zinc: \"border border-[color:var(--zui-popover-content-zinc-border,#52525b)] dark:border-[color:var(--zui-popover-content-zinc-border-dark,#71717a)] bg-[var(--zui-popover-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-popover-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-popover-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  stone:\n    \"border border-[color:var(--zui-popover-content-stone-border,#57534e)] dark:border-[color:var(--zui-popover-content-stone-border-dark,#78716c)] bg-[var(--zui-popover-content-stone-bg,#57534e14)] dark:bg-[var(--zui-popover-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-popover-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  royal:\n    \"border border-[color:var(--zui-popover-content-royal-border,#4338ca)] dark:border-[color:var(--zui-popover-content-royal-border-dark,#818cf8)] bg-[var(--zui-popover-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-popover-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-popover-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  electric:\n    \"border border-[color:var(--zui-popover-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-popover-content-electric-border-dark,#38bdf8)] bg-[var(--zui-popover-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-popover-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-popover-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  forest:\n    \"border border-[color:var(--zui-popover-content-forest-border,#166534)] dark:border-[color:var(--zui-popover-content-forest-border-dark,#4ade80)] bg-[var(--zui-popover-content-forest-bg,#16653414)] dark:bg-[var(--zui-popover-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-popover-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  sunset:\n    \"border border-[color:var(--zui-popover-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-popover-content-sunset-border-dark,#fb923c)] bg-[var(--zui-popover-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-popover-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-popover-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  magenta:\n    \"border border-[color:var(--zui-popover-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-popover-content-magenta-border-dark,#e879f9)] bg-[var(--zui-popover-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-popover-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-popover-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  crimson:\n    \"border border-[color:var(--zui-popover-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-popover-content-crimson-border-dark,#f87171)] bg-[var(--zui-popover-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-popover-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-popover-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  aqua: \"border border-[color:var(--zui-popover-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-popover-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-popover-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-popover-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-popover-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl\",\n  plum: \"border border-[color:var(--zui-popover-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-popover-content-plum-border-dark,#c084fc)] bg-[var(--zui-popover-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-popover-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-popover-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-popover-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl\",\n} as const;\n\nexport const zuiPopoverContentSizes = {\n  sm: \"p-3 text-sm\",\n  md: \"p-4 text-sm\",\n  lg: \"p-5 text-base\",\n} as const;\n\nexport const zuiPopoverContentWidths = {\n  xs: \"min-w-50 md:min-w-xs\",\n  sm: \"min-w-50 md:min-w-sm\",\n  md: \"min-w-50 md:min-w-md\",\n  lg: \"min-w-50 md:min-w-lg\",\n  xl: \"min-w-50 md:min-w-xl\",\n  \"2xl\": \"min-w-50 md:min-w-2xl\",\n} as const;\n"]}