@alexgorbatchev/shadcn 0.0.12 → 0.0.17

package/dist/components/chart/index.js

@@ -1,284 +1,22 @@
 import {
-  useDensity
-} from "../../chunk-rjjwytbx.js";
-import {
-  cn2
-} from "../../chunk-cp2m7y7v.js";
-import {
-  useDirection2
-} from "../../chunk-jpvw9xqy.js";
-
-// src/components/chart/Chart.tsx
-import { useId, useMemo } from "react";
-import { ResponsiveContainer, Tooltip, Legend } from "recharts";
-import sortBy from "es-toolkit/compat/sortBy";
-
-// src/components/chart/ChartContext.ts
-import { createContext } from "react";
-var ChartContext = createContext(null);
-
-// src/components/chart/getPayloadConfigFromPayload.ts
-function isRecord(value) {
-  return typeof value === "object" && value !== null;
-}
-function getPayloadConfigFromPayload(config, payload, key) {
-  if (!isRecord(payload))
-    return;
-  const value = payload[key];
-  const nested = isRecord(payload.payload) ? payload.payload[key] : undefined;
-  const configLabelKey = typeof value === "string" ? value : typeof nested === "string" ? nested : key;
-  return config[configLabelKey] ?? config[key];
-}
-
-// src/components/chart/hooks/useChart.ts
-import { useContext } from "react";
-function useChart() {
-  const context = useContext(ChartContext);
-  if (!context)
-    throw new Error("useChart must be used within a <ChartContainer />");
-  return context;
-}
-
-// src/components/chart/ChartStyle.tsx
-import cssesc from "cssesc";
-import { jsx } from "react/jsx-runtime";
-var themes = ["light", "dark"];
-function ChartStyle({ id, config }) {
-  const colors = Object.entries(config).filter(([, item]) => item.theme ?? item.color);
-  if (!colors.length)
-    return null;
-  return /* @__PURE__ */ jsx("style", {
-    children: themes.map((theme) => `${theme === "dark" ? "[data-theme=dark] " : ""}[data-chart=${cssesc(id, { isIdentifier: true })}] {
-${colors.map(([key, item]) => {
-      const color = item.theme?.[theme] ?? item.color;
-      return color ? `${cssesc(`--color-${key}`, { isIdentifier: true })}: ${color};` : "";
-    }).join(`
-`)}
-}`).join(`
-`)
-  });
-}
-
-// src/components/chart/Chart.tsx
-import { jsx as jsx2, jsxs, Fragment } from "react/jsx-runtime";
-function Chart({
-  id,
-  dir,
-  density,
-  className,
-  children,
-  config,
-  initialDimension = { width: 320, height: 200 },
-  ...props
-}) {
-  const uniqueId = useId();
-  const resolvedDensity = useDensity(density);
-  const inheritedDirection = useDirection2();
-  const direction = dir ?? inheritedDirection;
-  const chartId = `chart-${id ?? uniqueId}`;
-  return /* @__PURE__ */ jsx2(ChartContext.Provider, {
-    value: { config, density: resolvedDensity, dir: direction, chartId },
-    children: /* @__PURE__ */ jsxs("div", {
-      id,
-      dir: direction,
-      "data-density": resolvedDensity,
-      "data-slot": "chart",
-      "data-chart": chartId,
-      className: cn2("flex aspect-video min-w-0 justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.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 [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx2(ChartStyle, {
-          id: chartId,
-          config
-        }),
-        /* @__PURE__ */ jsx2(ResponsiveContainer, {
-          initialDimension,
-          children
-        })
-      ]
-    })
-  });
-}
-function ChartTooltipContent({
-  density,
-  active,
-  payload,
-  className,
-  indicator = "dot",
-  hideLabel = false,
-  hideIndicator = false,
-  label,
-  labelFormatter,
-  labelClassName,
-  formatter,
-  color,
-  nameKey,
-  labelKey,
-  htmlProps,
-  contentStyle,
-  itemStyle,
-  labelStyle,
-  wrapperClassName,
-  itemSorter
-}) {
-  const { config, density: chartDensity, dir, chartId } = useChart();
-  const tooltipLabel = useMemo(() => {
-    if (hideLabel || !payload?.length)
-      return null;
-    const [item] = payload;
-    const key = `${labelKey ?? item?.dataKey ?? item?.name ?? "value"}`;
-    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-    const value = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
-    if (labelFormatter)
-      return /* @__PURE__ */ jsx2("div", {
-        className: cn2("font-medium", labelClassName),
-        style: labelStyle,
-        children: labelFormatter(value, payload)
-      });
-    if (!value)
-      return null;
-    return /* @__PURE__ */ jsx2("div", {
-      className: cn2("font-medium", labelClassName),
-      style: labelStyle,
-      children: value
-    });
-  }, [label, labelFormatter, payload, hideLabel, labelClassName, labelStyle, config, labelKey]);
-  if (!active || !payload?.length)
-    return null;
-  const sortedPayload = itemSorter ? sortBy(payload, itemSorter) : payload;
-  const nestLabel = payload.length === 1 && indicator !== "dot";
-  return /* @__PURE__ */ jsxs("div", {
-    role: "status",
-    "data-slot": "chart-tooltip",
-    "data-chart": chartId,
-    dir,
-    "data-density": density ?? chartDensity,
-    ...htmlProps,
-    className: cn2("grid min-w-32 items-start gap-control-gap rounded-md border border-frame-edge bg-popover p-panel text-xs text-popover-foreground shadow-frame", className, wrapperClassName, htmlProps?.className),
-    style: { ...contentStyle, ...htmlProps?.style },
-    children: [
-      !nestLabel ? tooltipLabel : null,
-      /* @__PURE__ */ jsx2("div", {
-        className: "grid gap-control-gap",
-        children: sortedPayload.filter((item) => item.type !== "none").map((item, index) => {
-          const key = `${nameKey ?? item.name ?? item.dataKey ?? "value"}`;
-          const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          const itemPayload = item.payload;
-          const fill = typeof itemPayload === "object" && itemPayload !== null && "fill" in itemPayload ? itemPayload.fill : undefined;
-          const indicatorColor = color ?? (typeof fill === "string" ? fill : item.color);
-          const indicatorStyle = {
-            "--color-bg": indicatorColor,
-            "--color-border": indicatorColor
-          };
-          return /* @__PURE__ */ jsx2("div", {
-            className: cn2("flex w-full flex-wrap items-stretch gap-control-gap [&>svg]:size-3 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
-            style: itemStyle,
-            children: formatter && item.value !== undefined && item.name !== undefined ? formatter(item.value, item.name, item, index, payload) : /* @__PURE__ */ jsxs(Fragment, {
-              children: [
-                itemConfig?.icon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx2("div", {
-                  "aria-hidden": "true",
-                  className: cn2("shrink-0 rounded-sm border-(--color-border) bg-(--color-bg)", {
-                    "size-2.5": indicator === "dot",
-                    "w-1": indicator === "line",
-                    "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
-                    "my-0.5": nestLabel && indicator === "dashed"
-                  }),
-                  style: indicatorStyle
-                }),
-                /* @__PURE__ */ jsxs("div", {
-                  className: cn2("flex flex-1 justify-between gap-control-gap leading-none", nestLabel ? "items-end" : "items-center"),
-                  children: [
-                    /* @__PURE__ */ jsxs("div", {
-                      className: "grid gap-control-gap",
-                      children: [
-                        nestLabel ? tooltipLabel : null,
-                        /* @__PURE__ */ jsx2("span", {
-                          className: "text-muted-foreground",
-                          children: itemConfig?.label ?? item.name
-                        })
-                      ]
-                    }),
-                    item.value != null && /* @__PURE__ */ jsx2("span", {
-                      className: "font-mono font-medium tabular-nums",
-                      children: typeof item.value === "number" ? item.value.toLocaleString() : String(item.value)
-                    })
-                  ]
-                })
-              ]
-            })
-          }, index);
-        })
-      })
-    ]
-  });
-}
-function ChartLegendContent({
-  density,
-  className,
-  hideIcon = false,
-  payload,
-  verticalAlign = "bottom",
-  nameKey,
-  onClick,
-  onMouseEnter,
-  onMouseLeave,
-  formatter,
-  htmlProps,
-  labelStyle,
-  inactiveColor
-}) {
-  const { config, density: chartDensity, dir, chartId } = useChart();
-  if (!payload?.length)
-    return null;
-  return /* @__PURE__ */ jsx2("div", {
-    "data-slot": "chart-legend",
-    "data-chart": chartId,
-    dir,
-    "data-density": density ?? chartDensity,
-    ...htmlProps,
-    className: cn2("flex items-center justify-center gap-panel", verticalAlign === "top" ? "pb-panel" : "pt-panel", className, htmlProps?.className),
-    children: payload.filter((item) => item.type !== "none").map((item, index) => {
-      const key = `${nameKey ?? item.dataKey ?? "value"}`;
-      const itemConfig = getPayloadConfigFromPayload(config, item, key);
-      const content = /* @__PURE__ */ jsxs(Fragment, {
-        children: [
-          itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx2(itemConfig.icon, {}) : /* @__PURE__ */ jsx2("span", {
-            "aria-hidden": "true",
-            className: "size-2 shrink-0 rounded-sm",
-            style: { backgroundColor: item.inactive ? inactiveColor : item.color }
-          }),
-          /* @__PURE__ */ jsx2("span", {
-            style: labelStyle,
-            children: formatter ? formatter(itemConfig?.label ?? item.value, item, index) : itemConfig?.label ?? item.value
-          })
-        ]
-      });
-      const classes = "flex items-center gap-control-gap [&>svg]:size-3 [&>svg]:text-muted-foreground";
-      return onClick ? /* @__PURE__ */ jsx2("button", {
-        type: "button",
-        className: cn2(classes, "outline-none focus-visible:ring-1 focus-visible:ring-ring"),
-        onClick: (event) => onClick(item, index, event),
-        onMouseEnter: (event) => onMouseEnter?.(item, index, event),
-        onMouseLeave: (event) => onMouseLeave?.(item, index, event),
-        children: content
-      }, index) : /* @__PURE__ */ jsx2("div", {
-        className: classes,
-        onMouseEnter: (event) => onMouseEnter?.(item, index, event),
-        onMouseLeave: (event) => onMouseLeave?.(item, index, event),
-        children: content
-      }, index);
-    })
-  });
-}
-var ChartTooltip = Tooltip;
-var ChartLegend = Legend;
+  useChart2,
+  ChartStyle2,
+  Chart3,
+  ChartTooltipContent2,
+  ChartLegendContent2,
+  ChartTooltip2,
+  ChartLegend2
+} from "../../chunk-82e7fbmq.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-cp2m7y7v.js";
+import"../../chunk-jpvw9xqy.js";
 export {
-  Chart,
-  Chart as ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartStyle,
-  ChartTooltip,
-  ChartTooltipContent,
-  useChart
+  Chart3 as Chart,
+  Chart3 as ChartContainer,
+  ChartLegend2 as ChartLegend,
+  ChartLegendContent2 as ChartLegendContent,
+  ChartStyle2 as ChartStyle,
+  ChartTooltip2 as ChartTooltip,
+  ChartTooltipContent2 as ChartTooltipContent,
+  useChart2 as useChart
 };

