@fastsprout/reacd-shadcn 0.0.0-stage → 0.2.0

package/dist/page-card/page-card.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+export function ShadcnPageCard(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "card" });
+}

package/dist/page-columns/page-columns.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PageColumnsProps } from '@fastsprout/reacd/adapter-runtime/components/page-columns/page-columns.js';
+export declare function ShadcnPageColumns({ children }: PageColumnsProps): import("react").JSX.Element;

package/dist/page-columns/page-columns.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from 'react';
+export function ShadcnPageColumns({ children }) {
+    return (_jsx("div", { className: "reacd-node reacd-page-columns", children: Children.map(Children.toArray(children), (child) => (_jsx("div", { className: "reacd-page-column-item", children: child }))) }));
+}

package/dist/page-cta/page-cta.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageCTAProps } from '@fastsprout/reacd/adapter-runtime/components/page-cta/page-cta.props.js';
+export declare function ShadcnPageCTA(props: PageCTAProps): ReactNode;

package/dist/page-cta/page-cta.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+export function ShadcnPageCTA(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "cta" });
+}

package/dist/page-feature/page-feature.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageFeatureProps } from '@fastsprout/reacd/adapter-runtime/components/page-feature/page-feature.props.js';
+export declare function ShadcnPageFeature(props: PageFeatureProps): ReactNode;

package/dist/page-feature/page-feature.adapter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+import { PAGE_PRESENTATION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/page-presentation-policy.js';
+export function ShadcnPageFeature(props) {
+    return (_jsx(PageIntroduction, { ...props, kind: "feature", orientation: props.orientation ?? PAGE_PRESENTATION_DEFAULTS.featureOrientation }));
+}

package/dist/page-grid/page-grid.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PageGridProps } from '@fastsprout/reacd/adapter-runtime/components/page-grid/page-grid.js';
+export declare function ShadcnPageGrid({ children }: PageGridProps): import("react").JSX.Element;

package/dist/page-grid/page-grid.adapter.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ShadcnPageGrid({ children }) {
+    return _jsx("div", { className: "reacd-node reacd-page-grid", children: children });
+}

package/dist/page-header/page-header.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageHeaderProps } from '@fastsprout/reacd/adapter-runtime/components/page-header/page-header.props.js';
+export declare function ShadcnPageHeader(props: PageHeaderProps): ReactNode;

package/dist/page-header/page-header.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+export function ShadcnPageHeader(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "header" });
+}

package/dist/page-hero/page-hero.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageHeroProps } from '@fastsprout/reacd/adapter-runtime/components/page-hero/page-hero.props.js';
+export declare function ShadcnPageHero(props: PageHeroProps): ReactNode;

package/dist/page-hero/page-hero.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+export function ShadcnPageHero(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "hero" });
+}

package/dist/page-links/page-links.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageLinksProps } from '@fastsprout/reacd/adapter-runtime/components/page-links/page-links.props.js';
+export declare function ShadcnPageLinks(props: PageLinksProps): ReactNode;

package/dist/page-links/page-links.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageLinksSurface } from '@fastsprout/reacd/adapter-runtime/renderer/page-links/page-links.renderer.js';
+export function ShadcnPageLinks(props) {
+    return _jsx(PageLinksSurface, { ...props, kind: "links" });
+}

package/dist/page-list/page-list.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PageListProps } from '@fastsprout/reacd/adapter-runtime/components/page-list/page-list.js';
+export declare function ShadcnPageList({ children, divide, }: PageListProps): import("react").JSX.Element;

package/dist/page-list/page-list.adapter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Children } from 'react';
+import { PAGE_COMPOSITION_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/page-composition-policy.js';
+export function ShadcnPageList({ children, divide = PAGE_COMPOSITION_DEFAULTS.divide, }) {
+    return (_jsx("ul", { className: "reacd-node reacd-page-list", role: "list", "data-divide": divide, children: Children.map(Children.toArray(children), (child) => (_jsx("li", { className: "reacd-page-list-item", children: child }))) }));
+}

package/dist/page-logos/page-logos.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PageLogosProps } from '@fastsprout/reacd/adapter-runtime/components/page-logos/page-logos.props.js';
+export declare function ShadcnPageLogos({ label, title, items, emptyLabel, }: PageLogosProps): import("react").JSX.Element;

package/dist/page-logos/page-logos.adapter.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useId } from 'react';
+import { MEDIA_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/media-policy.js';
+import { HeadingLevelContext } from '@fastsprout/reacd/adapter-runtime/renderer/heading/heading-context.js';
+import { PageHeading } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-heading.js';
+import { SafeImage } from '@fastsprout/reacd/adapter-runtime/renderer/media/safe-image.js';
+export function ShadcnPageLogos({ label, title, items, emptyLabel = MEDIA_DEFAULTS.emptyLogos, }) {
+    const level = useContext(HeadingLevelContext);
+    const id = useId();
+    return (_jsxs("section", { className: "reacd-node reacd-page-logos", "aria-label": label, children: [_jsx(HeadingLevelContext.Provider, { value: level, children: _jsx(PageHeading, { title: title, id: id }) }), items.length === 0 ? (_jsx("p", { children: emptyLabel })) : (_jsx("ul", { className: "reacd-logo-list", children: items.map((item) => (_jsx("li", { children: _jsx(SafeImage, { src: item.src, alt: item.alt, presentation: "logo" }) }, item.key))) }))] }));
+}

package/dist/page-section/page-section.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PageSectionProps } from '@fastsprout/reacd/adapter-runtime/components/page-section/page-section.props.js';
+export declare function ShadcnPageSection(props: PageSectionProps): ReactNode;

