@funstack/ui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/popover/popover-root.d.mts

@@ -0,0 +1,64 @@
+import { ActionDetails, ChangeAction, ChangeReason, StateValue } from "../internal/types.mjs";
+import { ReactNode } from "react";
+//#region src/popover/popover-root.d.ts
+/** Details passed as the second argument of `openChangeAction`. */
+export interface PopoverOpenChangeDetails extends ActionDetails {
+  /**
+   * `"activate"`: the user acted on a part: Trigger (open or close), Close, or a foreign invoker
+   * (`details.event` is a `CommandEvent` / `ToggleEvent` then).
+   * `"dismiss"`: the user closed the popover without a part: Escape, Android back, an assistive-
+   * technology dismiss gesture, a click outside; or script / another top-layer element hid it.
+   * `"platform"`: the popover was found open on mount (opened before hydration); `event` is
+   * `undefined`.
+   */
+  readonly reason: ChangeReason;
+}
+export interface PopoverRootState {
+  /** Optimistic open state (`false` in JS-free mode). Content rendered from it must not suspend. */
+  readonly open: boolean;
+  /** An `openChangeAction` dispatched through this Popover is in flight (library mode only). */
+  readonly pending: boolean;
+}
+export interface PopoverRootProps {
+  /**
+   * Controlled open state. `undefined` means uncontrolled (and, with `defaultOpen` and
+   * `openChangeAction` also absent, JS-free mode).
+   */
+  open?: boolean;
+  /**
+   * Initial open state in uncontrolled library mode. Opens after hydration, never in the server
+   * HTML.
+   */
+  defaultOpen?: boolean;
+  /**
+   * Awaited for `true` (the popover opens when it resolves and the content has rendered) and for
+   * a `false` the user asked a part for (Trigger, Close: the popover hides when it resolves, with
+   * a view transition if `transition` is set; a controlled parent that keeps `open` vetoes it).
+   * A notification for a dismissal (Escape, click outside: the popover is already hidden; the
+   * action runs inside the Root's transition, and a controlled parent that keeps `open` gets it
+   * re-opened, which is not a veto). May be a Server Function. Rejections reach the nearest
+   * Error Boundary above Root.
+   *
+   * A `setState` placed after your own `await` is not a Transition update; wrap it in
+   * `startTransition` (React limitation).
+   */
+  openChangeAction?: ChangeAction<boolean, PopoverOpenChangeDetails>;
+  children?: StateValue<ReactNode, PopoverRootState>;
+}
+/**
+ * Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,
+ * `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.
+ *
+ * Without `open`, `defaultOpen` and `openChangeAction` the Popover runs in **JS-free mode**: the
+ * Trigger is a native `command="toggle-popover"` invoker and the browser owns everything. With any
+ * of them it runs in **library mode**: opening and the closes the user asks a part for are
+ * transitions (the Trigger shows `data-pending`, content renders from committed state,
+ * `showPopover()` / `hidePopover()` run when the change has committed); dismissals are the
+ * browser's and `openChangeAction(false)` is a notification.
+ */
+export declare function PopoverRoot({ open, defaultOpen, openChangeAction, children }: PopoverRootProps): import("react").JSX.Element;
+export declare namespace PopoverRoot {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover-root.d.mts.map

package/dist/popover/popover-root.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root.d.mts","names":[],"sources":["../../src/popover/popover-root.tsx"],"mappings":";;;;iBAQiB,iCAAiC;;;;;;;;;WASvC,QAAQ;;iBAGF;;WAEN;;WAEA;;iBAGM;;;;;EAKf;;;;;EAKA;;;;;;;;;;;;;EAaA,mBAAmB,sBAAsB;EACzC,WAAW,WAAW,WAAW;;;;;;;;;;;;;wBAcnB,cAAc,MAAM,aAAa,kBAAkB,YAAY,mCAAgB,IAAA;yBAA/E"}

package/dist/popover/popover-root.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { resolveStateValue } from "../internal/use-render.mjs";
+import { PopoverContext } from "./popover-context.mjs";
+import { usePopoverRoot } from "../internal/use-popover-root.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/popover/popover-root.tsx
+/**
+* Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,
+* `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.
+*
+* Without `open`, `defaultOpen` and `openChangeAction` the Popover runs in **JS-free mode**: the
+* Trigger is a native `command="toggle-popover"` invoker and the browser owns everything. With any
+* of them it runs in **library mode**: opening and the closes the user asks a part for are
+* transitions (the Trigger shows `data-pending`, content renders from committed state,
+* `showPopover()` / `hidePopover()` run when the change has committed); dismissals are the
+* browser's and `openChangeAction(false)` is a notification.
+*/
+function PopoverRoot({ open, defaultOpen, openChangeAction, children }) {
+	const context = usePopoverRoot({
+		component: "popover",
+		part: "Popover.Root",
+		open,
+		defaultOpen,
+		openChangeAction
+	});
+	const state = {
+		open: context.optimistic,
+		pending: context.pending
+	};
+	return /* @__PURE__ */ jsx(PopoverContext, {
+		value: context,
+		children: resolveStateValue(children, state)
+	});
+}
+PopoverRoot.displayName = "PopoverRoot";
+//#endregion
+export { PopoverRoot };
+
+//# sourceMappingURL=popover-root.mjs.map

package/dist/popover/popover-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-root.mjs","names":[],"sources":["../../src/popover/popover-root.tsx"],"sourcesContent":["\"use client\";\nimport type { ReactNode } from \"react\";\nimport type { ActionDetails, ChangeAction, ChangeReason, StateValue } from \"../internal/types.js\";\nimport { usePopoverRoot } from \"../internal/use-popover-root.js\";\nimport { resolveStateValue } from \"../internal/use-render.js\";\nimport { PopoverContext } from \"./popover-context.js\";\n\n/** Details passed as the second argument of `openChangeAction`. */\nexport interface PopoverOpenChangeDetails extends ActionDetails {\n  /**\n   * `\"activate\"`: the user acted on a part: Trigger (open or close), Close, or a foreign invoker\n   * (`details.event` is a `CommandEvent` / `ToggleEvent` then).\n   * `\"dismiss\"`: the user closed the popover without a part: Escape, Android back, an assistive-\n   * technology dismiss gesture, a click outside; or script / another top-layer element hid it.\n   * `\"platform\"`: the popover was found open on mount (opened before hydration); `event` is\n   * `undefined`.\n   */\n  readonly reason: ChangeReason;\n}\n\nexport interface PopoverRootState {\n  /** Optimistic open state (`false` in JS-free mode). Content rendered from it must not suspend. */\n  readonly open: boolean;\n  /** An `openChangeAction` dispatched through this Popover is in flight (library mode only). */\n  readonly pending: boolean;\n}\n\nexport interface PopoverRootProps {\n  /**\n   * Controlled open state. `undefined` means uncontrolled (and, with `defaultOpen` and\n   * `openChangeAction` also absent, JS-free mode).\n   */\n  open?: boolean;\n  /**\n   * Initial open state in uncontrolled library mode. Opens after hydration, never in the server\n   * HTML.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Awaited for `true` (the popover opens when it resolves and the content has rendered) and for\n   * a `false` the user asked a part for (Trigger, Close: the popover hides when it resolves, with\n   * a view transition if `transition` is set; a controlled parent that keeps `open` vetoes it).\n   * A notification for a dismissal (Escape, click outside: the popover is already hidden; the\n   * action runs inside the Root's transition, and a controlled parent that keeps `open` gets it\n   * re-opened, which is not a veto). May be a Server Function. Rejections reach the nearest\n   * Error Boundary above Root.\n   *\n   * A `setState` placed after your own `await` is not a Transition update; wrap it in\n   * `startTransition` (React limitation).\n   */\n  openChangeAction?: ChangeAction<boolean, PopoverOpenChangeDetails>;\n  children?: StateValue<ReactNode, PopoverRootState>;\n}\n\n/**\n * Owns the ids, the mode, the open state and the context. Renders no DOM, so it has no `ref`,\n * `className` or `style`; `pending` is exposed through `children(state)` and the Trigger.\n *\n * Without `open`, `defaultOpen` and `openChangeAction` the Popover runs in **JS-free mode**: the\n * Trigger is a native `command=\"toggle-popover\"` invoker and the browser owns everything. With any\n * of them it runs in **library mode**: opening and the closes the user asks a part for are\n * transitions (the Trigger shows `data-pending`, content renders from committed state,\n * `showPopover()` / `hidePopover()` run when the change has committed); dismissals are the\n * browser's and `openChangeAction(false)` is a notification.\n */\nexport function PopoverRoot({ open, defaultOpen, openChangeAction, children }: PopoverRootProps) {\n  const context = usePopoverRoot<PopoverOpenChangeDetails>({\n    component: \"popover\",\n    part: \"Popover.Root\",\n    open,\n    defaultOpen,\n    openChangeAction,\n  });\n\n  const state: PopoverRootState = { open: context.optimistic, pending: context.pending };\n\n  return <PopoverContext value={context}>{resolveStateValue(children, state)}</PopoverContext>;\n}\n\nPopoverRoot.displayName = \"PopoverRoot\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAiEA,SAAgB,YAAY,EAAE,MAAM,aAAa,kBAAkB,YAA8B;CAC/F,MAAM,UAAU,eAAyC;EACvD,WAAW;EACX,MAAM;EACN;EACA;EACA;CACF,CAAC;CAED,MAAM,QAA0B;EAAE,MAAM,QAAQ;EAAY,SAAS,QAAQ;CAAQ;CAErF,OAAO,oBAAC,gBAAD;EAAgB,OAAO;EAAU,UAAA,kBAAkB,UAAU,KAAK;CAAkB,CAAA;AAC7F;AAEA,YAAY,cAAc"}

