@alexgorbatchev/shadcn 0.0.22 → 0.0.24

package/dist/components/calendar/index.js

@@ -1,11 +1,11 @@
 import"../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 import {
   Calendar2,
   CalendarDayButton2
-} from "../../chunk-ttyqqw3y.js";
+} from "../../chunk-h6660c6j.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-j89xg1ak.js";
 import"../../chunk-aa7m22zj.js";

package/dist/components/carousel/index.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 
 // src/components/carousel/Carousel.tsx
 import { useCallback, useEffect, useState } from "react";

package/dist/components/command/index.js

@@ -2,11 +2,11 @@ import"../../chunk-cp2m7y7v.js";
 import"../../chunk-e6hk39ev.js";
 import"../../chunk-j89xg1ak.js";
 import"../../chunk-aa7m22zj.js";
-import"../../chunk-73rkr9ct.js";
-import"../../chunk-70vndezn.js";
+import"../../chunk-btz12z1j.js";
+import"../../chunk-rg7c7wxt.js";
 import"../../chunk-59p19t57.js";
 import"../../chunk-hz9azhzx.js";
-import"../../chunk-1jeg5z55.js";
+import"../../chunk-8zhqkj8r.js";
 import {
   Command2,
   CommandDialog2,
@@ -17,7 +17,7 @@ import {
   CommandSeparator2,
   CommandItem2,
   CommandShortcut2
-} from "../../chunk-ghmkxqn5.js";
+} from "../../chunk-r0097h0v.js";
 export {
   Command2 as Command,
   CommandDialog2 as CommandDialog,

package/dist/components/data-grid/index.js

@@ -1,7 +1,7 @@
 import"../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 import {
   Table2,
   TableHeader2,

package/dist/components/editor/index.js

@@ -1,11 +1,11 @@
 import"../../chunk-cp2m7y7v.js";
-import"../../chunk-73rkr9ct.js";
+import"../../chunk-btz12z1j.js";
 import {
   Toolbar2,
   ToolbarButton2,
   ToolbarGroup2,
   ToolbarSeparator2
-} from "../../chunk-21wbz345.js";
+} from "../../chunk-z1dkx9dm.js";
 
 // src/components/editor/RichTextEditor.tsx
 import { EditorContent, useEditorState } from "@tiptap/react";

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

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 import"../../chunk-jcxxjkqx.js";
 import"../../chunk-rajgnfbr.js";
 import {

package/dist/components/file-upload/index.js

@@ -3,7 +3,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 
 // src/components/file-upload/FileUpload.tsx
 import { useId } from "react";

package/dist/components/gantt/index.js

@@ -7,12 +7,12 @@ import {
   DragSource2,
   DropTarget2,
   Kanban2
-} from "../../chunk-kbg2e95b.js";
+} from "../../chunk-nx21zbg9.js";
 import"../../chunk-cp2m7y7v.js";
 import"../../chunk-wjx6zf94.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 import {
   NativeSelect2,
   NativeSelectOption2

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

@@ -8,7 +8,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   Button2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.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-73rkr9ct.js";
+import"../../chunk-btz12z1j.js";
 import {
   getCalendarClassNames,
   CalendarDayButton2
-} from "../../chunk-ttyqqw3y.js";
+} from "../../chunk-h6660c6j.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-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 
 // node_modules/@shadcn/react/dist/questionnaire/index.js
 import * as p from "react";

package/dist/components/sonner/index.js

@@ -9,7 +9,7 @@ import {
 } from "../../chunk-cp2m7y7v.js";
 import {
   buttonVariants2
-} from "../../chunk-73rkr9ct.js";
+} from "../../chunk-btz12z1j.js";
 
 // node_modules/sonner/dist/index.mjs
 import React from "react";

package/dist/components/tree/TreeItem.d.ts

@@ -18,5 +18,5 @@ type TreeItemProps<T> = useRender.ComponentProps<"div", TreeItemState> & IDensit
     isDropTarget?: boolean;
 };
 /** Registered tree row; compose menus with render and place counts/actions in endEnhancer. */
-export declare function TreeItem<T>({ item, children, startEnhancer, endEnhancer, expandOn, isEditing, isDropTarget, density, render, ...props }: TreeItemProps<T>): ReactElement;
+export declare function TreeItem<T>({ item, children, startEnhancer, endEnhancer, expandOn, isEditing, isDropTarget, density, render, ref, ...props }: TreeItemProps<T>): ReactElement;
 export type { TreeItemProps };

package/dist/components/tree/index.js