package/dist/page-section/page-section.adapter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageIntroduction } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-introduction.js';
+export function ShadcnPageSection(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "section" });
+}

package/dist/pagination/pagination-control.d.ts

@@ -0,0 +1,13 @@
+import type { PaginationProps } from '@fastsprout/reacd/adapter-runtime/components/pagination/pagination.js';
+interface PaginationControlProps {
+    label: string;
+    pageIndex: number;
+    value: PaginationProps['value'];
+    onValueChange: PaginationProps['onValueChange'];
+    disabled: boolean;
+    current?: boolean;
+    href?: string | undefined;
+    children: string | number;
+}
+export declare function PaginationControl({ label, pageIndex, value, onValueChange, disabled, current, href, children, }: PaginationControlProps): import("react").JSX.Element;
+export {};

package/dist/pagination/pagination-control.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../vendor/ui/button.js';
+import { followHref } from '@fastsprout/reacd/adapter-runtime/renderer/navigation/native-navigation.js';
+export function PaginationControl({ label, pageIndex, value, onValueChange, disabled, current = false, href, children, }) {
+    function change() {
+        return (pageIndex === value.pageIndex ||
+            onValueChange?.({ ...value, pageIndex }) !== false);
+    }
+    function navigate(event) {
+        if (disabled) {
+            event.preventDefault();
+            return;
+        }
+        if (!event.defaultPrevented &&
+            event.button === 0 &&
+            !event.metaKey &&
+            !event.ctrlKey &&
+            !event.altKey &&
+            !event.shiftKey) {
+            if (onValueChange !== undefined) {
+                const target = event.currentTarget.href;
+                event.preventDefault();
+                if (change())
+                    followHref(target);
+                return;
+            }
+            change();
+        }
+    }
+    return href === undefined ? (_jsx(Button, { type: "button", variant: current ? 'default' : 'outline', className: "reacd-node reacd-button reacd-pagination-control", "data-intent": current ? 'primary' : 'secondary', "aria-label": label, "aria-current": current ? 'page' : undefined, disabled: disabled, onClick: change, children: children })) : (_jsx("a", { className: "reacd-node reacd-pagination-control reacd-pagination-link", "data-current": current, href: disabled ? undefined : href, role: "link", "aria-label": label, "aria-current": current ? 'page' : undefined, "aria-disabled": disabled || undefined, tabIndex: disabled ? -1 : undefined, onClick: navigate, children: children }));
+}

package/dist/pagination/pagination.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PaginationProps } from '@fastsprout/reacd/adapter-runtime/components/pagination/pagination.js';
+export declare function ShadcnPagination({ label, totalItems, value, onValueChange, navigation, disabled, showControls, showEdges, siblingCount, size, }: PaginationProps): import("react").JSX.Element;

package/dist/pagination/pagination.adapter.js

@@ -0,0 +1,23 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PAGINATION_POLICY, PAGINATION_DEFAULTS, } from '@fastsprout/reacd/adapter-runtime/core/pagination-policy.js';
+import { paginationTokens, paginationPageCount, } from '@fastsprout/reacd/adapter-runtime/core/pagination.js';
+import { paginationHref } from '@fastsprout/reacd/adapter-runtime/core/pagination-href.js';
+import { PaginationControl } from './pagination-control.js';
+export function ShadcnPagination({ label, totalItems, value, onValueChange, navigation, disabled = false, showControls = PAGINATION_DEFAULTS.showControls, showEdges = PAGINATION_DEFAULTS.showEdges, siblingCount = PAGINATION_DEFAULTS.siblingCount, size = PAGINATION_DEFAULTS.size, }) {
+    const count = paginationPageCount(totalItems, value.pageSize);
+    const last = count - PAGINATION_POLICY.displayOffset;
+    const locked = disabled || (onValueChange === undefined && navigation === undefined);
+    function control(index, name, content, isPage = false) {
+        return (_jsx(PaginationControl, { label: name, pageIndex: index, value: value, onValueChange: onValueChange, current: isPage && index === value.pageIndex, disabled: locked ||
+                index < 0 ||
+                index > last ||
+                totalItems === 0 ||
+                (!isPage && index === value.pageIndex), href: navigation === undefined
+                ? undefined
+                : paginationHref(navigation, {
+                    ...value,
+                    pageIndex: Math.max(0, Math.min(last, index)),
+                }), children: content }));
+    }
+    return (_jsxs("nav", { className: "reacd-node reacd-pagination", "aria-label": label, "data-slot": "pagination", "data-size": size, children: [_jsx("p", { className: "reacd-pagination-status", role: "status", "aria-atomic": "true", children: `Page ${value.pageIndex + 1} of ${count}. ${totalItems} items.` }), _jsxs("ul", { className: "reacd-pagination-list", "data-slot": "pagination-content", children: [showControls && (_jsxs(_Fragment, { children: [_jsx("li", { children: control(0, 'First page', 'First') }), _jsx("li", { children: control(value.pageIndex - 1, 'Previous page', 'Previous') })] })), paginationTokens(count, value.pageIndex, siblingCount, showEdges).map((token) => token.type === 'page' ? (_jsx("li", { children: control(token.index, `Page ${token.index + 1}`, token.index + 1, true) }, token.index)) : (_jsx("li", { "aria-hidden": "true", className: "reacd-pagination-ellipsis", children: "\u2026" }, `gap-${token.from}`))), showControls && (_jsxs(_Fragment, { children: [_jsx("li", { children: control(value.pageIndex + 1, 'Next page', 'Next') }), _jsx("li", { children: control(last, 'Last page', 'Last') })] }))] })] }));
+}