package/dist/popover/popover-title.d.mts

@@ -0,0 +1,23 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { PopoverPopupState } from "./popover-popup.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/popover/popover-title.d.ts
+export type PopoverTitleState = PopoverPopupState;
+export interface PopoverTitleProps extends Omit<ComponentPropsWithRef<"h2">, "id" | "className" | "style" | "children"> {
+  className?: StateValue<string | undefined, PopoverTitleState>;
+  style?: StateValue<CSSProperties | undefined, PopoverTitleState>;
+  children?: StateValue<ReactNode, PopoverTitleState>;
+  /** `render={<h3 />}` changes the heading level. */
+  render?: RenderProp<ComponentPropsWithRef<"h2">, PopoverTitleState>;
+}
+/**
+ * The popover's name: an `<h2>` whose id the Popup references with `aria-labelledby`.
+ *
+ * Owned key (conventions 1.2): `id`.
+ */
+export declare function PopoverTitle({ className, style, children, render, ...rest }: PopoverTitleProps): ReactNode;
+export declare namespace PopoverTitle {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover-title.d.mts.map

package/dist/popover/popover-title.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-title.d.mts","names":[],"sources":["../../src/popover/popover-title.tsx"],"mappings":";;;;YAOY,oBAAoB;iBAEf,0BAA0B,KACzC;EAGA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;EAC9C,WAAW,WAAW,WAAW;;EAEjC,SAAS,WAAW,6BAA6B;;;;;;;wBAQnC,eAAe,WAAW,OAAO,UAAU,WAAW,QAAQ,oBAAiB;yBAA/E"}

package/dist/popover/popover-title.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { useRender } from "../internal/use-render.mjs";
+import { usePopoverContext, usePopoverPopupState } from "./popover-context.mjs";
+//#region src/popover/popover-title.tsx
+/**
+* The popover's name: an `<h2>` whose id the Popup references with `aria-labelledby`.
+*
+* Owned key (conventions 1.2): `id`.
+*/
+function PopoverTitle({ className, style, children, render, ...rest }) {
+	const ctx = usePopoverContext("Popover.Title");
+	const state = usePopoverPopupState(ctx);
+	return useRender({
+		defaultElement: "h2",
+		render,
+		state,
+		className,
+		style,
+		children,
+		props: rest,
+		libraryProps: { id: ctx.ids.title }
+	});
+}
+PopoverTitle.displayName = "PopoverTitle";
+//#endregion
+export { PopoverTitle };
+
+//# sourceMappingURL=popover-title.mjs.map

package/dist/popover/popover-title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-title.mjs","names":[],"sources":["../../src/popover/popover-title.tsx"],"sourcesContent":["\"use client\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { usePopoverContext, usePopoverPopupState } from \"./popover-context.js\";\nimport type { PopoverPopupState } from \"./popover-popup.js\";\n\nexport type PopoverTitleState = PopoverPopupState;\n\nexport interface PopoverTitleProps extends Omit<\n  ComponentPropsWithRef<\"h2\">,\n  \"id\" | \"className\" | \"style\" | \"children\"\n> {\n  className?: StateValue<string | undefined, PopoverTitleState>;\n  style?: StateValue<CSSProperties | undefined, PopoverTitleState>;\n  children?: StateValue<ReactNode, PopoverTitleState>;\n  /** `render={<h3 />}` changes the heading level. */\n  render?: RenderProp<ComponentPropsWithRef<\"h2\">, PopoverTitleState>;\n}\n\n/**\n * The popover's name: an `<h2>` whose id the Popup references with `aria-labelledby`.\n *\n * Owned key (conventions 1.2): `id`.\n */\nexport function PopoverTitle({ className, style, children, render, ...rest }: PopoverTitleProps) {\n  const ctx = usePopoverContext(\"Popover.Title\");\n  const state = usePopoverPopupState(ctx);\n  return useRender<ComponentPropsWithRef<\"h2\">, PopoverTitleState>({\n    defaultElement: \"h2\",\n    render,\n    state,\n    className,\n    style,\n    children,\n    props: rest,\n    libraryProps: { id: ctx.ids.title },\n  });\n}\n\nPopoverTitle.displayName = \"PopoverTitle\";\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,aAAa,EAAE,WAAW,OAAO,UAAU,QAAQ,GAAG,QAA2B;CAC/F,MAAM,MAAM,kBAAkB,eAAe;CAC7C,MAAM,QAAQ,qBAAqB,GAAG;CACtC,OAAO,UAA0D;EAC/D,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA,OAAO;EACP,cAAc,EAAE,IAAI,IAAI,IAAI,MAAM;CACpC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/popover/popover-trigger.d.mts

@@ -0,0 +1,37 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/popover/popover-trigger.d.ts
+export interface PopoverTriggerState {
+  /** Optimistic open state (library mode); `false` in JS-free mode. */
+  readonly open: boolean;
+  /** The Root's transition is pending (an open, a part-initiated close or a dismissal notification). */
+  readonly pending: boolean;
+  readonly disabled: boolean;
+}
+export interface PopoverTriggerProps extends Omit<ComponentPropsWithRef<"button">, "onClick" | "aria-expanded" | "className" | "style" | "children"> {
+  /** Native `disabled`: a disabled button is not a valid invoker and never dispatches. */
+  disabled?: boolean;
+  className?: StateValue<string | undefined, PopoverTriggerState>;
+  style?: StateValue<CSSProperties | undefined, PopoverTriggerState>;
+  /** Rendered from optimistic state; must not suspend. */
+  children?: StateValue<ReactNode, PopoverTriggerState>;
+  /** Should render a `<button>`; another element works only in library mode (click handler). */
+  render?: RenderProp<ComponentPropsWithRef<"button">, PopoverTriggerState>;
+}
+/**
+ * The toggle: `<button type="button" commandfor command="toggle-popover" aria-expanded>`. In
+ * JS-free mode the browser runs the command and the Popup keeps `aria-expanded` current. In
+ * library mode the click is cancelled (so the command does not run) and dispatched through the
+ * Root's transition: an open, or a library-owned close while open. The button shows optimistic
+ * `data-open` / `aria-expanded` and `data-pending` until the change has landed.
+ *
+ * Owned keys (conventions 1.2): `type` (on a `<button>` only), `disabled`, `commandfor`,
+ * `command`, `aria-expanded`, `onClick` (library mode), `data-open`, `data-pending`,
+ * `data-disabled`. `aria-haspopup` and `aria-controls` pass through.
+ */
+export declare function PopoverTrigger({ disabled, className, style, children, render, ...rest }: PopoverTriggerProps): ReactNode;
+export declare namespace PopoverTrigger {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover-trigger.d.mts.map

package/dist/popover/popover-trigger.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.mts","names":[],"sources":["../../src/popover/popover-trigger.tsx"],"mappings":";;;iBAOiB;;WAEN;;WAEA;WACA;;iBAGM,4BAA4B,KAC3C;;EAIA;EACA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;;EAE9C,WAAW,WAAW,WAAW;;EAEjC,SAAS,WAAW,iCAAiC;;;;;;;;;;;;;wBAcvC,iBACd,UACA,WACA,OACA,UACA,WACG,QACF,sBAAmB;yBAPN"}

package/dist/popover/popover-trigger.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { useRender } from "../internal/use-render.mjs";
+import { usePopoverContext } from "./popover-context.mjs";
+import { usePopoverTrigger } from "../internal/use-popover-trigger.mjs";
+//#region src/popover/popover-trigger.tsx
+/**
+* The toggle: `<button type="button" commandfor command="toggle-popover" aria-expanded>`. In
+* JS-free mode the browser runs the command and the Popup keeps `aria-expanded` current. In
+* library mode the click is cancelled (so the command does not run) and dispatched through the
+* Root's transition: an open, or a library-owned close while open. The button shows optimistic
+* `data-open` / `aria-expanded` and `data-pending` until the change has landed.
+*
+* Owned keys (conventions 1.2): `type` (on a `<button>` only), `disabled`, `commandfor`,
+* `command`, `aria-expanded`, `onClick` (library mode), `data-open`, `data-pending`,
+* `data-disabled`. `aria-haspopup` and `aria-controls` pass through.
+*/
+function PopoverTrigger({ disabled = false, className, style, children, render, ...rest }) {
+	const ctx = usePopoverContext("Popover.Trigger");
+	const { state, libraryProps, ref } = usePopoverTrigger(ctx, {
+		part: "Popover.Trigger",
+		disabled,
+		render
+	});
+	return useRender({
+		defaultElement: "button",
+		render,
+		state,
+		className,
+		style,
+		children,
+		props: rest,
+		libraryProps,
+		ref
+	});
+}
+PopoverTrigger.displayName = "PopoverTrigger";
+//#endregion
+export { PopoverTrigger };
+
+//# sourceMappingURL=popover-trigger.mjs.map

package/dist/popover/popover-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.mjs","names":[],"sources":["../../src/popover/popover-trigger.tsx"],"sourcesContent":["\"use client\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { usePopoverTrigger } from \"../internal/use-popover-trigger.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { usePopoverContext } from \"./popover-context.js\";\n\nexport interface PopoverTriggerState {\n  /** Optimistic open state (library mode); `false` in JS-free mode. */\n  readonly open: boolean;\n  /** The Root's transition is pending (an open, a part-initiated close or a dismissal notification). */\n  readonly pending: boolean;\n  readonly disabled: boolean;\n}\n\nexport interface PopoverTriggerProps extends Omit<\n  ComponentPropsWithRef<\"button\">,\n  \"onClick\" | \"aria-expanded\" | \"className\" | \"style\" | \"children\"\n> {\n  /** Native `disabled`: a disabled button is not a valid invoker and never dispatches. */\n  disabled?: boolean;\n  className?: StateValue<string | undefined, PopoverTriggerState>;\n  style?: StateValue<CSSProperties | undefined, PopoverTriggerState>;\n  /** Rendered from optimistic state; must not suspend. */\n  children?: StateValue<ReactNode, PopoverTriggerState>;\n  /** Should render a `<button>`; another element works only in library mode (click handler). */\n  render?: RenderProp<ComponentPropsWithRef<\"button\">, PopoverTriggerState>;\n}\n\n/**\n * The toggle: `<button type=\"button\" commandfor command=\"toggle-popover\" aria-expanded>`. In\n * JS-free mode the browser runs the command and the Popup keeps `aria-expanded` current. In\n * library mode the click is cancelled (so the command does not run) and dispatched through the\n * Root's transition: an open, or a library-owned close while open. The button shows optimistic\n * `data-open` / `aria-expanded` and `data-pending` until the change has landed.\n *\n * Owned keys (conventions 1.2): `type` (on a `<button>` only), `disabled`, `commandfor`,\n * `command`, `aria-expanded`, `onClick` (library mode), `data-open`, `data-pending`,\n * `data-disabled`. `aria-haspopup` and `aria-controls` pass through.\n */\nexport function PopoverTrigger({\n  disabled = false,\n  className,\n  style,\n  children,\n  render,\n  ...rest\n}: PopoverTriggerProps) {\n  const ctx = usePopoverContext(\"Popover.Trigger\");\n  const { state, libraryProps, ref } = usePopoverTrigger(ctx, {\n    part: \"Popover.Trigger\",\n    disabled,\n    render,\n  });\n\n  return useRender<ComponentPropsWithRef<\"button\">, PopoverTriggerState>({\n    defaultElement: \"button\",\n    render,\n    state,\n    className,\n    style,\n    children,\n    props: rest,\n    libraryProps,\n    ref,\n  });\n}\n\nPopoverTrigger.displayName = \"PopoverTrigger\";\n"],"mappings":";;;;;;;;;;;;;;;;AAwCA,SAAgB,eAAe,EAC7B,WAAW,OACX,WACA,OACA,UACA,QACA,GAAG,QACmB;CACtB,MAAM,MAAM,kBAAkB,iBAAiB;CAC/C,MAAM,EAAE,OAAO,cAAc,QAAQ,kBAAkB,KAAK;EAC1D,MAAM;EACN;EACA;CACF,CAAC;CAED,OAAO,UAAgE;EACrE,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;EACA;CACF,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/radio-group/radio-group-item.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-item.d.mts","names":[],"sources":["../../src/radio-group/radio-group-item.tsx"],"mappings":";;;iBASiB;WACN;;WAEA;;WAEA;;WAEA;;iBAGM,4BAA4B,KAC3C;;EAeA;;EAEA;;;;;;;;;;;EAWA,aAAa;EACb,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;;EAE9C,SAAS,WAAW,gCAAgC;;;;;;;;;;;;;;;;;wBAkBtC,iBACd,OACA,UAAU,cACV,YACA,WACA,OACA,WACG,QACF,sCAAmB;yBARN"}
+{"version":3,"file":"radio-group-item.d.mts","names":[],"sources":["../../src/radio-group/radio-group-item.tsx"],"mappings":";;;iBAUiB;WACN;;WAEA;;WAEA;;WAEA;;iBAGM,4BAA4B,KAC3C;;EAeA;;EAEA;;;;;;;;;;;EAWA,aAAa;EACb,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;;EAE9C,SAAS,WAAW,gCAAgC;;;;;;;;;;;;;;;;;wBAkBtC,iBACd,OACA,UAAU,cACV,YACA,WACA,OACA,WACG,QACF,sCAAmB;yBARN"}

