@apostel/bedrock 0.1.0

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

@@ -0,0 +1,29 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface ScrollAreaProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    /** `auto` shows scrollbars only when there is something to scroll. */
+    type?: 'auto' | 'always' | 'hover';
+}
+/**
+ * A scroll container. Radix rebuilds scrollbars out of divs because browsers
+ * used to disagree about styling them; `scrollbar-width` and `scrollbar-color`
+ * are now the standard way, and `::-webkit-scrollbar` remains for the parts they
+ * do not cover.
+ *
+ * What that costs: no custom scrollbar *elements*, so a design with a scrollbar
+ * that has its own hover animation or sits outside the box is a redesign. What
+ * it buys: momentum scrolling, overscroll behaviour, the scroll anchoring the
+ * browser does, and no wheel listeners.
+ */
+export declare function ScrollAreaRoot({ asChild, type, style, ...props }: ScrollAreaProps): import("react").JSX.Element;
+export interface ScrollAreaViewportProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+}
+/** Kept so Radix-shaped markup compiles; the root is already the viewport. */
+export declare function ScrollAreaViewport({ asChild, ...props }: ScrollAreaViewportProps): import("react").JSX.Element;
+export interface ScrollAreaScrollbarProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+}
+/** Renders nothing — the scrollbar is the browser's. */
+export declare function ScrollAreaScrollbar({ className }: ScrollAreaScrollbarProps): null;
+export declare function ScrollAreaThumb(): null;
+export declare function ScrollAreaCorner(): null;
+//# sourceMappingURL=parts.d.ts.map

package/dist/scroll-area/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/scroll-area/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAA8B,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IACjF,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;CACnC;AAQD;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,IAAa,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAU1F;AAED,MAAM,WAAW,uBAAwB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;CAAG;AAE9F,8EAA8E;AAC9E,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,+BAIhF;AAID,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;CAAG;AAE/F,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,QAU1E;AAED,wBAAgB,eAAe,SAE9B;AAED,wBAAgB,gBAAgB,SAE/B"}