package/dist/panel/use-panel-frame.d.ts

@@ -0,0 +1,15 @@
+import type { Dialog } from '@base-ui/react/dialog';
+import type { Drawer } from '@base-ui/react/drawer';
+import type { ModalProps } from '@fastsprout/reacd/adapter-runtime/components/modal/index.js';
+type PanelChange = Dialog.Root.ChangeEventDetails | Drawer.Root.ChangeEventDetails;
+export declare function usePanelFrame({ open, onOpenChange, dismissible, }: Pick<ModalProps, 'open' | 'onOpenChange' | 'dismissible'>): {
+    variables: import("react").CSSProperties;
+    direction: "ltr" | "rtl";
+    escapeScope: import("@fastsprout/reacd/adapter-runtime/renderer/theme/escape-scope.js").EscapeScope;
+    host: HTMLDivElement | null;
+    setHost: import("react").Dispatch<import("react").SetStateAction<HTMLDivElement | null>>;
+    active: boolean;
+    dismissible: boolean;
+    change: (next: boolean, details: PanelChange) => void;
+};
+export {};

package/dist/panel/use-panel-frame.js

@@ -0,0 +1,36 @@
+import { useContext, useState } from 'react';
+import { useDirection } from '@radix-ui/react-direction';
+import { MODAL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/modal-policy.js';
+import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
+import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { createEscapeScope } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-scope.js';
+export function usePanelFrame({ open, onOpenChange, dismissible = MODAL_DEFAULTS.dismissible, }) {
+    const variables = useContext(ThemeVariablesContext);
+    const direction = useDirection();
+    const ancestorActive = useContext(PortalActiveContext);
+    const [escapeScope] = useState(createEscapeScope);
+    const [host, setHost] = useState(null);
+    const change = (next, details) => {
+        if (details.reason === 'escape-key' && escapeScope.dismiss()) {
+            details.event.preventDefault();
+            details.event.stopImmediatePropagation();
+            details.cancel();
+        }
+        else if (!dismissible &&
+            (details.reason === 'escape-key' || details.reason === 'swipe')) {
+            details.cancel();
+        }
+        else
+            onOpenChange(next);
+    };
+    return {
+        variables,
+        direction,
+        escapeScope,
+        host,
+        setHost,
+        active: open && ancestorActive,
+        dismissible,
+        change,
+    };
+}

package/dist/pin-input/pin-input.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PinInputProps } from '@fastsprout/reacd/adapter-runtime/components/pin-input/index.js';
+export declare function ShadcnPinInput({ label, description, value, onValueChange, onComplete, length, inputType, separatorEvery, mask, otp, disabled, readOnly, required, name, }: PinInputProps): import("react").JSX.Element;