package/dist/radio-group/radio-group-item.mjs

@@ -3,6 +3,7 @@ import { useTransitionBoundary } from "../internal/transition-boundary.mjs";
 import { dataAttr } from "../internal/data-attr.mjs";
 import { useRender } from "../internal/use-render.mjs";
 import { guardCheckableChange, useNativeChecked } from "../internal/use-native-checked.mjs";
+import { syncPresence } from "../internal/sync-presence.mjs";
 import { useRadioGroupContext } from "./radio-group-context.mjs";
 //#region src/radio-group/radio-group-item.tsx
 /**
@@ -76,12 +77,6 @@ function RadioGroupItem({ value, disabled: disabledProp = false, transition, cla
 	return useTransitionBoundary("RadioGroup.Item", transition, element);
 }
 RadioGroupItem.displayName = "RadioGroupItem";
-function syncPresence(el, name, present) {
-	if (el.hasAttribute(name) !== present) {
-		if (present) el.setAttribute(name, "");
-		else el.removeAttribute(name);
-	}
-}
 //#endregion
 export { RadioGroupItem };
 

package/dist/radio-group/radio-group-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group-item.mjs","names":[],"sources":["../../src/radio-group/radio-group-item.tsx"],"sourcesContent":["\"use client\";\nimport type { ChangeEvent, ComponentPropsWithRef, CSSProperties, ViewTransitionClass } from \"react\";\nimport { useTransitionBoundary } from \"../internal/transition-boundary.js\";\nimport { dataAttr } from \"../internal/data-attr.js\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { guardCheckableChange, useNativeChecked } from \"../internal/use-native-checked.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { useRadioGroupContext } from \"./radio-group-context.js\";\n\nexport interface RadioGroupItemState {\n  readonly value: string;\n  /** Optimistic: true as soon as the user checks this radio, before the action settles. */\n  readonly checked: boolean;\n  /** The Root is pending and this radio is the optimistic target. */\n  readonly pending: boolean;\n  /** Disabled by its own prop or by `Root disabled`. */\n  readonly disabled: boolean;\n}\n\nexport interface RadioGroupItemProps extends Omit<\n  ComponentPropsWithRef<\"input\">,\n  | \"type\"\n  | \"name\"\n  | \"value\"\n  | \"checked\"\n  | \"defaultChecked\"\n  | \"defaultValue\"\n  | \"form\"\n  | \"required\"\n  | \"onChange\"\n  | \"className\"\n  | \"style\"\n  | \"children\"\n> {\n  /** The value this radio checks. Must be unique within the Root. Submitted as the form value. */\n  value: string;\n  /** Native `disabled`: unfocusable, skipped by arrow keys, never dispatches. */\n  disabled?: boolean;\n  /**\n   * Forwarded to the Item's `<ViewTransition default>`. Default: no boundary. Fires only on the commit\n   * that settles the action (or rolls it back), never on the optimistic check; animate the check\n   * itself with CSS on `:checked`.\n   *\n   * Static: without `transition` the part renders no `<ViewTransition>`; changing it between\n   * `undefined` and a value remounts the element. Any value, `\"none\"` included, makes a mount or\n   * `<Activity>` reveal of this part inside a transition start a document view transition: the\n   * page cross-fades for about 250 ms and the next transition commit waits for it (issue #35).\n   */\n  transition?: ViewTransitionClass;\n  className?: StateValue<string | undefined, RadioGroupItemState>;\n  style?: StateValue<CSSProperties | undefined, RadioGroupItemState>;\n  /** Replace the rendered element. Must keep an `<input>`; the library sets `type=\"radio\"`. */\n  render?: RenderProp<ComponentPropsWithRef<\"input\">, RadioGroupItemState>;\n}\n\n/**\n * One `<input type=\"radio\">` of the group. Its DOM `checked` is the optimistic value\n * (`checked={optimistic === value}`): react-dom restores a controlled input to its props after\n * every event, and only the sync-lane optimistic value survives that restore.\n *\n * Owned keys (conventions 1.2; a `render` element's value is overridden): `type`, `name`,\n * `value`, `checked`, `defaultChecked` (never rendered), `disabled`, `form`, `required`,\n * `data-checked`, `data-pending`, `data-disabled`. `onChange` is merged: a `render` element's own\n * handler runs first, then the library's.\n *\n * Form reset in controlled mode: React sets an input's `defaultChecked` once, from its initial\n * `checked`. An Item added on the client while the Root's `value` equals its value gets\n * `defaultChecked` too, so two radios may carry it and a reset does not necessarily return to\n * the group's mount-time value (see `RadioGroup.Root` `value`).\n */\nexport function RadioGroupItem({\n  value,\n  disabled: disabledProp = false,\n  transition,\n  className,\n  style,\n  render,\n  ...rest\n}: RadioGroupItemProps) {\n  const ctx = useRadioGroupContext(\"RadioGroup.Item\");\n  const checked = ctx.optimistic === value;\n  const pending = ctx.pending && checked;\n  const disabled = ctx.disabled || disabledProp;\n\n  // Group mode: element check and re-apply only; the Root reports the residual paths once. The\n  // hook calls `onItemMounted` at mount so that an Item mounting after its Root (a Suspense\n  // boundary that hydrates later) still gets the group reconciled.\n  const inputRef = useNativeChecked({\n    type: \"radio\",\n    component: \"RadioGroup.Item\",\n    checked,\n    group: true,\n    onItemMounted: (el) => {\n      // Hydration keeps server attributes that differ from the client render (React only warns).\n      // An Item hydrating after its Root (partial hydration, Root JSDoc) can render a different\n      // `checked` than the server did, e.g. after a click on an already hydrated radio, and a\n      // stale `data-checked` would then stay until the prop changes again.\n      if (el !== null) {\n        syncPresence(el, \"data-checked\", checked);\n        syncPresence(el, \"data-pending\", pending);\n        syncPresence(el, \"data-disabled\", disabled);\n      }\n      ctx.onItemMounted(el);\n    },\n    defaultChecked: ctx.defaultValue === undefined ? undefined : ctx.defaultValue === value,\n  });\n\n  const state: RadioGroupItemState = { value, checked, pending, disabled };\n\n  const element = useRender<ComponentPropsWithRef<\"input\">, RadioGroupItemState>({\n    defaultElement: \"input\",\n    render,\n    state,\n    className,\n    style,\n    children: undefined,\n    ref: inputRef,\n    // Pass-through layer: a `render` element's own props win over these.\n    props: rest,\n    libraryProps: {\n      type: \"radio\",\n      name: ctx.name,\n      value,\n      checked,\n      defaultChecked: undefined,\n      // Owned (Switch precedent) so that native disabledness, `data-disabled` and the click guard\n      // agree. Only the Item's own prop: `Root disabled` reaches the radio through the fieldset.\n      disabled: disabledProp,\n      form: ctx.form,\n      required: ctx.required,\n      \"data-checked\": dataAttr(checked),\n      \"data-pending\": dataAttr(pending),\n      \"data-disabled\": dataAttr(disabled),\n      onChange: (event: ChangeEvent<HTMLInputElement>) => {\n        // A natively disabled radio fires no click; this covers `render` elements that do not\n        // honour `disabled`.\n        if (disabled) return;\n        const nativeEvent = event.nativeEvent;\n        guardCheckableChange(nativeEvent, () => ctx.select(value, nativeEvent), \"RadioGroup.Item\");\n      },\n    },\n  });\n\n  return useTransitionBoundary(\"RadioGroup.Item\", transition, element);\n}\n\nRadioGroupItem.displayName = \"RadioGroupItem\";\n\nfunction syncPresence(el: Element, name: string, present: boolean): void {\n  if (el.hasAttribute(name) !== present) {\n    if (present) el.setAttribute(name, \"\");\n    else el.removeAttribute(name);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsEA,SAAgB,eAAe,EAC7B,OACA,UAAU,eAAe,OACzB,YACA,WACA,OACA,QACA,GAAG,QACmB;CACtB,MAAM,MAAM,qBAAqB,iBAAiB;CAClD,MAAM,UAAU,IAAI,eAAe;CACnC,MAAM,UAAU,IAAI,WAAW;CAC/B,MAAM,WAAW,IAAI,YAAY;CAKjC,MAAM,WAAW,iBAAiB;EAChC,MAAM;EACN,WAAW;EACX;EACA,OAAO;EACP,gBAAgB,OAAO;GAKrB,IAAI,OAAO,MAAM;IACf,aAAa,IAAI,gBAAgB,OAAO;IACxC,aAAa,IAAI,gBAAgB,OAAO;IACxC,aAAa,IAAI,iBAAiB,QAAQ;GAC5C;GACA,IAAI,cAAc,EAAE;EACtB;EACA,gBAAgB,IAAI,iBAAiB,KAAA,IAAY,KAAA,IAAY,IAAI,iBAAiB;CACpF,CAAC;CAID,MAAM,UAAU,UAA+D;EAC7E,gBAAgB;EAChB;EACA,OAAA;GALmC;GAAO;GAAS;GAAS;EAKxD;EACJ;EACA;EACA,UAAU,KAAA;EACV,KAAK;EAEL,OAAO;EACP,cAAc;GACZ,MAAM;GACN,MAAM,IAAI;GACV;GACA;GACA,gBAAgB,KAAA;GAGhB,UAAU;GACV,MAAM,IAAI;GACV,UAAU,IAAI;GACd,gBAAgB,SAAS,OAAO;GAChC,gBAAgB,SAAS,OAAO;GAChC,iBAAiB,SAAS,QAAQ;GAClC,WAAW,UAAyC;IAGlD,IAAI,UAAU;IACd,MAAM,cAAc,MAAM;IAC1B,qBAAqB,mBAAmB,IAAI,OAAO,OAAO,WAAW,GAAG,iBAAiB;GAC3F;EACF;CACF,CAAC;CAED,OAAO,sBAAsB,mBAAmB,YAAY,OAAO;AACrE;AAEA,eAAe,cAAc;AAE7B,SAAS,aAAa,IAAa,MAAc,SAAwB;CACvE,IAAI,GAAG,aAAa,IAAI,MAAM,SAAS;EACrC,IAAI,SAAS,GAAG,aAAa,MAAM,EAAE;OAChC,GAAG,gBAAgB,IAAI;CAC9B;AACF"}
+{"version":3,"file":"radio-group-item.mjs","names":[],"sources":["../../src/radio-group/radio-group-item.tsx"],"sourcesContent":["\"use client\";\nimport type { ChangeEvent, ComponentPropsWithRef, CSSProperties, ViewTransitionClass } from \"react\";\nimport { useTransitionBoundary } from \"../internal/transition-boundary.js\";\nimport { dataAttr } from \"../internal/data-attr.js\";\nimport { syncPresence } from \"../internal/sync-presence.js\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { guardCheckableChange, useNativeChecked } from \"../internal/use-native-checked.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { useRadioGroupContext } from \"./radio-group-context.js\";\n\nexport interface RadioGroupItemState {\n  readonly value: string;\n  /** Optimistic: true as soon as the user checks this radio, before the action settles. */\n  readonly checked: boolean;\n  /** The Root is pending and this radio is the optimistic target. */\n  readonly pending: boolean;\n  /** Disabled by its own prop or by `Root disabled`. */\n  readonly disabled: boolean;\n}\n\nexport interface RadioGroupItemProps extends Omit<\n  ComponentPropsWithRef<\"input\">,\n  | \"type\"\n  | \"name\"\n  | \"value\"\n  | \"checked\"\n  | \"defaultChecked\"\n  | \"defaultValue\"\n  | \"form\"\n  | \"required\"\n  | \"onChange\"\n  | \"className\"\n  | \"style\"\n  | \"children\"\n> {\n  /** The value this radio checks. Must be unique within the Root. Submitted as the form value. */\n  value: string;\n  /** Native `disabled`: unfocusable, skipped by arrow keys, never dispatches. */\n  disabled?: boolean;\n  /**\n   * Forwarded to the Item's `<ViewTransition default>`. Default: no boundary. Fires only on the commit\n   * that settles the action (or rolls it back), never on the optimistic check; animate the check\n   * itself with CSS on `:checked`.\n   *\n   * Static: without `transition` the part renders no `<ViewTransition>`; changing it between\n   * `undefined` and a value remounts the element. Any value, `\"none\"` included, makes a mount or\n   * `<Activity>` reveal of this part inside a transition start a document view transition: the\n   * page cross-fades for about 250 ms and the next transition commit waits for it (issue #35).\n   */\n  transition?: ViewTransitionClass;\n  className?: StateValue<string | undefined, RadioGroupItemState>;\n  style?: StateValue<CSSProperties | undefined, RadioGroupItemState>;\n  /** Replace the rendered element. Must keep an `<input>`; the library sets `type=\"radio\"`. */\n  render?: RenderProp<ComponentPropsWithRef<\"input\">, RadioGroupItemState>;\n}\n\n/**\n * One `<input type=\"radio\">` of the group. Its DOM `checked` is the optimistic value\n * (`checked={optimistic === value}`): react-dom restores a controlled input to its props after\n * every event, and only the sync-lane optimistic value survives that restore.\n *\n * Owned keys (conventions 1.2; a `render` element's value is overridden): `type`, `name`,\n * `value`, `checked`, `defaultChecked` (never rendered), `disabled`, `form`, `required`,\n * `data-checked`, `data-pending`, `data-disabled`. `onChange` is merged: a `render` element's own\n * handler runs first, then the library's.\n *\n * Form reset in controlled mode: React sets an input's `defaultChecked` once, from its initial\n * `checked`. An Item added on the client while the Root's `value` equals its value gets\n * `defaultChecked` too, so two radios may carry it and a reset does not necessarily return to\n * the group's mount-time value (see `RadioGroup.Root` `value`).\n */\nexport function RadioGroupItem({\n  value,\n  disabled: disabledProp = false,\n  transition,\n  className,\n  style,\n  render,\n  ...rest\n}: RadioGroupItemProps) {\n  const ctx = useRadioGroupContext(\"RadioGroup.Item\");\n  const checked = ctx.optimistic === value;\n  const pending = ctx.pending && checked;\n  const disabled = ctx.disabled || disabledProp;\n\n  // Group mode: element check and re-apply only; the Root reports the residual paths once. The\n  // hook calls `onItemMounted` at mount so that an Item mounting after its Root (a Suspense\n  // boundary that hydrates later) still gets the group reconciled.\n  const inputRef = useNativeChecked({\n    type: \"radio\",\n    component: \"RadioGroup.Item\",\n    checked,\n    group: true,\n    onItemMounted: (el) => {\n      // Hydration keeps server attributes that differ from the client render (React only warns).\n      // An Item hydrating after its Root (partial hydration, Root JSDoc) can render a different\n      // `checked` than the server did, e.g. after a click on an already hydrated radio, and a\n      // stale `data-checked` would then stay until the prop changes again.\n      if (el !== null) {\n        syncPresence(el, \"data-checked\", checked);\n        syncPresence(el, \"data-pending\", pending);\n        syncPresence(el, \"data-disabled\", disabled);\n      }\n      ctx.onItemMounted(el);\n    },\n    defaultChecked: ctx.defaultValue === undefined ? undefined : ctx.defaultValue === value,\n  });\n\n  const state: RadioGroupItemState = { value, checked, pending, disabled };\n\n  const element = useRender<ComponentPropsWithRef<\"input\">, RadioGroupItemState>({\n    defaultElement: \"input\",\n    render,\n    state,\n    className,\n    style,\n    children: undefined,\n    ref: inputRef,\n    // Pass-through layer: a `render` element's own props win over these.\n    props: rest,\n    libraryProps: {\n      type: \"radio\",\n      name: ctx.name,\n      value,\n      checked,\n      defaultChecked: undefined,\n      // Owned (Switch precedent) so that native disabledness, `data-disabled` and the click guard\n      // agree. Only the Item's own prop: `Root disabled` reaches the radio through the fieldset.\n      disabled: disabledProp,\n      form: ctx.form,\n      required: ctx.required,\n      \"data-checked\": dataAttr(checked),\n      \"data-pending\": dataAttr(pending),\n      \"data-disabled\": dataAttr(disabled),\n      onChange: (event: ChangeEvent<HTMLInputElement>) => {\n        // A natively disabled radio fires no click; this covers `render` elements that do not\n        // honour `disabled`.\n        if (disabled) return;\n        const nativeEvent = event.nativeEvent;\n        guardCheckableChange(nativeEvent, () => ctx.select(value, nativeEvent), \"RadioGroup.Item\");\n      },\n    },\n  });\n\n  return useTransitionBoundary(\"RadioGroup.Item\", transition, element);\n}\n\nRadioGroupItem.displayName = \"RadioGroupItem\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAuEA,SAAgB,eAAe,EAC7B,OACA,UAAU,eAAe,OACzB,YACA,WACA,OACA,QACA,GAAG,QACmB;CACtB,MAAM,MAAM,qBAAqB,iBAAiB;CAClD,MAAM,UAAU,IAAI,eAAe;CACnC,MAAM,UAAU,IAAI,WAAW;CAC/B,MAAM,WAAW,IAAI,YAAY;CAKjC,MAAM,WAAW,iBAAiB;EAChC,MAAM;EACN,WAAW;EACX;EACA,OAAO;EACP,gBAAgB,OAAO;GAKrB,IAAI,OAAO,MAAM;IACf,aAAa,IAAI,gBAAgB,OAAO;IACxC,aAAa,IAAI,gBAAgB,OAAO;IACxC,aAAa,IAAI,iBAAiB,QAAQ;GAC5C;GACA,IAAI,cAAc,EAAE;EACtB;EACA,gBAAgB,IAAI,iBAAiB,KAAA,IAAY,KAAA,IAAY,IAAI,iBAAiB;CACpF,CAAC;CAID,MAAM,UAAU,UAA+D;EAC7E,gBAAgB;EAChB;EACA,OAAA;GALmC;GAAO;GAAS;GAAS;EAKxD;EACJ;EACA;EACA,UAAU,KAAA;EACV,KAAK;EAEL,OAAO;EACP,cAAc;GACZ,MAAM;GACN,MAAM,IAAI;GACV;GACA;GACA,gBAAgB,KAAA;GAGhB,UAAU;GACV,MAAM,IAAI;GACV,UAAU,IAAI;GACd,gBAAgB,SAAS,OAAO;GAChC,gBAAgB,SAAS,OAAO;GAChC,iBAAiB,SAAS,QAAQ;GAClC,WAAW,UAAyC;IAGlD,IAAI,UAAU;IACd,MAAM,cAAc,MAAM;IAC1B,qBAAqB,mBAAmB,IAAI,OAAO,OAAO,WAAW,GAAG,iBAAiB;GAC3F;EACF;CACF,CAAC;CAED,OAAO,sBAAsB,mBAAmB,YAAY,OAAO;AACrE;AAEA,eAAe,cAAc"}

package/dist/select/index.d.mts

@@ -0,0 +1,30 @@
+import "../internal/platform-attributes.mjs";
+import { SelectRoot, SelectRootProps, SelectRootState, SelectValueChangeDetails } from "./select-root.mjs";
+import { SelectGroup, SelectGroupProps } from "./select-group.mjs";
+import { SelectGroupLabel, SelectGroupLabelProps } from "./select-group-label.mjs";
+import { SelectOption, SelectOptionProps, SelectOptionState } from "./select-option.mjs";
+import { SelectSeparator, SelectSeparatorProps } from "./select-separator.mjs";
+import { SelectTrigger, SelectTriggerProps } from "./select-trigger.mjs";
+import { SelectValue, SelectValueProps } from "./select-value.mjs";
+//#region src/select/index.d.ts
+/**
+ * Select: a real `<select>` (`Root`), progressively enhanced with customizable select. Optional
+ * `Trigger` (`<button>`, first child) and `Value` (`<selectedcontent>`) for rich button content,
+ * `Option` (`<option>`), `Group` (`<optgroup>`) with an optional `GroupLabel` (`<legend>`), and
+ * `Separator` (`<hr>`). The picker, its keyboard and its placement are the browser's; opt into
+ * the styled picker with `appearance: base-select` in your CSS. The selected option is the
+ * optimistic value; the Root, the Trigger and the picked Option carry `data-pending` while
+ * `valueChangeAction` is in flight.
+ */
+export declare const Select: {
+  readonly Root: typeof SelectRoot;
+  readonly Trigger: typeof SelectTrigger;
+  readonly Value: typeof SelectValue;
+  readonly Option: typeof SelectOption;
+  readonly Group: typeof SelectGroup;
+  readonly GroupLabel: typeof SelectGroupLabel;
+  readonly Separator: typeof SelectSeparator;
+};
+//#endregion
+export type { SelectGroupLabelProps, SelectGroupProps, SelectOptionProps, SelectOptionState, SelectRootProps, SelectRootState, SelectSeparatorProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueProps };
+//# sourceMappingURL=index.d.mts.map

package/dist/select/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/select/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;qBAoBa;WACX,aAAI;WACJ,gBAAO;WACP,cAAK;WACL,eAAM;WACN,cAAK;WACL,mBAAU;WACV,kBAAS"}

package/dist/select/index.mjs

@@ -0,0 +1,30 @@
+import { SelectGroup } from "./select-group.mjs";
+import { SelectGroupLabel } from "./select-group-label.mjs";
+import { SelectOption } from "./select-option.mjs";
+import { SelectRoot } from "./select-root.mjs";
+import { SelectSeparator } from "./select-separator.mjs";
+import { SelectTrigger } from "./select-trigger.mjs";
+import { SelectValue } from "./select-value.mjs";
+//#region src/select/index.ts
+/**
+* Select: a real `<select>` (`Root`), progressively enhanced with customizable select. Optional
+* `Trigger` (`<button>`, first child) and `Value` (`<selectedcontent>`) for rich button content,
+* `Option` (`<option>`), `Group` (`<optgroup>`) with an optional `GroupLabel` (`<legend>`), and
+* `Separator` (`<hr>`). The picker, its keyboard and its placement are the browser's; opt into
+* the styled picker with `appearance: base-select` in your CSS. The selected option is the
+* optimistic value; the Root, the Trigger and the picked Option carry `data-pending` while
+* `valueChangeAction` is in flight.
+*/
+const Select = {
+	Root: SelectRoot,
+	Trigger: SelectTrigger,
+	Value: SelectValue,
+	Option: SelectOption,
+	Group: SelectGroup,
+	GroupLabel: SelectGroupLabel,
+	Separator: SelectSeparator
+};
+//#endregion
+export { Select };
+
+//# sourceMappingURL=index.mjs.map

package/dist/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/select/index.ts"],"sourcesContent":["// Ships the platform typings (the `selectedcontent` element) with this subpath (conventions 7.4).\n// Type-only: the built JS has no import of it.\nimport \"../internal/platform-attributes.js\";\nimport { SelectGroup } from \"./select-group.js\";\nimport { SelectGroupLabel } from \"./select-group-label.js\";\nimport { SelectOption } from \"./select-option.js\";\nimport { SelectRoot } from \"./select-root.js\";\nimport { SelectSeparator } from \"./select-separator.js\";\nimport { SelectTrigger } from \"./select-trigger.js\";\nimport { SelectValue } from \"./select-value.js\";\n\n/**\n * Select: a real `<select>` (`Root`), progressively enhanced with customizable select. Optional\n * `Trigger` (`<button>`, first child) and `Value` (`<selectedcontent>`) for rich button content,\n * `Option` (`<option>`), `Group` (`<optgroup>`) with an optional `GroupLabel` (`<legend>`), and\n * `Separator` (`<hr>`). The picker, its keyboard and its placement are the browser's; opt into\n * the styled picker with `appearance: base-select` in your CSS. The selected option is the\n * optimistic value; the Root, the Trigger and the picked Option carry `data-pending` while\n * `valueChangeAction` is in flight.\n */\nexport const Select = {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Option: SelectOption,\n  Group: SelectGroup,\n  GroupLabel: SelectGroupLabel,\n  Separator: SelectSeparator,\n} as const;\n\nexport type { SelectRootProps, SelectRootState, SelectValueChangeDetails } from \"./select-root.js\";\nexport type { SelectTriggerProps } from \"./select-trigger.js\";\nexport type { SelectValueProps } from \"./select-value.js\";\nexport type { SelectOptionProps, SelectOptionState } from \"./select-option.js\";\nexport type { SelectGroupProps } from \"./select-group.js\";\nexport type { SelectGroupLabelProps } from \"./select-group-label.js\";\nexport type { SelectSeparatorProps } from \"./select-separator.js\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,MAAa,SAAS;CACpB,MAAM;CACN,SAAS;CACT,OAAO;CACP,QAAQ;CACR,OAAO;CACP,YAAY;CACZ,WAAW;AACb"}

package/dist/select/select-context.mjs

@@ -0,0 +1,13 @@
+"use client";
+import { createContext, use } from "react";
+//#region src/select/select-context.ts
+const SelectContext = createContext(null);
+function useSelectContext(part) {
+	const context = use(SelectContext);
+	if (context === null) throw new Error(`${part} must be rendered inside a Select.Root.`);
+	return context;
+}
+//#endregion
+export { SelectContext, useSelectContext };
+
+//# sourceMappingURL=select-context.mjs.map

package/dist/select/select-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-context.mjs","names":[],"sources":["../../src/select/select-context.ts"],"sourcesContent":["\"use client\";\nimport { createContext, use } from \"react\";\n\nexport interface SelectContextValue {\n  /** Optimistic value: Options render `data-selected` from it. */\n  readonly optimistic: string;\n  readonly pending: boolean;\n  /** `Root disabled` (natively disables the whole `<select>`). */\n  readonly disabled: boolean;\n  /** Inside a `Select.Group disabled` (`false` outside groups): Options match `:disabled`. */\n  readonly groupDisabled: boolean;\n  /**\n   * Called by each Option from its mount layout effect with its element and whether that render\n   * hydrated server HTML. Late options are re-applied, and hydrated late options reconciled\n   * (design/components/select.md 6.2).\n   */\n  readonly optionMounted: (el: HTMLOptionElement | null, hydrated: boolean) => void;\n}\n\nexport const SelectContext = createContext<SelectContextValue | null>(null);\n\nexport function useSelectContext(part: string): SelectContextValue {\n  const context = use(SelectContext);\n  if (context === null) {\n    throw new Error(`${part} must be rendered inside a Select.Root.`);\n  }\n  return context;\n}\n"],"mappings":";;;AAmBA,MAAa,gBAAgB,cAAyC,IAAI;AAE1E,SAAgB,iBAAiB,MAAkC;CACjE,MAAM,UAAU,IAAI,aAAa;CACjC,IAAI,YAAY,MACd,MAAM,IAAI,MAAM,GAAG,KAAK,wCAAwC;CAElE,OAAO;AACT"}

