@fastsprout/reacd-shadcn 0.2.0 → 0.3.0

package/dist/popover/popover.adapter.js

@@ -1,55 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,2 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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/scroll-area/scroll-area.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { ScrollAreaProps } from '@fastsprout/reacd/adapter-runtime/components/scroll-area/index.js';
-export declare function ShadcnScrollArea({ label, children, orientation, extent, }: ScrollAreaProps): import("react").JSX.Element;

package/dist/scroll-area/scroll-area.adapter.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ScrollArea as Primitive } from '@base-ui/react/scroll-area';
-import { SCROLL_AREA_DEFAULTS, SCROLL_AREA_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/scroll-area-policy.js';
-export function ShadcnScrollArea({ label, children, orientation = SCROLL_AREA_DEFAULTS.orientation, extent = SCROLL_AREA_DEFAULTS.extent, }) {
-    return (_jsxs(Primitive.Root, { className: "reacd-node reacd-scroll-area", "data-slot": "scroll-area", "data-orientation": orientation, "data-extent": extent, children: [_jsx(Primitive.Viewport, { className: "reacd-scroll-area-viewport", role: "region", "aria-label": label, tabIndex: 0, style: { maxBlockSize: `${SCROLL_AREA_POLICY.extentRem[extent]}rem` }, children: _jsx(Primitive.Content, { className: "reacd-scroll-area-content", children: children }) }), _jsx(Primitive.Scrollbar, { className: "reacd-scroll-area-scrollbar", orientation: orientation, children: _jsx(Primitive.Thumb, { className: "reacd-scroll-area-thumb" }) })] }));
-}

package/dist/select/select-base-content.adapter.d.ts

@@ -1,6 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ShadcnBaseSelectContent({ children, label, empty, }: {
-    readonly children: ReactNode;
-    readonly label: string;
-    readonly empty: boolean;
-}): import("react").JSX.Element | null;

package/dist/select/select-base-content.adapter.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { Select } from '@base-ui/react/select';
-import { useDirection } from '@radix-ui/react-direction';
-import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { SELECT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/select-policy.js';
-export function ShadcnBaseSelectContent({ children, label, empty, }) {
-    const host = useContext(PortalHostContext);
-    const variables = useContext(ThemeVariablesContext);
-    const active = useContext(PortalActiveContext);
-    const direction = useDirection();
-    if (!active)
-        return null;
-    return (_jsx(Select.Portal, { container: host ?? undefined, children: _jsx(Select.Positioner, { alignItemWithTrigger: false, align: "start", dir: direction, sideOffset: SELECT_POLICY.popupSideOffsetPx, collisionPadding: SELECT_POLICY.popupCollisionPaddingPx, className: "reacd-portal-root reacd-select-positioner", style: variables, children: _jsxs(Select.Popup, { className: "reacd-base-select-popup", children: [empty && _jsx("p", { role: "status", children: SELECT_POLICY.emptyMessage }), _jsx(Select.List, { className: "reacd-select-list", "aria-label": label, children: children })] }) }) }));
-}

package/dist/select/select-content.adapter.d.ts

@@ -1,4 +0,0 @@
-import type { ReactNode } from 'react';
-export declare function ShadcnSelectContent({ children }: {
-    children: ReactNode;
-}): import("react").JSX.Element;

package/dist/select/select-content.adapter.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import * as Select from '@radix-ui/react-select';
-import { PortalHostContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { SelectScrollUpButton, SelectScrollDownButton } from '../vendor/ui/select.js';
-export function ShadcnSelectContent({ children }) {
-    const host = useContext(PortalHostContext);
-    const variables = useContext(ThemeVariablesContext);
-    return (_jsx(Select.Portal, { container: host, children: _jsxs(Select.Content, { position: "popper", className: "reacd-portal-root reacd-select-popup", style: variables, children: [_jsx(SelectScrollUpButton, {}), _jsx(Select.Viewport, { className: "reacd-select-viewport", children: children }), _jsx(SelectScrollDownButton, {})] }) }));
-}

package/dist/select/select-option.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Select } from '@base-ui/react/select';
-import { CheckIcon } from 'lucide-react';
-export function SelectOption({ option, descriptionId, }) {
-    return (_jsxs(Select.Item, { value: option.value, disabled: option.disabled, className: "reacd-select-option", "aria-label": option.label, "aria-describedby": option.description ? descriptionId : undefined, children: [_jsx(Select.ItemIndicator, { className: "reacd-select-indicator", children: _jsx(CheckIcon, { "aria-hidden": "true" }) }), _jsxs("div", { className: "reacd-select-option-content", children: [_jsx(Select.ItemText, { children: option.label }), option.description && _jsx("p", { id: descriptionId, children: option.description })] })] }));
-}

package/dist/select/select.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SelectProps } from '@fastsprout/reacd/adapter-runtime/components/select/index.js';
-export declare function ShadcnSelect(properties: SelectProps): import("react").JSX.Element;

package/dist/select/select.adapter.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext, useId, useRef, useState } from 'react';
-import { Select } from '@base-ui/react/select';
-import { ChevronDownIcon } from 'lucide-react';
-import { SELECT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/select-policy.js';
-import { SELECTION_POLICY } from '@fastsprout/reacd/adapter-runtime/core/selection-policy.js';
-import { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
-import { Label } from '../vendor/ui/label.js';
-import { Button } from '../vendor/ui/button.js';
-import { ShadcnBaseSelectContent } from './select-base-content.adapter.js';
-import { SelectOption } from './select-option.js';
-import { selectDisplayText } from './display-text.js';
-import { useSelectChange } from './use-select-change.js';
-export function ShadcnSelect(properties) {
-    const id = useId();
-    const control = useRef(null);
-    const active = useContext(PortalActiveContext);
-    const [attempted, setAttempted] = useState(false);
-    const metadata = useFieldMetadata(properties, properties.description ? [`${id}-description`] : []);
-    const multiple = properties.mode === 'multiple';
-    const values = properties.mode === 'multiple' ? properties.value : [properties.value];
-    const empty = properties.mode === 'multiple'
-        ? properties.value.length === 0
-        : properties.value === SELECTION_POLICY.emptySingleValue;
-    const localError = attempted && metadata.required && empty
-        ? multiple
-            ? SELECT_POLICY.multipleRequiredMessage
-            : SELECT_POLICY.singleRequiredMessage
-        : '';
-    const feedback = metadata.error || localError;
-    const described = [
-        ...metadata.descriptionIds,
-        ...(localError && !metadata.error ? [`${id}-error`] : []),
-    ];
-    const change = useSelectChange(properties, metadata.disabled, active);
-    const protectedValue = metadata.disabled || properties.readOnly || properties.loading;
-    return (_jsxs("div", { className: "reacd-node reacd-field reacd-select", children: [_jsx(Label, { htmlFor: id, children: properties.label }), properties.description && (_jsx("p", { id: `${id}-description`, children: properties.description })), _jsxs("div", { className: "reacd-select-entry", children: [_jsxs(Select.Root, { multiple: multiple, items: properties.items, disabled: metadata.disabled, readOnly: properties.readOnly || properties.loading || !active, value: properties.mode === 'multiple'
-                            ? properties.value
-                            : empty
-                                ? null
-                                : properties.value, onValueChange: (next) => change(next), children: [_jsxs(Select.Trigger, { ref: control, id: id, type: "button", className: "reacd-select-trigger", "aria-required": metadata.required || undefined, "aria-invalid": Boolean(feedback) || undefined, "aria-busy": properties.loading || undefined, "aria-describedby": described.join(' ') || undefined, children: [_jsx(Select.Value, { className: "reacd-select-value", style: { WebkitLineClamp: SELECT_POLICY.triggerLineLimit }, children: selectDisplayText(properties) }), _jsx(ChevronDownIcon, { "aria-hidden": "true", className: "reacd-select-icon" })] }), _jsx(ShadcnBaseSelectContent, { label: properties.label, empty: properties.items.length === 0 && !properties.loading, children: properties.items.map((item, index) => (_jsx(SelectOption, { option: item, descriptionId: `${id}-option-${index}` }, item.value))) })] }, active ? 'active' : 'inactive'), properties.clearable && (_jsxs(Button, { type: "button", variant: "outline", className: "reacd-button", disabled: protectedValue || empty, onClick: () => change(multiple ? [] : SELECTION_POLICY.emptySingleValue), children: [SELECT_POLICY.clearPrefix, " ", properties.label] }))] }), properties.loading && _jsx("p", { role: "status", children: SELECT_POLICY.loadingMessage }), localError && !metadata.error && (_jsx("p", { id: `${id}-error`, role: "alert", className: "reacd-field-error", children: localError })), values.map((value) => (_jsx("input", { type: "hidden", name: metadata.name, value: value, disabled: metadata.disabled }, value))), _jsx("input", { type: "text", hidden: true, defaultValue: "", required: metadata.required && empty, disabled: metadata.disabled, onInvalid: (event) => {
-                    event.preventDefault();
-                    setAttempted(true);
-                    control.current?.focus();
-                } })] }));
-}

package/dist/select-menu/select-menu-popup.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useContext } from 'react';
-import { Combobox } from '@base-ui/react/combobox';
-import { useDirection } from '@base-ui/react/direction-provider';
-import { CONTENT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/policy.js';
-import { FORM_MENU_POLICY } from '@fastsprout/reacd/adapter-runtime/core/form-menu-policy.js';
-import { SELECT_MENU_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/select-menu-policy.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-context.js';
-import { PortalHostContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Input } from '../vendor/ui/input.js';
-export function SelectMenuPopup({ properties, model, trigger, }) {
-    const variables = useContext(ThemeVariablesContext);
-    const host = useContext(PortalHostContext);
-    const direction = useDirection();
-    const searchLabel = `${SELECT_MENU_DEFAULTS.searchPrefix} ${properties.label}`;
-    return (_jsx(Combobox.Portal, { container: host ?? undefined, children: _jsx(Combobox.Positioner, { sideOffset: FORM_MENU_POLICY.sideOffsetPx, collisionPadding: FORM_MENU_POLICY.collisionPaddingPx, className: "reacd-root reacd-portal-root reacd-select-menu-positioner", style: variables, dir: direction, children: _jsxs(Combobox.Popup, { className: "reacd-select-menu-popup", hidden: !model.open, finalFocus: trigger, dir: direction, "aria-label": `${properties.label} options`, children: [_jsx(Combobox.Input, { "aria-label": searchLabel, placeholder: searchLabel, readOnly: properties.queryReadOnly, maxLength: CONTENT_POLICY.maxTextLength, render: _jsx(Input, {}), className: "reacd-node reacd-input", onCompositionStart: () => {
-                            model.setComposing(true);
-                        }, onCompositionEnd: () => {
-                            model.setComposing(false);
-                        }, onKeyDownCapture: (event) => {
-                            const native = event.nativeEvent;
-                            const enter = event.key === 'Enter' ||
-                                native.keyCode === FORM_MENU_POLICY.compositionEnterCode;
-                            if ((enter && (native.isComposing || model.isComposing())) ||
-                                native.keyCode === FORM_MENU_POLICY.compositionProcessCode) {
-                                event.preventDefault();
-                                event.stopPropagation();
-                            }
-                            else if (event.key === 'Escape') {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                model.requestOpen(false);
-                            }
-                        } }), _jsx(Combobox.List, { className: "reacd-select-menu-list", "aria-label": `${properties.label} options`, children: model.items.map((item) => {
-                            const selected = model.selected.includes(item.value);
-                            const unavailable = !selected && (item.disabled || model.status !== 'ready');
-                            return (_jsxs(Combobox.Item, { value: item.value, className: "reacd-select-menu-item", disabled: unavailable, children: [_jsx("span", { children: item.label }), item.description !== undefined && _jsx("span", { children: item.description }), _jsx(Combobox.ItemIndicator, { children: SELECT_MENU_DEFAULTS.selectedMark })] }, item.value));
-                        }) })] }) }) }));
-}

package/dist/select-menu/select-menu.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SelectMenuProps } from '@fastsprout/reacd/adapter-runtime/components/select-menu/index.js';
-export declare function ShadcnSelectMenu(supplied: SelectMenuProps): import("react").JSX.Element;

package/dist/select-menu/select-menu.adapter.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, useRef } from 'react';
-import { Combobox } from '@base-ui/react/combobox';
-import { FORM_MENU_DEFAULTS, FORM_MENU_POLICY, } from '@fastsprout/reacd/adapter-runtime/core/form-menu-policy.js';
-import { SELECT_MENU_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/select-menu-policy.js';
-import { useFieldMetadata } from '@fastsprout/reacd/adapter-runtime/renderer/form-field/field-metadata.js';
-import { Button } from '../vendor/ui/button.js';
-import { useSelectMenu } from './use-select-menu.js';
-import { SelectMenuRoot } from './select-menu-root.js';
-import { SelectMenuPopup } from './select-menu-popup.js';
-import { SelectMenuForm } from './select-menu-form.js';
-export function ShadcnSelectMenu(supplied) {
-    const id = useId();
-    const trigger = useRef(null);
-    const field = useFieldMetadata(supplied, supplied.description ? [`${id}-help`] : []);
-    const properties = {
-        ...supplied,
-        name: field.name,
-        required: field.required,
-        disabled: field.disabled,
-    };
-    const model = useSelectMenu(properties);
-    const error = field.error ? undefined : model.error;
-    const described = [
-        `${id}-status`,
-        `${id}-selection`,
-        ...field.descriptionIds,
-        ...(error === undefined ? [] : [`${id}-error`]),
-    ];
-    const labels = model.selected.flatMap((value) => properties.items.filter((item) => item.value === value).map((item) => item.label));
-    const message = model.status === 'loading'
-        ? (properties.loadingMessage ?? SELECT_MENU_DEFAULTS.loadingMessage)
-        : model.status === 'error'
-            ? (properties.errorMessage ?? SELECT_MENU_DEFAULTS.errorMessage)
-            : model.items.length === 0
-                ? (properties.emptyMessage ?? SELECT_MENU_DEFAULTS.emptyMessage)
-                : `${model.items.length} ${SELECT_MENU_DEFAULTS.availableMessage}`;
-    return (_jsxs("div", { className: "reacd-node reacd-field reacd-select-menu", children: [_jsx("label", { id: `${id}-label`, htmlFor: id, children: properties.label }), _jsxs(SelectMenuRoot, { properties: properties, model: model, children: [_jsxs("div", { className: "reacd-select-menu-controls", children: [_jsx(Combobox.Trigger, { id: id, ref: trigger, render: _jsx(Button, { type: "button", variant: "outline", className: "reacd-node reacd-input" }), className: "reacd-select-menu-trigger", "aria-labelledby": `${id}-label`, "aria-describedby": described.join(' '), "aria-required": properties.required, "aria-readonly": properties.readOnly, "aria-invalid": Boolean(field.error) || error !== undefined, onKeyDownCapture: (event) => {
-                                    if (event.nativeEvent.isComposing ||
-                                        event.nativeEvent.keyCode === FORM_MENU_POLICY.compositionProcessCode) {
-                                        event.preventDefault();
-                                        event.stopPropagation();
-                                        return;
-                                    }
-                                    if (event.key.length === 1 &&
-                                        event.key !== ' ' &&
-                                        !event.ctrlKey &&
-                                        !event.metaKey &&
-                                        !event.altKey) {
-                                        event.preventDefault();
-                                        event.stopPropagation();
-                                        model.requestQuery(model.query + event.key);
-                                        model.requestOpen(true);
-                                    }
-                                }, children: _jsx("span", { id: `${id}-selection`, children: labels.length === 0
-                                        ? (properties.placeholder ?? SELECT_MENU_DEFAULTS.placeholder)
-                                        : labels.join(SELECT_MENU_DEFAULTS.labelSeparator) }) }), (properties.clearable ?? FORM_MENU_DEFAULTS.clearable) &&
-                                model.selected.length !== 0 && (_jsx(Combobox.Clear, { keepMounted: true, tabIndex: 0, render: _jsx(Button, { type: "button", className: "reacd-node reacd-button" }), disabled: model.disabled || properties.readOnly, "aria-label": `${SELECT_MENU_DEFAULTS.clearLabel}: ${properties.label}`, onClick: (event) => {
-                                    event.preventBaseUIHandler();
-                                    if (model.requestSelection([]))
-                                        trigger.current?.focus();
-                                }, children: SELECT_MENU_DEFAULTS.clearLabel }))] }), _jsx(SelectMenuPopup, { properties: properties, model: model, trigger: trigger })] }), properties.description !== undefined && (_jsx("span", { id: `${id}-help`, children: properties.description })), _jsx("span", { id: `${id}-status`, role: model.status === 'error' ? 'alert' : 'status', "aria-live": "polite", children: message }), error !== undefined && (_jsx("span", { id: `${id}-error`, role: "alert", children: error })), _jsx(SelectMenuForm, { properties: properties, trigger: trigger, invalid: model.invalidRequired })] }));
-}

package/dist/separator/separator.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SeparatorProps } from '@fastsprout/reacd/adapter-runtime/components/separator/separator.js';
-export declare function ShadcnSeparator({ label, children, orientation, position, lineStyle, intent, size, decorative, }: SeparatorProps): import("react").JSX.Element;

package/dist/separator/separator.adapter.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SEPARATOR_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/shell-policy.js';
-import { Separator } from '../vendor/ui/separator.js';
-export function ShadcnSeparator({ label, children, orientation = SEPARATOR_DEFAULTS.orientation, position = SEPARATOR_DEFAULTS.position, lineStyle = SEPARATOR_DEFAULTS.lineStyle, intent = SEPARATOR_DEFAULTS.intent, size = SEPARATOR_DEFAULTS.size, decorative = SEPARATOR_DEFAULTS.decorative, }) {
-    return (_jsxs(Separator, { className: "reacd-node reacd-separator", orientation: orientation, decorative: decorative, "aria-hidden": decorative || undefined, "aria-label": label, "data-position": position, "data-line-style": lineStyle, "data-intent": intent, "data-size": size, children: [_jsx("span", { className: "reacd-separator-line" }), (label !== undefined || children !== undefined) && (_jsx("span", { className: "reacd-separator-content", children: label ?? children })), _jsx("span", { className: "reacd-separator-line" })] }));
-}

package/dist/sidebar/sidebar.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SidebarProps } from '@fastsprout/reacd/adapter-runtime/components/sidebar/sidebar.props.js';
-export declare function ShadcnSidebar({ title, description, open, onOpenChange, mobileOpen, onMobileOpenChange, side, variant, collapsible, toggleLabel, closeLabel, disabled, children, header, footer, actions, collapsedContent, }: SidebarProps): import("react").JSX.Element;

