@fastsprout/reacd-shadcn 0.0.0-stage → 0.3.0

package/dist/shared/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 SharedPageList({ 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/shared/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 SharedPageLogos({ label, title, items, emptyLabel, }: PageLogosProps): import("react").JSX.Element;

package/dist/shared/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 SharedPageLogos({ 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/shared/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 SharedPageSection(props: PageSectionProps): ReactNode;

package/dist/shared/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 SharedPageSection(props) {
+    return _jsx(PageIntroduction, { ...props, kind: "section" });
+}

package/dist/shared/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/shared/pagination/pagination-control.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../primitives/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/shared/pagination/pagination.adapter.d.ts

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

package/dist/shared/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 SharedPagination({ 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/shared/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/shared/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/shared/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 SharedPinInput({ label, description, value, onValueChange, onComplete, length, inputType, separatorEvery, mask, otp, disabled, readOnly, required, name, }: PinInputProps): import("react").JSX.Element;

package/dist/shared/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 '../primitives/label.js';
+import { PinSlots } from './pin-slots.js';
+export function SharedPinInput({ 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/shared/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/shared/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/shared/popover/popover.adapter.d.ts

@@ -0,0 +1,2 @@
+import type { PopoverProps } from '@fastsprout/reacd/adapter-runtime/components/popover/popover.js';
+export declare function SharedPopover({ 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/shared/popover/popover.adapter.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ControlSurface } from '../primitives/control-surface.js';
+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 '../primitives/button.js';
+export function SharedPopover({ 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, { render: _jsx(ControlSurface, {}), 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/shared/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 SharedPricingPlan({ title, description, price, discount, billingCycle, billingPeriod, tagline, terms, badge, button, header, children, footer, features, orientation, variant, highlight, scale, }: PricingPlanProps): ReactNode;

package/dist/shared/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 SharedPricingPlan({ 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/shared/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 SharedPricingPlans({ children, plans, orientation, compact, scale, }: PricingPlansProps): ReactNode;

package/dist/shared/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 SharedPricingPlans({ 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/shared/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 SharedPricingTable({ caption, tiers, sections, }: PricingTableProps): ReactNode;

package/dist/shared/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 SharedPricingTable({ 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/shared/primitives/accordion/accordion.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionPrimitiveProps } from './accordion.props.js';
+export declare function Accordion(properties: AccordionPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/accordion/accordion.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function Accordion(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.Accordion, { ...properties });
+}

package/dist/shared/primitives/accordion/accordion.props.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import type * as Primitive from '@radix-ui/react-accordion';
+export type AccordionPrimitiveProps = ComponentProps<typeof Primitive.Root>;

package/dist/shared/primitives/accordion/accordion.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/accordion-content/accordion-content.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionContentPrimitiveProps } from './accordion-content.props.js';
+export declare function AccordionContent(properties: AccordionContentPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/accordion-content/accordion-content.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function AccordionContent(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.AccordionContent, { ...properties });
+}

package/dist/shared/primitives/accordion-content/accordion-content.props.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import type * as Primitive from '@radix-ui/react-accordion';
+export type AccordionContentPrimitiveProps = ComponentProps<typeof Primitive.Content>;

package/dist/shared/primitives/accordion-content/accordion-content.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/accordion-item/accordion-item.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionItemPrimitiveProps } from './accordion-item.props.js';
+export declare function AccordionItem(properties: AccordionItemPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/accordion-item/accordion-item.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function AccordionItem(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.AccordionItem, { ...properties });
+}

package/dist/shared/primitives/accordion-item/accordion-item.props.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import type * as Primitive from '@radix-ui/react-accordion';
+export type AccordionItemPrimitiveProps = ComponentProps<typeof Primitive.Item>;

package/dist/shared/primitives/accordion-item/accordion-item.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/accordion-trigger/accordion-trigger.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionTriggerPrimitiveProps } from './accordion-trigger.props.js';
+export declare function AccordionTrigger(properties: AccordionTriggerPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/accordion-trigger/accordion-trigger.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function AccordionTrigger(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.AccordionTrigger, { ...properties });
+}

package/dist/shared/primitives/accordion-trigger/accordion-trigger.props.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import type * as Primitive from '@radix-ui/react-accordion';
+export type AccordionTriggerPrimitiveProps = ComponentProps<typeof Primitive.Trigger>;

package/dist/shared/primitives/accordion-trigger/accordion-trigger.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/accordion.d.ts

@@ -0,0 +1,4 @@
+export { Accordion } from './accordion/accordion.js';
+export { AccordionItem } from './accordion-item/accordion-item.js';
+export { AccordionTrigger } from './accordion-trigger/accordion-trigger.js';
+export { AccordionContent } from './accordion-content/accordion-content.js';

package/dist/shared/primitives/accordion.js

@@ -0,0 +1,4 @@
+export { Accordion } from './accordion/accordion.js';
+export { AccordionItem } from './accordion-item/accordion-item.js';
+export { AccordionTrigger } from './accordion-trigger/accordion-trigger.js';
+export { AccordionContent } from './accordion-content/accordion-content.js';

package/dist/shared/primitives/alert/alert.d.ts

@@ -0,0 +1,2 @@
+import type { AlertPrimitiveProps } from './alert.props.js';
+export declare function Alert(properties: AlertPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/alert/alert.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function Alert(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.Alert, { ...properties });
+}

package/dist/shared/primitives/alert/alert.props.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type AlertPrimitiveProps = HTMLAttributes<HTMLDivElement> & {
+    variant?: 'default' | 'destructive' | null | undefined;
+};

package/dist/shared/primitives/alert/alert.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/alert-description/alert-description.d.ts

@@ -0,0 +1,2 @@
+import type { AlertDescriptionPrimitiveProps } from './alert-description.props.js';
+export declare function AlertDescription(properties: AlertDescriptionPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/alert-description/alert-description.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function AlertDescription(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.AlertDescription, { ...properties });
+}

package/dist/shared/primitives/alert-description/alert-description.props.d.ts

@@ -0,0 +1,2 @@
+import type { HTMLAttributes } from 'react';
+export type AlertDescriptionPrimitiveProps = HTMLAttributes<HTMLParagraphElement>;

package/dist/shared/primitives/alert-description/alert-description.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/alert-title/alert-title.d.ts

@@ -0,0 +1,2 @@
+import type { AlertTitlePrimitiveProps } from './alert-title.props.js';
+export declare function AlertTitle(properties: AlertTitlePrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/alert-title/alert-title.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function AlertTitle(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.AlertTitle, { ...properties });
+}

package/dist/shared/primitives/alert-title/alert-title.props.d.ts

@@ -0,0 +1,2 @@
+import type { HTMLAttributes } from 'react';
+export type AlertTitlePrimitiveProps = HTMLAttributes<HTMLHeadingElement>;

package/dist/shared/primitives/alert-title/alert-title.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/alert.d.ts

@@ -0,0 +1,3 @@
+export { Alert } from './alert/alert.js';
+export { AlertTitle } from './alert-title/alert-title.js';
+export { AlertDescription } from './alert-description/alert-description.js';

package/dist/shared/primitives/alert.js

@@ -0,0 +1,3 @@
+export { Alert } from './alert/alert.js';
+export { AlertTitle } from './alert-title/alert-title.js';
+export { AlertDescription } from './alert-description/alert-description.js';

package/dist/shared/primitives/badge/badge.d.ts

@@ -0,0 +1,2 @@
+import type { BadgePrimitiveProps } from './badge.props.js';
+export declare function Badge(properties: BadgePrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/badge/badge.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function Badge(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.Badge, { ...properties });
+}

package/dist/shared/primitives/badge/badge.props.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type BadgePrimitiveProps = HTMLAttributes<HTMLDivElement> & {
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | null | undefined;
+};

package/dist/shared/primitives/badge/badge.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/badge.d.ts

@@ -0,0 +1 @@
+export { Badge } from './badge/badge.js';

package/dist/shared/primitives/badge.js

@@ -0,0 +1 @@
+export { Badge } from './badge/badge.js';

package/dist/shared/primitives/bind.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentType } from 'react';
+import type { AdapterPrimitives } from './contract.js';
+export declare function bindPrimitives<Properties extends object>(Component: ComponentType<Properties>, primitives: AdapterPrimitives, displayName: string): ComponentType<Properties>;

package/dist/shared/primitives/bind.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PrimitiveScope } from './scope.js';
+export function bindPrimitives(Component, primitives, displayName) {
+    function BoundAdapter(properties) {
+        return (_jsx(PrimitiveScope, { primitives: primitives, children: _jsx(Component, { ...properties }) }));
+    }
+    BoundAdapter.displayName = displayName;
+    return BoundAdapter;
+}

package/dist/shared/primitives/button/button.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonPrimitiveProps } from './button.props.js';
+export declare function Button(properties: ButtonPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/button/button.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function Button(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.Button, { ...properties });
+}

package/dist/shared/primitives/button/button.props.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+export type ButtonPrimitiveProps = ComponentProps<'button'> & {
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link' | null | undefined;
+    size?: 'default' | 'sm' | 'lg' | 'icon' | null | undefined;
+};

package/dist/shared/primitives/button/button.props.js

@@ -0,0 +1 @@
+export {};

package/dist/shared/primitives/button.d.ts

@@ -0,0 +1 @@
+export { Button } from './button/button.js';

package/dist/shared/primitives/button.js

@@ -0,0 +1 @@
+export { Button } from './button/button.js';

package/dist/shared/primitives/card/card.d.ts

@@ -0,0 +1,2 @@
+import type { CardPrimitiveProps } from './card.props.js';
+export declare function Card(properties: CardPrimitiveProps): import("react").JSX.Element;

package/dist/shared/primitives/card/card.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePrimitives } from '../use-primitives.js';
+export function Card(properties) {
+    const primitives = usePrimitives();
+    return _jsx(primitives.Card, { ...properties });
+}