package/dist/select/select-dom.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { useCallback, useRef } from "react";
+//#region src/select/select-dom.ts
+const isDev = process.env.NODE_ENV !== "production";
+/**
+* The library ref of a Select part: stores the node in `node` and, in development,
+* warns once per instance when the mounted element is not `<tag>` (conventions 1.2: Select's parts
+* keep their native elements) or when `position` reports a misplaced element (a message, or
+* `null` when the element is where HTML wants it). Ref callbacks run in the layout phase, when
+* the element's siblings are in place.
+*/
+function useSelectPartRef(component, tag, position) {
+	const node = useRef(null);
+	const warnedTag = useRef(false);
+	const warnedPosition = useRef(false);
+	return {
+		ref: useCallback((el) => {
+			node.current = el;
+			if (isDev && !warnedTag.current && el.tagName !== tag.toUpperCase()) {
+				warnedTag.current = true;
+				console.error(`${component}: expected to render a <${tag}> element but got <${el.tagName.toLowerCase()}>. The parser, the picker and <selectedcontent> cloning key on the native element; a \`render\` element must keep it.`);
+			}
+			if (isDev && position && !warnedPosition.current) {
+				const message = position(el);
+				if (message !== null) {
+					warnedPosition.current = true;
+					console.error(`${component}: ${message}`);
+				}
+			}
+			return () => {
+				node.current = null;
+			};
+		}, [
+			component,
+			tag,
+			position
+		]),
+		node
+	};
+}
+//#endregion
+export { useSelectPartRef };
+
+//# sourceMappingURL=select-dom.mjs.map

