@astra-kit/ui 0.0.0-stage → 0.0.0

package/dist/components/rich-link-editor.js

@@ -0,0 +1,320 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+/** `contentEditable` editor for plain text with markdown links, driven by `useRichLinkEditor`. */
+import { useEffect, useRef } from "react";
+import { cn } from "../lib/utils.js";
+import { RICH_LINK_POPOVER_MODE, RICH_TEXT_EDITOR_KEY, RICH_TEXT_SEGMENT_TYPE } from "../lib/rich-text/link-markdown-constants.js";
+import { ControlButton } from "./control-button.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./primitives/popover.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BUTTON_TYPE = "button";
+const BUTTON_VARIANT = {
+	ghost: "ghost",
+	outline: "outline"
+};
+const URL_INPUT_TYPE = "url";
+const LINK_TARGET = "_blank";
+const LINK_REL = "noreferrer";
+/**
+* Presentation of each part. iOS Safari zooms the page when a focused editable region renders
+* text below 16px, so the editor and the inputs are pinned to 1rem on phones.
+*/
+const RICH_LINK_EDITOR_CLASS_NAMES = {
+	editor: "min-h-28 w-full cursor-text border-0 bg-transparent p-0 leading-[1.65] whitespace-pre-wrap text-foreground [font:inherit] [overflow-wrap:anywhere] focus:outline-0 empty:before:pointer-events-none empty:before:text-muted-foreground/75 empty:before:content-[attr(data-placeholder)] max-md:text-base",
+	editorInvalid: "rounded-[0.35rem] shadow-[inset_0_-2px_0_var(--destructive)] outline-0",
+	editorLink: "cursor-pointer rounded-[0.2rem] font-medium text-primary underline decoration-[0.08em] underline-offset-[0.18em] transition-colors hover:text-[color-mix(in_oklab,var(--primary)_72%,var(--foreground))] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+	popover: "gap-3",
+	editForm: "grid gap-3 animate-in fade-in slide-in-from-bottom-1 duration-(--duration-standard) ease-(--ease-enter)",
+	actions: "flex flex-wrap items-center gap-2",
+	label: "grid gap-[0.35rem] text-[0.85rem] font-medium text-muted-foreground",
+	input: "min-h-8 rounded-lg border border-border/80 bg-background px-[0.65rem] font-normal text-foreground outline-0 transition-[border-color,box-shadow] [font:inherit] focus-visible:border-ring focus-visible:shadow-[0_0_0_3px_color-mix(in_oklab,var(--ring)_35%,transparent)] aria-invalid:border-destructive aria-invalid:focus-visible:shadow-[0_0_0_3px_color-mix(in_oklab,var(--destructive)_25%,transparent)] max-md:text-base"
+};
+const RICH_LINK_EDITOR_DEFAULT_COPY = {
+	editAction: "Editar",
+	editCancel: "Cancelar",
+	editSave: "Guardar",
+	popoverTextLabel: "Texto",
+	popoverUrlLabel: "Enlace",
+	removeAction: "Quitar enlace"
+};
+/**
+* `contentEditable` rich link editor: renders the controller's preview segments,
+* turning each link into a popover that edits or removes it. All state lives in
+* the `useRichLinkEditor` controller; this component is presentation only.
+*/
+export function RichLinkEditor(t0) {
+	const $ = _c(50);
+	const { ariaDescribedBy, ariaLabel, copy: copyOverrides, editor, isDisabled: t1, isInvalid: t2, placeholder } = t0;
+	const isDisabled = t1 === undefined ? false : t1;
+	const isInvalid = t2 === undefined ? false : t2;
+	const { activeLink, closeLinkPopover, handleBeforeInput, handleInput, handleKeyDown, handlePaste, hasContent, hasInvalidLinkUrl, isLinkEditValid, linkTextInput, linkUrlInput, openLinkPopover, popoverMode, removeLink, saveLinkEdit, segments, setEditorElement, setLinkTextInput, setLinkUrlInput, setPopoverMode } = editor;
+	let t3;
+	if ($[0] !== copyOverrides) {
+		t3 = {
+			...RICH_LINK_EDITOR_DEFAULT_COPY,
+			...copyOverrides
+		};
+		$[0] = copyOverrides;
+		$[1] = t3;
+	} else {
+		t3 = $[1];
+	}
+	const copy = t3;
+	const linkTextInputRef = useRef(null);
+	const isEditingLink = popoverMode === RICH_LINK_POPOVER_MODE.edit;
+	const t4 = isInvalid && RICH_LINK_EDITOR_CLASS_NAMES.editorInvalid;
+	let t5;
+	if ($[2] !== t4) {
+		t5 = cn(RICH_LINK_EDITOR_CLASS_NAMES.editor, t4);
+		$[2] = t4;
+		$[3] = t5;
+	} else {
+		t5 = $[3];
+	}
+	const editorClassName = t5;
+	let t6;
+	let t7;
+	if ($[4] !== closeLinkPopover || $[5] !== isDisabled) {
+		t6 = () => {
+			if (isDisabled) {
+				closeLinkPopover();
+			}
+		};
+		t7 = [closeLinkPopover, isDisabled];
+		$[4] = closeLinkPopover;
+		$[5] = isDisabled;
+		$[6] = t6;
+		$[7] = t7;
+	} else {
+		t6 = $[6];
+		t7 = $[7];
+	}
+	useEffect(t6, t7);
+	let t8;
+	if ($[8] !== isEditingLink) {
+		t8 = () => {
+			if (isEditingLink) {
+				linkTextInputRef.current?.focus();
+			}
+		};
+		$[8] = isEditingLink;
+		$[9] = t8;
+	} else {
+		t8 = $[9];
+	}
+	const t9 = activeLink?.key;
+	let t10;
+	if ($[10] !== isEditingLink || $[11] !== t9) {
+		t10 = [isEditingLink, t9];
+		$[10] = isEditingLink;
+		$[11] = t9;
+		$[12] = t10;
+	} else {
+		t10 = $[12];
+	}
+	useEffect(t8, t10);
+	let t11;
+	if ($[13] !== activeLink || $[14] !== isLinkEditValid || $[15] !== saveLinkEdit) {
+		t11 = (event) => {
+			if (event.key !== RICH_TEXT_EDITOR_KEY.enter) {
+				return;
+			}
+			event.preventDefault();
+			if (activeLink && isLinkEditValid) {
+				saveLinkEdit(activeLink);
+			}
+		};
+		$[13] = activeLink;
+		$[14] = isLinkEditValid;
+		$[15] = saveLinkEdit;
+		$[16] = t11;
+	} else {
+		t11 = $[16];
+	}
+	const handleEditFieldKeyDown = t11;
+	const t12 = !isDisabled;
+	let t13;
+	if ($[17] !== activeLink || $[18] !== closeLinkPopover || $[19] !== copy || $[20] !== handleEditFieldKeyDown || $[21] !== hasContent || $[22] !== hasInvalidLinkUrl || $[23] !== isDisabled || $[24] !== isLinkEditValid || $[25] !== linkTextInput || $[26] !== linkUrlInput || $[27] !== openLinkPopover || $[28] !== popoverMode || $[29] !== removeLink || $[30] !== saveLinkEdit || $[31] !== segments || $[32] !== setLinkTextInput || $[33] !== setLinkUrlInput || $[34] !== setPopoverMode) {
+		t13 = hasContent ? segments.map((segment) => segment.type === RICH_TEXT_SEGMENT_TYPE.link ? isDisabled ? /* @__PURE__ */ _jsx("a", {
+			"aria-disabled": true,
+			className: RICH_LINK_EDITOR_CLASS_NAMES.editorLink,
+			href: segment.url,
+			onClick: _temp,
+			rel: LINK_REL,
+			tabIndex: -1,
+			target: LINK_TARGET,
+			children: segment.text
+		}, segment.key) : /* @__PURE__ */ _jsxs(Popover, {
+			onOpenChange: (isOpen) => {
+				if (isOpen) {
+					openLinkPopover(segment);
+				} else {
+					if (activeLink?.key === segment.key) {
+						closeLinkPopover();
+					}
+				}
+			},
+			open: activeLink?.key === segment.key,
+			children: [/* @__PURE__ */ _jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ _jsx("a", {
+					className: RICH_LINK_EDITOR_CLASS_NAMES.editorLink,
+					href: segment.url,
+					onClick: (event_1) => {
+						event_1.preventDefault();
+						openLinkPopover(segment);
+					},
+					rel: LINK_REL,
+					target: LINK_TARGET,
+					children: segment.text
+				})
+			}), /* @__PURE__ */ _jsx(PopoverContent, {
+				className: RICH_LINK_EDITOR_CLASS_NAMES.popover,
+				onBeforeInput: _temp2,
+				onInput: _temp3,
+				onKeyDown: _temp4,
+				onPaste: _temp5,
+				children: popoverMode === RICH_LINK_POPOVER_MODE.actions ? /* @__PURE__ */ _jsxs("div", {
+					className: RICH_LINK_EDITOR_CLASS_NAMES.actions,
+					children: [/* @__PURE__ */ _jsx(ControlButton, {
+						onClick: () => {
+							setPopoverMode(RICH_LINK_POPOVER_MODE.edit);
+						},
+						type: BUTTON_TYPE,
+						variant: BUTTON_VARIANT.ghost,
+						children: copy.editAction
+					}), /* @__PURE__ */ _jsx(ControlButton, {
+						onClick: () => {
+							removeLink(segment);
+						},
+						type: BUTTON_TYPE,
+						variant: BUTTON_VARIANT.ghost,
+						children: copy.removeAction
+					})]
+				}) : /* @__PURE__ */ _jsxs("div", {
+					className: RICH_LINK_EDITOR_CLASS_NAMES.editForm,
+					children: [
+						/* @__PURE__ */ _jsxs("label", {
+							className: RICH_LINK_EDITOR_CLASS_NAMES.label,
+							children: [/* @__PURE__ */ _jsx("span", { children: copy.popoverTextLabel }), /* @__PURE__ */ _jsx("input", {
+								className: RICH_LINK_EDITOR_CLASS_NAMES.input,
+								onChange: (event_6) => {
+									setLinkTextInput(event_6.currentTarget.value);
+								},
+								onKeyDown: handleEditFieldKeyDown,
+								ref: linkTextInputRef,
+								value: linkTextInput
+							})]
+						}),
+						/* @__PURE__ */ _jsxs("label", {
+							className: RICH_LINK_EDITOR_CLASS_NAMES.label,
+							children: [/* @__PURE__ */ _jsx("span", { children: copy.popoverUrlLabel }), /* @__PURE__ */ _jsx("input", {
+								"aria-invalid": hasInvalidLinkUrl,
+								className: RICH_LINK_EDITOR_CLASS_NAMES.input,
+								onChange: (event_7) => {
+									setLinkUrlInput(event_7.currentTarget.value);
+								},
+								onKeyDown: handleEditFieldKeyDown,
+								type: URL_INPUT_TYPE,
+								value: linkUrlInput
+							})]
+						}),
+						/* @__PURE__ */ _jsxs("div", {
+							className: RICH_LINK_EDITOR_CLASS_NAMES.actions,
+							children: [/* @__PURE__ */ _jsx(ControlButton, {
+								disabled: !isLinkEditValid,
+								onClick: () => {
+									if (activeLink) {
+										saveLinkEdit(activeLink);
+									}
+								},
+								type: BUTTON_TYPE,
+								children: copy.editSave
+							}), /* @__PURE__ */ _jsx(ControlButton, {
+								onClick: closeLinkPopover,
+								type: BUTTON_TYPE,
+								variant: BUTTON_VARIANT.outline,
+								children: copy.editCancel
+							})]
+						})
+					]
+				})
+			})]
+		}, segment.key) : segment.text) : null;
+		$[17] = activeLink;
+		$[18] = closeLinkPopover;
+		$[19] = copy;
+		$[20] = handleEditFieldKeyDown;
+		$[21] = hasContent;
+		$[22] = hasInvalidLinkUrl;
+		$[23] = isDisabled;
+		$[24] = isLinkEditValid;
+		$[25] = linkTextInput;
+		$[26] = linkUrlInput;
+		$[27] = openLinkPopover;
+		$[28] = popoverMode;
+		$[29] = removeLink;
+		$[30] = saveLinkEdit;
+		$[31] = segments;
+		$[32] = setLinkTextInput;
+		$[33] = setLinkUrlInput;
+		$[34] = setPopoverMode;
+		$[35] = t13;
+	} else {
+		t13 = $[35];
+	}
+	let t14;
+	if ($[36] !== ariaDescribedBy || $[37] !== ariaLabel || $[38] !== editorClassName || $[39] !== handleBeforeInput || $[40] !== handleInput || $[41] !== handleKeyDown || $[42] !== handlePaste || $[43] !== isDisabled || $[44] !== isInvalid || $[45] !== placeholder || $[46] !== setEditorElement || $[47] !== t12 || $[48] !== t13) {
+		t14 = /* @__PURE__ */ _jsx("div", {
+			"aria-describedby": ariaDescribedBy,
+			"aria-disabled": isDisabled,
+			"aria-invalid": isInvalid,
+			"aria-label": ariaLabel,
+			"aria-multiline": true,
+			className: editorClassName,
+			"data-slot": "rich-link-editor",
+			contentEditable: t12,
+			"data-placeholder": placeholder,
+			onBeforeInput: handleBeforeInput,
+			onInput: handleInput,
+			onKeyDown: handleKeyDown,
+			onPaste: handlePaste,
+			ref: setEditorElement,
+			role: "textbox",
+			suppressContentEditableWarning: true,
+			children: t13
+		});
+		$[36] = ariaDescribedBy;
+		$[37] = ariaLabel;
+		$[38] = editorClassName;
+		$[39] = handleBeforeInput;
+		$[40] = handleInput;
+		$[41] = handleKeyDown;
+		$[42] = handlePaste;
+		$[43] = isDisabled;
+		$[44] = isInvalid;
+		$[45] = placeholder;
+		$[46] = setEditorElement;
+		$[47] = t12;
+		$[48] = t13;
+		$[49] = t14;
+	} else {
+		t14 = $[49];
+	}
+	return t14;
+}
+function _temp5(event_5) {
+	event_5.stopPropagation();
+}
+function _temp4(event_4) {
+	event_4.stopPropagation();
+}
+function _temp3(event_3) {
+	event_3.stopPropagation();
+}
+function _temp2(event_2) {
+	event_2.stopPropagation();
+}
+function _temp(event_0) {
+	event_0.preventDefault();
+}