package/dist/pin-input/pin-input.adapter.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { OTPInput } from 'input-otp';
+import { PIN_INPUT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/pin-input-policy.js';
+import { Label } from '../vendor/ui/label.js';
+import { PinSlots } from './pin-slots.js';
+export function ShadcnPinInput({ label, description, value, onValueChange, onComplete, length = PIN_INPUT_POLICY.length, inputType = PIN_INPUT_POLICY.inputType, separatorEvery, mask, otp, disabled, readOnly, required, name, }) {
+    const id = useId();
+    return (_jsxs("div", { className: "reacd-node reacd-field reacd-pin-input", children: [_jsx(Label, { htmlFor: id, children: label }), _jsx("div", { className: "reacd-pin-scroll", children: _jsx(OTPInput, { id: id, value: value, maxLength: length, minLength: required ? length : undefined, type: mask ? 'password' : 'text', inputMode: inputType === 'numeric' ? 'numeric' : 'text', pattern: inputType === 'numeric'
+                        ? PIN_INPUT_POLICY.numericPattern
+                        : PIN_INPUT_POLICY.alphanumericPattern, autoComplete: otp ? 'one-time-code' : 'off', name: name, disabled: disabled, readOnly: readOnly, required: required, "aria-describedby": description === undefined ? undefined : `${id}-help`, containerClassName: "reacd-pin-container", pushPasswordManagerStrategy: "none", pasteTransformer: (pasted) => pasted.replace(/[\s-]/g, ''), onChange: (next) => {
+                        if (disabled || readOnly)
+                            return;
+                        onValueChange(next);
+                        if (next.length === length && next !== value)
+                            onComplete?.(next);
+                    }, render: ({ slots }) => (_jsx(PinSlots, { slots: slots, mask: mask, separatorEvery: separatorEvery })) }) }), description === undefined ? null : (_jsx("span", { id: `${id}-help`, className: "reacd-field-description", children: description }))] }));
+}

package/dist/pin-input/pin-slots.d.ts

@@ -0,0 +1,6 @@
+import type { SlotProps } from 'input-otp';
+export declare function PinSlots({ slots, mask, separatorEvery, }: {
+    slots: readonly SlotProps[];
+    mask: boolean | undefined;
+    separatorEvery: number | undefined;
+}): import("react").JSX.Element[];

package/dist/pin-input/pin-slots.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PIN_INPUT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/pin-input-policy.js';
+export function PinSlots({ slots, mask, separatorEvery, }) {
+    return slots.map((slot, index) => (_jsxs("span", { className: "reacd-pin-position", "aria-hidden": "true", children: [separatorEvery !== undefined && index > 0 && index % separatorEvery === 0 ? (_jsx("span", { className: "reacd-pin-separator", children: PIN_INPUT_POLICY.separator })) : null, _jsxs("span", { className: "reacd-pin-slot", "data-active": slot.isActive, children: [slot.char === null
+                        ? PIN_INPUT_POLICY.placeholder
+                        : mask
+                            ? PIN_INPUT_POLICY.maskCharacter
+                            : slot.char, slot.hasFakeCaret ? _jsx("span", { className: "reacd-pin-caret" }) : null] })] }, index)));
+}

package/dist/popover/popover.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PopoverProps } from '@fastsprout/reacd/adapter-runtime/components/popover/popover.js';
+export declare function ShadcnPopover({ title, triggerLabel, description, open, onOpenChange, children, footer, disabled, closeLabel, placement, align, arrow, modal, dismissible, retainContent, mode, openDelay, closeDelay, }: PopoverProps): import("react").JSX.Element;

