@alexgorbatchev/shadcn 0.0.0-stage → 0.0.12

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

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+import type { GroupProps, PanelProps, SeparatorProps } from "react-resizable-panels";
+declare function Resizable({ className, ...props }: GroupProps): ReactElement;
+declare function ResizablePanel(props: PanelProps): ReactElement;
+type ResizableHandleProps = SeparatorProps & {
+    withHandle?: boolean;
+    thickness?: "default" | "strong";
+};
+declare function ResizableHandle({ withHandle, thickness, className, children, ...props }: ResizableHandleProps): ReactElement;
+export { Resizable, Resizable as ResizablePanelGroup, ResizablePanel, ResizableHandle };

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

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

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

@@ -0,0 +1,2 @@
+export { Resizable, ResizablePanelGroup, ResizablePanel, ResizableHandle } from "./Resizable.js";
+export { SplitView } from "./SplitView.js";

package/dist/components/resizable/index.js

@@ -0,0 +1,147 @@
+import {
+  cn2
+} from "../../chunk-cp2m7y7v.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
+    ]
+  });
+}
+// 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";
+var layoutStorage = {
+  getItem(key) {
+    try {
+      const raw = localStorage.getItem(key);
+      if (!raw)
+        return null;
+      const value = JSON.parse(raw);
+      if (typeof value !== "object" || value === null || Array.isArray(value))
+        return null;
+      return Object.values(value).every((size) => typeof size === "number" && Number.isFinite(size) && size >= 0 && size <= 100) ? raw : null;
+    } catch {
+      return null;
+    }
+  },
+  setItem(key, value) {
+    try {
+      localStorage.setItem(key, value);
+    } catch {}
+  }
+};
+function SplitView({
+  sidebar,
+  children,
+  storageKey,
+  sidebarLabel,
+  contentLabel,
+  resizeLabel,
+  defaultSidebarSize = 325
+}) {
+  const isWide = useMediaQuery("(min-width: 1024px)");
+  const layout = useDefaultLayout({ id: storageKey, storage: layoutStorage, onlySaveAfterUserInteractions: true });
+  if (!isWide)
+    return /* @__PURE__ */ jsxs2("div", {
+      className: "flex min-w-0 flex-col bg-card",
+      children: [
+        /* @__PURE__ */ jsx2("aside", {
+          "aria-label": sidebarLabel,
+          className: "min-w-0 p-4",
+          children: sidebar
+        }),
+        /* @__PURE__ */ jsx2(Separator2, {
+          thickness: "strong"
+        }),
+        /* @__PURE__ */ jsx2("section", {
+          "aria-label": contentLabel,
+          className: "min-w-0 p-4",
+          children
+        })
+      ]
+    });
+  return /* @__PURE__ */ jsxs2(Resizable, {
+    orientation: "horizontal",
+    defaultLayout: layout.defaultLayout,
+    onLayoutChanged: layout.onLayoutChanged,
+    children: [
+      /* @__PURE__ */ jsx2(ResizablePanel, {
+        id: "sidebar",
+        defaultSize: defaultSidebarSize,
+        minSize: 200,
+        maxSize: "50%",
+        children: /* @__PURE__ */ jsx2("aside", {
+          "aria-label": sidebarLabel,
+          className: "h-full min-w-0 bg-card p-4",
+          children: sidebar
+        })
+      }),
+      /* @__PURE__ */ jsx2(ResizableHandle, {
+        thickness: "strong",
+        "aria-label": resizeLabel
+      }),
+      /* @__PURE__ */ jsx2(ResizablePanel, {
+        id: "content",
+        minSize: "35%",
+        children: /* @__PURE__ */ jsx2("section", {
+          "aria-label": contentLabel,
+          className: "h-full min-w-0 bg-card p-4",
+          children
+        })
+      })
+    ]
+  });
+}
+export {
+  Resizable,
+  ResizableHandle,
+  ResizablePanel,
+  Resizable as ResizablePanelGroup,
+  SplitView
+};

package/dist/components/sonner/Sonner.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { ToasterProps } from "sonner";
+import type { IDensityProps } from "../../density/types.js";
+type SonnerProps = ToasterProps & IDensityProps;
+declare function Sonner({ density, className, toastOptions, icons, theme, dir, expand, ...props }: SonnerProps): ReactElement;
+export { Sonner, Sonner as SonnerToaster, Sonner as Toaster };
+export { toast } from "sonner";

package/dist/components/sonner/hooks/useSonner.d.ts

@@ -0,0 +1 @@
+export { useSonner } from "sonner";

package/dist/components/sonner/index.d.ts

@@ -0,0 +1,2 @@
+export { Sonner, SonnerToaster, Toaster, toast } from "./Sonner.js";
+export { useSonner } from "./hooks/useSonner.js";