package/dist/components/rich-markdown-content.d.ts

@@ -0,0 +1,10 @@
+export interface RichMarkdownContentProps {
+    content: string;
+    className?: string;
+}
+/**
+ * Parses and renders the content as paragraphs and lists.
+ * @param props - Stored content and optional class name.
+ * @returns The rendered blocks.
+ */
+export declare function RichMarkdownContent({ content, className }: RichMarkdownContentProps): import("react").JSX.Element;

package/dist/components/rich-markdown-content.js

@@ -0,0 +1,56 @@
+/**
+* Renders long-form content with a safe markdown subset: paragraphs, unordered lists, inline
+* bold and the shared link syntax. Raw HTML in the content is never interpreted as markup.
+*/
+import { cn } from "../lib/utils.js";
+import { RICH_MARKDOWN_BLOCK_TYPE, RICH_MARKDOWN_INLINE_TYPE, parseRichMarkdownBlocks } from "../lib/rich-text/rich-markdown.js";
+import { RICH_TEXT_LINK_CLASS_NAME } from "./rich-text-content.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const LINK_TARGET = "_blank";
+const LINK_REL = "noreferrer";
+/**
+* Renders the inline pieces of a paragraph or list item.
+* @param segments - Parsed inline segments.
+* @returns Text, bold runs and links.
+*/
+function renderInlineSegments(segments) {
+	return segments.map((segment, segmentIndex) => {
+		const segmentKey = segment.type + String(segmentIndex);
+		if (segment.type === RICH_MARKDOWN_INLINE_TYPE.link) {
+			return /* @__PURE__ */ _jsx("a", {
+				"data-slot": "rich-text-link",
+				className: RICH_TEXT_LINK_CLASS_NAME,
+				href: segment.url,
+				rel: LINK_REL,
+				target: LINK_TARGET,
+				children: segment.text
+			}, segmentKey);
+		}
+		if (segment.type === RICH_MARKDOWN_INLINE_TYPE.bold) {
+			return /* @__PURE__ */ _jsx("strong", { children: segment.text }, segmentKey);
+		}
+		return segment.text;
+	});
+}
+/**
+* Parses and renders the content as paragraphs and lists.
+* @param props - Stored content and optional class name.
+* @returns The rendered blocks.
+*/
+export function RichMarkdownContent({ content, className }) {
+	const blocks = parseRichMarkdownBlocks(content);
+	return /* @__PURE__ */ _jsx("div", {
+		"data-slot": "rich-markdown-content",
+		className: cn("grid gap-[0.9rem]", className),
+		children: blocks.map((block, blockIndex) => block.type === RICH_MARKDOWN_BLOCK_TYPE.list ? /* @__PURE__ */ _jsx("ul", {
+			className: "m-0 grid list-disc gap-[0.35rem] pl-[1.4rem]",
+			children: block.items.map((itemSegments, itemIndex) => /* @__PURE__ */ _jsx("li", {
+				className: "leading-[1.7] [overflow-wrap:anywhere] marker:text-muted-foreground",
+				children: renderInlineSegments(itemSegments)
+			}, block.type + String(blockIndex) + String(itemIndex)))
+		}, block.type + String(blockIndex)) : /* @__PURE__ */ _jsx("p", {
+			className: "m-0 leading-[1.7] whitespace-pre-wrap [overflow-wrap:anywhere]",
+			children: renderInlineSegments(block.segments)
+		}, block.type + String(blockIndex)))
+	});
+}