package/dist/popover/popover.adapter.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from 'react';
+import { Popover } from '@base-ui/react/popover';
+import { POPOVER_DEFAULTS, POPOVER_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/popover-policy.js';
+import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
+import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
+import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
+import { createEscapeScope } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-scope.js';
+import { useEscapeLayer } from '@fastsprout/reacd/adapter-runtime/renderer/theme/use-escape-layer.js';
+import { initialLayerFocus } from '@fastsprout/reacd/adapter-runtime/renderer/theme/initial-layer-focus.js';
+import { Button } from '../vendor/ui/button.js';
+export function ShadcnPopover({ title, triggerLabel, description, open, onOpenChange, children, footer, disabled, closeLabel = POPOVER_DEFAULTS.closeLabel, placement = POPOVER_DEFAULTS.placement, align = POPOVER_DEFAULTS.align, arrow = POPOVER_DEFAULTS.arrow, modal = POPOVER_DEFAULTS.modal, dismissible = POPOVER_DEFAULTS.dismissible, retainContent = POPOVER_DEFAULTS.retainContent, mode = POPOVER_DEFAULTS.mode, openDelay = POPOVER_DEFAULTS.openDelay, closeDelay = POPOVER_DEFAULTS.closeDelay, }) {
+    const variables = useContext(ThemeVariablesContext);
+    const ancestorActive = useContext(PortalActiveContext);
+    const parentHost = useContext(PortalHostContext);
+    const active = open && ancestorActive;
+    const focusModal = modal && mode === 'click';
+    const [host, setHost] = useState(null);
+    const [escapeScope] = useState(createEscapeScope);
+    const [hoverOpened, setHoverOpened] = useState(false);
+    function closeLayer() {
+        if (!escapeScope.dismiss() && dismissible)
+            onOpenChange(false);
+    }
+    useEscapeLayer(active, closeLayer);
+    function keyDown(event) {
+        if (event.key === 'Escape' && active) {
+            event.stopPropagation();
+            if (!event.defaultPrevented)
+                closeLayer();
+        }
+    }
+    return (_jsxs(Popover.Root, { open: active, modal: focusModal, onOpenChange: (next, details) => {
+            if (details.reason === 'escape-key' && details.event.defaultPrevented) {
+                details.cancel();
+            }
+            else if (details.reason === 'escape-key' && escapeScope.dismiss()) {
+                details.event.preventDefault();
+                details.event.stopImmediatePropagation();
+                details.cancel();
+            }
+            else if (!dismissible &&
+                (details.reason === 'escape-key' ||
+                    details.reason === 'outside-press' ||
+                    details.reason === 'focus-out')) {
+                details.cancel();
+            }
+            else {
+                setHoverOpened(next && details.reason === 'trigger-hover');
+                onOpenChange(next);
+            }
+        }, children: [_jsx(Popover.Trigger, { disabled: disabled, openOnHover: mode === 'hover', delay: POPOVER_POLICY.openDelay[openDelay], closeDelay: POPOVER_POLICY.closeDelay[closeDelay], onKeyDown: keyDown, render: _jsx(Button, { className: "reacd-node reacd-button" }), children: triggerLabel }), _jsx(Popover.Portal, { container: parentHost ?? undefined, keepMounted: retainContent, hidden: !active, className: "reacd-popover-portal", children: _jsx(Popover.Positioner, { side: placement, align: align, sideOffset: POPOVER_POLICY.sideOffsetPx, collisionPadding: POPOVER_POLICY.collisionPaddingPx, style: variables, className: "reacd-root reacd-portal-root reacd-popover-positioner", children: _jsx(Popover.Popup, { ref: setHost, className: "reacd-popover-popup", "data-slot": "popover-content", onKeyDown: keyDown, "aria-modal": focusModal, style: { pointerEvents: POPOVER_POLICY.pointerEvents }, initialFocus: mode === 'hover' && hoverOpened
+                            ? false
+                            : (interaction) => initialLayerFocus(host, interaction), children: _jsx(PortalHostContext.Provider, { value: host, children: _jsx(EscapeScopeContext.Provider, { value: escapeScope, children: _jsxs(PortalActiveContext.Provider, { value: active, children: [_jsxs("div", { className: "reacd-popover-scroll", children: [_jsxs("header", { className: "reacd-popover-header", children: [_jsx(Popover.Title, { children: title }), description !== undefined && (_jsx(Popover.Description, { children: description }))] }), _jsx("div", { className: "reacd-popover-body", children: children }), _jsxs("footer", { className: "reacd-popover-footer", children: [footer, _jsx(Popover.Close, { render: _jsx(Button, { variant: "secondary", className: "reacd-node reacd-button" }), children: closeLabel })] })] }), arrow && _jsx(Popover.Arrow, { className: "reacd-popover-arrow" })] }) }) }) }) }) })] }));
+}

package/dist/pricing-plan/pricing-plan.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PricingPlanProps } from '@fastsprout/reacd/adapter-runtime/components/pricing-plan/pricing-plan.props.js';
+export declare function ShadcnPricingPlan({ title, description, price, discount, billingCycle, billingPeriod, tagline, terms, badge, button, header, children, footer, features, orientation, variant, highlight, scale, }: PricingPlanProps): ReactNode;

package/dist/pricing-plan/pricing-plan.adapter.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useId } from 'react';
+import { PRICING_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/pricing-policy.js';
+import { HeadingLevelContext } from '@fastsprout/reacd/adapter-runtime/renderer/heading/heading-context.js';
+import { nextHeadingLevel } from '@fastsprout/reacd/adapter-runtime/core/heading-policy.js';
+import { PageHeading } from '@fastsprout/reacd/adapter-runtime/renderer/page-introduction/page-heading.js';
+import { PricingScaleContext } from '@fastsprout/reacd/adapter-runtime/renderer/pricing/scale-context.js';
+import { PricingPrice } from '@fastsprout/reacd/adapter-runtime/renderer/pricing/pricing-price.js';
+export function ShadcnPricingPlan({ title, description, price, discount, billingCycle, billingPeriod, tagline, terms, badge, button, header, children, footer, features = PRICING_DEFAULTS.entries, orientation = PRICING_DEFAULTS.orientation, variant = PRICING_DEFAULTS.variant, highlight = PRICING_DEFAULTS.highlight, scale, }) {
+    const inheritedScale = useContext(PricingScaleContext);
+    const level = useContext(HeadingLevelContext);
+    const id = useId();
+    const descendantLevel = title === undefined ? level : nextHeadingLevel(level);
+    return (_jsxs("article", { className: "reacd-node reacd-pricing-plan", "data-orientation": orientation, "data-variant": variant, "data-highlight": highlight, "data-scale": scale ?? inheritedScale, "aria-labelledby": title === undefined ? undefined : id, children: [_jsxs("div", { className: "reacd-pricing-introduction", children: [_jsx(HeadingLevelContext.Provider, { value: descendantLevel, children: header }), tagline !== undefined && _jsx("p", { children: tagline }), _jsx(HeadingLevelContext.Provider, { value: descendantLevel, children: badge }), _jsx(PageHeading, { title: title, id: id }), description !== undefined && _jsx("p", { children: description }), _jsx(PricingPrice, { price: price, discount: discount, billingCycle: billingCycle, billingPeriod: billingPeriod })] }), _jsx("div", { className: "reacd-pricing-details", children: _jsxs(HeadingLevelContext.Provider, { value: descendantLevel, children: [_jsx("ul", { className: "reacd-pricing-features", children: features.map((feature, index) => typeof feature === 'string' ? (_jsx("li", { children: feature }, `label:${index}`)) : (_jsxs("li", { children: [feature.leading, feature.title] }, `feature:${feature.key}`))) }), children, button, terms !== undefined && _jsx("p", { children: terms }), footer] }) })] }));
+}

package/dist/pricing-plans/pricing-plans.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PricingPlansProps } from '@fastsprout/reacd/adapter-runtime/components/pricing-plans/pricing-plans.props.js';
+export declare function ShadcnPricingPlans({ children, plans, orientation, compact, scale, }: PricingPlansProps): ReactNode;

