@databricks/appkit-ui 0.1.4 → 0.2.0

package/dist/react/ui/chart.d.ts

@@ -1,6 +1,10 @@
-import * as React from "react";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react0 from "react";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
+import * as recharts_types_util_types0 from "recharts/types/util/types";
+import * as recharts_types_component_Tooltip0 from "recharts/types/component/Tooltip";
+import * as recharts_types_component_DefaultTooltipContent0 from "recharts/types/component/DefaultTooltipContent";
+import * as recharts_types_util_payload_getUniqPayload0 from "recharts/types/util/payload/getUniqPayload";
 
 //#region src/react/ui/chart.d.ts
 declare const THEMES: {
@@ -8,8 +12,8 @@ declare const THEMES: {
   readonly dark: ".dark";
 };
 type ChartConfig = { [k in string]: {
-  label?: React.ReactNode;
-  icon?: React.ComponentType;
+  label?: react0.ReactNode;
+  icon?: react0.ComponentType;
 } & ({
   color?: string;
   theme?: never;
@@ -23,18 +27,45 @@ declare function ChartContainer({
   children,
   config,
   ...props
-}: React.ComponentProps<"div"> & {
+}: react0.ComponentProps<"div"> & {
   config: ChartConfig;
-  children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime56.JSX.Element;
+  children: react0.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+}): react_jsx_runtime50.JSX.Element;
 declare const ChartStyle: ({
   id,
   config
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime56.JSX.Element | null;
-declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
+}) => react_jsx_runtime50.JSX.Element | null;
+/**
+ * A wrapper component for Recharts Tooltip with proper typing and documentation support.
+ * It is needed to ensure the correct name is displayed in the docs.
+ * @see https://recharts.org/en-US/api/Tooltip
+ */
+declare const ChartTooltip: react0.ForwardRefExoticComponent<RechartsPrimitive.DefaultTooltipContentProps<any, any> & {
+  accessibilityLayer?: boolean;
+  active?: boolean | undefined;
+  includeHidden?: boolean | undefined;
+  allowEscapeViewBox?: recharts_types_util_types0.AllowInDimension;
+  animationDuration?: recharts_types_util_types0.AnimationDuration;
+  animationEasing?: recharts_types_util_types0.AnimationTiming;
+  content?: recharts_types_component_Tooltip0.ContentType<any, any> | undefined;
+  coordinate?: Partial<recharts_types_util_types0.Coordinate>;
+  cursor?: boolean | react0.ReactElement | react0.SVGProps<SVGElement>;
+  filterNull?: boolean;
+  defaultIndex?: number;
+  isAnimationActive?: boolean;
+  offset?: number;
+  payloadUniqBy?: recharts_types_util_payload_getUniqPayload0.UniqueOption<recharts_types_component_DefaultTooltipContent0.Payload<any, any>> | undefined;
+  position?: Partial<recharts_types_util_types0.Coordinate>;
+  reverseDirection?: recharts_types_util_types0.AllowInDimension;
+  shared?: boolean;
+  trigger?: "hover" | "click";
+  useTranslate3d?: boolean;
+  viewBox?: recharts_types_util_types0.CartesianViewBox;
+  wrapperStyle?: react0.CSSProperties;
+} & react0.RefAttributes<HTMLDivElement>>;
 declare function ChartTooltipContent({
   active,
   payload,
@@ -49,12 +80,12 @@ declare function ChartTooltipContent({
   color,
   nameKey,
   labelKey
-}: React.ComponentProps<"div"> & {
+}: react0.ComponentProps<"div"> & {
   active?: boolean;
   payload?: any[];
   label?: string;
-  labelFormatter?: (value: any, payload: any[]) => React.ReactNode;
-  formatter?: (value: any, name: any, item: any, index: number, payload: any) => React.ReactNode;
+  labelFormatter?: (value: any, payload: any[]) => react0.ReactNode;
+  formatter?: (value: any, name: any, item: any, index: number, payload: any) => react0.ReactNode;
   color?: string;
   hideLabel?: boolean;
   hideIndicator?: boolean;
@@ -62,19 +93,24 @@ declare function ChartTooltipContent({
   labelClassName?: string;
   nameKey?: string;
   labelKey?: string;
-}): react_jsx_runtime56.JSX.Element | null;
-declare const ChartLegend: typeof RechartsPrimitive.Legend;
+}): react_jsx_runtime50.JSX.Element | null;
+/**
+ * A wrapper component for Recharts Legend with proper typing and documentation support.
+ * It is needed to ensure the correct name is displayed in the docs.
+ * @see https://recharts.org/en-US/api/Legend
+ */
+declare const ChartLegend: react0.ForwardRefExoticComponent<Omit<RechartsPrimitive.LegendProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
 declare function ChartLegendContent({
   className,
   hideIcon,
   payload,
   verticalAlign,
   nameKey
-}: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
+}: react0.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "verticalAlign"> & {
   payload?: any[];
   hideIcon?: boolean;
   nameKey?: string;
-}): react_jsx_runtime56.JSX.Element | null;
+}): react_jsx_runtime50.JSX.Element | null;
 //#endregion
 export { ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
 //# sourceMappingURL=chart.d.ts.map

package/dist/react/ui/chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart.d.ts","names":[],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":[],"mappings":";;;;;cAQM;;;AALwC,CAAA;AAOlC,KAAA,WAAA,GAAW,QAAA,MAAA,GAAA;EAEX,KAAM,CAAA,EAAN,KAAA,CAAM,SAAA;EACP,IAAA,CAAM,EAAN,KAAA,CAAM,aAAA;IAGiC,CAAA;EAApB,KAAA,CAAA,EAAA,MAAA;EAAM,KAAA,CAAA,EAAA,KAAA;AAoB3B,CAAA,GAAA;EAAc,KAAA,CAAA,EAAA,KAAA;EACrB,KAAA,EArB4B,MAqB5B,CAAA,MAAA,OArBgD,MAqBhD,EAAA,MAAA,CAAA;;iBADO,cAAA,CAIP;EAAA,EAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAEC,KAAA,CAAM,cAFP,CAAA,KAAA,CAAA,GAAA;QAEC,EACO,WADD;UACC,EACE,KAAA,CAAM,cADR,CAAA,OAEC,iBAAA,CAAkB,mBAFnB,CAAA,CAAA,UAAA,CAAA;IAIT,mBAAA,CAAA,GAAA,CAAA,OAF4B;cA0BvB,UA3BY,EAAA,CAAA;EAAA,EAAA;EAAA;AAGjB,CAHiB,EAAA;MAGjB,MAAA;EAAA,MAAA,EAwByD,WAxBzD;AAAA,CAAA,EAAA,GAwBsE,mBAAA,CAAA,GAAA,CAAA,OAAA,GA+BtE,IAAA;cAEK,YAFL,EAAA,OAEiB,iBAAA,CAAA,OAFjB;iBAIQ,mBAAA,CAnCW;EAAA,MAAA;EAAA,OAAA;EAAA,SAAA;EAAA,SAAA;EAAA,SAAA;EAAA,aAAA;EAAA,KAAA;EAAA,cAAA;EAAA,cAAA;EAAA,SAAA;EAAA,KAAA;EAAA,OAAA;EAAA;CAAA,EAiDjB,KAAA,CAAM,cAjDW,CAAA,KAAA,CAAA,GAAA;QAAA,CAAA,EAAA,OAAA;SAAsC,CAAA,EAAA,GAAA,EAAA;OAAa,CAAA,EAAA,MAAA;EAAA,cAAA,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,OAAA,EAAA,GAAA,EAAA,EAAA,GAqDpB,KAAA,CAAM,SArDc;EAiCjE,SAAA,CAAA,EAAA,CAAA,KAAwC,EAAA,GAAA,EAAA,IAA5B,EAAA,GAAA,EAAA,IAAA,EAAA,GAAA,EAAA,KAAA,EAA4B,MAAA,EAAA,OAAA,EAAA,GAAA,EAAA,GA2BvC,KAAA,CAAM,SA3BiC;EAErC,KAAA,CAAA,EAAA,MAAA;EAAmB,SAAA,CAAA,EAAA,OAAA;eAC1B,CAAA,EAAA,OAAA;WACA,CAAA,EAAA,MAAA,GAAA,KAAA,GAAA,QAAA;gBACA,CAAA,EAAA,MAAA;SACA,CAAA,EAAA,MAAA;UACA,CAAA,EAAA,MAAA;IA4BD,mBAAA,CAAA,GAAA,CAAA,OAAA,GA3BC,IAAA;cAwJI,WAvJJ,EAAA,OAuJe,iBAAA,CAAA,MAvJf;iBAyJO,kBAAA,CAxJP;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,aAAA;EAAA;CAAA,EA8JC,KAAA,CAAM,cA9JP,CAAA,KAAA,CAAA,GA+JA,IA/JA,CA+JK,iBAAA,CAAkB,WA/JvB,EAAA,eAAA,CAAA,GAAA;SACA,CAAA,EAAA,GAAA,EAAA;UACA,CAAA,EAAA,OAAA;SACA,CAAA,EAAA,MAAA;IAgKC,mBAAA,CAAA,GAAA,CAAA,OAAA,GA/JD,IAAA"}
+{"version":3,"file":"chart.d.ts","names":[],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;cAQM;;;;KAEM,WAAA;UAEA,MAAA,CAAM;EAJZ,IAAA,CAA8C,EAKzC,MAAA,CAAM,aALmC;AAExC,CAAA,GAAA,CAAA;EAAW,KAAA,CAAA,EAAA,MAAA;EAEX,KAAA,CAAM,EAAA,KAAA;IACP;EAGuC,KAAA,CAAA,EAAA,KAAA;EAApB,KAAA,EAAA,MAAA,CAAA,MAAA,OAAoB,MAApB,EAAA,MAAA,CAAA;AAAM,CAAA,CAAA,EAElC;iBAkBO,cAAA,CAAc;EAAA,EAAA;EAAA,SAAA;EAAA,QAAA;EAAA,MAAA;EAAA,GAAA;CAAA,EAMpB,MAAA,CAAM,cANc,CAAA,KAAA,CAAA,GAAA;QACrB,EAMQ,WANR;UACA,EAMU,MAAA,CAAM,cANhB,CAAA,OAOS,iBAAA,CAAkB,mBAP3B,CAAA,CAAA,UAAA,CAAA;IASD,mBAAA,CAAA,GAAA,CAAA,OARC;cAgCI,UA/BJ,EAAA,CAAA;EAAA,EAAA;EAAA;CAAA,EAAA;MAEC,MAAM;QACC,EA4BgD,WA5BhD;MA4B6D,mBAAA,CAAA,GAAA,CAAA,OAAA,GA1B1C,IAAA;;;;AAE5B;;cA8DK,YAtCc,EAsCF,MAAA,CAAA,yBAtCE,CAsCF,iBAAA,CAAA,0BAtCE,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA;oBAAA,CAAA,EAAA,OAAA;QAAsC,CAAA,EAAA,OAAA,GAAA,SAAA;eAAa,CAAA,EAAA,OAAA,GAAA,SAAA;EAAA,kBAAA,CAAA,EAsCrD,0BAAA,CAAA,gBAtCqD;EAsCjE,iBAIL,CAAA,8CAAA;EAAA,eAAA,CAAA,4CAAA;SAJiB,CAAA,+CAAA,CAAA,GAAA,EAAA,GAAA,CAAA,GAAA,SAAA;YAAA,CAAA,SAAA,uCAAA;;;;;;;;;;;;;;;iBAOT,mBAAA;;;;;;;;;;;;;;GAcN,MAAA,CAAM;;;OArBS,CAAA,EAAA,MAAA;EAAA,cAAA,CAAA,EAAA,CAAA,KAAA,EAAA,GAAA,EAAA,OAAA,EAAA,GAAA,EAAA,EAAA,GAyBiC,MAAA,CAAM,SAzBvC;EAOT,SAAA,CAAA,EAAA,CAAA,KAAA,EAAA,GAAmB,EAAA,IAAA,EAAA,GAAA,EAAA,IAAA,EAAA,GAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,GAAA,EAAA,GAyBrB,MAAA,CAAM,SAzBe;EAAA,KAAA,CAAA,EAAA,MAAA;WAC1B,CAAA,EAAA,OAAA;eACA,CAAA,EAAA,OAAA;WACA,CAAA,EAAA,MAAA,GAAA,KAAA,GAAA,QAAA;gBACA,CAAA,EAAA,MAAA;SACA,CAAA,EAAA,MAAA;UACA,CAAA,EAAA,MAAA;IA2BD,mBAAA,CAAA,GAAA,CAAA,OAAA,GA1BC,IAAA;;;;;;cA4JI,WAtJJ,EAsJe,MAAA,CAAA,yBAtJf,CAsJe,IAtJf,CAsJe,iBAAA,CAAA,WAtJf,EAAA,KAAA,CAAA,GAsJe,MAAA,CAAA,aAtJf,CAsJe,cAtJf,CAAA,CAAA;iBA6JO,kBAAA,CA5JA;EAAA,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,aAAA;EAAA;CAAA,EAkKN,MAAA,CAAM,cAlKA,CAAA,KAAA,CAAA,GAmKP,IAnKO,CAmKF,iBAAA,CAAkB,WAnKhB,EAAA,eAAA,CAAA,GAAA;SAI0C,CAAA,EAAM,GAAA,EAAA;UAOlD,CAAA,EAAM,OAAA;SAQZ,CAAA,EAAA,MAAA;CAAA,CAAA,EAoJE,mBAAA,CAAA,GAAA,CAAA,OAAA,GApJF,IAAA"}

package/dist/react/ui/chart.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { cn } from "../lib/utils.js";
-import * as React from "react";
+import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
 
@@ -10,14 +10,14 @@ const THEMES = {
 	light: "",
 	dark: ".dark"
 };
-const ChartContext = React.createContext(null);
+const ChartContext = React$1.createContext(null);
 function useChart() {
-	const context = React.useContext(ChartContext);
+	const context = React$1.useContext(ChartContext);
 	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
 	return context;
 }
 function ChartContainer({ id, className, children, config, ...props }) {
-	const uniqueId = React.useId();
+	const uniqueId = React$1.useId();
 	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
 	return /* @__PURE__ */ jsx(ChartContext.Provider, {
 		value: { config },
@@ -45,10 +45,18 @@ ${colorConfig.map(([key, itemConfig]) => {
 }
 `).join("\n") } });
 };
-const ChartTooltip = RechartsPrimitive.Tooltip;
+/**
+* A wrapper component for Recharts Tooltip with proper typing and documentation support.
+* It is needed to ensure the correct name is displayed in the docs.
+* @see https://recharts.org/en-US/api/Tooltip
+*/
+const ChartTooltip = React$1.forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(RechartsPrimitive.Tooltip, { ...props });
+});
+ChartTooltip.displayName = "ChartTooltip";
 function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label = "", labelFormatter, labelClassName, formatter, color, nameKey, labelKey }) {
 	const { config } = useChart();
-	const tooltipLabel = React.useMemo(() => {
+	const tooltipLabel = React$1.useMemo(() => {
 		if (hideLabel || !payload?.length) return null;
 		const [item] = payload;
 		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
@@ -111,7 +119,15 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
 		})]
 	});
 }
-const ChartLegend = RechartsPrimitive.Legend;
+/**
+* A wrapper component for Recharts Legend with proper typing and documentation support.
+* It is needed to ensure the correct name is displayed in the docs.
+* @see https://recharts.org/en-US/api/Legend
+*/
+const ChartLegend = React$1.forwardRef((props, ref) => {
+	return /* @__PURE__ */ jsx(RechartsPrimitive.Legend, { ...props });
+});
+ChartLegend.displayName = "ChartLegend";
 function ChartLegendContent({ className, hideIcon = false, payload = [], verticalAlign = "bottom", nameKey }) {
 	const { config } = useChart();
 	if (!payload?.length) return null;

package/dist/react/ui/chart.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart.js","names":["config","configLabelKey: string"],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"../lib/utils\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  config: ChartConfig;\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >[\"children\"];\n}) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([, config]) => config.theme || config.color,\n  );\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join(\"\\n\")}\n}\n`,\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  );\n};\n\nconst ChartTooltip = RechartsPrimitive.Tooltip;\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  className,\n  indicator = \"dot\",\n  hideLabel = false,\n  hideIndicator = false,\n  label = \"\" as string,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: React.ComponentProps<\"div\"> & {\n  active?: boolean;\n  payload?: any[];\n  label?: string;\n  labelFormatter?: (value: any, payload: any[]) => React.ReactNode;\n  formatter?: (\n    value: any,\n    name: any,\n    item: any,\n    index: number,\n    payload: any,\n  ) => React.ReactNode;\n  color?: string;\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  indicator?: \"line\" | \"dot\" | \"dashed\";\n  labelClassName?: string;\n  nameKey?: string;\n  labelKey?: string;\n}) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === \"string\"\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn(\"font-medium\", labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n  return (\n    <div\n      className={cn(\n        \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n        className,\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload\n          .filter((item: any) => item.type !== \"none\")\n          .map((item: any, index: number) => {\n            const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n                  indicator === \"dot\" && \"items-center\",\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n                            {\n                              \"h-2.5 w-2.5\": indicator === \"dot\",\n                              \"w-1\": indicator === \"line\",\n                              \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                indicator === \"dashed\",\n                              \"my-0.5\": nestLabel && indicator === \"dashed\",\n                            },\n                          )}\n                          style={\n                            {\n                              \"--color-bg\": indicatorColor,\n                              \"--color-border\": indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        \"flex flex-1 justify-between leading-none\",\n                        nestLabel ? \"items-end\" : \"items-center\",\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n\nconst ChartLegend = RechartsPrimitive.Legend;\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload = [] as any[],\n  verticalAlign = \"bottom\",\n  nameKey,\n}: React.ComponentProps<\"div\"> &\n  Pick<RechartsPrimitive.LegendProps, \"verticalAlign\"> & {\n    payload?: any[];\n    hideIcon?: boolean;\n    nameKey?: string;\n  }) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-4\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className,\n      )}\n    >\n      {payload\n        .filter((item: any) => item.type !== \"none\")\n        .map((item: any) => {\n          const key = `${nameKey || item.dataKey || \"value\"}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n          return (\n            <div\n              key={item.value}\n              className={cn(\n                \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n              )}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          );\n        })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string,\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"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"}
+{"version":3,"file":"chart.js","names":["React","config"],"sources":["../../../src/react/ui/chart.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as RechartsPrimitive from \"recharts\";\n\nimport { cn } from \"../lib/utils\";\n\n// Format: { THEME_NAME: CSS_SELECTOR }\nconst THEMES = { light: \"\", dark: \".dark\" } as const;\n\nexport type ChartConfig = {\n  [k in string]: {\n    label?: React.ReactNode;\n    icon?: React.ComponentType;\n  } & (\n    | { color?: string; theme?: never }\n    | { color?: never; theme: Record<keyof typeof THEMES, string> }\n  );\n};\n\ntype ChartContextProps = {\n  config: ChartConfig;\n};\n\nconst ChartContext = React.createContext<ChartContextProps | null>(null);\n\nfunction useChart() {\n  const context = React.useContext(ChartContext);\n\n  if (!context) {\n    throw new Error(\"useChart must be used within a <ChartContainer />\");\n  }\n\n  return context;\n}\n\nfunction ChartContainer({\n  id,\n  className,\n  children,\n  config,\n  ...props\n}: React.ComponentProps<\"div\"> & {\n  config: ChartConfig;\n  children: React.ComponentProps<\n    typeof RechartsPrimitive.ResponsiveContainer\n  >[\"children\"];\n}) {\n  const uniqueId = React.useId();\n  const chartId = `chart-${id || uniqueId.replace(/:/g, \"\")}`;\n\n  return (\n    <ChartContext.Provider value={{ config }}>\n      <div\n        data-slot=\"chart\"\n        data-chart={chartId}\n        className={cn(\n          \"[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden\",\n          className,\n        )}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <RechartsPrimitive.ResponsiveContainer>\n          {children}\n        </RechartsPrimitive.ResponsiveContainer>\n      </div>\n    </ChartContext.Provider>\n  );\n}\n\nconst ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {\n  const colorConfig = Object.entries(config).filter(\n    ([, config]) => config.theme || config.color,\n  );\n\n  if (!colorConfig.length) {\n    return null;\n  }\n\n  return (\n    <style\n      dangerouslySetInnerHTML={{\n        __html: Object.entries(THEMES)\n          .map(\n            ([theme, prefix]) => `\n${prefix} [data-chart=${id}] {\n${colorConfig\n  .map(([key, itemConfig]) => {\n    const color =\n      itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||\n      itemConfig.color;\n    return color ? `  --color-${key}: ${color};` : null;\n  })\n  .join(\"\\n\")}\n}\n`,\n          )\n          .join(\"\\n\"),\n      }}\n    />\n  );\n};\n\n/**\n * A wrapper component for Recharts Tooltip with proper typing and documentation support.\n * It is needed to ensure the correct name is displayed in the docs.\n * @see https://recharts.org/en-US/api/Tooltip\n */\nconst ChartTooltip = React.forwardRef<HTMLDivElement, RechartsPrimitive.TooltipProps<any, any>>(\n  (props, ref) => {\n    return <RechartsPrimitive.Tooltip {...props} />;\n  }\n);\nChartTooltip.displayName = \"ChartTooltip\";\n\nfunction ChartTooltipContent({\n  active,\n  payload,\n  className,\n  indicator = \"dot\",\n  hideLabel = false,\n  hideIndicator = false,\n  label = \"\" as string,\n  labelFormatter,\n  labelClassName,\n  formatter,\n  color,\n  nameKey,\n  labelKey,\n}: React.ComponentProps<\"div\"> & {\n  active?: boolean;\n  payload?: any[];\n  label?: string;\n  labelFormatter?: (value: any, payload: any[]) => React.ReactNode;\n  formatter?: (\n    value: any,\n    name: any,\n    item: any,\n    index: number,\n    payload: any,\n  ) => React.ReactNode;\n  color?: string;\n  hideLabel?: boolean;\n  hideIndicator?: boolean;\n  indicator?: \"line\" | \"dot\" | \"dashed\";\n  labelClassName?: string;\n  nameKey?: string;\n  labelKey?: string;\n}) {\n  const { config } = useChart();\n\n  const tooltipLabel = React.useMemo(() => {\n    if (hideLabel || !payload?.length) {\n      return null;\n    }\n\n    const [item] = payload;\n    const key = `${labelKey || item?.dataKey || item?.name || \"value\"}`;\n    const itemConfig = getPayloadConfigFromPayload(config, item, key);\n    const value =\n      !labelKey && typeof label === \"string\"\n        ? config[label as keyof typeof config]?.label || label\n        : itemConfig?.label;\n\n    if (labelFormatter) {\n      return (\n        <div className={cn(\"font-medium\", labelClassName)}>\n          {labelFormatter(value, payload)}\n        </div>\n      );\n    }\n\n    if (!value) {\n      return null;\n    }\n\n    return <div className={cn(\"font-medium\", labelClassName)}>{value}</div>;\n  }, [\n    label,\n    labelFormatter,\n    payload,\n    hideLabel,\n    labelClassName,\n    config,\n    labelKey,\n  ]);\n\n  if (!active || !payload?.length) {\n    return null;\n  }\n\n  const nestLabel = payload.length === 1 && indicator !== \"dot\";\n\n  return (\n    <div\n      className={cn(\n        \"border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl\",\n        className,\n      )}\n    >\n      {!nestLabel ? tooltipLabel : null}\n      <div className=\"grid gap-1.5\">\n        {payload\n          .filter((item: any) => item.type !== \"none\")\n          .map((item: any, index: number) => {\n            const key = `${nameKey || item.name || item.dataKey || \"value\"}`;\n            const itemConfig = getPayloadConfigFromPayload(config, item, key);\n            const indicatorColor = color || item.payload.fill || item.color;\n\n            return (\n              <div\n                key={item.dataKey}\n                className={cn(\n                  \"[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5\",\n                  indicator === \"dot\" && \"items-center\",\n                )}\n              >\n                {formatter && item?.value !== undefined && item.name ? (\n                  formatter(item.value, item.name, item, index, item.payload)\n                ) : (\n                  <>\n                    {itemConfig?.icon ? (\n                      <itemConfig.icon />\n                    ) : (\n                      !hideIndicator && (\n                        <div\n                          className={cn(\n                            \"shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)\",\n                            {\n                              \"h-2.5 w-2.5\": indicator === \"dot\",\n                              \"w-1\": indicator === \"line\",\n                              \"w-0 border-[1.5px] border-dashed bg-transparent\":\n                                indicator === \"dashed\",\n                              \"my-0.5\": nestLabel && indicator === \"dashed\",\n                            },\n                          )}\n                          style={\n                            {\n                              \"--color-bg\": indicatorColor,\n                              \"--color-border\": indicatorColor,\n                            } as React.CSSProperties\n                          }\n                        />\n                      )\n                    )}\n                    <div\n                      className={cn(\n                        \"flex flex-1 justify-between leading-none\",\n                        nestLabel ? \"items-end\" : \"items-center\",\n                      )}\n                    >\n                      <div className=\"grid gap-1.5\">\n                        {nestLabel ? tooltipLabel : null}\n                        <span className=\"text-muted-foreground\">\n                          {itemConfig?.label || item.name}\n                        </span>\n                      </div>\n                      {item.value && (\n                        <span className=\"text-foreground font-mono font-medium tabular-nums\">\n                          {item.value.toLocaleString()}\n                        </span>\n                      )}\n                    </div>\n                  </>\n                )}\n              </div>\n            );\n          })}\n      </div>\n    </div>\n  );\n}\n\n/**\n * A wrapper component for Recharts Legend with proper typing and documentation support.\n * It is needed to ensure the correct name is displayed in the docs.\n * @see https://recharts.org/en-US/api/Legend\n */\nconst ChartLegend = React.forwardRef<HTMLDivElement, RechartsPrimitive.LegendProps>(\n  (props, ref) => {\n    return <RechartsPrimitive.Legend {...props} />;\n  }\n);\nChartLegend.displayName = \"ChartLegend\";\n\nfunction ChartLegendContent({\n  className,\n  hideIcon = false,\n  payload = [] as any[],\n  verticalAlign = \"bottom\",\n  nameKey,\n}: React.ComponentProps<\"div\"> &\n  Pick<RechartsPrimitive.LegendProps, \"verticalAlign\"> & {\n    payload?: any[];\n    hideIcon?: boolean;\n    nameKey?: string;\n  }) {\n  const { config } = useChart();\n\n  if (!payload?.length) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        \"flex items-center justify-center gap-4\",\n        verticalAlign === \"top\" ? \"pb-3\" : \"pt-3\",\n        className,\n      )}\n    >\n      {payload\n        .filter((item: any) => item.type !== \"none\")\n        .map((item: any) => {\n          const key = `${nameKey || item.dataKey || \"value\"}`;\n          const itemConfig = getPayloadConfigFromPayload(config, item, key);\n\n          return (\n            <div\n              key={item.value}\n              className={cn(\n                \"[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3\",\n              )}\n            >\n              {itemConfig?.icon && !hideIcon ? (\n                <itemConfig.icon />\n              ) : (\n                <div\n                  className=\"h-2 w-2 shrink-0 rounded-[2px]\"\n                  style={{\n                    backgroundColor: item.color,\n                  }}\n                />\n              )}\n              {itemConfig?.label}\n            </div>\n          );\n        })}\n    </div>\n  );\n}\n\n// Helper to extract item config from a payload.\nfunction getPayloadConfigFromPayload(\n  config: ChartConfig,\n  payload: unknown,\n  key: string,\n) {\n  if (typeof payload !== \"object\" || payload === null) {\n    return undefined;\n  }\n\n  const payloadPayload =\n    \"payload\" in payload &&\n    typeof payload.payload === \"object\" &&\n    payload.payload !== null\n      ? payload.payload\n      : undefined;\n\n  let configLabelKey: string = key;\n\n  if (\n    key in payload &&\n    typeof payload[key as keyof typeof payload] === \"string\"\n  ) {\n    configLabelKey = payload[key as keyof typeof payload] as string;\n  } else if (\n    payloadPayload &&\n    key in payloadPayload &&\n    typeof payloadPayload[key as keyof typeof payloadPayload] === \"string\"\n  ) {\n    configLabelKey = payloadPayload[\n      key as keyof typeof payloadPayload\n    ] as string;\n  }\n\n  return configLabelKey in config\n    ? config[configLabelKey]\n    : config[key as keyof typeof config];\n}\n\nexport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  ChartLegend,\n  ChartLegendContent,\n  ChartStyle,\n};\n"],"mappings":"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"}

package/dist/react/ui/checkbox.d.ts

@@ -1,12 +1,12 @@
-import * as React from "react";
-import * as react_jsx_runtime60 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 
 //#region src/react/ui/checkbox.d.ts
 declare function Checkbox({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime60.JSX.Element;
+}: React$1.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

package/dist/react/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;;GAGN,KAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,mBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"checkbox.d.ts","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,QAAA;;;GAGN,OAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,mBAAA,CAAA,GAAA,CAAA"}

package/dist/react/ui/checkbox.js

@@ -9,7 +9,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 function Checkbox({ className, ...props }) {
 	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
 		"data-slot": "checkbox",
-		className: cn("h-4 w-4 p-0 m-0 shrink-0 flex-shrink-0", "peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "disabled:cursor-not-allowed disabled:opacity-50", "transition-shadow", className),
+		className: cn("h-4 w-4 p-0 shrink-0 flex-shrink-0", "peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs", "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", "disabled:cursor-not-allowed disabled:opacity-50", "transition-shadow", className),
 		...props,
 		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
 			"data-slot": "checkbox-indicator",

package/dist/react/ui/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Fixed size and square shape - IMPORTANT: overrides global CSS\n        \"h-4 w-4 p-0 m-0 shrink-0 flex-shrink-0\",\n        // Base appearance\n        \"peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs\",\n        // Checked states\n        \"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary\",\n        // Focus states\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none\",\n        // Error states\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        // Disabled states\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        // Transitions\n        \"transition-shadow\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAQA,SAAS,SAAS,EAChB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GAET,0CAEA,qEAEA,yJAEA,8FAEA,0GAEA,mDAEA,qBACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,aAAa;IACN;GACP"}
+{"version":3,"file":"checkbox.js","names":[],"sources":["../../../src/react/ui/checkbox.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        // Fixed size and square shape - IMPORTANT: overrides global CSS\n        \"h-4 w-4 p-0 shrink-0 flex-shrink-0\",\n        // Base appearance\n        \"peer border-input dark:bg-input/30 rounded-[4px] border shadow-xs\",\n        // Checked states\n        \"data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary\",\n        // Focus states\n        \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none\",\n        // Error states\n        \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n        // Disabled states\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        // Transitions\n        \"transition-shadow\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"mappings":";;;;;;;;AAQA,SAAS,SAAS,EAChB,WACA,GAAG,SACmD;AACtD,QACE,oBAAC,kBAAkB;EACjB,aAAU;EACV,WAAW,GAET,sCAEA,qEAEA,yJAEA,8FAEA,0GAEA,mDAEA,qBACA,UACD;EACD,GAAI;YAEJ,oBAAC,kBAAkB;GACjB,aAAU;GACV,WAAU;aAEV,oBAAC,aAAU,WAAU,aAAa;IACN;GACP"}

package/dist/react/ui/collapsible.d.ts

@@ -1,16 +1,16 @@
-import * as react_jsx_runtime61 from "react/jsx-runtime";
+import * as react_jsx_runtime64 from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
 
 //#region src/react/ui/collapsible.d.ts
 declare function Collapsible({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime64.JSX.Element;
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime64.JSX.Element;
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime61.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime64.JSX.Element;
 //#endregion
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };
 //# sourceMappingURL=collapsible.d.ts.map

package/dist/react/ui/command.d.ts

@@ -1,13 +1,13 @@
 import { Dialog } from "./dialog.js";
-import * as React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 import { Command } from "cmdk";
 
 //#region src/react/ui/command.d.ts
 declare function Command$1({
   className,
   ...props
-}: React.ComponentProps<typeof Command>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command>): react_jsx_runtime67.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -15,39 +15,39 @@ declare function CommandDialog({
   className,
   showCloseButton,
   ...props
-}: React.ComponentProps<typeof Dialog> & {
+}: React$1.ComponentProps<typeof Dialog> & {
   title?: string;
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime67.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Input>): react_jsx_runtime67.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.List>): react_jsx_runtime67.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Empty>): react_jsx_runtime67.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Group>): react_jsx_runtime67.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Separator>): react_jsx_runtime67.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Command.Item>): react_jsx_runtime67.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime67.JSX.Element;
 //#endregion
 export { Command$1 as Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };
 //# sourceMappingURL=command.d.ts.map

package/dist/react/ui/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","names":[],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAaS,SAAA;;;GAGN,KAAA,CAAM,sBAAsB,WAAiB,kBAAA,CAAA,GAAA,CAAA;iBAavC,aAAA;;;;;;;GAON,KAAA,CAAM,sBAAsB;;EAvBtB,WAAA,CAAO,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;iBACd,CAAA,EAAA,OAAA;IA2BD,kBAAA,CAAA,GAAA,CAAA,OAzB8B;iBA4CtB,YAAA,CA5CA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CN,KAAA,CAAM,cA/CA,CAAA,OA+CsB,OAAA,CAAiB,KA/CvC,CAAA,CAAA,EA+C6C,kBAAA,CAAA,GAAA,CAAA,OA/C7C;iBAkEA,WAAA,CAlEuC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqE7C,KAAA,CAAM,cArEuC,CAAA,OAqEjB,OAAA,CAAiB,IArEA,CAAA,CAAA,EAqEK,kBAAA,CAAA,GAAA,CAAA,OArEL;iBAkFvC,YAAA,CAlFuC;EAAA,GAAA;AAAA,CAAA,EAoF7C,KAAA,CAAM,cApFuC,CAAA,OAoFjB,OAAA,CAAiB,KApFA,CAAA,CAAA,EAoFM,kBAAA,CAAA,GAAA,CAAA,OApFN;AAAA,iBA8FvC,YAAA,CAjFa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoFnB,KAAA,CAAM,cApFa,CAAA,OAoFS,OAAA,CAAiB,KApF1B,CAAA,CAAA,EAoFgC,kBAAA,CAAA,GAAA,CAAA,OApFhC;iBAiGb,gBAAA,CAjGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoGnB,KAAA,CAAM,cApGa,CAAA,OAoGS,OAAA,CAAiB,SApG1B,CAAA,CAAA,EAoGoC,kBAAA,CAAA,GAAA,CAAA,OApGpC;iBA8Gb,WAAA,CA7GP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHC,KAAA,CAAM,cAhHP,CAAA,OAgH6B,OAAA,CAAiB,IAhH9C,CAAA,CAAA,EAgHmD,kBAAA,CAAA,GAAA,CAAA,OAhHnD;iBA6HO,eAAA,CA5HP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+HC,KAAA,CAAM,cA/HP,CAAA,MAAA,CAAA,CAAA,EA+H6B,kBAAA,CAAA,GAAA,CAAA,OA/H7B"}
+{"version":3,"file":"command.d.ts","names":[],"sources":["../../../src/react/ui/command.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAaS,SAAA;;;GAGN,OAAA,CAAM,sBAAsB,WAAiB,mBAAA,CAAA,GAAA,CAAA;iBAavC,aAAA;;;;;;;GAON,OAAA,CAAM,sBAAsB;;EAvBtB,WAAA,CAAO,EAAA,MAAA;EAAA,SAAA,CAAA,EAAA,MAAA;iBACd,CAAA,EAAA,OAAA;IA2BD,mBAAA,CAAA,GAAA,CAAA,OAzB8B;iBA4CtB,YAAA,CA5CA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+CN,OAAA,CAAM,cA/CA,CAAA,OA+CsB,OAAA,CAAiB,KA/CvC,CAAA,CAAA,EA+C6C,mBAAA,CAAA,GAAA,CAAA,OA/C7C;iBAkEA,WAAA,CAlEuC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAqE7C,OAAA,CAAM,cArEuC,CAAA,OAqEjB,OAAA,CAAiB,IArEA,CAAA,CAAA,EAqEK,mBAAA,CAAA,GAAA,CAAA,OArEL;iBAkFvC,YAAA,CAlFuC;EAAA,GAAA;AAAA,CAAA,EAoF7C,OAAA,CAAM,cApFuC,CAAA,OAoFjB,OAAA,CAAiB,KApFA,CAAA,CAAA,EAoFM,mBAAA,CAAA,GAAA,CAAA,OApFN;AAAA,iBA8FvC,YAAA,CAjFa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoFnB,OAAA,CAAM,cApFa,CAAA,OAoFS,OAAA,CAAiB,KApF1B,CAAA,CAAA,EAoFgC,mBAAA,CAAA,GAAA,CAAA,OApFhC;iBAiGb,gBAAA,CAjGa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoGnB,OAAA,CAAM,cApGa,CAAA,OAoGS,OAAA,CAAiB,SApG1B,CAAA,CAAA,EAoGoC,mBAAA,CAAA,GAAA,CAAA,OApGpC;iBA8Gb,WAAA,CA7GP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgHC,OAAA,CAAM,cAhHP,CAAA,OAgH6B,OAAA,CAAiB,IAhH9C,CAAA,CAAA,EAgHmD,mBAAA,CAAA,GAAA,CAAA,OAhHnD;iBA6HO,eAAA,CA5HP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+HC,OAAA,CAAM,cA/HP,CAAA,MAAA,CAAA,CAAA,EA+H6B,mBAAA,CAAA,GAAA,CAAA,OA/H7B"}

package/dist/react/ui/context-menu.d.ts

@@ -1,77 +1,78 @@
-import * as React from "react";
-import * as react_jsx_runtime65 from "react/jsx-runtime";
+import * as React$1 from "react";
+import * as react_jsx_runtime76 from "react/jsx-runtime";
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
 
 //#region src/react/ui/context-menu.d.ts
 declare function ContextMenu({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuTrigger({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuPortal({
+  container,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuSub({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuSubTrigger({
   className,
   inset,
   children,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime65.JSX.Element;
+}): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuItem({
   className,
   inset,
   variant,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime65.JSX.Element;
+}): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuLabel({
   className,
   inset,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime65.JSX.Element;
+}): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime76.JSX.Element;
 declare function ContextMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime65.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime76.JSX.Element;
 //#endregion
 export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };
 //# sourceMappingURL=context-menu.d.ts.map

package/dist/react/ui/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../../../src/react/ui/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/react/ui/context-menu.js

@@ -1,5 +1,6 @@
 "use client";
 
+import { useResolvedPortalContainer } from "../portal-container-context.js";
 import { cn } from "../lib/utils.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
@@ -24,9 +25,10 @@ function ContextMenuGroup({ ...props }) {
 		...props
 	});
 }
-function ContextMenuPortal({ ...props }) {
+function ContextMenuPortal({ container, ...props }) {
 	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, {
 		"data-slot": "context-menu-portal",
+		container: useResolvedPortalContainer(container),
 		...props
 	});
 }
@@ -59,11 +61,14 @@ function ContextMenuSubContent({ className, ...props }) {
 	});
 }
 function ContextMenuContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
-		"data-slot": "context-menu-content",
-		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
-		...props
-	}) });
+	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, {
+		container: useResolvedPortalContainer(),
+		children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
+			"data-slot": "context-menu-content",
+			className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+			...props
+		})
+	});
 }
 function ContextMenuItem({ className, inset, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {