@stevederico/skateboard-ui 3.12.0 → 4.1.0

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

@@ -1,13 +1 @@
-import { useRender } from "../lib/base-ui/use-render.js";
-import { type VariantProps } from "../lib/cva.js";
-import { Separator } from "./separator.js";
-declare const buttonGroupVariants: (props?: import("../lib/cva.js").CvaProps<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
-}> | undefined) => string;
-declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react").JSX.Element;
-declare function ButtonGroupText({ className, render, ...props }: useRender.ComponentProps<"div">): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react").JSX.Element;
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+export * from "../../ui/button-group.js";

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

@@ -1,36 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { mergeProps } from "../lib/base-ui/merge-props.js";
-import { useRender } from "../lib/base-ui/use-render.js";
-import { cva } from "../lib/cva.js";
-import { cn } from "../lib/utils.js";
-import { Separator } from "./separator.js";
-const buttonGroupVariants = cva("flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
-    variants: {
-        orientation: {
-            horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
-            vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0",
-        },
-    },
-    defaultVariants: {
-        orientation: "horizontal",
-    },
-});
-function ButtonGroup({ className, orientation, ...props }) {
-    return (_jsx("div", { role: "group", "data-slot": "button-group", "data-orientation": orientation, className: cn(buttonGroupVariants({ orientation }), className), ...props }));
-}
-function ButtonGroupText({ className, render, ...props }) {
-    return useRender({
-        defaultTagName: "div",
-        props: mergeProps({
-            className: cn("flex items-center gap-2 rounded-md border bg-muted px-2.5 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
-        }, props),
-        render,
-        state: {
-            slot: "button-group-text",
-        },
-    });
-}
-function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
-    return (_jsx(Separator, { "data-slot": "button-group-separator", orientation: orientation, className: cn("relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className), ...props }));
-}
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/button-group`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/button-group.js";

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

@@ -1,34 +1 @@
-import * as React from "react";
-import { Button as ButtonPrimitive } from "../lib/base-ui/button.js";
-import { type VariantProps } from "../lib/cva.js";
-declare const buttonVariants: (props?: import("../lib/cva.js").CvaProps<{
-    variant: {
-        default: string;
-        outline: string;
-        secondary: string;
-        ghost: string;
-        destructive: string;
-        link: string;
-        gradient: string;
-    };
-    size: {
-        default: string;
-        xs: string;
-        sm: string;
-        lg: string;
-        icon: string;
-        "icon-xs": string;
-        "icon-sm": string;
-        "icon-lg": string;
-        cta: string;
-    };
-}> | undefined) => string;
-export interface ButtonProps extends React.ComponentProps<typeof ButtonPrimitive>, VariantProps<typeof buttonVariants> {
-    /** Render the single child element styled as a button (shadcn-style). Bridged onto Base UI's `render` prop. */
-    asChild?: boolean;
-}
-/**
- * Primary button component with variant and size support.
- */
-declare function Button({ className, variant, size, asChild, children, ...props }: ButtonProps): React.JSX.Element;
-export { Button, buttonVariants };
+export * from "../../ui/button.js";

package/dist/shadcn/ui/button.js

@@ -1,53 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { Children } from "react";
-import { Button as ButtonPrimitive } from "../lib/base-ui/button.js";
-import { cva } from "../lib/cva.js";
-import { cn } from "../lib/utils.js";
-const buttonVariants = cva("cursor-pointer focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none active:scale-[0.98]", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/80",
-            outline: "border-border bg-background hover:bg-muted hover:text-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 aria-expanded:bg-muted aria-expanded:text-foreground shadow-xs",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-            ghost: "hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground",
-            destructive: "bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30",
-            link: "text-primary underline-offset-4 hover:underline",
-            gradient: "relative group text-white font-semibold transition-all duration-300 shadow-xl backdrop-blur-sm overflow-hidden gradient-btn",
-        },
-        size: {
-            default: "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-            xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-            sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-            lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-            icon: "size-9",
-            "icon-xs": "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
-            "icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
-            "icon-lg": "size-10",
-            cta: "h-14 gap-2 px-8 text-lg rounded-xl",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-/**
- * Primary button component with variant and size support.
- */
-function Button({ className, variant = "default", size = "default", asChild = false, children, ...props }) {
-    const classes = cn(buttonVariants({ variant, size, className }));
-    // Base UI has no `asChild` — it uses a `render` prop. Bridge the shadcn-style
-    // `asChild` API so `<Button asChild><a .../></Button>` renders the child element
-    // (merged with button props) instead of leaking `asChild` onto the DOM <button>.
-    if (asChild) {
-        const child = Children.only(children);
-        // Base UI defaults `nativeButton` to true and warns when the rendered element
-        // isn't a real <button>. Infer it from the child so `<Button asChild><a/></Button>`
-        // reports the correct semantics; an explicit `nativeButton` in props still wins.
-        const isNativeButton = child.type === "button";
-        return (_jsx(ButtonPrimitive, { "data-slot": "button", className: classes, nativeButton: isNativeButton, render: child, ...props }));
-    }
-    return (_jsx(ButtonPrimitive, { "data-slot": "button", className: classes, ...props, children: children }));
-}
-export { Button, buttonVariants };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/button`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/button.js";

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

@@ -1,13 +1 @@
-import * as React from "react";
-import type { DayPickerProps, CalendarDay, DayModifiers } from "../../components/core/Calendar.js";
-import type { ButtonProps } from "./button.js";
-export interface CalendarProps extends DayPickerProps {
-    buttonVariant?: ButtonProps["variant"];
-}
-declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: CalendarProps): React.JSX.Element;
-export interface CalendarDayButtonProps extends Omit<ButtonProps, "size" | "variant"> {
-    day: CalendarDay;
-    modifiers: DayModifiers;
-}
-declare function CalendarDayButton({ className, day, modifiers, ...props }: CalendarDayButtonProps): React.JSX.Element;
-export { Calendar, CalendarDayButton };
+export * from "../../ui/calendar.js";

package/dist/shadcn/ui/calendar.js

@@ -1,75 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { DayPicker, getDefaultClassNames } from "../../components/core/Calendar.js";
-import { cn } from "../lib/utils.js";
-import { Button, buttonVariants } from "./button.js";
-import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from "../../icons/index.js";
-function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn("p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(8)] bg-background group/calendar [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw `rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, formatters: {
-            formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
-            ...formatters,
-        }, classNames: {
-            root: cn("w-fit", defaultClassNames.root),
-            months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
-            month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-            nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
-            button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
-            button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
-            month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
-            dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
-            dropdown_root: cn("relative cn-calendar-dropdown-root rounded-(--cell-radius)", defaultClassNames.dropdown_root),
-            dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", captionLayout === "label"
-                ? "text-sm"
-                : "cn-calendar-caption-label rounded-(--cell-radius) flex items-center gap-1 text-sm  [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
-            table: "w-full border-collapse",
-            weekdays: cn("flex", defaultClassNames.weekdays),
-            weekday: cn("text-muted-foreground rounded-(--cell-radius) flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
-            week: cn("flex w-full mt-2", defaultClassNames.week),
-            week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
-            week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
-            day: cn("relative w-full rounded-(--cell-radius) h-full p-0 text-center [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius) group/day aspect-square select-none", props.showWeekNumber
-                ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)"
-                : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)", defaultClassNames.day),
-            range_start: cn("rounded-l-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:right-0 -z-0 isolate", defaultClassNames.range_start),
-            range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_end: cn("rounded-r-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:left-0 -z-0 isolate", defaultClassNames.range_end),
-            today: cn("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none", defaultClassNames.today),
-            outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
-            disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
-            hidden: cn("invisible", defaultClassNames.hidden),
-            ...classNames,
-        }, components: {
-            Root: ({ className, rootRef, ...props }) => {
-                return (_jsx("div", { "data-slot": "calendar", ref: rootRef, className: cn(className), ...props }));
-            },
-            Chevron: ({ className, orientation, ...props }) => {
-                if (orientation === "left") {
-                    return (_jsx(ChevronLeftIcon, { className: cn("size-4", className), ...props }));
-                }
-                if (orientation === "right") {
-                    return (_jsx(ChevronRightIcon, { className: cn("size-4", className), ...props }));
-                }
-                return (_jsx(ChevronDownIcon, { className: cn("size-4", className), ...props }));
-            },
-            DayButton: CalendarDayButton,
-            WeekNumber: ({ children, ...props }) => {
-                return (_jsx("td", { ...props, children: _jsx("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children: children }) }));
-            },
-            ...components,
-        }, ...props }));
-}
-function CalendarDayButton({ className, day, modifiers, ...props }) {
-    const defaultClassNames = getDefaultClassNames();
-    const ref = React.useRef(null);
-    React.useEffect(() => {
-        if (modifiers.focused)
-            ref.current?.focus();
-    }, [modifiers.focused]);
-    return (_jsx(Button, { ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(), "data-selected-single": modifiers.selected &&
-            !modifiers.range_start &&
-            !modifiers.range_end &&
-            !modifiers.range_middle, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className), ...props }));
-}
-export { Calendar, CalendarDayButton };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/calendar`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/calendar.js";

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

@@ -1,11 +1 @@
-import * as React from "react";
-declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
-    size?: "default" | "sm";
-}): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+export * from "../../ui/card.js";

package/dist/shadcn/ui/card.js

@@ -1,25 +1,3 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../lib/utils.js";
-function Card({ className, size = "default", ...props }) {
-    return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground shadow-xs ring-1 ring-foreground/10 [--card-spacing:--spacing(6)] has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(4)] *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
-}
-function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));
-}
-function CardTitle({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-title", className: cn("text-base leading-normal font-medium group-data-[size=sm]/card:text-sm", className), ...props }));
-}
-function CardDescription({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props }));
-}
-function CardAction({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-action", className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), ...props }));
-}
-function CardContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props }));
-}
-function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl px-(--card-spacing) [.border-t]:pt-(--card-spacing)", className), ...props }));
-}
-export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/card`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/card.js";

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

@@ -1,3 +1 @@
-import { Checkbox as CheckboxPrimitive } from "../lib/base-ui/checkbox.js";
-declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react").JSX.Element;
-export { Checkbox };
+export * from "../../ui/checkbox.js";

package/dist/shadcn/ui/checkbox.js

@@ -1,9 +1,3 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox as CheckboxPrimitive } from "../lib/base-ui/checkbox.js";
-import { cn } from "../lib/utils.js";
-import { CheckIcon } from "../../icons/index.js";
-function Checkbox({ className, ...props }) {
-    return (_jsx(CheckboxPrimitive.Root, { "data-slot": "checkbox", className: cn("cursor-pointer peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input shadow-xs transition-shadow outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", children: _jsx(CheckIcon, {}) }) }));
-}
-export { Checkbox };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/checkbox`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/checkbox.js";

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

@@ -1,5 +1 @@
-import { Collapsible as CollapsiblePrimitive } from "../lib/base-ui/collapsible.js";
-declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react").JSX.Element;
-declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react").JSX.Element;
-declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react").JSX.Element;
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+export * from "../../ui/collapsible.js";

package/dist/shadcn/ui/collapsible.js

@@ -1,13 +1,3 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Collapsible as CollapsiblePrimitive } from "../lib/base-ui/collapsible.js";
-function Collapsible({ ...props }) {
-    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
-}
-function CollapsibleTrigger({ ...props }) {
-    return (_jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", className: "cursor-pointer", ...props }));
-}
-function CollapsibleContent({ ...props }) {
-    return (_jsx(CollapsiblePrimitive.Panel, { "data-slot": "collapsible-content", ...props }));
-}
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/collapsible`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/collapsible.js";

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

@@ -1,19 +1 @@
-import * as React from "react";
-import type { CommandProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps } from "../../components/core/Command.js";
-import { Dialog } from "./dialog.js";
-declare function Command({ className, ...props }: CommandProps): React.JSX.Element;
-declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
-    title?: string;
-    children?: React.ReactNode;
-    description?: string;
-    className?: string;
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function CommandInput({ className, ...props }: CommandInputProps): React.JSX.Element;
-declare function CommandList({ className, ...props }: CommandListProps): React.JSX.Element;
-declare function CommandEmpty({ className, ...props }: CommandEmptyProps): React.JSX.Element;
-declare function CommandGroup({ className, ...props }: CommandGroupProps): React.JSX.Element;
-declare function CommandSeparator({ className, ...props }: CommandSeparatorProps): React.JSX.Element;
-declare function CommandItem({ className, children, ...props }: CommandItemProps): React.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+export * from "../../ui/command.js";

package/dist/shadcn/ui/command.js

@@ -1,35 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { Command as CommandPrimitive } from "../../components/core/Command.js";
-import { cn } from "../lib/utils.js";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog.js";
-import { InputGroup, InputGroupAddon, } from "./input-group.js";
-import { SearchIcon, CheckIcon } from "../../icons/index.js";
-function Command({ className, ...props }) {
-    return (_jsx(CommandPrimitive, { "data-slot": "command", className: cn("bg-popover text-popover-foreground rounded-xl! p-1 flex size-full flex-col overflow-hidden", className), ...props }));
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) {
-    return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("rounded-xl! top-1/3 translate-y-0 overflow-hidden p-0", className), showCloseButton: showCloseButton, children: children })] }));
-}
-function CommandInput({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "command-input-wrapper", className: "p-1 pb-0", children: _jsxs(InputGroup, { className: "bg-input/30 border-input/30 h-8! rounded-lg! shadow-none! *:data-[slot=input-group-addon]:pl-2!", children: [_jsx(CommandPrimitive.Input, { "data-slot": "command-input", className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), ...props }), _jsx(InputGroupAddon, { children: _jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })] }) }));
-}
-function CommandList({ className, ...props }) {
-    return (_jsx(CommandPrimitive.List, { "data-slot": "command-list", className: cn("no-scrollbar max-h-72 scroll-py-1 outline-none overflow-x-hidden overflow-y-auto", className), ...props }));
-}
-function CommandEmpty({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Empty, { "data-slot": "command-empty", className: cn("py-6 text-center text-sm", className), ...props }));
-}
-function CommandGroup({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Group, { "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className), ...props }));
-}
-function CommandSeparator({ className, ...props }) {
-    return (_jsx(CommandPrimitive.Separator, { "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px w-auto", className), ...props }));
-}
-function CommandItem({ className, children, ...props }) {
-    return (_jsxs(CommandPrimitive.Item, { "data-slot": "command-item", className: cn("data-selected:bg-muted data-selected:text-foreground data-selected:**:[svg]:text-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=dialog-content]_&]:rounded-lg! group/command-item data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [children, _jsx(CheckIcon, { className: "ml-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 (_jsx("span", { "data-slot": "command-shortcut", className: cn("text-muted-foreground group-data-selected/command-item:text-foreground ml-auto text-xs tracking-widest", className), ...props }));
-}
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/command`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/command.js";

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

@@ -1,29 +1 @@
-import * as React from "react";
-import { ContextMenu as ContextMenuPrimitive } from "../lib/base-ui/context-menu.js";
-declare function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): React.JSX.Element;
-declare function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props): React.JSX.Element;
-declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): React.JSX.Element;
-declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
-declare function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): React.JSX.Element;
-declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuPrimitive.Item.Props & {
-    inset?: boolean;
-    variant?: "default" | "destructive";
-}): React.JSX.Element;
-declare function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props): React.JSX.Element;
-declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSubContent({ ...props }: React.ComponentProps<typeof ContextMenuContent>): React.JSX.Element;
-declare function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }: ContextMenuPrimitive.CheckboxItem.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props): React.JSX.Element;
-declare function ContextMenuRadioItem({ className, children, inset, ...props }: ContextMenuPrimitive.RadioItem.Props & {
-    inset?: boolean;
-}): React.JSX.Element;
-declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): React.JSX.Element;
-declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+export * from "../../ui/context-menu.js";

package/dist/shadcn/ui/context-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 { ContextMenu as ContextMenuPrimitive } from "../lib/base-ui/context-menu.js";
-import { cn } from "../lib/utils.js";
-import { ChevronRightIcon, CheckIcon } from "../../icons/index.js";
-function ContextMenu({ ...props }) {
-    return _jsx(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
-}
-function ContextMenuPortal({ ...props }) {
-    return (_jsx(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props }));
-}
-function ContextMenuTrigger({ className, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", className: cn("select-none", className), ...props }));
-}
-function ContextMenuContent({ className, align = "start", alignOffset = 4, side = "right", sideOffset = 0, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Positioner, { className: "isolate z-50 outline-none", align: align, alignOffset: alignOffset, side: side, sideOffset: sideOffset, children: _jsx(ContextMenuPrimitive.Popup, { "data-slot": "context-menu-content", className: cn("z-50 max-h-(--available-height) min-w-36 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:fade-out-0 data-closed:zoom-out-95", className), ...props }) }) }));
-}
-function ContextMenuGroup({ ...props }) {
-    return (_jsx(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props }));
-}
-function ContextMenuLabel({ className, inset, ...props }) {
-    return (_jsx(ContextMenuPrimitive.GroupLabel, { "data-slot": "context-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 ContextMenuItem({ className, inset, variant = "default", ...props }) {
-    return (_jsx(ContextMenuPrimitive.Item, { "data-slot": "context-menu-item", "data-inset": inset, "data-variant": variant, className: cn("group/context-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 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 focus:*:[svg]:text-accent-foreground data-[variant=destructive]:*:[svg]:text-destructive", className), ...props }));
-}
-function ContextMenuSub({ ...props }) {
-    return (_jsx(ContextMenuPrimitive.SubmenuRoot, { "data-slot": "context-menu-sub", ...props }));
-}
-function ContextMenuSubTrigger({ className, inset, children, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.SubmenuTrigger, { "data-slot": "context-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 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 ContextMenuSubContent({ ...props }) {
-    return (_jsx(ContextMenuContent, { "data-slot": "context-menu-sub-content", className: "shadow-lg", side: "right", ...props }));
-}
-function ContextMenuCheckboxItem({ className, children, checked, inset, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.CheckboxItem, { "data-slot": "context-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 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", children: _jsx(ContextMenuPrimitive.CheckboxItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
-}
-function ContextMenuRadioGroup({ ...props }) {
-    return (_jsx(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props }));
-}
-function ContextMenuRadioItem({ className, children, inset, ...props }) {
-    return (_jsxs(ContextMenuPrimitive.RadioItem, { "data-slot": "context-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 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", children: _jsx(ContextMenuPrimitive.RadioItemIndicator, { children: _jsx(CheckIcon, {}) }) }), children] }));
-}
-function ContextMenuSeparator({ className, ...props }) {
-    return (_jsx(ContextMenuPrimitive.Separator, { "data-slot": "context-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
-}
-function ContextMenuShortcut({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "context-menu-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground group-focus/context-menu-item:text-accent-foreground", className), ...props }));
-}
-export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/context-menu`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/context-menu.js";

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

@@ -1,17 +1 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "../lib/base-ui/dialog.js";
-declare function Dialog({ ...props }: DialogPrimitive.Root.Props): React.JSX.Element;
-declare function DialogTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
-declare function DialogPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
-declare function DialogClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
-declare function DialogOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
-declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+export * from "../../ui/dialog.js";

package/dist/shadcn/ui/dialog.js

@@ -1,38 +1,3 @@
-"use client";
-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";
-import { Button } from "./button.js";
-import { XIcon } from "../../icons/index.js";
-function Dialog({ ...props }) {
-    return _jsx(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
-}
-function DialogTrigger({ ...props }) {
-    return _jsx(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
-}
-function DialogPortal({ ...props }) {
-    return _jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
-}
-function DialogClose({ ...props }) {
-    return _jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
-}
-function DialogOverlay({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Backdrop, { "data-slot": "dialog-overlay", className: cn("fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", className), ...props }));
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-    return (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Popup, { "data-slot": "dialog-content", className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-6 rounded-xl bg-background p-6 text-sm text-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-md 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, children: [children, showCloseButton && (_jsxs(DialogPrimitive.Close, { "data-slot": "dialog-close", render: _jsx(Button, { variant: "ghost", className: "absolute top-4 right-4", size: "icon-sm" }), children: [_jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: "Close" })] }))] })] }));
-}
-function DialogHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props }));
-}
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-    return (_jsxs("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props, children: [children, showCloseButton && (_jsx(DialogPrimitive.Close, { render: _jsx(Button, { variant: "outline" }), children: "Close" }))] }));
-}
-function DialogTitle({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Title, { "data-slot": "dialog-title", className: cn("leading-none font-medium", className), ...props }));
-}
-function DialogDescription({ className, ...props }) {
-    return (_jsx(DialogPrimitive.Description, { "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props }));
-}
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+// Linker shim: this path now re-exports the self-contained component from
+// `ui/dialog`. The legacy base-ui implementation was removed in 4.0.0.
+export * from "../../ui/dialog.js";

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

@@ -1,13 +1 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "../lib/base-ui/dialog.js";
-declare function Drawer({ open, defaultOpen, onOpenChange, ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): React.JSX.Element;
-declare function DrawerTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
-declare function DrawerPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
-declare function DrawerClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Backdrop>): React.JSX.Element;
-declare function DrawerContent({ className, children, ref, onPointerDown, onPointerMove, onPointerUp, onPointerCancel, ...props }: React.ComponentProps<typeof DialogPrimitive.Popup>): React.JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
-export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };
+export * from "../../ui/drawer.js";