@stevederico/skateboard-ui 3.12.0 → 4.0.0

package/dist/shadcn/ui/drawer.js

@@ -1,196 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "../lib/base-ui/dialog.js";
-import { cn } from "../lib/utils.js";
-// Drag thresholds and animation timing ported from vaul (MIT — Emil Kowalski).
-// https://github.com/emilkowalski/vaul/blob/main/src/constants.ts
-const VELOCITY_THRESHOLD = 0.4;
-const CLOSE_THRESHOLD = 0.25;
-const TRANSITION = "transform 500ms cubic-bezier(0.32, 0.72, 0, 1)";
-function dampenValue(v) {
-    return 8 * (Math.log(v + 1) - 2);
-}
-// Ported from vaul/src/index.tsx `shouldDrag`. Skips drag when the pointer is
-// inside a scrollable child that isn't at scrollTop=0 (lets content scroll
-// naturally), on a <select>, on a [data-no-drag] subtree, or when text is
-// highlighted.
-function shouldDrag(el, popup) {
-    let element = el;
-    if (window.getSelection()?.toString())
-        return false;
-    while (element && element !== popup) {
-        if (element.tagName === "SELECT")
-            return false;
-        if (element.hasAttribute?.("data-no-drag") || element.closest?.("[data-no-drag]"))
-            return false;
-        if (element.scrollHeight > element.clientHeight && element.scrollTop !== 0)
-            return false;
-        element = element.parentNode;
-    }
-    return true;
-}
-const DrawerCtx = React.createContext(null);
-function Drawer({ open, defaultOpen, onOpenChange, ...props }) {
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen ?? false);
-    const isControlled = open !== undefined;
-    const actualOpen = isControlled ? open : internalOpen;
-    const handleOpenChange = React.useCallback((next) => {
-        if (!isControlled)
-            setInternalOpen(next);
-        onOpenChange?.(next);
-    }, [isControlled, onOpenChange]);
-    return (_jsx(DrawerCtx.Provider, { value: { onOpenChange: handleOpenChange }, children: _jsx(DialogPrimitive.Root, { "data-slot": "drawer", open: actualOpen, onOpenChange: handleOpenChange, ...props }) }));
-}
-function DrawerTrigger(props) {
-    return _jsx(DialogPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
-}
-function DrawerPortal(props) {
-    return _jsx(DialogPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
-}
-function DrawerClose(props) {
-    return _jsx(DialogPrimitive.Close, { "data-slot": "drawer-close", ...props });
-}
-function DrawerOverlay({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "drawer-overlay", className: cn("drawer-backdrop fixed inset-0 z-50 bg-black/10 supports-backdrop-filter:backdrop-blur-xs", className), ...props }));
-}
-function DrawerContent({ className, children, ref, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, ...props }) {
-    const popupRef = React.useRef(null);
-    const ctx = React.useContext(DrawerCtx);
-    const dragState = React.useRef({ dragging: false, startY: 0, height: 0, startTime: 0 });
-    // Merge the internal popup ref with a consumer-supplied ref (function or
-    // object form) so passing `ref` doesn't disconnect the drag machinery.
-    const mergedRef = React.useCallback((node) => {
-        popupRef.current = node;
-        if (typeof ref === "function") {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
-    }, [ref]);
-    const snapBack = React.useCallback(() => {
-        const el = popupRef.current;
-        if (!el)
-            return;
-        el.style.transition = "";
-        el.style.transform = "";
-    }, []);
-    const dismiss = React.useCallback(() => {
-        const el = popupRef.current;
-        if (!el) {
-            ctx?.onOpenChange(false);
-            return;
-        }
-        el.style.transition = TRANSITION;
-        el.style.transform = "translate3d(0, 100%, 0)";
-        window.setTimeout(() => {
-            ctx?.onOpenChange(false);
-        }, 500);
-    }, [ctx]);
-    const handlePointerDown = React.useCallback((event) => {
-        const el = popupRef.current;
-        const target = event.target;
-        if (!el || !shouldDrag(target, el))
-            return;
-        target?.setPointerCapture?.(event.pointerId);
-        dragState.current = {
-            dragging: true,
-            startY: event.clientY,
-            height: el.getBoundingClientRect().height || 0,
-            startTime: event.timeStamp,
-        };
-        el.style.transition = "none";
-    }, []);
-    const handlePointerMove = React.useCallback((event) => {
-        const state = dragState.current;
-        if (!state.dragging)
-            return;
-        const el = popupRef.current;
-        if (!el)
-            return;
-        const delta = event.clientY - state.startY;
-        if (delta >= 0) {
-            // Dragging down toward close — direct translate
-            el.style.transform = `translate3d(0, ${delta}px, 0)`;
-        }
-        else {
-            // Dragging up away from close — logarithmic rubber-band damping (vaul-style)
-            const damped = -dampenValue(-delta);
-            el.style.transform = `translate3d(0, ${damped}px, 0)`;
-        }
-    }, []);
-    const handlePointerUp = React.useCallback((event) => {
-        const state = dragState.current;
-        if (!state.dragging)
-            return;
-        state.dragging = false;
-        const delta = event.clientY - state.startY;
-        const elapsed = Math.max(1, event.timeStamp - state.startTime);
-        const velocity = Math.abs(delta) / elapsed;
-        if (delta < 0) {
-            snapBack();
-            return;
-        }
-        if (velocity > VELOCITY_THRESHOLD || delta >= state.height * CLOSE_THRESHOLD) {
-            dismiss();
-        }
-        else {
-            snapBack();
-        }
-    }, [dismiss, snapBack]);
-    const handlePointerCancel = React.useCallback(() => {
-        if (!dragState.current.dragging)
-            return;
-        dragState.current.dragging = false;
-        snapBack();
-    }, [snapBack]);
-    // Chain consumer pointer handlers with the internal drag handlers instead of
-    // letting {...props} clobber them: consumer runs first and can opt out of
-    // the drag logic via event.preventDefault().
-    const composedPointerDown = React.useCallback((event) => {
-        if (onPointerDown) {
-            onPointerDown(event);
-            if (event.defaultPrevented)
-                return;
-        }
-        handlePointerDown(event);
-    }, [onPointerDown, handlePointerDown]);
-    const composedPointerMove = React.useCallback((event) => {
-        if (onPointerMove) {
-            onPointerMove(event);
-            if (event.defaultPrevented)
-                return;
-        }
-        handlePointerMove(event);
-    }, [onPointerMove, handlePointerMove]);
-    const composedPointerUp = React.useCallback((event) => {
-        if (onPointerUp) {
-            onPointerUp(event);
-            if (event.defaultPrevented)
-                return;
-        }
-        handlePointerUp(event);
-    }, [onPointerUp, handlePointerUp]);
-    const composedPointerCancel = React.useCallback((event) => {
-        if (onPointerCancel) {
-            onPointerCancel(event);
-            if (event.defaultPrevented)
-                return;
-        }
-        handlePointerCancel();
-    }, [onPointerCancel, handlePointerCancel]);
-    return (_jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DialogPrimitive.Popup, { ref: mergedRef, "data-slot": "drawer-content", className: cn("drawer-popup bg-background text-sm", className), onPointerDown: composedPointerDown, onPointerMove: composedPointerMove, onPointerUp: composedPointerUp, onPointerCancel: composedPointerCancel, ...props, children: [_jsx("div", { className: "bg-muted mx-auto mt-4 h-1.5 w-[100px] shrink-0 rounded-full" }), children] })] }));
-}
-function DrawerHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-header", className: cn("gap-0.5 p-4 text-center md:gap-1.5 md:text-left flex flex-col", className), ...props }));
-}
-function DrawerFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "drawer-footer", className: cn("gap-2 p-4 mt-auto flex flex-col", className), ...props }));
-}
-function DrawerTitle({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Title, { "data-slot": "drawer-title", className: cn("text-foreground font-medium", className), ...props }));
-}
-function DrawerDescription({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Description, { "data-slot": "drawer-description", className: cn("text-muted-foreground text-sm", className), ...props }));
-}
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/drawer`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/drawer.js";

package/dist/shadcn/ui/dropdown-menu.d.ts

@@ -1,29 +1 @@
-import * as React from "react";
-import { Menu as MenuPrimitive } from "../lib/base-ui/menu.js";
-declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): React.JSX.Element;
-declare function DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props): React.JSX.Element;
-declare function DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props): React.JSX.Element;
-declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): React.JSX.Element;
-declare function DropdownMenuLabel({ className, inset, ...props }: MenuPrimitive.GroupLabel.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: MenuPrimitive.Item.Props & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
-declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: MenuPrimitive.SubmenuTrigger.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): React.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: MenuPrimitive.CheckboxItem.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): React.JSX.Element;
-declare function DropdownMenuRadioItem({ className, children, inset, ...props }: MenuPrimitive.RadioItem.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function DropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): React.JSX.Element;
-declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export * from "../../ui/dropdown-menu.js";

package/dist/shadcn/ui/dropdown-menu.js

@@ -1,52 +1,3 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Menu as MenuPrimitive } from "../lib/base-ui/menu.js";
-import { cn } from "../lib/utils.js";
-import { ChevronRightIcon, CheckIcon } from "../../icons/index.js";
-function DropdownMenu({ ...props }) {
-    return _jsx(MenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
-}
-function DropdownMenuPortal({ ...props }) {
-    return _jsx(MenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
-}
-function DropdownMenuTrigger({ ...props }) {
-    return _jsx(MenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
-}
-function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, className, ...props }) {
-    return (_jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(MenuPrimitive.Popup, { "data-slot": "dropdown-menu-content", className: cn("z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-md bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props }) }) }));
-}
-function DropdownMenuGroup({ ...props }) {
-    return _jsx(MenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuLabel({ className, inset, ...props }) {
-    return (_jsx(MenuPrimitive.GroupLabel, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground data-inset:pl-8", className), ...props }));
-}
-function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(MenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("group/dropdown-menu-item relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive", className), ...props }));
-}
-function DropdownMenuSub({ ...props }) {
-    return _jsx(MenuPrimitive.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(MenuPrimitive.SubmenuTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-8 data-popup-open:bg-accent data-popup-open:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, _jsx(ChevronRightIcon, {})] }));
-}
-function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
-    return (_jsx(DropdownMenuContent, { "data-slot": "dropdown-menu-sub-content", className: cn("w-auto min-w-[96px] rounded-md bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, ...props }));
-}
-function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
-    return (_jsxs(MenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", "data-inset": inset, className: cn("relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), checked: checked, ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-checkbox-item-indicator", children: _jsx(MenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
-}
-function DropdownMenuRadioGroup({ ...props }) {
-    return (_jsx(MenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
-}
-function DropdownMenuRadioItem({ className, children, inset, ...props }) {
-    return (_jsxs(MenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", "data-inset": inset, className: cn("relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-8 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center", "data-slot": "dropdown-menu-radio-item-indicator", children: _jsx(MenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
-}
-function DropdownMenuSeparator({ className, ...props }) {
-    return (_jsx(MenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
-}
-function DropdownMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground", className), ...props }));
-}
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/dropdown-menu`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/dropdown-menu.js";