package/dist/components/command/index.js

@@ -1,142 +1,30 @@
+import"../../chunk-cp2m7y7v.js";
+import"../../chunk-e6hk39ev.js";
+import"../../chunk-j89xg1ak.js";
+import"../../chunk-73rkr9ct.js";
+import"../../chunk-zhnwybhq.js";
+import"../../chunk-59p19t57.js";
+import"../../chunk-hz9azhzx.js";
+import"../../chunk-1jeg5z55.js";
 import {
-  cn2
-} from "../../chunk-cp2m7y7v.js";
-import"../../chunk-rjjwytbx.js";
-import"../../chunk-tnktkgvp.js";
-import {
-  Dialog2,
-  DialogContent2,
-  DialogHeader2,
-  DialogTitle2,
-  DialogDescription2,
-  InputGroup2,
-  InputGroupAddon2,
-  InputGroupInput2
-} from "../../chunk-5wvvqege.js";
-
-// src/components/command/Command.tsx
-import { Command as CommandPrimitive } from "cmdk";
-import { CheckIcon, SearchIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Command({ density, className, ...props }) {
-  return /* @__PURE__ */ jsx(CommandPrimitive, {
-    "data-density": density,
-    "data-slot": "command",
-    className: cn2("flex size-full flex-col overflow-hidden bg-popover p-1 text-popover-foreground", className),
-    ...props
-  });
-}
-function CommandDialog({
-  title = "Command Palette",
-  description = "Search for a command to run.",
-  children,
-  density,
-  className,
-  showCloseButton = false,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(Dialog2, {
-    ...props,
-    children: (state) => /* @__PURE__ */ jsxs(DialogContent2, {
-      density,
-      className: cn2("overflow-hidden p-0", showCloseButton && "[&_[data-slot=command-input-wrapper]]:pe-10", className),
-      showCloseButton,
-      children: [
-        /* @__PURE__ */ jsxs(DialogHeader2, {
-          className: "sr-only",
-          children: [
-            /* @__PURE__ */ jsx(DialogTitle2, {
-              children: title
-            }),
-            /* @__PURE__ */ jsx(DialogDescription2, {
-              children: description
-            })
-          ]
-        }),
-        typeof children === "function" ? children(state) : children
-      ]
-    })
-  });
-}
-function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", {
-    "data-slot": "command-input-wrapper",
-    className: "p-1 pb-0",
-    children: /* @__PURE__ */ jsxs(InputGroup2, {
-      children: [
-        /* @__PURE__ */ jsx(CommandPrimitive.Input, {
-          asChild: true,
-          "data-slot": "input-group-control",
-          className,
-          ...props,
-          children: /* @__PURE__ */ jsx(InputGroupInput2, {})
-        }),
-        /* @__PURE__ */ jsx(InputGroupAddon2, {
-          children: /* @__PURE__ */ jsx(SearchIcon, {
-            "aria-hidden": "true"
-          })
-        })
-      ]
-    })
-  });
-}
-function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx(CommandPrimitive.List, {
-    "data-slot": "command-list",
-    className: cn2("max-h-72 scroll-py-1 overflow-x-hidden overflow-y-auto outline-none", className),
-    ...props
-  });
-}
-function CommandEmpty({ className, ...props }) {
-  return /* @__PURE__ */ jsx(CommandPrimitive.Empty, {
-    "data-slot": "command-empty",
-    className: cn2("p-panel text-center text-sm", className),
-    ...props
-  });
-}
-function CommandGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx(CommandPrimitive.Group, {
-    "data-slot": "command-group",
-    className: cn2("overflow-hidden p-1 [&_[cmdk-group-heading]]:px-control-x [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
-    ...props
-  });
-}
-function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx(CommandPrimitive.Separator, {
-    "data-slot": "command-separator",
-    className: cn2("h-px bg-border", className),
-    ...props
-  });
-}
-function CommandItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs(CommandPrimitive.Item, {
-    "data-slot": "command-item",
-    className: cn2("group/command-item relative flex min-h-control cursor-default items-center gap-control-gap px-control-x text-sm outline-none select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 data-[selected=true]:bg-muted data-[selected=true]:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4", className),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx(CheckIcon, {
-        "aria-hidden": "true",
-        className: "ms-auto opacity-0 group-has-data-[slot=command-shortcut]/command-item:hidden group-data-[checked=true]/command-item:opacity-100"
-      })
-    ]
-  });
-}
-function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx("span", {
-    "data-slot": "command-shortcut",
-    className: cn2("ms-auto text-xs text-muted-foreground group-data-[selected=true]/command-item:text-foreground", className),
-    ...props
-  });
-}
+  Command2,
+  CommandDialog2,
+  CommandInput2,
+  CommandList2,
+  CommandEmpty2,
+  CommandGroup2,
+  CommandSeparator2,
+  CommandItem2,
+  CommandShortcut2
+} from "../../chunk-4gby2v61.js";
 export {
-  Command,
-  CommandDialog,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator,
-  CommandShortcut
+  Command2 as Command,
+  CommandDialog2 as CommandDialog,
+  CommandEmpty2 as CommandEmpty,
+  CommandGroup2 as CommandGroup,
+  CommandInput2 as CommandInput,
+  CommandItem2 as CommandItem,
+  CommandList2 as CommandList,
+  CommandSeparator2 as CommandSeparator,
+  CommandShortcut2 as CommandShortcut
 };