package/dist/scroll-area/parts.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '../slot.js';
+const SCROLLBAR = {
+    auto: 'auto',
+    always: 'scroll',
+    hover: 'auto',
+};
+/**
+ * A scroll container. Radix rebuilds scrollbars out of divs because browsers
+ * used to disagree about styling them; `scrollbar-width` and `scrollbar-color`
+ * are now the standard way, and `::-webkit-scrollbar` remains for the parts they
+ * do not cover.
+ *
+ * What that costs: no custom scrollbar *elements*, so a design with a scrollbar
+ * that has its own hover animation or sits outside the box is a redesign. What
+ * it buys: momentum scrolling, overscroll behaviour, the scroll anchoring the
+ * browser does, and no wheel listeners.
+ */
+export function ScrollAreaRoot({ asChild, type = 'auto', style, ...props }) {
+    const Part = asChild ? Slot : 'div';
+    return (_jsx(Part, { ...props, style: { overflow: SCROLLBAR[type] ?? 'auto', ...style }, "data-bedrock-scroll-area": "" }));
+}
+/** Kept so Radix-shaped markup compiles; the root is already the viewport. */
+export function ScrollAreaViewport({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'div';
+    return _jsx(Part, { ...props, "data-bedrock-scroll-area-viewport": "" });
+}
+let warned = false;
+/** Renders nothing — the scrollbar is the browser's. */
+export function ScrollAreaScrollbar({ className }) {
+    if (process.env.NODE_ENV !== 'production' && className && !warned) {
+        warned = true;
+        console.warn('[bedrock] ScrollArea.Scrollbar renders nothing — the scrollbar is the browser’s. ' +
+            'Use scrollbar-width / scrollbar-color, or ::-webkit-scrollbar, on ScrollArea.Root.');
+    }
+    return null;
+}
+export function ScrollAreaThumb() {
+    return null;
+}
+export function ScrollAreaCorner() {
+    return null;
+}
+//# sourceMappingURL=parts.js.map

package/dist/scroll-area/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/scroll-area/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,MAAM,SAAS,GAA2B;IACxC,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,MAAM;CACd,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IACzF,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,MAAM,EAAE,GAAG,KAAK,EAAmB,8BAChD,EAAE,GAC3B,CACH,CAAA;AACH,CAAC;AAID,8EAA8E;AAC9E,MAAM,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAA2B;IAC/E,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,KAAC,IAAI,OAAK,KAAK,uCAAoC,EAAE,GAAG,CAAA;AACjE,CAAC;AAED,IAAI,MAAM,GAAG,KAAK,CAAA;AAIlB,wDAAwD;AACxD,MAAM,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAA4B;IACzE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,GAAG,IAAI,CAAA;QACb,OAAO,CAAC,IAAI,CACV,mFAAmF;YACjF,oFAAoF,CACvF,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,eAAe;IAC7B,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/select/parts.d.ts

@@ -0,0 +1,57 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface SelectRootProps extends Omit<ComponentPropsWithRef<'select'>, 'value' | 'defaultValue'>, AsChildProps {
+    defaultValue?: string;
+    value?: string;
+    onValueChange?(value: string): void;
+}
+/**
+ * A real `<select>`, made stylable by `appearance: base-select`.
+ *
+ * That is the whole primitive. Listbox semantics, typeahead, the mobile picker,
+ * form participation, `:open` — all of it is the element's, including the parts
+ * Radix has to rebuild and the parts it cannot (a native picker on a phone).
+ *
+ * The structure the customizable-select spec expects is the structure Radix
+ * already has, which is why the part names line up so well:
+ *
+ *   <select>            Select.Root
+ *     <button>          Select.Trigger
+ *       <selectedcontent>   Select.Value
+ *     <option>          Select.Item
+ */
+export declare function SelectRoot({ asChild, onValueChange, onChange, style, ...props }: SelectRootProps): import("react").JSX.Element;
+export interface SelectTriggerProps extends ComponentPropsWithRef<'button'>, AsChildProps {
+}
+/** The in-select button. Only rendered as one under `appearance: base-select`. */
+export declare function SelectTrigger({ asChild, style, ...props }: SelectTriggerProps): import("react").JSX.Element;
+export interface SelectValueProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/**
+ * `<selectedcontent>`, which mirrors the chosen option's markup — so an option
+ * with an icon and two lines of text shows both in the closed state without
+ * anyone duplicating it into a `Value` render prop.
+ */
+export declare function SelectValue({ asChild, ...props }: SelectValueProps): import("react").JSX.Element;
+export interface SelectContentProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+}
+/** The picker's box. It is the select's own popover, so nothing is portalled. */
+export declare function SelectContent({ asChild, style, ...props }: SelectContentProps): import("react").JSX.Element;
+export interface SelectItemProps extends ComponentPropsWithRef<'option'>, AsChildProps {
+    value: string;
+}
+export declare function SelectItem({ asChild, ...props }: SelectItemProps): import("react").JSX.Element;
+export interface SelectItemTextProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+export declare function SelectItemText({ asChild, ...props }: SelectItemTextProps): import("react").JSX.Element;
+export interface SelectItemIndicatorProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/** Renders nothing — the tick is `::checkmark` on the selected option. */
+export declare function SelectItemIndicator({ className }: SelectItemIndicatorProps): null;
+export interface SelectGroupProps extends ComponentPropsWithRef<'optgroup'>, AsChildProps {
+}
+export declare function SelectGroup({ asChild, ...props }: SelectGroupProps): import("react").JSX.Element;
+export interface SelectSeparatorProps extends ComponentPropsWithRef<'hr'>, AsChildProps {
+}
+export declare function SelectSeparator({ asChild, ...props }: SelectSeparatorProps): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/select/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/select/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,qBAAqB,EAG3B,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM5C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,cAAc,CAAC,EAAE,YAAY;IACrF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAqBhG;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY;CAAG;AAE5F,kFAAkF;AAClF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAI7E;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAExF;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIlE;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;CAAG;AAEzF,iFAAiF;AACjF,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,+BAI7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY;IACpF,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAIhE;AAED,MAAM,WAAW,mBAAoB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAE3F,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAIxE;AAID,MAAM,WAAW,wBAAyB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAEhG,0EAA0E;AAC1E,wBAAgB,mBAAmB,CAAC,EAAE,SAAS,EAAE,EAAE,wBAAwB,QAS1E;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,UAAU,CAAC,EAAE,YAAY;CAAG;AAE5F,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BAIlE;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,IAAI,CAAC,EAAE,YAAY;CAAG;AAE1F,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,+BAI1E"}