package/dist/components/rich-text-content.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Renders persisted rich text (markdown links plus auto-detected URLs) as plain text interleaved
+ * with safe `<a>` links. Raw HTML in the content is never interpreted as markup.
+ */
+import type { MouseEvent } from "react";
+/** Shared look of links inside rendered rich text. */
+export declare const RICH_TEXT_LINK_CLASS_NAME = "rounded-[0.2rem] text-primary underline decoration-primary/45 underline-offset-[0.18em] transition-[color,text-decoration-color] [word-break:break-word] hover:text-[color-mix(in_oklab,var(--primary)_72%,var(--foreground))] hover:decoration-current focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+export interface RichTextContentProps {
+    content: string;
+    onLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
+    linkClassName?: string;
+}
+/**
+ * Renders an inline fragment instead of a wrapper element, so it composes inside any container
+ * without altering layout-sensitive behavior such as `line-clamp` on an ancestor.
+ * @param props - Stored content, optional link click handler and link class name.
+ * @returns Text and links.
+ */
+export declare function RichTextContent({ content, onLinkClick, linkClassName }: RichTextContentProps): import("react").JSX.Element;

package/dist/components/rich-text-content.js

@@ -0,0 +1,26 @@
+import { cn } from "../lib/utils.js";
+import { RICH_TEXT_SEGMENT_TYPE } from "../lib/rich-text/link-markdown-constants.js";
+import { parseRichTextSegments } from "../lib/rich-text/link-markdown.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const LINK_TARGET = "_blank";
+const LINK_REL = "noreferrer";
+/** Shared look of links inside rendered rich text. */
+export const RICH_TEXT_LINK_CLASS_NAME = "rounded-[0.2rem] text-primary underline decoration-primary/45 underline-offset-[0.18em] transition-[color,text-decoration-color] [word-break:break-word] hover:text-[color-mix(in_oklab,var(--primary)_72%,var(--foreground))] hover:decoration-current focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring";
+/**
+* Renders an inline fragment instead of a wrapper element, so it composes inside any container
+* without altering layout-sensitive behavior such as `line-clamp` on an ancestor.
+* @param props - Stored content, optional link click handler and link class name.
+* @returns Text and links.
+*/
+export function RichTextContent({ content, onLinkClick, linkClassName }) {
+	const segments = parseRichTextSegments(content);
+	return /* @__PURE__ */ _jsx(_Fragment, { children: segments.map((segment, segmentIndex) => segment.type === RICH_TEXT_SEGMENT_TYPE.link ? /* @__PURE__ */ _jsx("a", {
+		"data-slot": "rich-text-link",
+		className: cn(RICH_TEXT_LINK_CLASS_NAME, "font-medium decoration-[0.08em]", linkClassName),
+		href: segment.url,
+		onClick: onLinkClick,
+		rel: LINK_REL,
+		target: LINK_TARGET,
+		children: segment.text
+	}, segment.type + String(segmentIndex)) : segment.text) });
+}