package/dist/components/message-scroller/index.js

@@ -8,7 +8,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-tnktkgvp.js";
+} from "../../chunk-73rkr9ct.js";
 
 // node_modules/@shadcn/react/dist/message-scroller/index.js
 import * as f2 from "react";

package/dist/components/persian-calendar/index.js

@@ -1,11 +1,11 @@
 import {
   cn2
 } from "../../chunk-cp2m7y7v.js";
-import"../../chunk-tnktkgvp.js";
+import"../../chunk-73rkr9ct.js";
 import {
   getCalendarClassNames,
   CalendarDayButton2
-} from "../../chunk-8a7dn9ps.js";
+} from "../../chunk-ttyqqw3y.js";
 
 // src/components/persian-calendar/PersianCalendar.tsx
 import { DayPicker } from "@daypicker/persian";

package/dist/components/questionnaire/index.js

@@ -8,7 +8,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   buttonVariants2
-} from "../../chunk-tnktkgvp.js";
+} from "../../chunk-73rkr9ct.js";
 
 // node_modules/@shadcn/react/dist/questionnaire/index.js
 import * as p from "react";

package/dist/components/resizable/SplitView.d.ts

@@ -1,12 +1,14 @@
 import type { ReactElement, ReactNode } from "react";
+import { type LayoutStorage } from "react-resizable-panels";
 interface ISplitViewProps {
     sidebar: ReactNode;
     children: ReactNode;
     storageKey: string;
+    storage?: LayoutStorage;
     sidebarLabel: string;
     contentLabel: string;
     resizeLabel: string;
     defaultSidebarSize?: number;
 }