package/dist/pricing-plans/pricing-plans.adapter.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Children } from 'react';
+import { PricingPlan } from '@fastsprout/reacd/adapter-runtime/components/pricing-plan/pricing-plan.js';
+import { PRICING_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/pricing-policy.js';
+import { PricingScaleContext } from '@fastsprout/reacd/adapter-runtime/renderer/pricing/scale-context.js';
+export function ShadcnPricingPlans({ children, plans = PRICING_DEFAULTS.entries, orientation = PRICING_DEFAULTS.collectionOrientation, compact = PRICING_DEFAULTS.compact, scale = PRICING_DEFAULTS.scale, }) {
+    return (_jsx(PricingScaleContext.Provider, { value: scale, children: _jsxs("ul", { className: "reacd-node reacd-pricing-plans", "data-orientation": orientation, "data-compact": compact, children: [plans.map(({ key, ...plan }) => (_jsx("li", { children: _jsx(PricingPlan, { ...plan }) }, key))), Children.map(children, (child) => (child == null ? null : _jsx("li", { children: child })))] }) }));
+}

package/dist/pricing-table/pricing-table.adapter.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { PricingTableProps } from '@fastsprout/reacd/adapter-runtime/components/pricing-table/pricing-table.props.js';
+export declare function ShadcnPricingTable({ caption, tiers, sections, }: PricingTableProps): ReactNode;

package/dist/pricing-table/pricing-table.adapter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PRICING_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/pricing-policy.js';
+import { PricingPrice } from '@fastsprout/reacd/adapter-runtime/renderer/pricing/pricing-price.js';
+import { pricingValue } from '@fastsprout/reacd/adapter-runtime/renderer/pricing/pricing-value.js';
+import { revealFocusedControl } from '@fastsprout/reacd/adapter-runtime/renderer/scroll/reveal-focused-control.js';
+import { scrollRegionByKey } from '@fastsprout/reacd/adapter-runtime/renderer/scroll/scroll-region-key.js';
+export function ShadcnPricingTable({ caption, tiers, sections, }) {
+    return (_jsxs("div", { className: "reacd-node reacd-pricing-comparison", children: [_jsx("p", { className: "reacd-pricing-caption", "aria-hidden": "true", children: caption }), _jsx("div", { className: "reacd-node reacd-pricing-table-region", role: "region", "aria-label": caption, tabIndex: 0, onKeyDown: scrollRegionByKey, onFocusCapture: (event) => revealFocusedControl(event.target, event.currentTarget), children: _jsxs("table", { className: "reacd-pricing-table", children: [_jsx("caption", { className: "sr-only", children: caption }), _jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { scope: "col", children: PRICING_DEFAULTS.featureHeader }), tiers.map((tier) => (_jsx("th", { scope: "col", "data-highlight": tier.highlight, children: _jsxs("div", { className: "reacd-pricing-tier", children: [tier.badge, _jsx("strong", { children: tier.title }), tier.description !== undefined && _jsx("p", { children: tier.description }), _jsx(PricingPrice, { ...tier }), tier.button] }) }, tier.id)))] }) }), sections.map((section) => (_jsxs("tbody", { children: [_jsx("tr", { children: _jsx("th", { scope: "rowgroup", colSpan: tiers.length + 1, children: section.title }) }), section.features.map((feature) => (_jsxs("tr", { children: [_jsx("th", { scope: "row", children: feature.title }), tiers.map((tier) => (_jsx("td", { children: pricingValue(feature.tiers[tier.id]) }, tier.id)))] }, feature.id)))] }, section.id)))] }) })] }));
+}

package/dist/progress/progress.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressProps } from '@fastsprout/reacd/adapter-runtime/components/progress/progress.js';
+export declare function ShadcnProgress({ label, value, max, description, showValue, }: ProgressProps): import("react").JSX.Element;