package/dist/sidebar/sidebar.adapter.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useContext, useId, useLayoutEffect, useRef, useState, } from 'react';
-import { Dialog } from '@base-ui/react/dialog';
-import { useDirection } from '@base-ui/react/direction-provider';
-import { SIDEBAR_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/sidebar-policy.js';
-import { useNarrowContainer } from '@fastsprout/reacd/adapter-runtime/renderer/responsive/index.js';
-import { SidebarEnvironmentContext } from '@fastsprout/reacd/adapter-runtime/renderer/sidebar/sidebar-environment.js';
-import { ThemeVariablesContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/theme-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 { PortalActiveContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Button } from '../vendor/ui/button.js';
-export function ShadcnSidebar({ title, description = SIDEBAR_DEFAULTS.description, open, onOpenChange, mobileOpen, onMobileOpenChange, side = SIDEBAR_DEFAULTS.side, variant = SIDEBAR_DEFAULTS.variant, collapsible = SIDEBAR_DEFAULTS.collapsible, toggleLabel = SIDEBAR_DEFAULTS.toggleLabel, closeLabel = SIDEBAR_DEFAULTS.closeLabel, disabled, children, header, footer, actions, collapsedContent, }) {
-    const reference = useRef(null);
-    const trigger = useRef(null);
-    const id = useId();
-    const [container, setContainer] = useState(null);
-    const attach = useCallback((element) => {
-        reference.current = element;
-        setContainer(element);
-    }, []);
-    const measuredNarrow = useNarrowContainer(reference);
-    const environment = useContext(SidebarEnvironmentContext);
-    const narrow = environment?.narrow ?? measuredNarrow;
-    const direction = useDirection();
-    const variables = useContext(ThemeVariablesContext);
-    const ancestorActive = useContext(PortalActiveContext);
-    const [escapeScope] = useState(createEscapeScope);
-    const restore = useRef(false);
-    const fixed = collapsible === 'none';
-    const mobile = narrow && !fixed;
-    useLayoutEffect(() => {
-        if (!mobile)
-            restore.current = false;
-    }, [mobile]);
-    const expanded = fixed || (mobile ? mobileOpen : open);
-    const active = expanded && ancestorActive;
-    const change = (next) => {
-        if (mobile) {
-            restore.current = true;
-            onMobileOpenChange(next);
-        }
-        else
-            onOpenChange(next);
-    };
-    return (_jsx("div", { ref: attach, className: "reacd-node reacd-sidebar-shell", children: _jsxs(Dialog.Root, { open: active, modal: mobile, disablePointerDismissal: !mobile, onOpenChange: (next, details) => {
-                if (details.reason === 'escape-key' && escapeScope.dismiss()) {
-                    details.event.preventDefault();
-                    details.event.stopImmediatePropagation();
-                    details.cancel();
-                }
-                else if (!fixed)
-                    change(next);
-                else
-                    details.cancel();
-            }, children: [!fixed && environment === null && (_jsx(Button, { ref: trigger, className: "reacd-node reacd-button", variant: "secondary", disabled: disabled, "aria-expanded": expanded, "aria-controls": id, onClick: () => change(!expanded), children: toggleLabel })), !expanded && collapsible === 'icon' && !mobile && (_jsx("aside", { className: "reacd-sidebar-collapsed", "aria-label": title, children: collapsedContent })), container !== null && (_jsxs(Dialog.Portal, { keepMounted: true, container: container, hidden: !active, children: [mobile && _jsx(Dialog.Backdrop, { className: "reacd-shell-backdrop" }), _jsx(Dialog.Popup, { id: id, render: _jsx("aside", {}), role: mobile ? 'dialog' : 'complementary', "aria-modal": mobile || undefined, hidden: !active, initialFocus: mobile, finalFocus: () => {
-                                if (restore.current)
-                                    return environment === null
-                                        ? trigger.current
-                                        : environment.trigger.current;
-                                return false;
-                            }, className: "reacd-root reacd-sidebar", style: variables, "data-mobile": mobile, "data-side": side, "data-direction": direction, "data-variant": variant, children: _jsx(EscapeScopeContext.Provider, { value: escapeScope, children: _jsxs(PortalActiveContext.Provider, { value: active, children: [mobile && (_jsx(Dialog.Close, { disabled: disabled, render: _jsx(Button, { className: "reacd-node reacd-button", variant: "secondary" }), children: closeLabel })), _jsxs("div", { className: "reacd-sidebar-scroll", children: [_jsxs("header", { className: "reacd-sidebar-header", children: [_jsx(Dialog.Title, { children: title }), _jsx(Dialog.Description, { children: description }), header, actions] }), _jsx("div", { className: "reacd-sidebar-content", children: children }), _jsx("footer", { className: "reacd-sidebar-footer", children: footer })] })] }) }) })] }))] }) }));
-}

package/dist/skeleton/skeleton.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SkeletonProps } from '@fastsprout/reacd/adapter-runtime/components/skeleton/skeleton.js';
-export declare function ShadcnSkeleton({ shape, size, lines, animated, show, label, }: SkeletonProps): import("react").JSX.Element | null;

package/dist/skeleton/skeleton.adapter.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SKELETON_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/skeleton-policy.js';
-export function ShadcnSkeleton({ shape = SKELETON_DEFAULTS.shape, size = SKELETON_DEFAULTS.size, lines = SKELETON_DEFAULTS.lines, animated = SKELETON_DEFAULTS.animated, show = SKELETON_DEFAULTS.show, label, }) {
-    if (!show)
-        return null;
-    const announced = label !== undefined;
-    return (_jsxs("div", { className: "reacd-node reacd-skeleton", "data-slot": "skeleton", "data-shape": shape, "data-size": size, "data-animated": animated, role: announced ? 'status' : undefined, "aria-label": label, "aria-hidden": announced ? undefined : true, children: [announced && _jsx("span", { className: "reacd-skeleton-label", children: label }), _jsx("div", { className: "reacd-skeleton-visual", "aria-hidden": "true", children: Array.from({ length: shape === 'text' ? lines : 1 }, (_, index) => (_jsx("span", { className: "reacd-skeleton-shape", "data-short": shape === 'text' && lines > 1 && index === lines - 1 }, index))) })] }));
-}

package/dist/slideover/slideover.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SlideoverProps } from '@fastsprout/reacd/adapter-runtime/components/slideover/index.js';
-export declare function ShadcnSlideover({ title, description, open, onOpenChange, triggerLabel, children, footer, disabled, dismissible, closeLabel, modal, overlay, fullscreen, retainContent, placement, }: SlideoverProps): import("react").JSX.Element;