-export declare function SplitView({ sidebar, children, storageKey, sidebarLabel, contentLabel, resizeLabel, defaultSidebarSize, }: ISplitViewProps): ReactElement;
+export declare function SplitView({ sidebar, children, storageKey, storage, sidebarLabel, contentLabel, resizeLabel, defaultSidebarSize, }: ISplitViewProps): ReactElement;
 export {};

package/dist/components/resizable/index.js

@@ -1,61 +1,18 @@
+import"../../chunk-cp2m7y7v.js";
 import {
-  cn2
-} from "../../chunk-cp2m7y7v.js";
+  Resizable2,
+  ResizablePanel2,
+  ResizableHandle2
+} from "../../chunk-1x2ch0xc.js";
 import {
   Separator2
 } from "../../chunk-rajgnfbr.js";
-
-// src/components/resizable/Resizable.tsx
-import { Group, Panel, Separator } from "react-resizable-panels";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Resizable({ className, ...props }) {
-  return /* @__PURE__ */ jsx(Group, {
-    "data-slot": "resizable-panel-group",
-    className: cn2("size-full", className),
-    ...props
-  });
-}
-function ResizablePanel(props) {
-  return /* @__PURE__ */ jsx(Panel, {
-    "data-slot": "resizable-panel",
-    ...props
-  });
-}
-function ResizableHandle({
-  withHandle,
-  thickness = "default",
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs(Separator, {
-    "data-slot": "resizable-handle",
-    className: cn2("relative flex items-center justify-center bg-border outline-none focus-visible:ring-1 focus-visible:ring-ring aria-[orientation=horizontal]:w-full [&[aria-orientation=horizontal]>div]:rotate-90", thickness === "strong" ? "w-0.5 aria-[orientation=horizontal]:h-0.5" : "w-px aria-[orientation=horizontal]:h-px", className),
-    ...props,
-    children: [
-      withHandle && /* @__PURE__ */ jsx("div", {
-        "aria-hidden": "true",
-        className: "flex h-control-sm w-1 shrink-0 bg-border"
-      }),
-      children
-    ]
-  });
-}
+import {
+  useMediaQuery
+} from "../../chunk-k99h6evz.js";
 // src/components/resizable/SplitView.tsx
 import { useDefaultLayout } from "react-resizable-panels";
-
-// src/hooks/useMediaQuery.ts
-import { useMemo, useSyncExternalStore } from "react";
-function useMediaQuery(query) {
-  const media = useMemo(() => typeof window === "undefined" ? undefined : window.matchMedia(query), [query]);
-  return useSyncExternalStore((listener) => {
-    media?.addEventListener("change", listener);
-    return () => media?.removeEventListener("change", listener);
-  }, () => media?.matches ?? false, () => false);
-}
-
-// src/components/resizable/SplitView.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var layoutStorage = {
   getItem(key) {
     try {
@@ -80,56 +37,57 @@ function SplitView({
   sidebar,
   children,
   storageKey,
+  storage = layoutStorage,
   sidebarLabel,
   contentLabel,
   resizeLabel,
   defaultSidebarSize = 325
 }) {
   const isWide = useMediaQuery("(min-width: 1024px)");
-  const layout = useDefaultLayout({ id: storageKey, storage: layoutStorage, onlySaveAfterUserInteractions: true });
+  const layout = useDefaultLayout({ id: storageKey, storage, onlySaveAfterUserInteractions: true });
   if (!isWide)
-    return /* @__PURE__ */ jsxs2("div", {
+    return /* @__PURE__ */ jsxs("div", {
       className: "flex min-w-0 flex-col bg-card",
       children: [
-        /* @__PURE__ */ jsx2("aside", {
+        /* @__PURE__ */ jsx("aside", {
           "aria-label": sidebarLabel,
           className: "min-w-0 p-4",
           children: sidebar
         }),
-        /* @__PURE__ */ jsx2(Separator2, {
+        /* @__PURE__ */ jsx(Separator2, {
           thickness: "strong"
         }),
-        /* @__PURE__ */ jsx2("section", {
+        /* @__PURE__ */ jsx("section", {
           "aria-label": contentLabel,
           className: "min-w-0 p-4",
           children
         })
       ]
     });
-  return /* @__PURE__ */ jsxs2(Resizable, {
+  return /* @__PURE__ */ jsxs(Resizable2, {
     orientation: "horizontal",
     defaultLayout: layout.defaultLayout,
     onLayoutChanged: layout.onLayoutChanged,
     children: [
-      /* @__PURE__ */ jsx2(ResizablePanel, {
+      /* @__PURE__ */ jsx(ResizablePanel2, {
         id: "sidebar",
         defaultSize: defaultSidebarSize,
         minSize: 200,
         maxSize: "50%",
-        children: /* @__PURE__ */ jsx2("aside", {
+        children: /* @__PURE__ */ jsx("aside", {
           "aria-label": sidebarLabel,
           className: "h-full min-w-0 bg-card p-4",
           children: sidebar
         })
       }),
-      /* @__PURE__ */ jsx2(ResizableHandle, {
+      /* @__PURE__ */ jsx(ResizableHandle2, {
         thickness: "strong",
         "aria-label": resizeLabel
       }),
-      /* @__PURE__ */ jsx2(ResizablePanel, {
+      /* @__PURE__ */ jsx(ResizablePanel2, {
         id: "content",
         minSize: "35%",
-        children: /* @__PURE__ */ jsx2("section", {
+        children: /* @__PURE__ */ jsx("section", {
           "aria-label": contentLabel,
           className: "h-full min-w-0 bg-card p-4",
           children
@@ -139,9 +97,9 @@ function SplitView({
   });
 }
 export {
-  Resizable,
-  ResizableHandle,
-  ResizablePanel,
-  Resizable as ResizablePanelGroup,
+  Resizable2 as Resizable,
+  ResizableHandle2 as ResizableHandle,
+  ResizablePanel2 as ResizablePanel,
+  Resizable2 as ResizablePanelGroup,
   SplitView
 };