package/dist/progress/progress.adapter.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { PROGRESS_POLICY } from '@fastsprout/reacd/adapter-runtime/core/element-policy.js';
+import { progressState } from '@fastsprout/reacd/adapter-runtime/core/progress-state.js';
+import * as Progress from '@radix-ui/react-progress';
+export function ShadcnProgress({ label, value, max = PROGRESS_POLICY.max, description, showValue = PROGRESS_POLICY.showValue, }) {
+    const id = useId();
+    const state = progressState(value, max);
+    return (_jsxs("div", { className: "reacd-node reacd-field", children: [_jsx("span", { id: id, children: label }), _jsx(Progress.Root, { value: value ?? null, max: max, className: "reacd-progress-track", "aria-labelledby": id, "aria-describedby": description === undefined ? undefined : `${id}-help`, "data-indeterminate": state.indeterminate, children: _jsx(Progress.Indicator, { className: "reacd-progress-fill", style: { inlineSize: `${state.percent}%` } }) }), description === undefined ? null : _jsx("span", { id: `${id}-help`, children: description }), showValue ? _jsx("span", { children: state.text }) : null] }));
+}

package/dist/progress-group/progress-group.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { ProgressGroupProps } from '@fastsprout/reacd/adapter-runtime/components/progress-group/index.js';
+export declare function ShadcnProgressGroup({ label, items, max, showStatus, }: ProgressGroupProps): import("react").JSX.Element;

