@databricks/appkit-ui 0.1.3 → 0.1.5

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

@@ -1,20 +1,20 @@
 import * as React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 
 //#region src/react/ui/avatar.d.ts
 declare function Avatar({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Root>): react_jsx_runtime18.JSX.Element;
 declare function AvatarImage({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Image>): react_jsx_runtime18.JSX.Element;
 declare function AvatarFallback({
   className,
   ...props
-}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime23.JSX.Element;
+}: React.ComponentProps<typeof AvatarPrimitive.Fallback>): react_jsx_runtime18.JSX.Element;
 //#endregion
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -14,7 +14,7 @@ declare function Badge({
   ...props
 }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime26.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1,38 +1,38 @@
 import * as React from "react";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/react/ui/breadcrumb.d.ts
 declare function Breadcrumb({
   ...props
-}: React.ComponentProps<"nav">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"nav">): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React.ComponentProps<"ol">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"ol">): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbLink({
   asChild,
   className,
   ...props
 }: React.ComponentProps<"a"> & {
   asChild?: boolean;
-}): react_jsx_runtime27.JSX.Element;
+}): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbPage({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"li">): react_jsx_runtime22.JSX.Element;
 declare function BreadcrumbEllipsis({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime27.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/react/ui/button-group.d.ts

@@ -1,5 +1,5 @@
 import { Separator } from "./separator.js";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types2 from "class-variance-authority/types";
 
@@ -11,19 +11,19 @@ declare function ButtonGroup({
   className,
   orientation,
   ...props
-}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): react_jsx_runtime30.JSX.Element;
 declare function ButtonGroupText({
   className,
   asChild,
   ...props
 }: React.ComponentProps<"div"> & {
   asChild?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime30.JSX.Element;
 declare function ButtonGroupSeparator({
   className,
   orientation,
   ...props
-}: React.ComponentProps<typeof Separator>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<typeof Separator>): react_jsx_runtime30.JSX.Element;
 //#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
 //# sourceMappingURL=button-group.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types1 from "class-variance-authority/types";
 
@@ -16,7 +16,7 @@ declare function Button({
   ...props
 }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
   asChild?: boolean;
-}): react_jsx_runtime34.JSX.Element;
+}): react_jsx_runtime29.JSX.Element;
 //#endregion
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
 import * as React from "react";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { DayButton, DayPicker } from "react-day-picker";
 
 //#region src/react/ui/calendar.d.ts
@@ -15,13 +15,13 @@ declare function Calendar({
   ...props
 }: React.ComponentProps<typeof DayPicker> & {
   buttonVariant?: React.ComponentProps<typeof Button>["variant"];
-}): react_jsx_runtime38.JSX.Element;
+}): react_jsx_runtime33.JSX.Element;
 declare function CalendarDayButton({
   className,
   day,
   modifiers,
   ...props
-}: React.ComponentProps<typeof DayButton>): react_jsx_runtime38.JSX.Element;
+}: React.ComponentProps<typeof DayButton>): react_jsx_runtime33.JSX.Element;
 //#endregion
 export { Calendar, CalendarDayButton };
 //# sourceMappingURL=calendar.d.ts.map

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