package/dist/select/select-dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-dom.mjs","names":[],"sources":["../../src/select/select-dom.ts"],"sourcesContent":["\"use client\";\nimport { useCallback, useRef } from \"react\";\nimport type { RefCallback, RefObject } from \"react\";\n\nconst isDev = process.env.NODE_ENV !== \"production\";\n\nexport interface SelectPartRef<E extends Element> {\n  /** The library ref to pass to `useRender`. */\n  readonly ref: RefCallback<E>;\n  /** The mounted element. Read it from effects and handlers only. */\n  readonly node: RefObject<E | null>;\n}\n\n/**\n * The library ref of a Select part: stores the node in `node` and, in development,\n * warns once per instance when the mounted element is not `<tag>` (conventions 1.2: Select's parts\n * keep their native elements) or when `position` reports a misplaced element (a message, or\n * `null` when the element is where HTML wants it). Ref callbacks run in the layout phase, when\n * the element's siblings are in place.\n */\nexport function useSelectPartRef<E extends Element>(\n  component: string,\n  tag: string,\n  position?: (el: E) => string | null,\n): SelectPartRef<E> {\n  const node = useRef<E | null>(null);\n  const warnedTag = useRef(false);\n  const warnedPosition = useRef(false);\n  const ref = useCallback(\n    (el: E) => {\n      node.current = el;\n      if (isDev && !warnedTag.current && el.tagName !== tag.toUpperCase()) {\n        warnedTag.current = true;\n        console.error(\n          `${component}: expected to render a <${tag}> element but got ` +\n            `<${el.tagName.toLowerCase()}>. The parser, the picker and <selectedcontent> cloning ` +\n            `key on the native element; a \\`render\\` element must keep it.`,\n        );\n      }\n      if (isDev && position && !warnedPosition.current) {\n        const message = position(el);\n        if (message !== null) {\n          warnedPosition.current = true;\n          console.error(`${component}: ${message}`);\n        }\n      }\n      return () => {\n        node.current = null;\n      };\n    },\n    // `position` is a module-level function at every call site, so the callback is stable.\n    [component, tag, position],\n  );\n  return { ref, node };\n}\n"],"mappings":";;;AAIA,MAAM,QAAQ,QAAQ,IAAI,aAAa;;;;;;;;AAgBvC,SAAgB,iBACd,WACA,KACA,UACkB;CAClB,MAAM,OAAO,OAAiB,IAAI;CAClC,MAAM,YAAY,OAAO,KAAK;CAC9B,MAAM,iBAAiB,OAAO,KAAK;CA0BnC,OAAO;EAAE,KAzBG,aACT,OAAU;GACT,KAAK,UAAU;GACf,IAAI,SAAS,CAAC,UAAU,WAAW,GAAG,YAAY,IAAI,YAAY,GAAG;IACnE,UAAU,UAAU;IACpB,QAAQ,MACN,GAAG,UAAU,0BAA0B,IAAI,qBACrC,GAAG,QAAQ,YAAY,EAAE,sHAEjC;GACF;GACA,IAAI,SAAS,YAAY,CAAC,eAAe,SAAS;IAChD,MAAM,UAAU,SAAS,EAAE;IAC3B,IAAI,YAAY,MAAM;KACpB,eAAe,UAAU;KACzB,QAAQ,MAAM,GAAG,UAAU,IAAI,SAAS;IAC1C;GACF;GACA,aAAa;IACX,KAAK,UAAU;GACjB;EACF,GAEA;GAAC;GAAW;GAAK;EAAQ,CAEhB;EAAG;CAAK;AACrB"}