package/dist/components/select.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Arc's Select (https://uiarc.dev, MIT License, see THIRD_PARTY_NOTICES.md): a labelled choice field whose trigger
+ * answers hover, press and open in color only, so the anchored list never shifts, and whose raised list matches the
+ * trigger width, with option rows and an end check. It follows Arc's closed API (`label`, `options`, `placeholder`,
+ * `description` and Radix's root props) and shares the label, helper and error rows of `Input`.
+ */
+import type { AriaAttributes, ComponentProps, Ref } from "react";
+import { Select as SelectRoot } from "./primitives/select.js";
+/** One choice of a `Select`. */
+export type SelectOption = {
+    value: string;
+    label: string;
+    disabled?: boolean;
+};
+/** Height of the trigger: `default` matches `Input` and `Button`, `sm` their small size. */
+export type SelectSize = "default" | "sm";
+export type SelectProps = Omit<ComponentProps<typeof SelectRoot>, "children"> & {
+    /** Visible label, tied to the trigger with `htmlFor`. */
+    label: string;
+    /** Choices, in list order. Readonly arrays, such as lists declared `as const`, are accepted as they are. */
+    options: readonly SelectOption[];
+    /** Shown while no option is chosen. Defaults to "Seleccioná una opción". */
+    placeholder?: string;
+    /** Helper copy under the trigger, linked through `aria-describedby`. */
+    description?: string;
+    /** Error copy: marks the trigger invalid and renders in a `role="alert"` row, as in `Input`. */
+    error?: string;
+    /** Trigger id, so an external `<label htmlFor>` can point at it. Generated when omitted. */
+    id?: string;
+    /** Class on the field that wraps the label, the trigger and the helper rows. */
+    className?: string;
+    /** Keeps `label` for assistive technology only, for layouts that already show their own label. */
+    hideLabel?: boolean;
+    /** Height of the trigger. Defaults to `default`. */
+    size?: SelectSize;
+    /** Class on the trigger. */
+    triggerClassName?: string;
+    /** Marks the trigger invalid without an error message. `error` sets it too. */
+    "aria-invalid"?: AriaAttributes["aria-invalid"];
+    /**
+     * Ids of external elements that describe the trigger. They are combined with the ids of `description` and
+     * `error`, which follow them.
+     */
+    "aria-describedby"?: string;
+    /** The trigger button. */
+    ref?: Ref<HTMLButtonElement>;
+};
+/**
+ * A compact choice field with a keyboard friendly list, controlled with `value` and `onValueChange` or uncontrolled
+ * with `defaultValue`; pass `name` to submit it with a form.
+ * @param props - Label, options, optional copy and layout, and Radix select root properties.
+ * @returns The labelled field.
+ */
+declare function Select({ label, options, placeholder, description, error, id, className, hideLabel, size, triggerClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, ref, ...rootProps }: SelectProps): import("react").JSX.Element;
+export { Select };

