@pixpilot/shadcn-ui 3.4.0 → 3.5.1

package/dist/absolute-fill/AbsoluteFill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/absolute-fill/AbsoluteFill.d.ts
 
@@ -10,7 +10,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime4.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/button/Button.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime19.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/button/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/button/Button.d.ts
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/button-extended/ButtonExtended.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/button-extended/ButtonExtended.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/button-extended/ButtonExtended.d.ts
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/card/Card.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
 
@@ -6,10 +6,10 @@ import React from "react";
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime18.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime20.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime18.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/card/Card.d.ts

@@ -1,15 +1,15 @@
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/card/Card.d.ts
 declare function CardTitle$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<typeof CardTitle>): react_jsx_runtime1.JSX.Element;
 declare function CardHeader$1({
   className,
   ...props
-}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime3.JSX.Element;
+}: React.ComponentProps<typeof CardHeader>): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader$1 as CardHeader, CardTitle$1 as CardTitle };

package/dist/color-select/ColorSelect.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
 
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime3.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/color-select/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/color-select/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -17,6 +17,6 @@ type BaseColorSelectProps = {
   keyboardMode?: 'cycle' | 'dropdown';
   className?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime5.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/content-card/ContentCard.d.cts

@@ -1,6 +1,6 @@
 import { Card } from "../card/Card.cjs";
 import "../card/index.cjs";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import React, { ReactNode } from "react";
 
 //#region src/content-card/ContentCard.d.ts
@@ -9,7 +9,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime8.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime3.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/date-picker/DatePicker.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
 
@@ -10,7 +10,7 @@ type DatePickerProps = {
   placeholder?: string;
   showClearButton?: boolean;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: DatePickerProps): react_jsx_runtime9.JSX.Element;
+declare function DatePicker(props: DatePickerProps): react_jsx_runtime4.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { DialogClose, DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,18 +10,18 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<DialogContentPr
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime5.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime5.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime4.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime5.JSX.Element;
 declare function DialogClose$1({
   className,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime4.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DialogClose>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { DialogBody, DialogClose$1 as DialogClose, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/drawer/Drawer.cjs

@@ -10,6 +10,34 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/drawer/Drawer.tsx
 /**
+* Shared by every drawer part so `noDrag` set on the root propagates down
+* without threading props by hand. The root provides its `noDrag` value here;
+* each part ORs it with its own local `noDrag` prop.
+*/
+const DrawerNoDragContext = react.createContext(false);
+/**
+* Vaul decides whether a pointer-down starts a drag in its internal
+* `shouldDrag`. For `left`/`right` drawers that check returns `true` before it
+* ever looks at highlighted text, so selecting text inside the panel drags the
+* whole drawer. The one escape hatch vaul honours is the `data-vaul-no-drag`
+* attribute (matched via `.closest()`, so it also covers descendants). This
+* helper renders that attribute when either the root context or the part's own
+* `noDrag` prop is set, and nothing otherwise.
+*/
+function useNoDragProps(local) {
+	return react.use(DrawerNoDragContext) || local ? { "data-vaul-no-drag": "" } : {};
+}
+/**
+* Drawer root. Wraps the vaul/Radix root and, when `noDrag` is set, disables
+* drag-to-dismiss for the whole drawer via context.
+*/
+function Drawer({ noDrag = false,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DrawerNoDragContext, {
+		value: noDrag,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Drawer, { ...props })
+	});
+}
+/**
 * Direction-aware "floating" overrides. Each rule targets vaul's
 * `data-vaul-drawer-direction` attribute so a single set of classes works
 * regardless of which edge the drawer root anchors to. Per-corner radius
@@ -17,9 +45,10 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 * so they deterministically override the registry's `rounded-t-lg`/`rounded-b-lg`.
 */
 const floatingClass = (0, __pixpilot_shadcn.cn)("overflow-hidden border shadow-lg", "data-[vaul-drawer-direction=bottom]:inset-x-3 data-[vaul-drawer-direction=bottom]:bottom-3 data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=bottom]:rounded-b-2xl", "data-[vaul-drawer-direction=top]:inset-x-3 data-[vaul-drawer-direction=top]:top-3 data-[vaul-drawer-direction=top]:rounded-t-2xl data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=right]:inset-y-3 data-[vaul-drawer-direction=right]:right-3 data-[vaul-drawer-direction=right]:rounded-2xl", "data-[vaul-drawer-direction=left]:inset-y-3 data-[vaul-drawer-direction=left]:left-3 data-[vaul-drawer-direction=left]:rounded-2xl");
-const DrawerContent = react.forwardRef(({ className, floating = true, showCloseButton = true,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DrawerContent, {
+const DrawerContent = react.forwardRef(({ className, floating = true, showCloseButton = true, noDrag,...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DrawerContent, {
 	ref,
 	className: (0, __pixpilot_shadcn.cn)("min-h-0 gap-4 px-6 pb-6", floating && floatingClass, className),
+	...useNoDragProps(noDrag),
 	...props,
 	children: [props.children, showCloseButton && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.DrawerClose, {
 		"data-slot": "drawer-close",
@@ -31,35 +60,40 @@ const DrawerContent = react.forwardRef(({ className, floating = true, showCloseB
 	})]
 }));
 DrawerContent.displayName = "DrawerContent";
-function DrawerHeader({ className,...props }) {
+function DrawerHeader({ className, noDrag,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "header",
 		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 flex-col gap-2.5", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerBody({ className,...props }) {
+function DrawerBody({ className, noDrag,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "body",
 		className: (0, __pixpilot_shadcn.cn)("min-h-0 flex-1 overflow-auto -mx-6 px-6", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerFooter({ className,...props }) {
+function DrawerFooter({ className, noDrag,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "footer",
 		className: (0, __pixpilot_shadcn.cn)("flex shrink-0 justify-end space-x-2", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerClose({ className,...props }) {
+function DrawerClose({ className, noDrag,...props }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.DrawerClose, {
 		className: (0, __pixpilot_shadcn.cn)(className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
 
 //#endregion
+exports.Drawer = Drawer;
 exports.DrawerBody = DrawerBody;
 exports.DrawerClose = DrawerClose;
 exports.DrawerContent = DrawerContent;

package/dist/drawer/Drawer.d.cts

@@ -1,10 +1,29 @@
-import * as react_jsx_runtime11 from "react/jsx-runtime";
-import { DrawerClose, DrawerContent } from "@pixpilot/shadcn";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { Drawer, DrawerClose, DrawerContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/drawer/Drawer.d.ts
-type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & {
+/** A drawer part that can opt out of vaul's drag-to-dismiss. */
+interface NoDragProps {
+  /**
+   * Disable vaul's drag-to-dismiss for this element and everything inside it.
+   * Useful for text editors, sliders, or any content where a press-and-move
+   * gesture should select/interact instead of dragging the drawer. Setting it
+   * on the `Drawer` root disables dragging for the entire drawer.
+   */
+  noDrag?: boolean;
+}
+type DrawerProps = React$1.ComponentProps<typeof Drawer> & NoDragProps;
+/**
+ * Drawer root. Wraps the vaul/Radix root and, when `noDrag` is set, disables
+ * drag-to-dismiss for the whole drawer via context.
+ */
+declare function Drawer$1({
+  noDrag,
+  ...props
+}: DrawerProps): react_jsx_runtime9.JSX.Element;
+type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
    * rounds all corners, so it reads as a floating card rather than a panel
@@ -13,7 +32,7 @@ type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent>
   floating?: boolean;
   showCloseButton?: boolean;
 };
-declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
    * rounds all corners, so it reads as a floating card rather than a panel
@@ -24,19 +43,23 @@ declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radi
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare function DrawerHeader({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime9.JSX.Element;
 declare function DrawerBody({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime9.JSX.Element;
 declare function DrawerFooter({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime9.JSX.Element;
 declare function DrawerClose$1({
   className,
+  noDrag,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DrawerClose>): react_jsx_runtime11.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime9.JSX.Element;
 //#endregion
-export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader };
+export { Drawer$1 as Drawer, DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps };

package/dist/drawer/Drawer.d.ts

@@ -1,10 +1,29 @@
-import { DrawerClose, DrawerContent } from "@pixpilot/shadcn";
+import { Drawer, DrawerClose, DrawerContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 import * as react_jsx_runtime12 from "react/jsx-runtime";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
 
 //#region src/drawer/Drawer.d.ts
-type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & {
+/** A drawer part that can opt out of vaul's drag-to-dismiss. */
+interface NoDragProps {
+  /**
+   * Disable vaul's drag-to-dismiss for this element and everything inside it.
+   * Useful for text editors, sliders, or any content where a press-and-move
+   * gesture should select/interact instead of dragging the drawer. Setting it
+   * on the `Drawer` root disables dragging for the entire drawer.
+   */
+  noDrag?: boolean;
+}
+type DrawerProps = React$1.ComponentProps<typeof Drawer> & NoDragProps;
+/**
+ * Drawer root. Wraps the vaul/Radix root and, when `noDrag` is set, disables
+ * drag-to-dismiss for the whole drawer via context.
+ */
+declare function Drawer$1({
+  noDrag,
+  ...props
+}: DrawerProps): react_jsx_runtime12.JSX.Element;
+type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
    * rounds all corners, so it reads as a floating card rather than a panel
@@ -13,7 +32,7 @@ type DrawerContentProps = React$1.ComponentPropsWithoutRef<typeof DrawerContent>
   floating?: boolean;
   showCloseButton?: boolean;
 };
-declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_dialog0.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & NoDragProps & {
   /**
    * Detach the drawer from the viewport edges: adds a gap on every side and
    * rounds all corners, so it reads as a floating card rather than a panel
@@ -24,19 +43,23 @@ declare const DrawerContent$1: React$1.ForwardRefExoticComponent<Omit<Omit<_radi
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare function DrawerHeader({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
 declare function DrawerBody({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
 declare function DrawerFooter({
   className,
+  noDrag,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime12.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement> & NoDragProps): react_jsx_runtime12.JSX.Element;
 declare function DrawerClose$1({
   className,
+  noDrag,
   ...props
-}: React$1.ComponentPropsWithoutRef<typeof DrawerClose>): react_jsx_runtime12.JSX.Element;
+}: React$1.ComponentPropsWithoutRef<typeof DrawerClose> & NoDragProps): react_jsx_runtime12.JSX.Element;
 //#endregion
-export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader };
+export { Drawer$1 as Drawer, DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps };

package/dist/drawer/Drawer.js

@@ -1,10 +1,38 @@
-import { DrawerClose, DrawerContent, cn } from "@pixpilot/shadcn";
+import { Drawer, DrawerClose, DrawerContent, cn } from "@pixpilot/shadcn";
 import { XIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/drawer/Drawer.tsx
 /**
+* Shared by every drawer part so `noDrag` set on the root propagates down
+* without threading props by hand. The root provides its `noDrag` value here;
+* each part ORs it with its own local `noDrag` prop.
+*/
+const DrawerNoDragContext = React$1.createContext(false);
+/**
+* Vaul decides whether a pointer-down starts a drag in its internal
+* `shouldDrag`. For `left`/`right` drawers that check returns `true` before it
+* ever looks at highlighted text, so selecting text inside the panel drags the
+* whole drawer. The one escape hatch vaul honours is the `data-vaul-no-drag`
+* attribute (matched via `.closest()`, so it also covers descendants). This
+* helper renders that attribute when either the root context or the part's own
+* `noDrag` prop is set, and nothing otherwise.
+*/
+function useNoDragProps(local) {
+	return React$1.use(DrawerNoDragContext) || local ? { "data-vaul-no-drag": "" } : {};
+}
+/**
+* Drawer root. Wraps the vaul/Radix root and, when `noDrag` is set, disables
+* drag-to-dismiss for the whole drawer via context.
+*/
+function Drawer$1({ noDrag = false,...props }) {
+	return /* @__PURE__ */ jsx(DrawerNoDragContext, {
+		value: noDrag,
+		children: /* @__PURE__ */ jsx(Drawer, { ...props })
+	});
+}
+/**
 * Direction-aware "floating" overrides. Each rule targets vaul's
 * `data-vaul-drawer-direction` attribute so a single set of classes works
 * regardless of which edge the drawer root anchors to. Per-corner radius
@@ -12,9 +40,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * so they deterministically override the registry's `rounded-t-lg`/`rounded-b-lg`.
 */
 const floatingClass = cn("overflow-hidden border shadow-lg", "data-[vaul-drawer-direction=bottom]:inset-x-3 data-[vaul-drawer-direction=bottom]:bottom-3 data-[vaul-drawer-direction=bottom]:rounded-t-2xl data-[vaul-drawer-direction=bottom]:rounded-b-2xl", "data-[vaul-drawer-direction=top]:inset-x-3 data-[vaul-drawer-direction=top]:top-3 data-[vaul-drawer-direction=top]:rounded-t-2xl data-[vaul-drawer-direction=top]:rounded-b-2xl", "data-[vaul-drawer-direction=right]:inset-y-3 data-[vaul-drawer-direction=right]:right-3 data-[vaul-drawer-direction=right]:rounded-2xl", "data-[vaul-drawer-direction=left]:inset-y-3 data-[vaul-drawer-direction=left]:left-3 data-[vaul-drawer-direction=left]:rounded-2xl");
-const DrawerContent$1 = React$1.forwardRef(({ className, floating = true, showCloseButton = true,...props }, ref) => /* @__PURE__ */ jsxs(DrawerContent, {
+const DrawerContent$1 = React$1.forwardRef(({ className, floating = true, showCloseButton = true, noDrag,...props }, ref) => /* @__PURE__ */ jsxs(DrawerContent, {
 	ref,
 	className: cn("min-h-0 gap-4 px-6 pb-6", floating && floatingClass, className),
+	...useNoDragProps(noDrag),
 	...props,
 	children: [props.children, showCloseButton && /* @__PURE__ */ jsxs(DrawerClose, {
 		"data-slot": "drawer-close",
@@ -26,33 +55,37 @@ const DrawerContent$1 = React$1.forwardRef(({ className, floating = true, showCl
 	})]
 }));
 DrawerContent$1.displayName = "DrawerContent";
-function DrawerHeader({ className,...props }) {
+function DrawerHeader({ className, noDrag,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "header",
 		className: cn("flex shrink-0 flex-col gap-2.5", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerBody({ className,...props }) {
+function DrawerBody({ className, noDrag,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "body",
 		className: cn("min-h-0 flex-1 overflow-auto -mx-6 px-6", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerFooter({ className,...props }) {
+function DrawerFooter({ className, noDrag,...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "footer",
 		className: cn("flex shrink-0 justify-end space-x-2", className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
-function DrawerClose$1({ className,...props }) {
+function DrawerClose$1({ className, noDrag,...props }) {
 	return /* @__PURE__ */ jsx(DrawerClose, {
 		className: cn(className),
+		...useNoDragProps(noDrag),
 		...props
 	});
 }
 
 //#endregion
-export { DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerFooter, DrawerHeader };
+export { Drawer$1 as Drawer, DrawerBody, DrawerClose$1 as DrawerClose, DrawerContent$1 as DrawerContent, DrawerFooter, DrawerHeader };

package/dist/drawer/index.d.cts

@@ -1,3 +1,3 @@
-import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader } from "./Drawer.cjs";
-import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
-export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };
+import { Drawer as Drawer$1, DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps } from "./Drawer.cjs";
+import { DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+export { DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/index.d.ts

@@ -1,3 +1,3 @@
-import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader } from "./Drawer.js";
-import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
-export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };
+import { Drawer as Drawer$1, DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerContentProps, DrawerFooter, DrawerHeader, DrawerProps } from "./Drawer.js";
+import { DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+export { DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/index.js

@@ -1,4 +1,4 @@
-import { DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerFooter, DrawerHeader } from "./Drawer.js";
-import { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
+import { Drawer as Drawer$1, DrawerBody, DrawerClose as DrawerClose$1, DrawerContent as DrawerContent$1, DrawerFooter, DrawerHeader } from "./Drawer.js";
+import { DrawerDescription, DrawerTitle, DrawerTrigger } from "@pixpilot/shadcn";
 
-export { Drawer, DrawerDescription, DrawerTitle, DrawerTrigger };
+export { DrawerDescription, DrawerTitle, DrawerTrigger };

package/dist/drawer/mcp.js

@@ -16,6 +16,11 @@ const meta = {
 			type: "boolean",
 			defaultValue: "true"
 		},
+		noDrag: {
+			description: "Disable vaul's drag-to-dismiss for this element and everything inside it (renders `data-vaul-no-drag`). Use for text editors, sliders, or any content where a press-and-move gesture should select/interact instead of dragging the drawer. Available on every drawer part; set on the Drawer root to disable dragging for the whole drawer.",
+			type: "boolean",
+			defaultValue: "false"
+		},
 		asChild: {
 			description: "Merge behavior and styles onto the child element instead of the default content wrapper.",
 			type: "boolean",

package/dist/file-upload/FileUpload.d.cts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime1.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload/FileUpload.d.ts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime0.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime15.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime16.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { FileUploadInline };