package/dist/select/select-group-label.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { SelectRootState } from "./select-root.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/select/select-group-label.d.ts
+export interface SelectGroupLabelProps extends Omit<ComponentPropsWithRef<"legend">, "className" | "style" | "children"> {
+  className?: StateValue<string | undefined, SelectRootState>;
+  style?: StateValue<CSSProperties | undefined, SelectRootState>;
+  children?: StateValue<ReactNode, SelectRootState>;
+  /** Replace the rendered element. Must keep a `<legend>`. */
+  render?: RenderProp<ComponentPropsWithRef<"legend">, SelectRootState>;
+}
+/**
+ * The rich label of a `Select.Group`: a `<legend>`, rendered by engines with customizable select.
+ * Optional; must be the **first child** of its Group. Keep its text equal to the Group's `label`,
+ * which native pickers and assistive technology use. Owns no keys.
+ */
+export declare function SelectGroupLabel({ className, style, children, render, ...rest }: SelectGroupLabelProps): ReactNode;
+export declare namespace SelectGroupLabel {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=select-group-label.d.mts.map

package/dist/select/select-group-label.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-group-label.d.mts","names":[],"sources":["../../src/select/select-group-label.tsx"],"mappings":";;;;iBAQiB,8BAA8B,KAC7C;EAGA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;EAC9C,WAAW,WAAW,WAAW;;EAEjC,SAAS,WAAW,iCAAiC;;;;;;;wBAcvC,mBACd,WACA,OACA,UACA,WACG,QACF,wBAAqB;yBANR"}

package/dist/select/select-group-label.mjs

@@ -0,0 +1,39 @@
+"use client";
+import { useRender } from "../internal/use-render.mjs";
+import { useSelectContext } from "./select-context.mjs";
+import { useSelectPartRef } from "./select-dom.mjs";
+//#region src/select/select-group-label.tsx
+function firstChildOfGroup(el) {
+	const parent = el.parentElement;
+	if (parent?.tagName === "OPTGROUP" && parent.firstElementChild === el) return null;
+	return "must be the first child of a Select.Group's <optgroup> (HTML content model).";
+}
+/**
+* The rich label of a `Select.Group`: a `<legend>`, rendered by engines with customizable select.
+* Optional; must be the **first child** of its Group. Keep its text equal to the Group's `label`,
+* which native pickers and assistive technology use. Owns no keys.
+*/
+function SelectGroupLabel({ className, style, children, render, ...rest }) {
+	const ctx = useSelectContext("Select.GroupLabel");
+	const state = {
+		value: ctx.optimistic,
+		pending: ctx.pending,
+		disabled: ctx.disabled
+	};
+	const { ref } = useSelectPartRef("Select.GroupLabel", "legend", firstChildOfGroup);
+	return useRender({
+		defaultElement: "legend",
+		render,
+		state,
+		className,
+		style,
+		children,
+		props: rest,
+		ref
+	});
+}
+SelectGroupLabel.displayName = "SelectGroupLabel";
+//#endregion
+export { SelectGroupLabel };
+
+//# sourceMappingURL=select-group-label.mjs.map

package/dist/select/select-group-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-group-label.mjs","names":[],"sources":["../../src/select/select-group-label.tsx"],"sourcesContent":["\"use client\";\nimport type { ComponentPropsWithRef, CSSProperties, ReactNode } from \"react\";\nimport type { RenderProp, StateValue } from \"../internal/types.js\";\nimport { useRender } from \"../internal/use-render.js\";\nimport { useSelectContext } from \"./select-context.js\";\nimport { useSelectPartRef } from \"./select-dom.js\";\nimport type { SelectRootState } from \"./select-root.js\";\n\nexport interface SelectGroupLabelProps extends Omit<\n  ComponentPropsWithRef<\"legend\">,\n  \"className\" | \"style\" | \"children\"\n> {\n  className?: StateValue<string | undefined, SelectRootState>;\n  style?: StateValue<CSSProperties | undefined, SelectRootState>;\n  children?: StateValue<ReactNode, SelectRootState>;\n  /** Replace the rendered element. Must keep a `<legend>`. */\n  render?: RenderProp<ComponentPropsWithRef<\"legend\">, SelectRootState>;\n}\n\nfunction firstChildOfGroup(el: HTMLLegendElement): string | null {\n  const parent = el.parentElement;\n  if (parent?.tagName === \"OPTGROUP\" && parent.firstElementChild === el) return null;\n  return \"must be the first child of a Select.Group's <optgroup> (HTML content model).\";\n}\n\n/**\n * The rich label of a `Select.Group`: a `<legend>`, rendered by engines with customizable select.\n * Optional; must be the **first child** of its Group. Keep its text equal to the Group's `label`,\n * which native pickers and assistive technology use. Owns no keys.\n */\nexport function SelectGroupLabel({\n  className,\n  style,\n  children,\n  render,\n  ...rest\n}: SelectGroupLabelProps) {\n  const ctx = useSelectContext(\"Select.GroupLabel\");\n  const state: SelectRootState = {\n    value: ctx.optimistic,\n    pending: ctx.pending,\n    disabled: ctx.disabled,\n  };\n  const { ref } = useSelectPartRef<HTMLLegendElement>(\n    \"Select.GroupLabel\",\n    \"legend\",\n    firstChildOfGroup,\n  );\n  return useRender<ComponentPropsWithRef<\"legend\">, SelectRootState>({\n    defaultElement: \"legend\",\n    render,\n    state,\n    className,\n    style,\n    children,\n    props: rest,\n    ref,\n  });\n}\n\nSelectGroupLabel.displayName = \"SelectGroupLabel\";\n"],"mappings":";;;;;AAmBA,SAAS,kBAAkB,IAAsC;CAC/D,MAAM,SAAS,GAAG;CAClB,IAAI,QAAQ,YAAY,cAAc,OAAO,sBAAsB,IAAI,OAAO;CAC9E,OAAO;AACT;;;;;;AAOA,SAAgB,iBAAiB,EAC/B,WACA,OACA,UACA,QACA,GAAG,QACqB;CACxB,MAAM,MAAM,iBAAiB,mBAAmB;CAChD,MAAM,QAAyB;EAC7B,OAAO,IAAI;EACX,SAAS,IAAI;EACb,UAAU,IAAI;CAChB;CACA,MAAM,EAAE,QAAQ,iBACd,qBACA,UACA,iBACF;CACA,OAAO,UAA4D;EACjE,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;CACF,CAAC;AACH;AAEA,iBAAiB,cAAc"}