package/dist/slideover/slideover.adapter.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog } from '@base-ui/react/dialog';
-import { MODAL_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/modal-policy.js';
-import { PANEL_DEFAULTS, resolvePanelEdge, } from '@fastsprout/reacd/adapter-runtime/core/panel-policy.js';
-import { EscapeScopeContext } from '@fastsprout/reacd/adapter-runtime/renderer/theme/escape-context.js';
-import { initialLayerFocus } from '@fastsprout/reacd/adapter-runtime/renderer/theme/initial-layer-focus.js';
-import { PortalActiveContext, PortalHostContext, } from '@fastsprout/reacd/adapter-runtime/renderer/theme/portal-context.js';
-import { Button } from '../vendor/ui/button.js';
-import { usePanelFrame } from '../panel/use-panel-frame.js';
-export function ShadcnSlideover({ title, description, open, onOpenChange, triggerLabel, children, footer, disabled, dismissible, closeLabel = MODAL_DEFAULTS.closeLabel, modal = MODAL_DEFAULTS.modal, overlay = MODAL_DEFAULTS.overlay, fullscreen = MODAL_DEFAULTS.fullscreen, retainContent = MODAL_DEFAULTS.retainContent, placement = PANEL_DEFAULTS.slideover, }) {
-    const { active, change, direction, escapeScope, host, setHost, variables, dismissible: canDismiss, } = usePanelFrame({ open, onOpenChange, dismissible });
-    const edge = resolvePanelEdge(placement, direction);
-    return (_jsxs(Dialog.Root, { open: active, modal: modal, onOpenChange: change, disablePointerDismissal: !canDismiss, children: [triggerLabel !== undefined && (_jsx(Dialog.Trigger, { disabled: disabled, render: _jsx(Button, { className: "reacd-node reacd-button" }), children: triggerLabel })), _jsxs(Dialog.Portal, { keepMounted: retainContent, hidden: !active, className: "reacd-root reacd-portal-root reacd-edge-portal", style: variables, dir: direction, children: [modal && overlay && _jsx(Dialog.Backdrop, { className: "reacd-modal-backdrop" }), _jsx(Dialog.Viewport, { className: "reacd-edge-viewport", "data-modal": modal, children: _jsx(Dialog.Popup, { ref: setHost, initialFocus: (interaction) => initialLayerFocus(host, interaction), className: "reacd-edge-panel", "data-edge": edge, "data-fullscreen": fullscreen, "aria-modal": modal, children: _jsx(PortalHostContext.Provider, { value: host, children: _jsx(EscapeScopeContext.Provider, { value: escapeScope, children: _jsxs(PortalActiveContext.Provider, { value: active, children: [_jsxs("header", { className: "reacd-modal-header", children: [_jsx(Dialog.Title, { children: title }), _jsx(Dialog.Description, { children: description })] }), _jsx("div", { className: "reacd-modal-body", children: children }), _jsxs("footer", { className: "reacd-modal-footer", children: [footer, _jsx(Dialog.Close, { render: _jsx(Button, { variant: "secondary", className: "reacd-node reacd-button" }), children: closeLabel })] })] }) }) }) }) })] })] }));
-}

package/dist/slider/slider-thumb.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback } from 'react';
-import { Slider } from '@base-ui/react/slider';
-export function SliderThumb({ index, label, description, readOnly, invalid, }) {
-    const input = useCallback((element) => {
-        if (element === null)
-            return;
-        if (readOnly)
-            element.setAttribute('aria-readonly', 'true');
-        else
-            element.removeAttribute('aria-readonly');
-        if (invalid)
-            element.setAttribute('aria-invalid', 'true');
-        else
-            element.removeAttribute('aria-invalid');
-    }, [readOnly, invalid]);
-    return (_jsx(Slider.Thumb, { index: index, "aria-label": label, "aria-describedby": description, inputRef: input, className: "reacd-range-thumb" }));
-}

package/dist/slider/slider.adapter.d.ts

@@ -1,2 +0,0 @@
-import type { SliderProps } from '@fastsprout/reacd/adapter-runtime/components/slider/index.js';
-export declare function ShadcnSlider(properties: SliderProps): import("react").JSX.Element;