@fastsprout/reacd-shadcn 0.0.0-stage → 0.2.0

package/dist/registry/page-composition.d.ts

@@ -0,0 +1,7 @@
+export declare const pageCompositionEntries: {
+    PageAside: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageAside">;
+    PageBody: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageBody">;
+    PageColumns: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageColumns">;
+    PageGrid: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageGrid">;
+    PageList: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageList">;
+};

package/dist/registry/page-composition.js

@@ -0,0 +1,18 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { pageAsideSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-aside/page-aside.schema.js';
+import { ShadcnPageAside } from '../page-aside/page-aside.adapter.js';
+import { pageBodySchema } from '@fastsprout/reacd/adapter-runtime/schema/page-body/page-body.schema.js';
+import { ShadcnPageBody } from '../page-body/page-body.adapter.js';
+import { pageColumnsSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-columns/page-columns.schema.js';
+import { ShadcnPageColumns } from '../page-columns/page-columns.adapter.js';
+import { pageGridSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-grid/page-grid.schema.js';
+import { ShadcnPageGrid } from '../page-grid/page-grid.adapter.js';
+import { pageListSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-list/page-list.schema.js';
+import { ShadcnPageList } from '../page-list/page-list.adapter.js';
+export const pageCompositionEntries = {
+    PageAside: renderEntry('PageAside', pageAsideSchema, ShadcnPageAside),
+    PageBody: renderEntry('PageBody', pageBodySchema, ShadcnPageBody),
+    PageColumns: renderEntry('PageColumns', pageColumnsSchema, ShadcnPageColumns),
+    PageGrid: renderEntry('PageGrid', pageGridSchema, ShadcnPageGrid),
+    PageList: renderEntry('PageList', pageListSchema, ShadcnPageList),
+};

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

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

package/dist/registry/page-logos.js

@@ -0,0 +1,6 @@
+import { pageLogosSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-logos/page-logos.schema.js';
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { ShadcnPageLogos } from '../page-logos/page-logos.adapter.js';
+export const pageLogosEntries = {
+    PageLogos: renderEntry('PageLogos', pageLogosSchema, ShadcnPageLogos),
+};

package/dist/registry/page-navigation.d.ts

@@ -0,0 +1,5 @@
+export declare const pageNavigationEntries: {
+    PageAnchors: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageAnchors">;
+    PageLinks: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageLinks">;
+    PageCTA: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageCTA">;
+};

package/dist/registry/page-navigation.js

@@ -0,0 +1,12 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { pageAnchorsSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-anchors/page-anchors.schema.js';
+import { ShadcnPageAnchors } from '../page-anchors/page-anchors.adapter.js';
+import { pageLinksSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-links/page-links.schema.js';
+import { ShadcnPageLinks } from '../page-links/page-links.adapter.js';
+import { pageCTASchema } from '@fastsprout/reacd/adapter-runtime/schema/page-cta/page-cta.schema.js';
+import { ShadcnPageCTA } from '../page-cta/page-cta.adapter.js';
+export const pageNavigationEntries = {
+    PageAnchors: renderEntry('PageAnchors', pageAnchorsSchema, ShadcnPageAnchors),
+    PageLinks: renderEntry('PageLinks', pageLinksSchema, ShadcnPageLinks),
+    PageCTA: renderEntry('PageCTA', pageCTASchema, ShadcnPageCTA),
+};

package/dist/registry/page-presentation.d.ts

@@ -0,0 +1,7 @@
+export declare const pagePresentationEntries: {
+    PageHeader: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageHeader">;
+    PageFeature: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageFeature">;
+    PageCard: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageCard">;
+    PageHero: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageHero">;
+    PageSection: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PageSection">;
+};

package/dist/registry/page-presentation.js

@@ -0,0 +1,18 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { pageHeaderSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-header/page-header.schema.js';
+import { ShadcnPageHeader } from '../page-header/page-header.adapter.js';
+import { pageFeatureSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-feature/page-feature.schema.js';
+import { ShadcnPageFeature } from '../page-feature/page-feature.adapter.js';
+import { pageCardSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-card/page-card.schema.js';
+import { ShadcnPageCard } from '../page-card/page-card.adapter.js';
+import { pageHeroSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-hero/page-hero.schema.js';
+import { ShadcnPageHero } from '../page-hero/page-hero.adapter.js';
+import { pageSectionSchema } from '@fastsprout/reacd/adapter-runtime/schema/page-section/page-section.schema.js';
+import { ShadcnPageSection } from '../page-section/page-section.adapter.js';
+export const pagePresentationEntries = {
+    PageHeader: renderEntry('PageHeader', pageHeaderSchema, ShadcnPageHeader),
+    PageFeature: renderEntry('PageFeature', pageFeatureSchema, ShadcnPageFeature),
+    PageCard: renderEntry('PageCard', pageCardSchema, ShadcnPageCard),
+    PageHero: renderEntry('PageHero', pageHeroSchema, ShadcnPageHero),
+    PageSection: renderEntry('PageSection', pageSectionSchema, ShadcnPageSection),
+};

package/dist/registry/pricing.d.ts

@@ -0,0 +1,5 @@
+export declare const pricingEntries: {
+    PricingPlan: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PricingPlan">;
+    PricingPlans: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PricingPlans">;
+    PricingTable: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"PricingTable">;
+};

package/dist/registry/pricing.js

@@ -0,0 +1,12 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { pricingPlanSchema } from '@fastsprout/reacd/adapter-runtime/schema/pricing-plan/pricing-plan.schema.js';
+import { ShadcnPricingPlan } from '../pricing-plan/pricing-plan.adapter.js';
+import { pricingPlansSchema } from '@fastsprout/reacd/adapter-runtime/schema/pricing-plans/pricing-plans.schema.js';
+import { ShadcnPricingPlans } from '../pricing-plans/pricing-plans.adapter.js';
+import { pricingTableSchema } from '@fastsprout/reacd/adapter-runtime/schema/pricing-table/pricing-table.schema.js';
+import { ShadcnPricingTable } from '../pricing-table/pricing-table.adapter.js';
+export const pricingEntries = {
+    PricingPlan: renderEntry('PricingPlan', pricingPlanSchema, ShadcnPricingPlan),
+    PricingPlans: renderEntry('PricingPlans', pricingPlansSchema, ShadcnPricingPlans),
+    PricingTable: renderEntry('PricingTable', pricingTableSchema, ShadcnPricingTable),
+};

package/dist/registry/shells.d.ts

@@ -0,0 +1,10 @@
+export declare const shellEntries: {
+    App: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"App">;
+    Error: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Error">;
+    Theme: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Theme">;
+    Container: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Container">;
+    Main: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Main">;
+    Header: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Header">;
+    Footer: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Footer">;
+    Separator: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Separator">;
+};

package/dist/registry/shells.js

@@ -0,0 +1,27 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { containerSchema } from '@fastsprout/reacd/adapter-runtime/schema/container/container.schema.js';
+import { mainSchema } from '@fastsprout/reacd/adapter-runtime/schema/main/main.schema.js';
+import { headerSchema } from '@fastsprout/reacd/adapter-runtime/schema/header/header.schema.js';
+import { footerSchema } from '@fastsprout/reacd/adapter-runtime/schema/footer/footer.schema.js';
+import { separatorSchema } from '@fastsprout/reacd/adapter-runtime/schema/separator/separator.schema.js';
+import { ShadcnContainer } from '../container/container.adapter.js';
+import { ShadcnMain } from '../main/main.adapter.js';
+import { ShadcnHeader } from '../header/header.adapter.js';
+import { ShadcnFooter } from '../footer/footer.adapter.js';
+import { ShadcnSeparator } from '../separator/separator.adapter.js';
+import { appSchema } from '@fastsprout/reacd/adapter-runtime/schema/app/app.schema.js';
+import { errorSchema } from '@fastsprout/reacd/adapter-runtime/schema/error/error.schema.js';
+import { themeSchema } from '@fastsprout/reacd/adapter-runtime/schema/theme/theme.schema.js';
+import { ShadcnApp } from '../app/app.adapter.js';
+import { ShadcnError } from '../error/error.adapter.js';
+import { ShadcnTheme } from '../theme/theme.adapter.js';
+export const shellEntries = {
+    App: renderEntry('App', appSchema, ShadcnApp),
+    Error: renderEntry('Error', errorSchema, ShadcnError),
+    Theme: renderEntry('Theme', themeSchema, ShadcnTheme),
+    Container: renderEntry('Container', containerSchema, ShadcnContainer),
+    Main: renderEntry('Main', mainSchema, ShadcnMain),
+    Header: renderEntry('Header', headerSchema, ShadcnHeader),
+    Footer: renderEntry('Footer', footerSchema, ShadcnFooter),
+    Separator: renderEntry('Separator', separatorSchema, ShadcnSeparator),
+};

package/dist/registry/sidebar-splitter.d.ts

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

package/dist/registry/sidebar-splitter.js

@@ -0,0 +1,9 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { sidebarSchema } from '@fastsprout/reacd/adapter-runtime/schema/sidebar/sidebar.schema.js';
+import { splitterSchema } from '@fastsprout/reacd/adapter-runtime/schema/splitter/splitter.schema.js';
+import { ShadcnSidebar } from '../sidebar/sidebar.adapter.js';
+import { ShadcnSplitter } from '../splitter/splitter.adapter.js';
+export const sidebarSplitterEntries = {
+    Sidebar: renderEntry('Sidebar', sidebarSchema, ShadcnSidebar),
+    Splitter: renderEntry('Splitter', splitterSchema, ShadcnSplitter),
+};

package/dist/registry/structure.d.ts

@@ -0,0 +1,10 @@
+export declare const structureEntries: {
+    Form: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Form">;
+    Section: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Section">;
+    Page: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Page">;
+    Toolbar: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Toolbar">;
+    Divider: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Divider">;
+    Spacer: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Spacer">;
+    SplitView: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"SplitView">;
+    Viewport: import("@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js").RenderEntry<"Viewport">;
+};

package/dist/registry/structure.js

@@ -0,0 +1,27 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { formSchema } from '@fastsprout/reacd/adapter-runtime/schema/form/form.schema.js';
+import { sectionSchema } from '@fastsprout/reacd/adapter-runtime/schema/section/section.schema.js';
+import { pageSchema } from '@fastsprout/reacd/adapter-runtime/schema/page/page.schema.js';
+import { toolbarSchema } from '@fastsprout/reacd/adapter-runtime/schema/toolbar/toolbar.schema.js';
+import { dividerSchema } from '@fastsprout/reacd/adapter-runtime/schema/divider/divider.schema.js';
+import { spacerSchema } from '@fastsprout/reacd/adapter-runtime/schema/spacer/spacer.schema.js';
+import { splitViewSchema } from '@fastsprout/reacd/adapter-runtime/schema/split-view/split-view.schema.js';
+import { viewportSchema } from '@fastsprout/reacd/adapter-runtime/schema/viewport/viewport.schema.js';
+import { FormSurface } from '@fastsprout/reacd/adapter-runtime/renderer/form/form.renderer.js';
+import { SectionSurface } from '@fastsprout/reacd/adapter-runtime/renderer/section/section.renderer.js';
+import { PageSurface } from '@fastsprout/reacd/adapter-runtime/renderer/page/page.renderer.js';
+import { ToolbarSurface } from '@fastsprout/reacd/adapter-runtime/renderer/toolbar/toolbar.renderer.js';
+import { SpacerSurface } from '@fastsprout/reacd/adapter-runtime/renderer/spacer/spacer.renderer.js';
+import { SplitViewSurface } from '@fastsprout/reacd/adapter-runtime/renderer/split-view/split-view.renderer.js';
+import { ViewportSurface } from '@fastsprout/reacd/adapter-runtime/renderer/viewport/viewport.renderer.js';
+import { ShadcnDivider } from '../divider/divider.adapter.js';
+export const structureEntries = {
+    Form: renderEntry('Form', formSchema, FormSurface),
+    Section: renderEntry('Section', sectionSchema, SectionSurface),
+    Page: renderEntry('Page', pageSchema, PageSurface),
+    Toolbar: renderEntry('Toolbar', toolbarSchema, ToolbarSurface),
+    Divider: renderEntry('Divider', dividerSchema, ShadcnDivider),
+    Spacer: renderEntry('Spacer', spacerSchema, SpacerSurface),
+    SplitView: renderEntry('SplitView', splitViewSchema, SplitViewSurface),
+    Viewport: renderEntry('Viewport', viewportSchema, ViewportSurface),
+};

package/dist/registry/toast.d.ts

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

package/dist/registry/toast.js

@@ -0,0 +1,4 @@
+import { renderEntry } from '@fastsprout/reacd/adapter-runtime/renderer/contracts/render-entry.js';
+import { toastSchema } from '@fastsprout/reacd/adapter-runtime/schema/toast/toast.schema.js';
+import { ShadcnToast } from '../toast/toast.adapter.js';
+export const toastEntries = { Toast: renderEntry('Toast', toastSchema, ShadcnToast) };

package/dist/scroll-area/scroll-area.adapter.d.ts

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

@@ -0,0 +1,6 @@
+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/display-text.d.ts

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

package/dist/select/display-text.js

@@ -0,0 +1,18 @@
+import { SELECT_POLICY } from '@fastsprout/reacd/adapter-runtime/core/select-policy.js';
+import { SELECTION_POLICY } from '@fastsprout/reacd/adapter-runtime/core/selection-policy.js';
+export function selectDisplayText(properties) {
+    const values = properties.mode === 'multiple'
+        ? properties.value
+        : properties.value === SELECTION_POLICY.emptySingleValue
+            ? []
+            : [properties.value];
+    if (values.length === 0)
+        return properties.placeholder ?? SELECT_POLICY.placeholder;
+    if (values.length > SELECT_POLICY.maximumDisplayedLabels) {
+        return `${values.length} ${SELECT_POLICY.selectedSuffix}`;
+    }
+    return properties.items
+        .filter((item) => values.includes(item.value))
+        .map((item) => item.label)
+        .join(SELECT_POLICY.labelSeparator);
+}

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

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

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

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

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

@@ -0,0 +1,11 @@
+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.d.ts

@@ -0,0 +1,5 @@
+import type { SelectionOption } from '@fastsprout/reacd/adapter-runtime/schema/selection/index.js';
+export declare function SelectOption({ option, descriptionId, }: {
+    readonly option: SelectionOption;
+    readonly descriptionId: string;
+}): import("react").JSX.Element;

package/dist/select/select-option.js

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

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

@@ -0,0 +1,47 @@
+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/use-select-change.d.ts

@@ -0,0 +1,2 @@
+import type { SelectProps } from '@fastsprout/reacd/adapter-runtime/components/select/index.js';
+export declare function useSelectChange(properties: SelectProps, disabled: boolean, active: boolean): (value: unknown) => void;

package/dist/select/use-select-change.js

@@ -0,0 +1,29 @@
+import { useMemo } from 'react';
+import { SELECTION_POLICY } from '@fastsprout/reacd/adapter-runtime/core/selection-policy.js';
+import { singleSelectionValueSchema, multipleSelectionValueSchema, canRequestSelection, } from '@fastsprout/reacd/adapter-runtime/schema/selection/index.js';
+export function useSelectChange(properties, disabled, active) {
+    const single = useMemo(() => singleSelectionValueSchema(properties.items), [properties.items]);
+    const multiple = useMemo(() => multipleSelectionValueSchema(properties.items), [properties.items]);
+    return (candidate) => {
+        if (disabled || properties.readOnly || properties.loading || !active)
+            return;
+        if (properties.mode === 'multiple') {
+            const parsed = multiple.safeParse(candidate);
+            if (parsed.success &&
+                canRequestSelection(properties.value, parsed.data, properties.items))
+                properties.onValueChange(parsed.data);
+        }
+        else {
+            const parsed = single.safeParse(candidate === null ? SELECTION_POLICY.emptySingleValue : candidate);
+            if (!parsed.success)
+                return;
+            const previous = properties.value === SELECTION_POLICY.emptySingleValue
+                ? []
+                : [properties.value];
+            const next = parsed.data === SELECTION_POLICY.emptySingleValue ? [] : [parsed.data];
+            if (canRequestSelection(previous, next, properties.items)) {
+                properties.onValueChange(parsed.data);
+            }
+        }
+    };
+}

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

@@ -0,0 +1,7 @@
+import type { RefObject } from 'react';
+import type { SelectMenuProps } from '@fastsprout/reacd/adapter-runtime/components/select-menu/index.js';
+export declare function SelectMenuForm({ properties, trigger, invalid, }: {
+    properties: SelectMenuProps;
+    trigger: RefObject<HTMLButtonElement | null>;
+    invalid: () => void;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SELECTION_POLICY } from '@fastsprout/reacd/adapter-runtime/core/selection-policy.js';
+import { SELECT_MENU_DEFAULTS } from '@fastsprout/reacd/adapter-runtime/core/select-menu-policy.js';
+export function SelectMenuForm({ properties, trigger, invalid, }) {
+    const values = properties.mode === 'multiple' ? properties.value : [properties.value];
+    const complete = properties.mode === 'multiple'
+        ? properties.value.length !== 0
+        : properties.value !== SELECTION_POLICY.emptySingleValue;
+    return (_jsxs(_Fragment, { children: [values.map((value) => (_jsx("input", { type: "hidden", name: properties.name, disabled: properties.disabled, value: value }, value))), _jsx("input", { defaultValue: complete ? SELECT_MENU_DEFAULTS.validationComplete : '', className: "reacd-select-menu-validation", required: properties.required, disabled: properties.disabled, tabIndex: -1, "aria-hidden": "true", onInvalid: (event) => {
+                    event.preventDefault();
+                    invalid();
+                    trigger.current?.focus();
+                } }, String(complete))] }));
+}

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

@@ -0,0 +1,8 @@
+import type { RefObject } from 'react';
+import type { SelectMenuProps } from '@fastsprout/reacd/adapter-runtime/components/select-menu/index.js';
+import type { SelectMenuModel } from './use-select-menu.js';
+export declare function SelectMenuPopup({ properties, model, trigger, }: {
+    properties: SelectMenuProps;
+    model: SelectMenuModel;
+    trigger: RefObject<HTMLButtonElement | null>;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,39 @@
+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-root.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { SelectMenuProps } from '@fastsprout/reacd/adapter-runtime/components/select-menu/index.js';
+import type { SelectMenuModel } from './use-select-menu.js';
+export declare function SelectMenuRoot({ properties, model, children, }: {
+    properties: SelectMenuProps;
+    model: SelectMenuModel;
+    children: ReactNode;
+}): import("react").JSX.Element;

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Combobox } from '@base-ui/react/combobox';
+import { FORM_MENU_POLICY } from '@fastsprout/reacd/adapter-runtime/core/form-menu-policy.js';
+import { SELECTION_POLICY } from '@fastsprout/reacd/adapter-runtime/core/selection-policy.js';
+export function SelectMenuRoot({ properties, model, children, }) {
+    const common = {
+        items: properties.items.map((item) => item.value),
+        filteredItems: model.items.map((item) => item.value),
+        filter: null,
+        open: model.open,
+        disabled: model.disabled,
+        inputValue: model.query,
+        locale: FORM_MENU_POLICY.locale,
+        itemToStringLabel: (value) => properties.items
+            .filter((item) => item.value === value)
+            .map((item) => item.label)
+            .join(''),
+        onInputValueChange: (next, details) => {
+            if (details.reason !== 'input-change' || !model.requestQuery(next))
+                details.cancel();
+        },
+        onOpenChange: (next, details) => {
+            if (!model.requestOpen(next))
+                details.cancel();
+        },
+    };
+    return properties.mode === 'multiple' ? (_jsx(Combobox.Root, { ...common, multiple: true, value: properties.value, onValueChange: (next, details) => {
+            if (!model.requestSelection(next))
+                details.cancel();
+        }, children: children })) : (_jsx(Combobox.Root, { ...common, value: properties.value === SELECTION_POLICY.emptySingleValue ? null : properties.value, onValueChange: (next, details) => {
+            if (!model.requestSelection(next === null ? [] : [next]))
+                details.cancel();
+        }, children: children }));
+}

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

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