package/dist/progress-group/progress-group.adapter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { PROGRESS_GROUP_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/progress-group-policy.js';
+import { progressGroupLayout } from '@fastsprout/reacd/adapter-runtime/core/progress-group-layout.js';
+export function ShadcnProgressGroup({ label, items, max = PROGRESS_GROUP_DEFAULTS.max, showStatus = PROGRESS_GROUP_DEFAULTS.showStatus, }) {
+    const identity = useId();
+    const layout = progressGroupLayout(items, max);
+    return (_jsxs("div", { className: "reacd-node reacd-progress-group", "data-slot": "progress-group", children: [_jsx("p", { id: identity, className: "reacd-progress-group-label", children: label }), showStatus && (_jsxs("p", { className: "reacd-progress-group-status", children: [layout.value, " / ", max] })), _jsx("div", { className: "reacd-progress-group-track", role: "progressbar", "aria-labelledby": identity, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": layout.value, children: layout.items.map((item) => (_jsx("span", { className: "reacd-progress-group-segment", "data-intent": item.intent ?? PROGRESS_GROUP_DEFAULTS.intent, style: { inlineSize: `${item.percent}%` } }, item.id))) }), _jsx("ul", { className: "reacd-progress-group-legend", "aria-label": `${label} breakdown`, children: layout.items.map((item) => (_jsxs("li", { children: [_jsx("span", { className: "reacd-progress-group-item", "data-intent": item.intent ?? PROGRESS_GROUP_DEFAULTS.intent, children: item.label }), _jsxs("span", { children: [item.value, " / ", max] })] }, item.id))) })] }));
+}

package/dist/radio-group/radio-group.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { RadioGroupProps } from '@fastsprout/reacd/adapter-runtime/components/radio-group/radio-group.js';
+export declare function ShadcnRadioGroup({ label, description, items, value, onValueChange, disabled, required, name, orientation, }: RadioGroupProps): import("react").JSX.Element;

package/dist/radio-group/radio-group.adapter.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { RadioGroup } from '@base-ui/react/radio-group';
+import { Radio } from '@base-ui/react/radio';
+import { CHOICE_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/choice-policy.js';
+import { ChoiceHeader } from '@fastsprout/reacd/adapter-runtime/renderer/choice/choice-header.renderer.js';
+import { ChoiceText } from '@fastsprout/reacd/adapter-runtime/renderer/choice/choice-text.renderer.js';
+export function ShadcnRadioGroup({ label, description, items, value, onValueChange, disabled, required, name, orientation = CHOICE_DEFAULTS.orientation, }) {
+    const id = useId();
+    return (_jsxs(RadioGroup, { render: _jsx("fieldset", {}), className: "reacd-node reacd-choice-group", "data-slot": "radio-group", "aria-labelledby": id, "aria-describedby": description === undefined ? undefined : `${id}-description`, "aria-orientation": orientation, name: name ?? id, value: value, disabled: disabled, required: required, onValueChange: (next) => onValueChange(next), children: [_jsx(ChoiceHeader, { id: id, label: label, description: description, required: required }), _jsx("div", { className: "reacd-choice-items", "data-orientation": orientation, children: items.map((item) => {
+                    const itemId = `${id}-${item.value}`;
+                    return (_jsxs("label", { className: "reacd-choice-item", children: [_jsx(Radio.Root, { value: item.value, disabled: item.disabled, className: "reacd-choice-control reacd-radio", "data-slot": "radio-group-item", "aria-labelledby": itemId, "aria-describedby": item.description === undefined ? undefined : `${itemId}-description`, children: _jsx(Radio.Indicator, { className: "reacd-choice-indicator", children: _jsx("span", { className: "reacd-radio-dot" }) }) }), _jsx(ChoiceText, { id: itemId, label: item.label, description: item.description })] }, item.value));
+                }) })] }));
+}

package/dist/registry/action-menus.d.ts

@@ -0,0 +1,4 @@
+export declare const actionMenuEntries: {
+    DropdownMenu: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"DropdownMenu">;
+    ContextMenu: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ContextMenu">;
+};

package/dist/registry/action-menus.js

@@ -0,0 +1,9 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { dropdownMenuSchema } from '@fastsprout/reacd/adapter-runtime/schema/dropdown-menu/dropdown-menu.schema.js';
+import { contextMenuSchema } from '@fastsprout/reacd/adapter-runtime/schema/context-menu/context-menu.schema.js';
+import { ShadcnDropdownMenu } from '../dropdown-menu/dropdown-menu.adapter.js';
+import { ShadcnContextMenu } from '../context-menu/context-menu.adapter.js';
+export const actionMenuEntries = {
+    DropdownMenu: renderEntry('DropdownMenu', dropdownMenuSchema, ShadcnDropdownMenu),
+    ContextMenu: renderEntry('ContextMenu', contextMenuSchema, ShadcnContextMenu),
+};

package/dist/registry/auth-form.d.ts

@@ -0,0 +1,3 @@
+export declare const authFormEntries: {
+    AuthForm: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"AuthForm">;
+};

package/dist/registry/auth-form.js

@@ -0,0 +1,6 @@
+import { authFormSchema } from '@fastsprout/reacd/adapter-runtime/schema/auth-form/auth-form.schema.js';
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { ShadcnAuthForm } from '../auth-form/auth-form.adapter.js';
+export const authFormEntries = {
+    AuthForm: renderEntry('AuthForm', authFormSchema, ShadcnAuthForm),
+};

package/dist/registry/calendar.d.ts

@@ -0,0 +1,3 @@
+export declare const calendarEntries: {
+    Calendar: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Calendar">;
+};

package/dist/registry/calendar.js

@@ -0,0 +1,6 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { calendarSchema } from '@fastsprout/reacd/adapter-runtime/schema/calendar/index.js';
+import { ShadcnCalendar } from '../calendar/calendar.adapter.js';
+export const calendarEntries = {
+    Calendar: renderEntry('Calendar', calendarSchema, ShadcnCalendar),
+};

package/dist/registry/carousel.d.ts

@@ -0,0 +1,3 @@
+export declare const carouselEntries: {
+    Carousel: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Carousel">;
+};

package/dist/registry/carousel.js

@@ -0,0 +1,6 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { carouselSchema } from '@fastsprout/reacd/adapter-runtime/schema/carousel/index.js';
+import { ShadcnCarousel } from '../carousel/carousel.adapter.js';
+export const carouselEntries = {
+    Carousel: renderEntry('Carousel', carouselSchema, ShadcnCarousel),
+};

package/dist/registry/chart.d.ts

@@ -0,0 +1,3 @@
+export declare const chartEntries: {
+    Chart: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Chart">;
+};

package/dist/registry/chart.js

@@ -0,0 +1,4 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { chartSchema } from '@fastsprout/reacd/adapter-runtime/schema/chart/index.js';
+import { ShadcnChart } from '../chart/chart.adapter.js';
+export const chartEntries = { Chart: renderEntry('Chart', chartSchema, ShadcnChart) };

package/dist/registry/chat-composer.d.ts

@@ -0,0 +1,5 @@
+export declare const chatComposerEntries: {
+    readonly ChatPrompt: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatPrompt">;
+    readonly ChatPromptSubmit: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatPromptSubmit">;
+    readonly ChatPalette: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatPalette">;
+};

package/dist/registry/chat-composer.js

@@ -0,0 +1,12 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { chatPromptSchema } from '@fastsprout/reacd/adapter-runtime/schema/chat-prompt/index.js';
+import { chatPromptSubmitSchema } from '@fastsprout/reacd/adapter-runtime/schema/chat-prompt-submit/index.js';
+import { chatPaletteSchema } from '@fastsprout/reacd/adapter-runtime/schema/chat-palette/index.js';
+import { ShadcnChatPrompt } from '../chat-prompt/chat-prompt.adapter.js';
+import { ShadcnChatPromptSubmit } from '../chat-prompt-submit/chat-prompt-submit.adapter.js';
+import { ShadcnChatPalette } from '../chat-palette/chat-palette.adapter.js';
+export const chatComposerEntries = {
+    ChatPrompt: renderEntry('ChatPrompt', chatPromptSchema, ShadcnChatPrompt),
+    ChatPromptSubmit: renderEntry('ChatPromptSubmit', chatPromptSubmitSchema, ShadcnChatPromptSubmit),
+    ChatPalette: renderEntry('ChatPalette', chatPaletteSchema, ShadcnChatPalette),
+};

package/dist/registry/chat-feedback.d.ts

@@ -0,0 +1,5 @@
+export declare const chatFeedbackEntries: {
+    readonly ChatReasoning: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatReasoning">;
+    readonly ChatTool: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatTool">;
+    readonly ChatShimmer: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"ChatShimmer">;
+};