package/dist/select/parts.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, } from 'react';
+import { Slot } from '../slot.js';
+/** csstype does not know `base-select` yet; the browser does. */
+const BASE_SELECT = (style) => ({ appearance: 'base-select', ...style });
+/**
+ * A real `<select>`, made stylable by `appearance: base-select`.
+ *
+ * That is the whole primitive. Listbox semantics, typeahead, the mobile picker,
+ * form participation, `:open` — all of it is the element's, including the parts
+ * Radix has to rebuild and the parts it cannot (a native picker on a phone).
+ *
+ * The structure the customizable-select spec expects is the structure Radix
+ * already has, which is why the part names line up so well:
+ *
+ *   <select>            Select.Root
+ *     <button>          Select.Trigger
+ *       <selectedcontent>   Select.Value
+ *     <option>          Select.Item
+ */
+export function SelectRoot({ asChild, onValueChange, onChange, style, ...props }) {
+    const Part = asChild ? Slot : 'select';
+    const handleChange = useCallback((event) => {
+        onChange?.(event);
+        onValueChange?.(event.currentTarget.value);
+    }, [onChange, onValueChange]);
+    return (_jsx(Part, { ...props, 
+        // Opting in to the stylable form. Without support the declaration is
+        // dropped and this is an ordinary OS dropdown: accessible, unstylable.
+        style: BASE_SELECT(style), onChange: handleChange, "data-bedrock-select": "" }));
+}
+/** The in-select button. Only rendered as one under `appearance: base-select`. */
+export function SelectTrigger({ asChild, style, ...props }) {
+    const Part = asChild ? Slot : 'button';
+    return _jsx(Part, { ...props, type: "button", style: BASE_SELECT(style), "data-bedrock-select-trigger": "" });
+}
+/**
+ * `<selectedcontent>`, which mirrors the chosen option's markup — so an option
+ * with an icon and two lines of text shows both in the closed state without
+ * anyone duplicating it into a `Value` render prop.
+ */
+export function SelectValue({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'selectedcontent';
+    return _jsx(Part, { ...props, "data-bedrock-select-value": "" });
+}
+/** The picker's box. It is the select's own popover, so nothing is portalled. */
+export function SelectContent({ asChild, style, ...props }) {
+    const Part = asChild ? Slot : 'div';
+    return _jsx(Part, { ...props, style: BASE_SELECT(style), "data-bedrock-select-content": "" });
+}
+export function SelectItem({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'option';
+    return _jsx(Part, { ...props, "data-bedrock-select-item": "" });
+}
+export function SelectItemText({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'span';
+    return _jsx(Part, { ...props, "data-bedrock-select-item-text": "" });
+}
+let warned = false;
+/** Renders nothing — the tick is `::checkmark` on the selected option. */
+export function SelectItemIndicator({ className }) {
+    if (process.env.NODE_ENV !== 'production' && className && !warned) {
+        warned = true;
+        console.warn('[bedrock] Select.ItemIndicator renders nothing — style option::checkmark instead.');
+    }
+    return null;
+}
+export function SelectGroup({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'optgroup';
+    return _jsx(Part, { ...props, "data-bedrock-select-group": "" });
+}
+export function SelectSeparator({ asChild, ...props }) {
+    const Part = asChild ? Slot : 'hr';
+    return _jsx(Part, { ...props, "data-bedrock-select-separator": "" });
+}
+//# sourceMappingURL=parts.js.map

package/dist/select/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/select/parts.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,GAKZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B,iEAAiE;AACjE,MAAM,WAAW,GAAG,CAAC,KAAgC,EAAiB,EAAE,CACtE,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,CAAkB,CAAA;AAS5D;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAmB;IAC/F,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAqC,EAAE,EAAE;QACxC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACjB,aAAa,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC5C,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,OACC,KAAK;QACT,qEAAqE;QACrE,uEAAuE;QACvE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EACzB,QAAQ,EAAE,YAAY,yBACF,EAAE,GACtB,CACH,CAAA;AACH,CAAC;AAID,kFAAkF;AAClF,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAsB;IAC5E,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnD,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,iCAA8B,EAAE,GAAG,CAAA;AACpG,CAAC;AAID;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAoB;IACjE,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAE,iBAAiC,CAAA;IAE7E,OAAO,KAAC,IAAI,OAAK,KAAK,+BAA4B,EAAE,GAAG,CAAA;AACzD,CAAC;AAID,iFAAiF;AACjF,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,KAAK,EAAsB;IAC5E,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,KAAC,IAAI,OAAK,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,iCAA8B,EAAE,GAAG,CAAA;AACtF,CAAC;AAMD,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAmB;IAC/D,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnD,OAAO,KAAC,IAAI,OAAK,KAAK,8BAA2B,EAAE,GAAG,CAAA;AACxD,CAAC;AAID,MAAM,UAAU,cAAc,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAuB;IACvE,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAA;IAEjD,OAAO,KAAC,IAAI,OAAK,KAAK,mCAAgC,EAAE,GAAG,CAAA;AAC7D,CAAC;AAED,IAAI,MAAM,GAAG,KAAK,CAAA;AAIlB,0EAA0E;AAC1E,MAAM,UAAU,mBAAmB,CAAC,EAAE,SAAS,EAA4B;IACzE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,GAAG,IAAI,CAAA;QACb,OAAO,CAAC,IAAI,CACV,mFAAmF,CACpF,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAID,MAAM,UAAU,WAAW,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAoB;IACjE,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAA;IAErD,OAAO,KAAC,IAAI,OAAK,KAAK,+BAA4B,EAAE,GAAG,CAAA;AACzD,CAAC;AAID,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAwB;IACzE,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;IAE/C,OAAO,KAAC,IAAI,OAAK,KAAK,mCAAgC,EAAE,GAAG,CAAA;AAC7D,CAAC"}

package/dist/separator/parts.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface SeparatorProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    orientation?: 'horizontal' | 'vertical';
+    /** A line that is only visual. Removes it from the accessibility tree. */
+    decorative?: boolean;
+}
+/**
+ * `<hr>` would be the native element, but it cannot be vertical without
+ * fighting its own UA styles, and a decorative separator has to leave the
+ * accessibility tree entirely — which `role="none"` on a div does cleanly.
+ */
+export declare function SeparatorRoot({ asChild, orientation, decorative, ...props }: SeparatorProps): import("react").JSX.Element;
+//# sourceMappingURL=parts.d.ts.map

package/dist/separator/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/separator/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,MAAM,OAAO,CAAA;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IAChF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,WAA0B,EAC1B,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,cAAc,+BAchB"}

package/dist/separator/parts.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '../slot.js';
+/**
+ * `<hr>` would be the native element, but it cannot be vertical without
+ * fighting its own UA styles, and a decorative separator has to leave the
+ * accessibility tree entirely — which `role="none"` on a div does cleanly.
+ */
+export function SeparatorRoot({ asChild, orientation = 'horizontal', decorative = false, ...props }) {
+    const Part = asChild ? Slot : 'div';
+    return (_jsx(Part, { ...props, 
+        // `aria-orientation` is only meaningful on a real separator, and only
+        // vertical is worth stating: horizontal is the default.
+        role: decorative ? 'none' : 'separator', "aria-orientation": !decorative && orientation === 'vertical' ? 'vertical' : undefined, "data-orientation": orientation, "data-bedrock-separator": "" }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/separator/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/separator/parts.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAS9B;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,OAAO,EACP,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EACO;IACf,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,OAAO,CACL,KAAC,IAAI,OACC,KAAK;QACT,sEAAsE;QACtE,wDAAwD;QACxD,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,sBACrB,CAAC,UAAU,IAAI,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,sBAClE,WAAW,4BACN,EAAE,GACzB,CACH,CAAA;AACH,CAAC"}

package/dist/slider/parts.d.ts

@@ -0,0 +1,32 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface SliderProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'value' | 'defaultValue'>, AsChildProps {
+    defaultValue?: number;
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    orientation?: 'horizontal' | 'vertical';
+    onValueChange?(value: number): void;
+}
+/**
+ * An `<input type="range">`. Keyboard, `aria-valuenow`, page-up and page-down,
+ * touch, and the pointer capture that makes dragging work are all the element's.
+ *
+ * Radix implements every one of those. The cost of not doing so is real and
+ * named in the docs: this takes a single value, because a range input has one
+ * thumb and a two-thumb range has no native equivalent.
+ */
+/**
+ * `children` is accepted and dropped. Radix nests Track, Range and Thumb inside
+ * the root, and an `<input>` is a void element that React refuses to give
+ * children to — so the markup would not compile at all. Dropping them lets
+ * Radix-shaped code keep its shape while the element stays one element.
+ */
+export declare function SliderRoot({ asChild, children: _children, orientation, onValueChange, onChange, style, ...props }: SliderProps): import("react").JSX.Element;
+export interface SliderPartProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+export declare function SliderTrack({ className }: SliderPartProps): null;
+export declare function SliderRange({ className }: SliderPartProps): null;
+export declare function SliderThumb({ className }: SliderPartProps): null;
+//# sourceMappingURL=parts.d.ts.map

package/dist/slider/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/slider/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAA;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,CAAC,EAAE,YAAY;IAC7F,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,aAAa,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACpC;AAED;;;;;;;GAOG;AACH;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,WAA0B,EAC1B,aAAa,EACb,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,+BAuBb;AAID,MAAM,WAAW,eAAgB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAmBvF,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,QAEzD;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,QAEzD;AAED,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,QAEzD"}

package/dist/slider/parts.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Slot } from '../slot.js';
+/**
+ * An `<input type="range">`. Keyboard, `aria-valuenow`, page-up and page-down,
+ * touch, and the pointer capture that makes dragging work are all the element's.
+ *
+ * Radix implements every one of those. The cost of not doing so is real and
+ * named in the docs: this takes a single value, because a range input has one
+ * thumb and a two-thumb range has no native equivalent.
+ */
+/**
+ * `children` is accepted and dropped. Radix nests Track, Range and Thumb inside
+ * the root, and an `<input>` is a void element that React refuses to give
+ * children to — so the markup would not compile at all. Dropping them lets
+ * Radix-shaped code keep its shape while the element stays one element.
+ */
+export function SliderRoot({ asChild, children: _children, orientation = 'horizontal', onValueChange, onChange, style, ...props }) {
+    const Part = asChild ? Slot : 'input';
+    const handleChange = useCallback((event) => {
+        onChange?.(event);
+        onValueChange?.(event.currentTarget.valueAsNumber);
+    }, [onChange, onValueChange]);
+    return (_jsx(Part, { ...props, type: "range", 
+        // A vertical range input is a writing mode, not a transform: the arrow
+        // keys and the drag direction follow it, which a rotation would break.
+        style: orientation === 'vertical' ? { writingMode: 'vertical-rl', ...style } : style, "data-orientation": orientation, onChange: handleChange, "data-bedrock-slider": "" }));
+}
+let warned = false;
+/**
+ * Track, Range and Thumb all render nothing — an `<input>` has no children.
+ * `::-webkit-slider-runnable-track` and `::-webkit-slider-thumb` are the hooks,
+ * after `appearance: none`.
+ */
+function nothing(className, part) {
+    if (process.env.NODE_ENV !== 'production' && className && !warned) {
+        warned = true;
+        console.warn(`[bedrock] Slider.${part} renders nothing — an <input> has no children. ` +
+            'Style ::-webkit-slider-runnable-track and ::-webkit-slider-thumb on Slider.Root.');
+    }
+    return null;
+}
+export function SliderTrack({ className }) {
+    return nothing(className, 'Track');
+}
+export function SliderRange({ className }) {
+    return nothing(className, 'Range');
+}
+export function SliderThumb({ className }) {
+    return nothing(className, 'Thumb');
+}
+//# sourceMappingURL=parts.js.map

package/dist/slider/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/slider/parts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAkE,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAc9B;;;;;;;GAOG;AACH;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,WAAW,GAAG,YAAY,EAC1B,aAAa,EACb,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IAElD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAoC,EAAE,EAAE;QACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACjB,aAAa,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;IACpD,CAAC,EACD,CAAC,QAAQ,EAAE,aAAa,CAAC,CAC1B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,OACC,KAAK,EACT,IAAI,EAAC,OAAO;QACZ,uEAAuE;QACvE,uEAAuE;QACvE,KAAK,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,sBAClE,WAAW,EAC7B,QAAQ,EAAE,YAAY,yBACF,EAAE,GACtB,CACH,CAAA;AACH,CAAC;AAED,IAAI,MAAM,GAAG,KAAK,CAAA;AAIlB;;;;GAIG;AACH,SAAS,OAAO,CAAC,SAA6B,EAAE,IAAY;IAC1D,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,GAAG,IAAI,CAAA;QACb,OAAO,CAAC,IAAI,CACV,oBAAoB,IAAI,iDAAiD;YACvE,kFAAkF,CACrF,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAmB;IACxD,OAAO,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAmB;IACxD,OAAO,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAmB;IACxD,OAAO,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;AACpC,CAAC"}

package/dist/slot.d.ts

@@ -0,0 +1,3 @@
+import type { SlotProps } from './types.js';
+export declare function Slot({ children, ...slotProps }: SlotProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//# sourceMappingURL=slot.d.ts.map

package/dist/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../src/slot.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAY,SAAS,EAAE,MAAM,SAAS,CAAA;AAuClD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,8FAazD"}

package/dist/slot.js

@@ -0,0 +1,49 @@
+import { cloneElement, isValidElement } from 'react';
+import { useComposedRefs } from './compose-refs.js';
+/**
+ * Merges the props a part wanted to render onto the child it was handed.
+ *
+ * The child wins on plain values, because `asChild` exists so consumers can
+ * override what we would have rendered. The exceptions are the three props
+ * where losing one side silently breaks something: handlers both run, styles
+ * merge, class names concatenate.
+ */
+function mergeProps(slotProps, childProps) {
+    const merged = { ...slotProps, ...childProps };
+    for (const key of Object.keys(childProps)) {
+        const ours = slotProps[key];
+        const theirs = childProps[key];
+        if (/^on[A-Z]/.test(key)) {
+            if (typeof ours === 'function' && typeof theirs === 'function') {
+                // Child first, so ours can read `event.defaultPrevented` and stand down.
+                merged[key] = (...args) => {
+                    ;
+                    theirs(...args);
+                    ours(...args);
+                };
+            }
+            else if (typeof ours === 'function') {
+                merged[key] = ours;
+            }
+        }
+        else if (key === 'style') {
+            merged[key] = { ...ours, ...theirs };
+        }
+        else if (key === 'className') {
+            merged[key] = [ours, theirs].filter(Boolean).join(' ');
+        }
+    }
+    return merged;
+}
+export function Slot({ children, ...slotProps }) {
+    if (!isValidElement(children)) {
+        throw new Error('[bedrock] asChild expects exactly one React element child.');
+    }
+    const childProps = children.props;
+    const merged = mergeProps(slotProps, childProps);
+    // Ours reads the node for tag validation and, under the controlled root, for
+    // event wiring; theirs must keep working regardless.
+    merged.ref = useComposedRefs(slotProps.ref, childProps.ref);
+    return cloneElement(children, merged);
+}
+//# sourceMappingURL=slot.js.map

package/dist/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../src/slot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAKhD;;;;;;;GAOG;AACH,SAAS,UAAU,CAAC,SAAmB,EAAE,UAAoB;IAC3D,MAAM,MAAM,GAAa,EAAE,GAAG,SAAS,EAAE,GAAG,UAAU,EAAE,CAAA;IAExD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC;QAC1C,MAAM,IAAI,GAAG,SAAS,CAAC,GAAG,CAAC,CAAA;QAC3B,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA;QAE9B,IAAI,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACzB,IAAI,OAAO,IAAI,KAAK,UAAU,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;gBAC/D,yEAAyE;gBACzE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,IAAe,EAAE,EAAE;oBACnC,CAAC;oBAAC,MAAkB,CAAC,GAAG,IAAI,CAAC,CAC5B;oBAAC,IAAgB,CAAC,GAAG,IAAI,CAAC,CAAA;gBAC7B,CAAC,CAAA;YACH,CAAC;iBAAM,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE,CAAC;gBACtC,MAAM,CAAC,GAAG,CAAC,GAAG,IAAI,CAAA;YACpB,CAAC;QACH,CAAC;aAAM,IAAI,GAAG,KAAK,OAAO,EAAE,CAAC;YAC3B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,GAAI,IAAe,EAAE,GAAI,MAAiB,EAAE,CAAA;QAC9D,CAAC;aAAM,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;YAC/B,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;QACxD,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAa;IACxD,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CAAC,4DAA4D,CAAC,CAAA;IAC/E,CAAC;IAED,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAiB,CAAA;IAC7C,MAAM,MAAM,GAAG,UAAU,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;IAEhD,6EAA6E;IAC7E,qDAAqD;IACrD,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC,SAAS,CAAC,GAAmB,EAAE,UAAU,CAAC,GAAmB,CAAC,CAAA;IAE3F,OAAO,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;AACvC,CAAC"}

package/dist/switch/parts.d.ts

@@ -0,0 +1,21 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface SwitchProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'checked'>, AsChildProps {
+    defaultChecked?: boolean;
+    onCheckedChange?(checked: boolean): void;
+}
+/**
+ * A checkbox with `role="switch"`, which is exactly what the ARIA pattern says
+ * a switch is: the same two-state control, announced as on/off rather than
+ * checked/unchecked.
+ *
+ * Everything else — form participation, the space bar, `:checked` — comes from
+ * the input, so the difference between this and Checkbox really is one
+ * attribute.
+ */
+export declare function SwitchRoot({ asChild, children: _children, onCheckedChange, onChange, ...props }: SwitchProps): import("react").JSX.Element;
+export interface SwitchThumbProps extends ComponentPropsWithRef<'span'>, AsChildProps {
+}
+/** Renders nothing — the thumb is a pseudo-element on the input. */
+export declare function SwitchThumb({ className }: SwitchThumbProps): null;
+//# sourceMappingURL=parts.d.ts.map

package/dist/switch/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/switch/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiC,KAAK,qBAAqB,EAAoB,MAAM,OAAO,CAAA;AAEnG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,YAAY;IAC9E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CACzC;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,+BAcb;AAID,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,MAAM,CAAC,EAAE,YAAY;CAAG;AAExF,oEAAoE;AACpE,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,EAAE,gBAAgB,QAU1D"}

package/dist/switch/parts.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Slot } from '../slot.js';
+/**
+ * A checkbox with `role="switch"`, which is exactly what the ARIA pattern says
+ * a switch is: the same two-state control, announced as on/off rather than
+ * checked/unchecked.
+ *
+ * Everything else — form participation, the space bar, `:checked` — comes from
+ * the input, so the difference between this and Checkbox really is one
+ * attribute.
+ */
+export function SwitchRoot({ asChild, children: _children, onCheckedChange, onChange, ...props }) {
+    const Part = asChild ? Slot : 'input';
+    const handleChange = useCallback((event) => {
+        onChange?.(event);
+        onCheckedChange?.(event.currentTarget.checked);
+    }, [onChange, onCheckedChange]);
+    return (_jsx(Part, { ...props, type: "checkbox", role: "switch", onChange: handleChange, "data-bedrock-switch": "" }));
+}
+let warned = false;
+/** Renders nothing — the thumb is a pseudo-element on the input. */
+export function SwitchThumb({ className }) {
+    if (process.env.NODE_ENV !== 'production' && className && !warned) {
+        warned = true;
+        console.warn('[bedrock] Switch.Thumb renders nothing — an <input> has no children. ' +
+            'Draw the thumb with ::before on Switch.Root and move it under :checked.');
+    }
+    return null;
+}
+//# sourceMappingURL=parts.js.map

package/dist/switch/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/switch/parts.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAkE,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAS9B;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,OAAO,EACP,QAAQ,EAAE,SAAS,EACnB,eAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAA;IAElD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,KAAoC,EAAE,EAAE;QACvC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAA;QACjB,eAAe,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAA;IAChD,CAAC,EACD,CAAC,QAAQ,EAAE,eAAe,CAAC,CAC5B,CAAA;IAED,OAAO,CACL,KAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,YAAY,yBAAsB,EAAE,GAAG,CACjG,CAAA;AACH,CAAC;AAED,IAAI,MAAM,GAAG,KAAK,CAAA;AAIlB,oEAAoE;AACpE,MAAM,UAAU,WAAW,CAAC,EAAE,SAAS,EAAoB;IACzD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC;QAClE,MAAM,GAAG,IAAI,CAAA;QACb,OAAO,CAAC,IAAI,CACV,uEAAuE;YACrE,yEAAyE,CAC5E,CAAA;IACH,CAAC;IAED,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/tabs/controlled-root.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { Orientation } from '../roving.js';
+import type { AsChildProps } from '../types.js';
+export interface ControlledTabsRootProps extends Omit<ComponentPropsWithRef<'div'>, 'defaultValue'>, AsChildProps {
+    value: string;
+    orientation?: Orientation;
+    onValueChange?: ((value: string) => void) | undefined;
+}
+/** `value` decides; selecting a tab asks and changes nothing on its own. */
+export declare function TabsRoot({ asChild, children, value, orientation, onValueChange, ...props }: ControlledTabsRootProps): import("react").JSX.Element;
+//# sourceMappingURL=controlled-root.d.ts.map

package/dist/tabs/controlled-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.d.ts","sourceRoot":"","sources":["../../src/tabs/controlled-root.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,qBAAqB,EAE3B,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,EAAE,YAAY;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;CACtD;AAED,4EAA4E;AAC5E,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAA0B,EAC1B,aAAa,EACb,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAqBzB"}

package/dist/tabs/controlled-root.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useId, useMemo, useRef, } from 'react';
+import { Slot } from '../slot.js';
+import { TabsContext } from './shared.js';
+/** `value` decides; selecting a tab asks and changes nothing on its own. */
+export function TabsRoot({ asChild, children, value, orientation = 'horizontal', onValueChange, ...props }) {
+    const baseId = useId();
+    const Part = asChild ? Slot : 'div';
+    const changeRef = useRef(onValueChange);
+    changeRef.current = onValueChange;
+    const select = useCallback((next) => changeRef.current?.(next), []);
+    const context = useMemo(() => ({ baseId, value, select, orientation }), [baseId, value, select, orientation]);
+    return (_jsx(TabsContext.Provider, { value: context, children: _jsx(Part, { ...props, "data-orientation": orientation, "data-bedrock-tabs": "", children: children }) }));
+}
+//# sourceMappingURL=controlled-root.js.map

package/dist/tabs/controlled-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlled-root.js","sourceRoot":"","sources":["../../src/tabs/controlled-root.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,KAAK,EACL,OAAO,EACP,MAAM,GAGP,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAStC,4EAA4E;AAC5E,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,YAAY,EAC1B,aAAa,EACb,GAAG,KAAK,EACgB;IACxB,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,IAAI,GAAgB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;IAEhD,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;IACvC,SAAS,CAAC,OAAO,GAAG,aAAa,CAAA;IAEjC,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAA;IAE3E,MAAM,OAAO,GAAG,OAAO,CACrB,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAC9C,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,CACrC,CAAA;IAED,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YAClC,KAAC,IAAI,OAAK,KAAK,sBAAoB,WAAW,uBAAoB,EAAE,YACjE,QAAQ,GACJ,GACc,CACxB,CAAA;AACH,CAAC"}

package/dist/tabs/parts.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithRef } from 'react';
+import type { AsChildProps } from '../types.js';
+export interface TabsListProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    loop?: boolean;
+}
+/**
+ * The tab list is one tab stop and the arrow keys move within it — the roving
+ * pattern the ARIA APG asks for, and the reason Tabs is in the "still
+ * substantially JavaScript" group. There is no native tab list.
+ */
+export declare function TabsList({ asChild, loop, ref, ...props }: TabsListProps): import("react").JSX.Element;
+export interface TabsTriggerProps extends ComponentPropsWithRef<'button'>, AsChildProps {
+    value: string;
+}
+export declare function TabsTrigger({ asChild, value, onClick, ...props }: TabsTriggerProps): import("react").JSX.Element;
+export interface TabsContentProps extends ComponentPropsWithRef<'div'>, AsChildProps {
+    value: string;
+}
+export declare function TabsContent({ asChild, value, children, ...props }: TabsContentProps): import("react").JSX.Element | null;
+//# sourceMappingURL=parts.d.ts.map

package/dist/tabs/parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.d.ts","sourceRoot":"","sources":["../../src/tabs/parts.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,qBAAqB,EAAqC,MAAM,OAAO,CAAA;AAKlG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAG5C,MAAM,WAAW,aAAc,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IAC/E,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAW,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAe9E;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,QAAQ,CAAC,EAAE,YAAY;IACrF,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,+BA4BlF;AAED,MAAM,WAAW,gBAAiB,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAAE,YAAY;IAClF,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,WAAW,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,sCAsBnF"}

package/dist/tabs/parts.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useClientRender } from '../client-render.js';
+import { useComposedRefs } from '../compose-refs.js';
+import { useRoving } from '../roving.js';
+import { Slot } from '../slot.js';
+import { panelId, tabId, useTabsContext } from './shared.js';
+/**
+ * The tab list is one tab stop and the arrow keys move within it — the roving
+ * pattern the ARIA APG asks for, and the reason Tabs is in the "still
+ * substantially JavaScript" group. There is no native tab list.
+ */
+export function TabsList({ asChild, loop = true, ref, ...props }) {
+    const { orientation } = useTabsContext('Tabs.List');
+    const { registerContainer } = useRoving({ orientation, loop, typeahead: false });
+    const Part = asChild ? Slot : 'div';
+    return (_jsx(Part, { ...props, role: "tablist", "aria-orientation": orientation === 'both' ? undefined : orientation, "data-orientation": orientation, ref: useComposedRefs(ref, registerContainer), "data-bedrock-tabs-list": "" }));
+}
+export function TabsTrigger({ asChild, value, onClick, ...props }) {
+    const { baseId, value: selected, select } = useTabsContext('Tabs.Trigger');
+    const Part = asChild ? Slot : 'button';
+    const active = selected === value;
+    const handleClick = useCallback((event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented)
+            select(value);
+    }, [onClick, select, value]);
+    return (_jsx(Part, { ...props, type: "button", role: "tab", id: tabId(baseId, value), "aria-selected": active, "aria-controls": panelId(baseId, value), 
+        // Selection follows focus, which is the APG default for tabs.
+        onFocus: () => select(value), onClick: handleClick, "data-bedrock-roving-item": "", "data-bedrock-tabs-trigger": "" }));
+}
+export function TabsContent({ asChild, value, children, ...props }) {
+    const { baseId, value: selected } = useTabsContext('Tabs.Content');
+    const onClient = useClientRender();
+    const Part = asChild ? Slot : 'div';
+    const active = selected === value;
+    // Unmounted rather than hidden, on the same rule as every other content part.
+    if (onClient && !active)
+        return null;
+    return (_jsx(Part, { ...props, role: "tabpanel", id: panelId(baseId, value), "aria-labelledby": tabId(baseId, value), hidden: !active, tabIndex: 0, "data-bedrock-tabs-content": "", children: children }));
+}
+//# sourceMappingURL=parts.js.map

package/dist/tabs/parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parts.js","sourceRoot":"","sources":["../../src/tabs/parts.tsx"],"names":[],"mappings":"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"}