package/dist/shadcn/ui/empty.d.ts

@@ -1,14 +1 @@
-import { type VariantProps } from "../lib/cva.js";
-declare function Empty({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyHeader({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare const emptyMediaVariants: (props?: import("../lib/cva.js").CvaProps<{
-    variant: {
-        default: string;
-        icon: string;
-    };
-}> | undefined) => string;
-declare function EmptyMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>): import("react").JSX.Element;
-declare function EmptyTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function EmptyDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function EmptyContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
+export * from "../../ui/empty.js";

package/dist/shadcn/ui/empty.js

@@ -1,33 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "../lib/cva.js";
-import { cn } from "../lib/utils.js";
-function Empty({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty", className: cn("flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-lg border-dashed p-12 text-center text-balance", className), ...props }));
-}
-function EmptyHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-header", className: cn("flex max-w-sm flex-col items-center gap-2", className), ...props }));
-}
-const emptyMediaVariants = cva("mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-    variants: {
-        variant: {
-            default: "bg-transparent",
-            icon: "flex size-10 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn(emptyMediaVariants({ variant, className })), ...props }));
-}
-function EmptyTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-title", className: cn("text-lg font-medium tracking-tight", className), ...props }));
-}
-function EmptyDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-description", className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
-}
-function EmptyContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "empty-content", className: cn("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), ...props }));
-}
-export { Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/empty`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/empty.js";

package/dist/shadcn/ui/field.d.ts

@@ -1,28 +1 @@
-import { type VariantProps } from "../lib/cva.js";
-import { Label } from "./label.js";
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): import("react").JSX.Element;
-declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
-    variant?: "legend" | "label";
-}): import("react").JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare const fieldVariants: (props?: import("../lib/cva.js").CvaProps<{
-    orientation: {
-        vertical: string;
-        horizontal: string;
-        responsive: string;
-    };
-}> | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): import("react").JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): import("react").JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): import("react").JSX.Element;
-declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
-    children?: React.ReactNode;
-}): import("react").JSX.Element;
-declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
-    errors?: Array<{
-        message?: string;
-    } | undefined>;
-}): import("react").JSX.Element | null;
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+export * from "../../ui/field.js";

package/dist/shadcn/ui/field.js

@@ -1,68 +1,3 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { cva } from "../lib/cva.js";
-import { cn } from "../lib/utils.js";
-import { Label } from "./label.js";
-import { Separator } from "./separator.js";
-function FieldSet({ className, ...props }) {
-    return (_jsx("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3", className), ...props }));
-}
-function FieldLegend({ className, variant = "legend", ...props }) {
-    return (_jsx("legend", { "data-slot": "field-legend", "data-variant": variant, className: cn("mb-3 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", className), ...props }));
-}
-function FieldGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-group", className: cn("group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className), ...props }));
-}
-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
-    variants: {
-        orientation: {
-            vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-            horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-            responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:*:data-[slot=field-label]:flex-auto [&>.sr-only]:w-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
-        },
-    },
-    defaultVariants: {
-        orientation: "vertical",
-    },
-});
-function Field({ className, orientation = "vertical", ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn(fieldVariants({ orientation }), className), ...props }));
-}
-function FieldContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-content", className: cn("group/field-content flex flex-1 flex-col gap-1 leading-snug", className), ...props }));
-}
-function FieldLabel({ className, ...props }) {
-    return (_jsx(Label, { "data-slot": "field-label", className: cn("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-data-checked:border-primary/30 has-data-checked:bg-primary/5 has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border *:data-[slot=field]:p-3 dark:has-data-checked:border-primary/20 dark:has-data-checked:bg-primary/10", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className), ...props }));
-}
-function FieldTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "field-label", className: cn("flex w-fit items-center gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50", className), ...props }));
-}
-function FieldDescription({ className, ...props }) {
-    return (_jsx("p", { "data-slot": "field-description", className: cn("text-left text-sm leading-normal font-normal text-muted-foreground group-has-data-horizontal/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), ...props }));
-}
-function FieldSeparator({ children, className, ...props }) {
-    return (_jsxs("div", { "data-slot": "field-separator", "data-content": !!children, className: cn("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2", className), ...props, children: [_jsx(Separator, { className: "absolute inset-0 top-1/2" }), children && (_jsx("span", { className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground", "data-slot": "field-separator-content", children: children }))] }));
-}
-function FieldError({ className, children, errors, ...props }) {
-    const content = useMemo(() => {
-        if (children) {
-            return children;
-        }
-        if (!errors?.length) {
-            return null;
-        }
-        const uniqueErrors = [
-            ...new Map(errors.map((error) => [error?.message, error])).values(),
-        ];
-        if (uniqueErrors?.length == 1) {
-            return uniqueErrors[0]?.message;
-        }
-        return (_jsx("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index) => error?.message && _jsx("li", { children: error.message }, index)) }));
-    }, [children, errors]);
-    if (!content) {
-        return null;
-    }
-    return (_jsx("div", { role: "alert", "data-slot": "field-error", className: cn("text-sm font-normal text-destructive", className), ...props, children: content }));
-}
-export { Field, FieldLabel, FieldDescription, FieldError, FieldGroup, FieldLegend, FieldSeparator, FieldSet, FieldContent, FieldTitle, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/field`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/field.js";

package/dist/shadcn/ui/hover-card.d.ts

@@ -1,5 +1 @@
-import { PreviewCard as PreviewCardPrimitive } from "../lib/base-ui/preview-card.js";
-declare function HoverCard({ ...props }: PreviewCardPrimitive.Root.Props): import("react").JSX.Element;
-declare function HoverCardTrigger({ ...props }: PreviewCardPrimitive.Trigger.Props): import("react").JSX.Element;
-declare function HoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react").JSX.Element;
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+export * from "../../ui/hover-card.js";

package/dist/shadcn/ui/hover-card.js

@@ -1,14 +1,3 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PreviewCard as PreviewCardPrimitive } from "../lib/base-ui/preview-card.js";
-import { cn } from "../lib/utils.js";
-function HoverCard({ ...props }) {
-    return _jsx(PreviewCardPrimitive.Root, { "data-slot": "hover-card", ...props });
-}
-function HoverCardTrigger({ ...props }) {
-    return (_jsx(PreviewCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props }));
-}
-function HoverCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 4, ...props }) {
-    return (_jsx(PreviewCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: _jsx(PreviewCardPrimitive.Positioner, { align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, className: "isolate z-50", children: _jsx(PreviewCardPrimitive.Popup, { "data-slot": "hover-card-content", className: cn("z-50 w-64 origin-(--transform-origin) rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className), ...props }) }) }));
-}
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/hover-card`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/hover-card.js";

package/dist/shadcn/ui/input-group.d.ts

@@ -1,28 +1 @@
-import * as React from "react";
-import { type VariantProps } from "../lib/cva.js";
-import { Button } from "./button.js";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare const inputGroupAddonVariants: (props?: import("../lib/cva.js").CvaProps<{
-    align: {
-        "inline-start": string;
-        "inline-end": string;
-        "block-start": string;
-        "block-end": string;
-    };
-}> | undefined) => string;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
-declare const inputGroupButtonVariants: (props?: import("../lib/cva.js").CvaProps<{
-    size: {
-        xs: string;
-        sm: string;
-        "icon-xs": string;
-        "icon-sm": string;
-    };
-}> | undefined) => string;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
-    type?: "button" | "submit" | "reset";
-}): React.JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+export * from "../../ui/input-group.js";

package/dist/shadcn/ui/input-group.js

@@ -1,58 +1,3 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cva } from "../lib/cva.js";
-import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
-function InputGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "input-group", role: "group", className: cn("group/input-group relative flex h-9 w-full min-w-0 items-center rounded-md border border-input shadow-xs transition-[color,box-shadow] outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className), ...props }));
-}
-const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
-    variants: {
-        align: {
-            "inline-start": "order-first pl-2 has-[>button]:-ml-1 has-[>kbd]:ml-[-0.15rem]",
-            "inline-end": "order-last pr-2 has-[>button]:-mr-1 has-[>kbd]:mr-[-0.15rem]",
-            "block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
-            "block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
-        },
-    },
-    defaultVariants: {
-        align: "inline-start",
-    },
-});
-function InputGroupAddon({ className, align = "inline-start", ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "input-group-addon", "data-align": align, className: cn(inputGroupAddonVariants({ align }), className), onClick: (e) => {
-            if (e.target.closest("button")) {
-                return;
-            }
-            e.currentTarget.parentElement?.querySelector("input")?.focus();
-        }, ...props }));
-}
-const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
-    variants: {
-        size: {
-            xs: "h-6 gap-1 rounded-[calc(var(--radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-            sm: "",
-            "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
-            "icon-sm": "size-8 p-0 has-[>svg]:p-0",
-        },
-    },
-    defaultVariants: {
-        size: "xs",
-    },
-});
-function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
-    return (_jsx(Button, { type: type, "data-size": size, variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
-}
-function InputGroupText({ className, ...props }) {
-    return (_jsx("span", { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
-}
-function InputGroupInput({ className, ...props }) {
-    return (_jsx(Input, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className), ...props }));
-}
-function InputGroupTextarea({ className, ...props }) {
-    return (_jsx(Textarea, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0 dark:bg-transparent", className), ...props }));
-}
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/input-group`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/input-group.js";

package/dist/shadcn/ui/input.d.ts

@@ -1,3 +1 @@
-import * as React from "react";
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
-export { Input };
+export * from "../../ui/input.js";

package/dist/shadcn/ui/input.js

@@ -1,8 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Input as InputPrimitive } from "../lib/base-ui/input.js";
-import { cn } from "../lib/utils.js";
-function Input({ className, type, ...props }) {
-    return (_jsx(InputPrimitive, { type: type, "data-slot": "input", className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), ...props }));
-}
-export { Input };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/input`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/input.js";