package/dist/components/select.js

@@ -0,0 +1,188 @@
+"use client";
+import { c as _c } from "react/compiler-runtime";
+import { SELECT_DEFAULT_PLACEHOLDER } from "../constants/select.js";
+import { cn } from "../lib/utils.js";
+import { Field, useFieldAria } from "./field.js";
+import { Select as SelectRoot, SelectContent, SelectItem, SelectTrigger, SelectValue } from "./primitives/select.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+* A compact choice field with a keyboard friendly list, controlled with `value` and `onValueChange` or uncontrolled
+* with `defaultValue`; pass `name` to submit it with a form.
+* @param props - Label, options, optional copy and layout, and Radix select root properties.
+* @returns The labelled field.
+*/
+function Select(t0) {
+	const $ = _c(49);
+	let ariaDescribedBy;
+	let ariaInvalid;
+	let className;
+	let description;
+	let error;
+	let id;
+	let label;
+	let options;
+	let ref;
+	let rootProps;
+	let size;
+	let t1;
+	let t2;
+	let triggerClassName;
+	if ($[0] !== t0) {
+		({label, options, placeholder: t1, description, error, id, className, hideLabel: t2, size, triggerClassName, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy, ref, ...rootProps} = t0);
+		$[0] = t0;
+		$[1] = ariaDescribedBy;
+		$[2] = ariaInvalid;
+		$[3] = className;
+		$[4] = description;
+		$[5] = error;
+		$[6] = id;
+		$[7] = label;
+		$[8] = options;
+		$[9] = ref;
+		$[10] = rootProps;
+		$[11] = size;
+		$[12] = t1;
+		$[13] = t2;
+		$[14] = triggerClassName;
+	} else {
+		ariaDescribedBy = $[1];
+		ariaInvalid = $[2];
+		className = $[3];
+		description = $[4];
+		error = $[5];
+		id = $[6];
+		label = $[7];
+		options = $[8];
+		ref = $[9];
+		rootProps = $[10];
+		size = $[11];
+		t1 = $[12];
+		t2 = $[13];
+		triggerClassName = $[14];
+	}
+	const placeholder = t1 === undefined ? SELECT_DEFAULT_PLACEHOLDER : t1;
+	const hideLabel = t2 === undefined ? false : t2;
+	let t3;
+	if ($[15] !== ariaDescribedBy || $[16] !== ariaInvalid || $[17] !== description || $[18] !== error || $[19] !== id) {
+		t3 = {
+			id,
+			description,
+			error,
+			"aria-invalid": ariaInvalid,
+			"aria-describedby": ariaDescribedBy
+		};
+		$[15] = ariaDescribedBy;
+		$[16] = ariaInvalid;
+		$[17] = description;
+		$[18] = error;
+		$[19] = id;
+		$[20] = t3;
+	} else {
+		t3 = $[20];
+	}
+	const aria = useFieldAria(t3);
+	const t4 = aria.controlId;
+	let t5;
+	if ($[21] !== triggerClassName) {
+		t5 = cn("w-full min-w-0", triggerClassName);
+		$[21] = triggerClassName;
+		$[22] = t5;
+	} else {
+		t5 = $[22];
+	}
+	const t6 = aria["aria-describedby"];
+	const t7 = aria["aria-invalid"];
+	let t8;
+	if ($[23] !== placeholder) {
+		t8 = /* @__PURE__ */ _jsx(SelectValue, { placeholder });
+		$[23] = placeholder;
+		$[24] = t8;
+	} else {
+		t8 = $[24];
+	}
+	let t9;
+	if ($[25] !== aria.controlId || $[26] !== ref || $[27] !== size || $[28] !== t5 || $[29] !== t6 || $[30] !== t7 || $[31] !== t8) {
+		t9 = /* @__PURE__ */ _jsx(SelectTrigger, {
+			ref,
+			id: t4,
+			size,
+			className: t5,
+			"aria-describedby": t6,
+			"aria-invalid": t7,
+			children: t8
+		});
+		$[25] = aria.controlId;
+		$[26] = ref;
+		$[27] = size;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t7;
+		$[31] = t8;
+		$[32] = t9;
+	} else {
+		t9 = $[32];
+	}
+	let t10;
+	if ($[33] !== options) {
+		t10 = options.map(_temp);
+		$[33] = options;
+		$[34] = t10;
+	} else {
+		t10 = $[34];
+	}
+	let t11;
+	if ($[35] !== t10) {
+		t11 = /* @__PURE__ */ _jsx(SelectContent, {
+			position: "popper",
+			children: t10
+		});
+		$[35] = t10;
+		$[36] = t11;
+	} else {
+		t11 = $[36];
+	}
+	let t12;
+	if ($[37] !== rootProps || $[38] !== t11 || $[39] !== t9) {
+		t12 = /* @__PURE__ */ _jsxs(SelectRoot, {
+			...rootProps,
+			children: [t9, t11]
+		});
+		$[37] = rootProps;
+		$[38] = t11;
+		$[39] = t9;
+		$[40] = t12;
+	} else {
+		t12 = $[40];
+	}
+	let t13;
+	if ($[41] !== aria || $[42] !== className || $[43] !== description || $[44] !== error || $[45] !== hideLabel || $[46] !== label || $[47] !== t12) {
+		t13 = /* @__PURE__ */ _jsx(Field, {
+			label,
+			hideLabel,
+			description,
+			error,
+			aria,
+			className,
+			children: t12
+		});
+		$[41] = aria;
+		$[42] = className;
+		$[43] = description;
+		$[44] = error;
+		$[45] = hideLabel;
+		$[46] = label;
+		$[47] = t12;
+		$[48] = t13;
+	} else {
+		t13 = $[48];
+	}
+	return t13;
+}
+function _temp(option) {
+	return /* @__PURE__ */ _jsx(SelectItem, {
+		value: option.value,
+		disabled: option.disabled,
+		children: option.label
+	}, option.value);
+}
+export { Select };

package/dist/components/separator.d.ts

@@ -0,0 +1,3 @@
+import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
+declare function Separator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react").JSX.Element;
+export { Separator };