package/dist/select/select-group.d.mts

@@ -0,0 +1,28 @@
+import { RenderProp, StateValue } from "../internal/types.mjs";
+import { SelectRootState } from "./select-root.mjs";
+import { CSSProperties, ComponentPropsWithRef, ReactNode } from "react";
+//#region src/select/select-group.d.ts
+export interface SelectGroupProps extends Omit<ComponentPropsWithRef<"optgroup">, "label" | "className" | "style" | "children"> {
+  /**
+   * The `<optgroup label>`: shown by native pickers (Firefox today) and read by assistive
+   * technology. Required. Keep it equal to the text of a `Select.GroupLabel`, if any.
+   */
+  label: string;
+  /** Native `disabled`: every option in the group is disabled. */
+  disabled?: boolean;
+  className?: StateValue<string | undefined, SelectRootState>;
+  style?: StateValue<CSSProperties | undefined, SelectRootState>;
+  children?: StateValue<ReactNode, SelectRootState>;
+  /** Replace the rendered element. Must keep an `<optgroup>`. */
+  render?: RenderProp<ComponentPropsWithRef<"optgroup">, SelectRootState>;
+}
+/**
+ * An `<optgroup>` of options. Its state is the Root's state. Owned key: `label`. Its `disabled`
+ * reaches the Options' `state.disabled` / `data-disabled` through context, as `:disabled` does.
+ */
+export declare function SelectGroup({ label, disabled, className, style, children, render, ...rest }: SelectGroupProps): import("react").JSX.Element;
+export declare namespace SelectGroup {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=select-group.d.mts.map

package/dist/select/select-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-group.d.mts","names":[],"sources":["../../src/select/select-group.tsx"],"mappings":";;;;iBAQiB,yBAAyB,KACxC;;;;;EAOA;;EAEA;EACA,YAAY,+BAA+B;EAC3C,QAAQ,WAAW,2BAA2B;EAC9C,WAAW,WAAW,WAAW;;EAEjC,SAAS,WAAW,mCAAmC;;;;;;wBAOzC,cACd,OACA,UACA,WACA,OACA,UACA,WACG,QACF,mCAAgB,IAAA;yBARH"}