@@ -20,14 +20,13 @@ function TreeItem({
   isDropTarget = false,
   density,
   render,
+  ref,
   ...props
 }) {
   const nativeProps = item.getProps();
   const isExpanded = item.isExpanded();
   const isSelected = item.isSelected?.() ?? false;
   const isInsideTarget = item.isUnorderedDragTarget?.() ?? false;
-  const isAbove = item.isDragTargetAbove?.() ?? false;
-  const isBelow = item.isDragTargetBelow?.() ?? false;
   const toggle = () => {
     if (isExpanded)
       item.collapse();
@@ -51,8 +50,10 @@ function TreeItem({
   return useRender({
     defaultTagName: "div",
     render,
+    ref: [item.registerElement, ref ?? null],
     props: mergeProps({
       ...nativeProps,
+      ref: undefined,
       onKeyDown: (event) => {
         if (event.target !== event.currentTarget || event.defaultPrevented || event.key !== "Enter" || event.repeat || item.getTree().getState().dnd)
           return;
@@ -76,7 +77,7 @@ function TreeItem({
         onKeyDown: undefined,
         onDragStart: undefined
       } : {},
-      style: { paddingInlineStart: `${item.getItemMeta().level * 20 + 8}px` },
+      style: { paddingInlineStart: `${item.getItemMeta().level * (item.getTree().getConfig().indent ?? 20) + 8}px` },
       className: cn2("relative flex min-h-control min-w-0 cursor-default items-center gap-2 rounded-sm py-1 pr-2 text-sm outline-none hover:bg-accent focus-visible:ring-2 focus-visible:ring-ring", (isSelected || isDropTarget || isInsideTarget) && "bg-accent text-accent-foreground"),
       children: /* @__PURE__ */ jsxs(Fragment, {
         children: [
@@ -101,14 +102,6 @@ function TreeItem({
             onDoubleClick: (event) => event.stopPropagation(),
             onKeyDown: (event) => event.stopPropagation(),
             children: endEnhancer
-          }),
-          isAbove && /* @__PURE__ */ jsx("span", {
-            "aria-hidden": "true",
-            className: "pointer-events-none absolute inset-x-0 top-0 h-0.5 bg-primary"
-          }),
-          isBelow && /* @__PURE__ */ jsx("span", {
-            "aria-hidden": "true",
-            className: "pointer-events-none absolute inset-x-0 bottom-0 h-0.5 bg-primary"
           })
         ]
       })
@@ -124,7 +117,7 @@ function TreeItem({
 }
 
 // src/components/tree/Tree.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function Tree({
   tree,
   label,
@@ -135,7 +128,9 @@ function Tree({
   density
 }) {
   const container = tree.getContainerProps(label);
-  return /* @__PURE__ */ jsx2("div", {
+  const dragLine = tree.getDragLineData?.();
+  const element = tree.getElement();
+  return /* @__PURE__ */ jsxs2("div", {
     ...container,
     "data-density": density,
     className: cn2("grid min-w-0 gap-1", variant === "default" && "rounded-sm border border-border bg-card p-2"),
@@ -144,15 +139,23 @@ function Tree({
         return;
       container.onKeyDown?.(event);
     },
-    children: tree.getItems().map((item) => renderItem ? /* @__PURE__ */ jsx2("div", {
-      role: "none",
-      children: renderItem(item)
-    }, item.getKey()) : /* @__PURE__ */ jsx2(TreeItem, {
-      item,
-      startEnhancer: renderIcon?.(item),
-      density,
-      children: renderLabel?.(item)
-    }, item.getKey()))
+    children: [
+      tree.getItems().map((item) => renderItem ? /* @__PURE__ */ jsx2("div", {
+        role: "none",
+        children: renderItem(item)
+      }, item.getKey()) : /* @__PURE__ */ jsx2(TreeItem, {
+        item,
+        startEnhancer: renderIcon?.(item),
+        density,
+        children: renderLabel?.(item)
+      }, item.getKey())),
+      dragLine && /* @__PURE__ */ jsx2("span", {
+        "data-slot": "tree-drop-indicator",
+        "aria-hidden": "true",
+        className: "pointer-events-none absolute h-0.5 bg-primary",
+        style: tree.getDragLineStyle(-1 - (element?.clientTop ?? 0), -(element?.clientLeft ?? 0))
+      })
+    ]
   });
 }
 

package/dist/hooks/useDocumentGuard.d.ts

@@ -0,0 +1,8 @@
+export interface IDocumentGuardProps {
+    /** Defaults to the current document, including its portals. Supply an iframe's document to observe it instead. */
+    ownerDocument?: Document;
+}
+type ObserveDocument = (document: Document) => () => void;
+/** Share each development guard's observation across sibling and nested providers. */
+export declare function useDocumentGuard(observe: ObserveDocument, ownerDocument?: Document): void;
+export {};

package/dist/index.d.ts

@@ -121,3 +121,7 @@ export type { DashboardLayoutProps, DashboardStat } from "./components/Dashboard
 export { BillingUsage } from "./components/BillingUsage.js";
 export type { BillingUsageProps, UsageMetric } from "./components/BillingUsage.js";
 export type { ILabelValue } from "./options/types.js";
+export { LayoutGuard } from "./components/LayoutGuard.js";
+export type { ILayoutGuardProps } from "./components/LayoutGuard.js";
+export { collectLayoutViolations } from "./utils/collectLayoutViolations.js";
+export type { ILayoutViolation } from "./utils/collectLayoutViolations.js";