@@ -1,35 +1,35 @@
 import * as React from "react";
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/react/ui/card.d.ts
 declare function Card({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardTitle({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardDescription({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardAction({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 declare function CardFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime40.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.ts.map

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

@@ -1,6 +1,6 @@
 import { Button } from "./button.js";
 import * as React from "react";
-import * as react_jsx_runtime47 from "react/jsx-runtime";
+import * as react_jsx_runtime42 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region src/react/ui/carousel.d.ts
@@ -22,27 +22,27 @@ declare function Carousel({
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<"div"> & CarouselProps): react_jsx_runtime42.JSX.Element;
 declare function CarouselContent({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime42.JSX.Element;
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime42.JSX.Element;
 declare function CarouselPrevious({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime42.JSX.Element;
 declare function CarouselNext({
   className,
   variant,
   size,
   ...props
-}: React.ComponentProps<typeof Button>): react_jsx_runtime47.JSX.Element;
+}: React.ComponentProps<typeof Button>): react_jsx_runtime42.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious };
 //# sourceMappingURL=carousel.d.ts.map

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime52 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
 
 //#region src/react/ui/chart.d.ts
@@ -26,14 +26,14 @@ declare function ChartContainer({
 }: React.ComponentProps<"div"> & {
   config: ChartConfig;
   children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
-}): react_jsx_runtime52.JSX.Element;
+}): react_jsx_runtime47.JSX.Element;
 declare const ChartStyle: ({
   id,
   config
 }: {
   id: string;
   config: ChartConfig;
-}) => react_jsx_runtime52.JSX.Element | null;
+}) => react_jsx_runtime47.JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
 declare function ChartTooltipContent({
   active,
@@ -62,7 +62,7 @@ declare function ChartTooltipContent({
   labelClassName?: string;
   nameKey?: string;
   labelKey?: string;
-}): react_jsx_runtime52.JSX.Element | null;
+}): react_jsx_runtime47.JSX.Element | null;
 declare const ChartLegend: typeof RechartsPrimitive.Legend;
 declare function ChartLegendContent({
   className,
@@ -74,7 +74,7 @@ declare function ChartLegendContent({
   payload?: any[];
   hideIcon?: boolean;
   nameKey?: string;
-}): react_jsx_runtime52.JSX.Element | null;
+}): react_jsx_runtime47.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;;;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,KAA4B,EAAA,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"}

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":["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\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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"}

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

@@ -1,12 +1,12 @@
 import * as React from "react";
-import * as react_jsx_runtime56 from "react/jsx-runtime";
+import * as react_jsx_runtime51 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_runtime56.JSX.Element;
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>): react_jsx_runtime51.JSX.Element;
 //#endregion
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -1,16 +1,16 @@
-import * as react_jsx_runtime57 from "react/jsx-runtime";
+import * as react_jsx_runtime52 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_runtime57.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime52.JSX.Element;
 declare function CollapsibleTrigger({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime57.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime52.JSX.Element;
 declare function CollapsibleContent({
   ...props
-}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime57.JSX.Element;
+}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime52.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_runtime60 from "react/jsx-runtime";
+import * as react_jsx_runtime55 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_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command>): react_jsx_runtime55.JSX.Element;
 declare function CommandDialog({
   title,
   description,
@@ -20,34 +20,34 @@ declare function CommandDialog({
   description?: string;
   className?: string;
   showCloseButton?: boolean;
-}): react_jsx_runtime60.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 declare function CommandInput({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Input>): react_jsx_runtime55.JSX.Element;
 declare function CommandList({
   className,
   ...props
-}: React.ComponentProps<typeof Command.List>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.List>): react_jsx_runtime55.JSX.Element;
 declare function CommandEmpty({
   ...props
-}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Empty>): react_jsx_runtime55.JSX.Element;
 declare function CommandGroup({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Group>): react_jsx_runtime55.JSX.Element;
 declare function CommandSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Separator>): react_jsx_runtime55.JSX.Element;
 declare function CommandItem({
   className,
   ...props
-}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<typeof Command.Item>): react_jsx_runtime55.JSX.Element;
 declare function CommandShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime60.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime55.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/context-menu.d.ts

@@ -1,26 +1,26 @@
 import * as React from "react";
-import * as react_jsx_runtime69 from "react/jsx-runtime";
+import * as react_jsx_runtime64 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_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Root>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuTrigger({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Group>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuPortal({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuSub({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuRadioGroup({
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuSubTrigger({
   className,
   inset,
@@ -28,15 +28,15 @@ declare function ContextMenuSubTrigger({
   ...props
 }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime69.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuSubContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Content>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuItem({
   className,
   inset,
@@ -45,33 +45,33 @@ declare function ContextMenuItem({
 }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime69.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuRadioItem({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuLabel({
   className,
   inset,
   ...props
 }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime69.JSX.Element;
+}): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuSeparator({
   className,
   ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): react_jsx_runtime64.JSX.Element;
 declare function ContextMenuShortcut({
   className,
   ...props
-}: React.ComponentProps<"span">): react_jsx_runtime69.JSX.Element;
+}: React.ComponentProps<"span">): react_jsx_runtime64.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/dialog.d.ts

@@ -1,24 +1,24 @@
 import * as React from "react";
-import * as react_jsx_runtime84 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/react/ui/dialog.d.ts
 declare function Dialog({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime79.JSX.Element;
 declare function DialogTrigger({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime79.JSX.Element;
 declare function DialogPortal({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime79.JSX.Element;
 declare function DialogClose({
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime79.JSX.Element;
 declare function DialogOverlay({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime79.JSX.Element;
 declare function DialogContent({
   className,
   children,
@@ -26,23 +26,23 @@ declare function DialogContent({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Content> & {
   showCloseButton?: boolean;
-}): react_jsx_runtime84.JSX.Element;
+}): react_jsx_runtime79.JSX.Element;
 declare function DialogHeader({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime79.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime79.JSX.Element;
 declare function DialogTitle({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime79.JSX.Element;
 declare function DialogDescription({
   className,
   ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime84.JSX.Element;
+}: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime79.JSX.Element;
 //#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map