@ngrok/mantle 0.84.1 → 0.84.2

package/dist/qr-code.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CxM7jdFi.js";import{createContext as n,useContext as r,useMemo as i}from"react";import a from"tiny-invariant";import{jsx as o}from"react/jsx-runtime";import{encode as s}from"uqr";const c=n(null);function l(e,t){a(Number.isFinite(e)&&e>0,"`QrCode.Root` pixelSize must be a finite number greater than 0."),a(Number.isInteger(t)&&t>=0,"`QrCode.Root` quietZone must be a non-negative integer.")}function u(){let e=r(c);return a(e,"`QrCode.Frame` and `QrCode.Pattern` must be rendered inside a `QrCode.Root`."),e}function d(e,t){let n=[];return e.forEach((e,r)=>{e.forEach((e,i)=>{if(e){let e=i*t,a=r*t;n.push(`M${e},${a}h${t}v${t}h-${t}z`)}})}),n.join(``)}const f={Root:({value:n,ecc:r=`L`,pixelSize:a=10,quietZone:u=4,asChild:f,className:p,children:m,ref:h,...g})=>{l(a,u);let _=i(()=>s(n,{ecc:r,border:u}),[n,r,u]),v=i(()=>d(_.data,a),[_,a]),y=i(()=>({path:v,dimension:_.size*a}),[v,_.size,a]),b=f?t:`div`;return o(c.Provider,{value:y,children:o(b,{ref:h,...g,"data-slot":`qr-code`,className:e(`relative inline-flex bg-static-white text-static-black`,p),children:m})})},Frame:({className:t,children:n,ref:r,...i})=>{let{dimension:a}=u();return o(`svg`,{ref:r,...i,"data-slot":`qr-code-frame`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 ${a} ${a}`,shapeRendering:`crispEdges`,className:e(`block size-48`,t),children:n})},Pattern:({className:t,ref:n,...r})=>{let{path:i}=u();return o(`path`,{ref:n,...r,"data-slot":`qr-code-pattern`,d:i,className:e(`fill-static-black`,t)})},Overlay:({asChild:n,className:r,ref:i,...a})=>o(n?t:`div`,{ref:i,...a,"data-slot":`qr-code-overlay`,className:e(`absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-md bg-static-white text-static-black p-1.5`,r)})};export{f as QrCode};
+import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./slot-C3gII_9c.js";import{createContext as n,useContext as r,useMemo as i}from"react";import a from"tiny-invariant";import{jsx as o}from"react/jsx-runtime";import{encode as s}from"uqr";const c=n(null);function l(e,t){a(Number.isFinite(e)&&e>0,"`QrCode.Root` pixelSize must be a finite number greater than 0."),a(Number.isInteger(t)&&t>=0,"`QrCode.Root` quietZone must be a non-negative integer.")}function u(){let e=r(c);return a(e,"`QrCode.Frame` and `QrCode.Pattern` must be rendered inside a `QrCode.Root`."),e}function d(e,t){let n=[];return e.forEach((e,r)=>{e.forEach((e,i)=>{if(e){let e=i*t,a=r*t;n.push(`M${e},${a}h${t}v${t}h-${t}z`)}})}),n.join(``)}const f={Root:({value:n,ecc:r=`L`,pixelSize:a=10,quietZone:u=4,asChild:f,className:p,children:m,ref:h,...g})=>{l(a,u);let _=i(()=>s(n,{ecc:r,border:u}),[n,r,u]),v=i(()=>d(_.data,a),[_,a]),y=i(()=>({path:v,dimension:_.size*a}),[v,_.size,a]),b=f?t:`div`;return o(c.Provider,{value:y,children:o(b,{ref:h,...g,"data-slot":`qr-code`,className:e(`relative inline-flex bg-static-white text-static-black`,p),children:m})})},Frame:({"aria-label":t,"aria-labelledby":n,className:r,children:i,ref:a,...s})=>{let{dimension:c}=u();return o(`svg`,{ref:a,...s,role:`img`,"aria-label":t??(n==null?`QR code`:void 0),"aria-labelledby":n,"data-slot":`qr-code-frame`,xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 ${c} ${c}`,shapeRendering:`crispEdges`,className:e(`block size-48`,r),children:i})},Pattern:({className:t,ref:n,...r})=>{let{path:i}=u();return o(`path`,{ref:n,...r,"data-slot":`qr-code-pattern`,d:i,className:e(`fill-static-black`,t)})},Overlay:({asChild:n,className:r,ref:i,...a})=>o(n?t:`div`,{ref:i,...a,"data-slot":`qr-code-overlay`,className:e(`absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-md bg-static-white text-static-black p-1.5`,r)})};export{f as QrCode};

package/dist/radio-group-HDVxTNPi.js

@@ -0,0 +1 @@
+import{createContext as e}from"react";const t=e(null);export{t};

package/dist/radio-group.d.ts

@@ -12,10 +12,9 @@ type RadioGroupProps$1 = PropsWithChildren<Omit<RadioGroupProps, "as" | "childre
  * The recommended Field composition is `Field.Set` + `Field.Legend` + `RadioGroup.Root`,
  * which uses fieldset semantics so all radios share a single accessible name from the
  * legend. As an alternative, when individual items render inside a `Field.Control`,
- * each item picks up `aria-invalid` and `aria-errormessage` from `FieldControlContext`.
- * Note: `aria-describedby` is owned by Headless UI's Radio primitive and does not
- * propagate through `FieldControlContext`, so helper text wired via `Field.Description`
- * will not be associated automatically in that alternative composition.
+ * each item picks up `aria-invalid`, `aria-errormessage`, and `aria-describedby` from
+ * `FieldControlContext`. Inside any item, a `Choice.Title` names the option through
+ * `aria-labelledby` and a `Choice.Description` describes it through `aria-describedby`.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouproot
  *
@@ -52,9 +51,11 @@ type RadioItemProps = Omit<RadioProps, "children"> & PropsWithChildren & {
  * Must be a child of `RadioGroup`.
  *
  * When rendered inside `Field.Control` (an alternative to the recommended
- * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
- * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
- * by Headless UI's Radio primitive and does not propagate.
+ * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid`,
+ * `aria-errormessage`, and `aria-describedby` from `FieldControlContext`. A
+ * `Choice.Title` inside the item names it through `aria-labelledby`, and a
+ * `Choice.Description` describes it through `aria-describedby`. The option's
+ * accessible name is then the title alone.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupitem
  *
@@ -68,9 +69,14 @@ type RadioItemProps = Omit<RadioProps, "children"> & PropsWithChildren & {
  * </RadioGroup.Root>
  * ```
  */
-declare const Item: ({ children, className, ref, ...props }: RadioItemProps) => import("react").JSX.Element;
+declare const Item: ({ as: tag, children, className, ref, ...props }: RadioItemProps) => import("react").JSX.Element;
 type RadioIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: ReactNode | ((context: RadioStateContextValue) => ReactNode);
+  /**
+   * Never rendered. `Choice.Indicator` injects the field's `name` for a
+   * control, and a `<div>` has no `name` attribute.
+   */
+  name?: string;
 };
 /**
  * The selection indicator for any radio item.
@@ -90,7 +96,7 @@ type RadioIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
  * </RadioGroup.Item>
  * ```
  */
-declare const Indicator: ({ children, className, ...props }: RadioIndicatorProps) => import("react").JSX.Element;
+declare const Indicator: ({ children, className, name: _name, ...props }: RadioIndicatorProps) => import("react").JSX.Element;
 /**
  * A group of radio list items. Use RadioGroup.ListItem as direct children.
  *
@@ -120,9 +126,11 @@ type RadioListItemProps = RadioItemProps;
  * A radio list item that is used inside a `RadioGroup.List`.
  *
  * When rendered inside `Field.Control` (an alternative to the recommended
- * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
- * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
- * by Headless UI's Radio primitive and does not propagate.
+ * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid`,
+ * `aria-errormessage`, and `aria-describedby` from `FieldControlContext`. A
+ * `Choice.Title` inside the item names it through `aria-labelledby`, and a
+ * `Choice.Description` describes it through `aria-describedby`. The option's
+ * accessible name is then the title alone.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouplistitem
  *
@@ -146,16 +154,18 @@ type RadioListItemProps = RadioItemProps;
  * </RadioGroup.Root>
  * ```
  */
-declare const ListItem: ({ children, className, ref, ...props }: RadioListItemProps) => import("react").JSX.Element;
+declare const ListItem: ({ as: tag, children, className, ref, ...props }: RadioListItemProps) => import("react").JSX.Element;
 type RadioItemContentProps = HTMLAttributes<HTMLDivElement> & WithAsChild;
 type RadioCardProps = RadioItemProps;
 /**
  * A radio card item. Use it as a child of `RadioGroup`
  *
  * When rendered inside `Field.Control` (an alternative to the recommended
- * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
- * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
- * by Headless UI's Radio primitive and does not propagate.
+ * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid`,
+ * `aria-errormessage`, and `aria-describedby` from `FieldControlContext`. A
+ * `Choice.Title` inside the item names it through `aria-labelledby`, and a
+ * `Choice.Description` describes it through `aria-describedby`. The option's
+ * accessible name is then the title alone.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupcard
  *
@@ -179,7 +189,7 @@ type RadioCardProps = RadioItemProps;
  * </RadioGroup.Root>
  * ```
  */
-declare const Card: ({ children, className, ref, ...props }: RadioCardProps) => import("react").JSX.Element;
+declare const Card: ({ as: tag, children, className, ref, ...props }: RadioCardProps) => import("react").JSX.Element;
 /**
  * The content of any radio item. Use it to wrap any labels, descriptions, or content of a radio item.
  * Use it as a child of `RadioGroup.Item`, `RadioGroup.ListItem`, or `RadioGroup.Card`.
@@ -224,9 +234,11 @@ type RadioButtonProps = RadioItemProps;
  * A radio button that is used inside a `RadioGroup.ButtonGroup`.
  *
  * When rendered inside `Field.Control` (an alternative to the recommended
- * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid` and
- * `aria-errormessage` from `FieldControlContext`. `aria-describedby` is owned
- * by Headless UI's Radio primitive and does not propagate.
+ * `Field.Set` / `Field.Legend` composition), picks up `aria-invalid`,
+ * `aria-errormessage`, and `aria-describedby` from `FieldControlContext`. A
+ * `Choice.Title` inside the item names it through `aria-labelledby`, and a
+ * `Choice.Description` describes it through `aria-describedby`. The option's
+ * accessible name is then the title alone.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupbutton
  *
@@ -239,11 +251,14 @@ type RadioButtonProps = RadioItemProps;
  * </RadioGroup.ButtonGroup>
  * ```
  */
-declare const Button: ({ children, className, ref, ...props }: RadioButtonProps) => import("react").JSX.Element;
+declare const Button: ({ as: tag, children, className, ref, ...props }: RadioButtonProps) => import("react").JSX.Element;
 type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
 /**
  * A sandbox container for input elements composed within radio group items.
- * It prevents the default behavior of the radio group when clicking on the input element or accepting keyboard input.
+ * A click inside it still selects the radio, then focus returns to the input.
+ * Keys other than Enter and Tab stop here, so typing does not move the
+ * selection. When the item is disabled or unchecked, the input leaves the tab
+ * order.
  *
  * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupinputsandbox
  *
@@ -377,7 +392,12 @@ declare const RadioGroup: {
    */
   readonly Card: typeof Card;
   /**
-   * The selection indicator for any radio item. Shows the checked state with customizable appearance.
+   * The selection indicator for any radio item.
+   * Use it as a child of `RadioGroup.Item`, `RadioGroup.ListItem`, or `RadioGroup.Card`.
+   * By default, it's a circle that changes color when checked.
+   * You can customize the indicator by passing children:
+   * - a different component
+   * - a render-props function that receives the radio state context and should return a component.
    *
    * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupindicator
    *
@@ -391,7 +411,11 @@ declare const RadioGroup: {
    */
   readonly Indicator: typeof Indicator;
   /**
-   * A sandbox container for input elements composed within radio group items. Prevents default radio behavior.
+   * A sandbox container for input elements composed within radio group items.
+   * A click inside it still selects the radio, then focus returns to the input.
+   * Keys other than Enter and Tab stop here, so typing does not move the
+   * selection. When the item is disabled or unchecked, the input leaves the tab
+   * order.
    *
    * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupinputsandbox
    *
@@ -495,7 +519,8 @@ declare const RadioGroup: {
    */
   readonly ListItem: typeof ListItem;
   /**
-   * The root radio group component. Manages the state of the children radios where only one can be selected.
+   * A group of radio items. It manages the state of the children radios. Unstyled and simple.
+   * Used as the root component for grouping related radio items where only one can be selected.
    *
    * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouproot
    *

package/dist/radio-group.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-CxM7jdFi.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{t as r}from"./field-B1wqeZr4.js";import{t as i}from"./input-CXmS0OFN.js";import{Children as a,cloneElement as o,createContext as s,isValidElement as c,useContext as l,useRef as u}from"react";import{jsx as d}from"react/jsx-runtime";import{Radio as f,RadioGroup as p}from"@headlessui/react";const m=({ref:e,...t})=>d(p,{"data-slot":`radio-group`,...t,ref:e}),h=s({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1}),g=({children:t,className:n,ref:i,...a})=>{let o=l(r);return d(f,{"data-slot":`radio-group-item`,className:e(`group/radio cursor-pointer aria-disabled:cursor-default [&_label]:cursor-inherit flex gap-2 py-1 text-sm focus:outline-hidden`,n),as:`div`,...a,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:i,children:e=>d(h.Provider,{value:e,children:t})})},_=({checked:t,disabled:n,focus:r,hover:i})=>d(`span`,{className:e(`border-form flex size-4 items-center justify-center rounded-full border shrink-0`,n&&`cursor-default opacity-50`,t&&`border-accent-600 bg-accent-600`,r&&!n&&`border-accent-600 ring-focus-accent ring-4`,i&&`border-accent-600`),children:t&&d(`span`,{className:`size-2 rounded-full bg-white shrink-0`})}),v={Button:({children:t,className:n,ref:i,...a})=>{let o=l(r);return d(f,{as:`div`,"data-slot":`radio-group-button`,className:e(`group/radio border-form [&_label]:cursor-inherit relative flex flex-1 select-none items-center justify-center gap-2 border px-3 text-sm`,`h-9`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`first-of-type:rounded-bl-md first-of-type:rounded-tl-md last-of-type:rounded-br-md last-of-type:rounded-tr-md`,`not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600 aria-disabled:opacity-50`,`aria-checked:z-1 aria-checked:border-accent-600/40 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600`,`has-[.radio-indicator:first-child]:pl-2 has-[.radio-indicator:last-child]:pr-2`,n),ref:i,...a,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>d(h.Provider,{value:e,children:t})})},ButtonGroup:({className:e,ref:t,...r})=>d(m,{"data-slot":`radio-group-button-group`,className:n(`flex flex-row flex-nowrap -space-x-px`,e),...r,ref:t}),Card:({children:e,className:t,ref:i,...a})=>{let o=l(r);return d(f,{as:`div`,"data-slot":`radio-group-card`,className:n(`group/radio border-card bg-card [&_label]:cursor-inherit relative rounded-md border p-4 text-sm`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`first-of-type:rounded-tl-md first-of-type:rounded-tr-md last-of-type:rounded-bl-md last-of-type:rounded-br-md`,`aria-disabled:border-form/50 not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600`,`aria-checked:z-1 aria-checked:border-accent-600/50 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600 dark-high-contrast:aria-checked:border-accent-600 high-contrast:aria-checked:border-accent-600`,t),...a,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:i,children:t=>d(h.Provider,{value:t,children:e})})},Indicator:({children:t,className:n,...r})=>{let i=l(h);return d(`div`,{"data-slot":`radio-group-indicator`,className:e(`radio-indicator inline-flex size-5 select-none items-center justify-center shrink-0`,n),...r,children:t==null?d(_,{...i}):typeof t==`function`?t(i):t})},InputSandbox:({children:e,onClick:t,onKeyDown:n,...r})=>{let s=u(null),f=l(h),p=a.only(e),m=f.disabled||!f.checked;return d(`div`,{role:`none`,"data-slot":`radio-group-input-sandbox`,ref:s,onKeyDown:e=>{if(f.disabled){e.stopPropagation(),e.preventDefault();return}switch(e.key){case`Enter`:case`Tab`:break;default:e.stopPropagation()}n?.(e)},onClick:e=>{if(f.disabled){e.stopPropagation(),e.preventDefault();return}let n=e.target;i(n)&&window.requestAnimationFrame(()=>{n.focus()}),t?.(e)},...r,children:c(p)?o(p,{disabled:f.disabled||p.props.disabled,tabIndex:m?-1:p.props.tabIndex}):null})},Item:g,ItemContent:({asChild:e=!1,children:r,className:i,...a})=>{let o=l(h);return d(e?t:`div`,{"data-slot":`radio-group-item-content`,className:n(`min-w-0 flex-1`,o.disabled&&`opacity-50`,i),...a,children:r})},List:({className:e,ref:t,...r})=>d(m,{"data-slot":`radio-group-list`,className:n(`-space-y-px`,e),...r,ref:t}),ListItem:({children:t,className:n,ref:i,...a})=>{let o=l(r);return d(f,{as:`div`,"data-slot":`radio-group-list-item`,className:e(`group/radio border-form [&_label]:cursor-inherit relative flex select-none gap-2 border px-3 py-2 text-sm`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`first-of-type:rounded-tl-md first-of-type:rounded-tr-md last-of-type:rounded-bl-md last-of-type:rounded-br-md`,`aria-disabled:border-form/50 not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600`,`aria-checked:z-1 aria-checked:border-accent-500/40 aria-checked:bg-accent-500/10 dark-high-contrast:aria-checked:border-accent-400 high-contrast:aria-checked:border-accent-400 not-aria-disabled:hover:aria-checked:border-accent-600`,`has-[.radio-indicator:first-child]:pl-2 has-[.radio-indicator:last-child]:pr-2`,n),ref:i,...a,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>d(h.Provider,{value:e,children:t})})},Root:m};export{v as RadioGroup};
+import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./slot-C3gII_9c.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{t as r}from"./field-B1wqeZr4.js";import{t as i}from"./radio-group-HDVxTNPi.js";import{t as a}from"./input-DQyN6gN0.js";import{Children as o,cloneElement as s,createContext as c,isValidElement as l,useCallback as u,useContext as d,useMemo as f,useRef as p,useState as m}from"react";import{jsx as h}from"react/jsx-runtime";import{Radio as g,RadioGroup as _}from"@headlessui/react";const v=({ref:e,...t})=>h(_,{"data-slot":`radio-group`,...t,ref:e}),y=c({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1});function b(e){let t=e.filter(e=>e!=null&&e!==``);return t.length>0?t.join(` `):void 0}function x(){let[e,t]=m([]);return[e,u(e=>(t(t=>[...t,e]),()=>{t(t=>t.filter(t=>t!==e))}),[])]}const S=({children:e,ref:t,tag:n=`div`,...a})=>{let o=d(r),[s,c]=x(),[l,u]=x(),p=f(()=>({registerLabelId:c,registerDescriptionId:u}),[c,u]);return h(n,{...a,...o?{"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,"aria-labelledby":b(s),"aria-describedby":b([o?.[`aria-describedby`],...l]),ref:t,children:h(i.Provider,{value:p,children:e})})},C=({as:t,children:n,className:r,ref:i,...a})=>h(g,{"data-slot":`radio-group-item`,className:e(`group/radio cursor-pointer aria-disabled:cursor-default [&_label]:cursor-inherit flex gap-2 py-1 text-sm focus:outline-hidden`,`not-has-data-[radio-default-indicator]:focus-visible:ring-focus-accent not-has-data-[radio-default-indicator]:focus-visible:ring-4 not-has-data-[radio-default-indicator]:focus-visible:rounded-md`,r),...a,as:S,tag:t,ref:i,children:e=>h(y.Provider,{value:e,children:n})}),w=({checked:t,disabled:n,focus:r,hover:i})=>h(`span`,{"data-radio-default-indicator":``,className:e(`border-form flex size-4 items-center justify-center rounded-full border shrink-0`,n&&`cursor-default opacity-50`,t&&`border-accent-600 bg-accent-600`,r&&!n&&`border-accent-600 ring-focus-accent ring-4`,i&&`border-accent-600`),children:t&&h(`span`,{className:`size-2 rounded-full bg-white shrink-0`})}),T={Button:({as:t,children:n,className:r,ref:i,...a})=>h(g,{"data-slot":`radio-group-button`,className:e(`group/radio border-form [&_label]:cursor-inherit relative flex flex-1 select-none items-center justify-center gap-2 border px-3 text-sm`,`h-9`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`first-of-type:rounded-bl-md first-of-type:rounded-tl-md last-of-type:rounded-br-md last-of-type:rounded-tr-md`,`not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600 aria-disabled:opacity-50`,`aria-checked:z-1 aria-checked:border-accent-600/40 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600`,`has-[.radio-indicator:first-child]:pl-2 has-[.radio-indicator:last-child]:pr-2`,r),...a,as:S,tag:t,ref:i,children:e=>h(y.Provider,{value:e,children:n})}),ButtonGroup:({className:e,ref:t,...r})=>h(v,{"data-slot":`radio-group-button-group`,className:n(`flex flex-row flex-nowrap -space-x-px`,e),...r,ref:t}),Card:({as:e,children:t,className:r,ref:i,...a})=>h(g,{"data-slot":`radio-group-card`,className:n(`group/radio border-card bg-card [&_label]:cursor-inherit relative rounded-md border p-4 text-sm`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`first-of-type:rounded-tl-md first-of-type:rounded-tr-md last-of-type:rounded-bl-md last-of-type:rounded-br-md`,`aria-disabled:border-form/50 not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600`,`aria-checked:z-1 aria-checked:border-accent-600/50 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600 dark-high-contrast:aria-checked:border-accent-600 high-contrast:aria-checked:border-accent-600`,r),...a,as:S,tag:e,ref:i,children:e=>h(y.Provider,{value:e,children:t})}),Indicator:({children:t,className:n,name:r,...i})=>{let a=d(y);return h(`div`,{"data-slot":`radio-group-indicator`,className:e(`radio-indicator inline-flex size-5 select-none items-center justify-center shrink-0`,n),...i,children:t==null?h(w,{...a}):typeof t==`function`?t(a):t})},InputSandbox:({children:e,onClick:t,onKeyDown:n,...r})=>{let i=p(null),c=d(y),u=o.only(e),f=c.disabled||!c.checked;return h(`div`,{role:`none`,"data-slot":`radio-group-input-sandbox`,ref:i,onKeyDown:e=>{if(c.disabled){e.stopPropagation(),e.preventDefault();return}switch(e.key){case`Enter`:case`Tab`:break;default:e.stopPropagation()}n?.(e)},onClick:e=>{if(c.disabled){e.stopPropagation(),e.preventDefault();return}let n=e.target;a(n)&&window.requestAnimationFrame(()=>{n.focus()}),t?.(e)},...r,children:l(u)?s(u,{disabled:c.disabled||u.props.disabled,tabIndex:f?-1:u.props.tabIndex}):null})},Item:C,ItemContent:({asChild:e=!1,children:r,className:i,...a})=>{let o=d(y);return h(e?t:`div`,{"data-slot":`radio-group-item-content`,className:n(`min-w-0 flex-1`,o.disabled&&`opacity-50`,i),...a,children:r})},List:({className:e,ref:t,...r})=>h(v,{"data-slot":`radio-group-list`,className:n(`-space-y-px`,e),...r,ref:t}),ListItem:({as:t,children:n,className:r,ref:i,...a})=>h(g,{"data-slot":`radio-group-list-item`,className:e(`group/radio border-form [&_label]:cursor-inherit relative flex select-none gap-2 border px-3 py-2 text-sm`,`cursor-pointer aria-disabled:cursor-default focus:outline-hidden`,`focus-visible:ring-focus-accent not-aria-disabled:focus-visible:border-accent-600 focus-visible:ring-4`,`first-of-type:rounded-tl-md first-of-type:rounded-tr-md last-of-type:rounded-bl-md last-of-type:rounded-br-md`,`aria-disabled:border-form/50 not-aria-disabled:hover:z-1 not-aria-disabled:hover:border-accent-600`,`aria-checked:z-1 aria-checked:border-accent-500/40 aria-checked:bg-accent-500/10 dark-high-contrast:aria-checked:border-accent-400 high-contrast:aria-checked:border-accent-400 not-aria-disabled:hover:aria-checked:border-accent-600`,`has-[.radio-indicator:first-child]:pl-2 has-[.radio-indicator:last-child]:pr-2`,r),...a,as:S,tag:t,ref:i,children:e=>h(y.Provider,{value:e,children:n})}),Root:v};export{T as RadioGroup};

package/dist/sandbar.d.ts

@@ -1,6 +1,6 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
-import { r as ButtonProps } from "./button-DjsmeoJ2.js";
+import { r as ButtonProps } from "./button-B5i9n7Qp.js";
 import { ComponentProps, ReactNode, Ref } from "react";
 //#region src/components/sandbar/sandbar.d.ts
 /**

package/dist/sandbar.js

@@ -1 +1 @@
-import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-BdBMM9ga.js";import{t as n}from"./cx-IiQEAKf5.js";import{t as r}from"./data-slot-EM6s2WEU.js";import{t as i}from"./slot-CxM7jdFi.js";import{t as a}from"./button-DwFvQWu4.js";import{t as o}from"./use-prefers-reduced-motion-Bk5zAfHY.js";import{createContext as s,useCallback as c,useContext as l,useEffect as u,useId as d,useImperativeHandle as f,useMemo as p,useRef as m,useState as h}from"react";import g from"tiny-invariant";import{jsx as _,jsxs as v}from"react/jsx-runtime";const y=`Unsaved changes`,b=1e3,ee=[{transform:`translateX(0)`},{transform:`translateX(-8px)`},{transform:`translateX(8px)`},{transform:`translateX(-6px)`},{transform:`translateX(6px)`},{transform:`translateX(-3px)`},{transform:`translateX(3px)`},{transform:`translateX(0)`}];function x(e,t){let n=t.current?`${e}\u00A0`:e;return t.current=!t.current,n}const S=s(null);function C(e){let t=l(S);return g(t,`${e} must be rendered as a child of <Sandbar.Root>.`),t}const w={Root:({"aria-label":e,"aria-labelledby":i,children:a,className:s,"data-slot":l,handleRef:d,onTransitionEnd:g,open:C,ref:w,...T})=>{let[E,D]=h(C?`open`:`closed`),[O,k]=h(``),[A,j]=h(``),[M,N]=h(null),P=m(null),F=m(null),I=t(F,w),L=m(null),R=m(void 0),z=m(void 0),B=m(void 0),te=m(!1),ne=m(!1),V=m(!1),H=m(null),U=m(null),W=m(C),G=m(E),K=c(e=>{k(x(e,te)),window.clearTimeout(R.current),R.current=window.setTimeout(()=>{k(``)},b)},[]),q=c(e=>{j(x(e,ne)),window.clearTimeout(z.current),z.current=window.setTimeout(()=>{j(``)},b)},[]),J=c(e=>(N(e),()=>{N(t=>t===e?null:t)}),[]),Y=c(({button:e,isSaving:t})=>{let n=V.current;if(V.current=t,!t||n||(K(`Saving changes…`),e==null||!e.matches(`:disabled`)))return;let r=document.activeElement,i=r===e,a=r===document.body&&U.current===e;(i||a)&&F.current?.focus({preventScroll:!0})},[K]),X=c(e=>{q(e?.announcement??`You have unsaved changes. Save or discard them before leaving.`);let t=F.current;if(t==null||o()||typeof t.animate!=`function`)return;L.current!=null&&(L.current.cancel(),L.current=null);let n=t.animate(ee,{duration:400,easing:`ease-in-out`});n.finished.catch(()=>{}),n.onfinish=()=>{L.current=null},L.current=n},[q]);f(d,()=>({shake:X}),[X]);let re=p(()=>({announceAssertive:q,registerMessage:J,reportSaving:Y}),[q,J,Y]);u(()=>{D(C?e=>e===`open`||e===`opening`?e:e===`closing`?`open`:`opening`:e=>e===`closed`?e:e===`opening`?`closed`:`closing`)},[C]),u(()=>{if(E!==`opening`)return;let e=window.requestAnimationFrame(()=>{e=window.requestAnimationFrame(()=>{D(e=>e===`opening`?`open`:e)})});return()=>{window.cancelAnimationFrame(e)}},[E]),u(()=>{if(E!==`closing`)return;let e=window.setTimeout(()=>{D(`closed`)},400);return()=>{window.clearTimeout(e)}},[E]),u(()=>{let t=W.current;if(W.current=C,!C){t&&(window.clearTimeout(R.current),k(``));return}if(t)return;let n=(F.current?.querySelector(`[data-slot~="sandbar-message"]`))?.textContent?.trim();K(n||e||y)},[K,e,C]),u(()=>{let e=G.current;if(G.current=E,E!==`closed`||e!==`closing`)return;let t=P.current,n=document.activeElement,r=t!=null&&n instanceof HTMLElement&&t.contains(n),i=n===document.body&&U.current!=null,a=H.current;H.current=null,U.current=null,!(!r&&!i)&&(a==null||!a.isConnected||a.matches(`:disabled`)||typeof a.checkVisibility==`function`&&!a.checkVisibility()||a.focus())},[E]),u(()=>()=>{window.clearTimeout(R.current),window.clearTimeout(z.current),B.current!=null&&window.cancelAnimationFrame(B.current),L.current?.cancel()},[]);let ie=e=>{let t=P.current,n=e.relatedTarget;t!=null&&(n==null||!t.contains(n))&&n instanceof HTMLElement&&(H.current=n),e.target instanceof HTMLElement&&(U.current=e.target)},Z=e=>{if(e.relatedTarget!=null){let t=P.current;(t==null||!t.contains(e.relatedTarget))&&(U.current=null);return}let t=e.target;t instanceof HTMLElement&&(B.current!=null&&window.cancelAnimationFrame(B.current),B.current=window.requestAnimationFrame(()=>{B.current=void 0;let e=F.current;e==null||e.hidden||(!t.isConnected||t.matches(`:disabled`)||t.hidden)&&document.activeElement===document.body&&e.focus({preventScroll:!0})}))},ae=e=>{g?.(e),e.target===e.currentTarget&&(e.propertyName===`opacity`||e.propertyName===`translate`)&&D(e=>e===`closing`?`closed`:e)},Q=i??(e==null&&M!=null?M:void 0),oe=Q==null?e??y:e,$=E===`closed`,se=$||E===`closing`;return _(S.Provider,{value:re,children:v(`div`,{className:`pointer-events-none fixed inset-x-0 bottom-4 z-50 flex justify-center px-4 sm:bottom-10`,onBlur:Z,onFocus:ie,ref:P,children:[_(`div`,{"aria-atomic":`true`,"aria-live":`polite`,className:`sr-only`,role:`status`,children:O}),_(`div`,{className:`sr-only`,role:`alert`,children:A}),_(`div`,{className:n(`invert-theme pointer-events-auto flex w-fit max-w-full flex-wrap items-center justify-center gap-x-4 gap-y-2 rounded-2xl border border-transparent bg-base px-4 py-3 text-strong shadow-lg`,`max-h-[60svh] overflow-y-auto`,`focus:outline-hidden`,`[&[hidden]]:hidden`,`transition-[opacity,translate] ease-out`,`data-state-open:duration-400`,`data-state-closed:pointer-events-none data-state-closed:opacity-0 data-state-closed:duration-200 motion-safe:data-state-closed:translate-y-[calc(100%+2.5rem)]`,`data-state-closed:ease-[cubic-bezier(0.4,0,1,1),cubic-bezier(0,0,0.2,1)]`,s),...T,"aria-label":oe,"aria-labelledby":Q,"data-slot":r(l,`sandbar`),"data-state":E===`open`?`open`:`closed`,hidden:$?!0:void 0,inert:se?!0:void 0,onTransitionEnd:ae,ref:I,role:`group`,tabIndex:-1,children:a})]})})},Message:({asChild:a,className:o,"data-slot":s,id:c,ref:l,...u})=>{let{registerMessage:f}=C(`Sandbar.Message`),p=d(),h=c??p,g=m(null),v=t(g,l);return e(()=>f(g.current?.id||h),[h,f]),_(a?i:`p`,{className:n(`text-sm font-sans`,o),id:h,...u,"data-slot":r(s,`sandbar-message`),ref:v})},Actions:({asChild:e,className:t,"data-slot":a,...o})=>_(e?i:`div`,{className:n(`flex flex-wrap items-center justify-center gap-2`,t),...o,"data-slot":r(a,`sandbar-actions`)}),SaveButton:({appearance:n=`filled`,children:i,"data-slot":o,intent:s=`neutral`,isLoading:c=!1,ref:l,...u})=>{let{reportSaving:d}=C(`Sandbar.SaveButton`),f=m(null),p=t(f,l);return e(()=>{d({button:f.current,isSaving:!!c})},[c,d]),e(()=>()=>{d({button:null,isSaving:!1})},[d]),_(a,{appearance:n,intent:s,isLoading:c,ref:p,...u,"data-slot":r(o,`sandbar-save-button`),children:i})},DiscardButton:({appearance:e=`outlined`,children:t,"data-slot":n,intent:i=`neutral`,...o})=>_(a,{appearance:e,intent:i,...o,"data-slot":r(n,`sandbar-discard-button`),children:t})};export{w as Sandbar};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-DdUwopIY.js";import{t as n}from"./cx-0HCjnNv1.js";import{t as r}from"./data-slot-EM6s2WEU.js";import{t as i}from"./slot-C3gII_9c.js";import{t as a}from"./button-DGsTE3P2.js";import{t as o}from"./alternate-announcement-BkH4bOKp.js";import{t as s}from"./use-prefers-reduced-motion-DHYDQk1h.js";import{createContext as c,useCallback as l,useContext as u,useEffect as d,useId as f,useImperativeHandle as p,useMemo as m,useRef as h,useState as g}from"react";import _ from"tiny-invariant";import{jsx as v,jsxs as ee}from"react/jsx-runtime";const y=`Unsaved changes`,b=1e3,x=[{transform:`translateX(0)`},{transform:`translateX(-8px)`},{transform:`translateX(8px)`},{transform:`translateX(-6px)`},{transform:`translateX(6px)`},{transform:`translateX(-3px)`},{transform:`translateX(3px)`},{transform:`translateX(0)`}],S=c(null);function C(e){let t=u(S);return _(t,`${e} must be rendered as a child of <Sandbar.Root>.`),t}const w={Root:({"aria-label":e,"aria-labelledby":i,children:a,className:c,"data-slot":u,handleRef:f,onTransitionEnd:_,open:C,ref:w,...T})=>{let[E,D]=g(C?`open`:`closed`),[O,k]=g(``),[A,j]=g(``),[M,N]=g(null),P=h(null),F=h(null),I=t(F,w),L=h(null),R=h(void 0),z=h(void 0),B=h(void 0),V=h(!1),te=h(!1),H=h(!1),U=h(null),W=h(null),G=h(C),K=h(E),q=l(e=>{k(o(e,V)),window.clearTimeout(R.current),R.current=window.setTimeout(()=>{k(``)},b)},[]),J=l(e=>{j(o(e,te)),window.clearTimeout(z.current),z.current=window.setTimeout(()=>{j(``)},b)},[]),Y=l(e=>(N(e),()=>{N(t=>t===e?null:t)}),[]),X=l(({button:e,isSaving:t})=>{let n=H.current;if(H.current=t,!t||n||(q(`Saving changes…`),e==null||!e.matches(`:disabled`)))return;let r=document.activeElement,i=r===e,a=r===document.body&&W.current===e;(i||a)&&F.current?.focus({preventScroll:!0})},[q]),Z=l(e=>{J(e?.announcement??`You have unsaved changes. Save or discard them before leaving.`);let t=F.current;if(t==null||s()||typeof t.animate!=`function`)return;L.current!=null&&(L.current.cancel(),L.current=null);let n=t.animate(x,{duration:400,easing:`ease-in-out`});n.finished.catch(()=>{}),n.onfinish=()=>{L.current=null},L.current=n},[J]);p(f,()=>({shake:Z}),[Z]);let ne=m(()=>({announceAssertive:J,registerMessage:Y,reportSaving:X}),[J,Y,X]);d(()=>{D(C?e=>e===`open`||e===`opening`?e:e===`closing`?`open`:`opening`:e=>e===`closed`?e:e===`opening`?`closed`:`closing`)},[C]),d(()=>{if(E!==`opening`)return;let e=window.requestAnimationFrame(()=>{e=window.requestAnimationFrame(()=>{D(e=>e===`opening`?`open`:e)})});return()=>{window.cancelAnimationFrame(e)}},[E]),d(()=>{if(E!==`closing`)return;let e=window.setTimeout(()=>{D(`closed`)},400);return()=>{window.clearTimeout(e)}},[E]),d(()=>{let t=G.current;if(G.current=C,!C){t&&(window.clearTimeout(R.current),k(``));return}if(t)return;let n=(F.current?.querySelector(`[data-slot~="sandbar-message"]`))?.textContent?.trim();q(n||e||y)},[q,e,C]),d(()=>{let e=K.current;if(K.current=E,E!==`closed`||e!==`closing`)return;let t=P.current,n=document.activeElement,r=t!=null&&n instanceof HTMLElement&&t.contains(n),i=n===document.body&&W.current!=null,a=U.current;U.current=null,W.current=null,(r||i)&&a!=null&&a.isConnected&&!a.matches(`:disabled`)&&(typeof a.checkVisibility!=`function`||a.checkVisibility())&&a.focus()},[E]),d(()=>()=>{window.clearTimeout(R.current),window.clearTimeout(z.current),B.current!=null&&window.cancelAnimationFrame(B.current),L.current?.cancel()},[]);let re=e=>{let t=P.current,n=e.relatedTarget;t!=null&&(n==null||!t.contains(n))&&n instanceof HTMLElement&&(U.current=n),e.target instanceof HTMLElement&&(W.current=e.target)},ie=e=>{if(e.relatedTarget!=null){let t=P.current;(t==null||!t.contains(e.relatedTarget))&&(W.current=null);return}let t=e.target;t instanceof HTMLElement&&(B.current!=null&&window.cancelAnimationFrame(B.current),B.current=window.requestAnimationFrame(()=>{B.current=void 0;let e=F.current;e==null||e.hidden||(!t.isConnected||t.matches(`:disabled`)||t.hidden)&&document.activeElement===document.body&&e.focus({preventScroll:!0})}))},ae=e=>{_?.(e),e.target===e.currentTarget&&(e.propertyName===`opacity`||e.propertyName===`translate`)&&D(e=>e===`closing`?`closed`:e)},Q=i??(e==null&&M!=null?M:void 0),oe=Q==null?e??y:e,$=E===`closed`,se=$||E===`closing`;return v(S.Provider,{value:ne,children:ee(`div`,{className:`pointer-events-none fixed inset-x-0 bottom-4 z-50 flex justify-center px-4 sm:bottom-10`,onBlur:ie,onFocus:re,ref:P,children:[v(`div`,{"aria-atomic":`true`,"aria-live":`polite`,className:`sr-only`,role:`status`,children:O}),v(`div`,{className:`sr-only`,role:`alert`,children:A}),v(`div`,{className:n(`invert-theme pointer-events-auto flex w-fit max-w-full flex-wrap items-center justify-center gap-x-4 gap-y-2 rounded-2xl border border-transparent bg-base px-4 py-3 text-strong shadow-lg`,`max-h-[60svh] overflow-y-auto`,`focus:outline-hidden`,`[&[hidden]]:hidden`,`transition-[opacity,translate] ease-out`,`data-state-open:duration-400`,`data-state-closed:pointer-events-none data-state-closed:opacity-0 data-state-closed:duration-200 motion-safe:data-state-closed:translate-y-[calc(100%+2.5rem)]`,`data-state-closed:ease-[cubic-bezier(0.4,0,1,1),cubic-bezier(0,0,0.2,1)]`,c),...T,"aria-label":oe,"aria-labelledby":Q,"data-slot":r(u,`sandbar`),"data-state":E===`open`?`open`:`closed`,hidden:$?!0:void 0,inert:se?!0:void 0,onTransitionEnd:ae,ref:I,role:`group`,tabIndex:-1,children:a})]})})},Message:({asChild:a,className:o,"data-slot":s,id:c,ref:l,...u})=>{let{registerMessage:d}=C(`Sandbar.Message`),p=f(),m=c??p,g=h(null),_=t(g,l);return e(()=>d(g.current?.id||m),[m,d]),v(a?i:`p`,{className:n(`text-sm font-sans`,o),id:m,...u,"data-slot":r(s,`sandbar-message`),ref:_})},Actions:({asChild:e,className:t,"data-slot":a,...o})=>v(e?i:`div`,{className:n(`flex flex-wrap items-center justify-center gap-2`,t),...o,"data-slot":r(a,`sandbar-actions`)}),SaveButton:({appearance:n=`filled`,children:i,"data-slot":o,intent:s=`neutral`,isLoading:c=!1,ref:l,...u})=>{let{reportSaving:d}=C(`Sandbar.SaveButton`),f=h(null),p=t(f,l);return e(()=>{d({button:f.current,isSaving:!!c})},[c,d]),e(()=>()=>{d({button:null,isSaving:!1})},[d]),v(a,{appearance:n,intent:s,isLoading:c,ref:p,...u,"data-slot":r(o,`sandbar-save-button`),children:i})},DiscardButton:({appearance:e=`outlined`,children:t,"data-slot":n,intent:i=`neutral`,...o})=>v(a,{appearance:e,intent:i,...o,"data-slot":r(n,`sandbar-discard-button`),children:t})};export{w as Sandbar};

package/dist/sandboxed-on-click-UagMFl_U.js

@@ -0,0 +1 @@
+import{t as e}from"./slot-C3gII_9c.js";import{jsx as t}from"react/jsx-runtime";const n=({allowClickEventDefault:e=!1,onClick:t}={})=>({role:`presentation`,onClick:n=>{n.stopPropagation(),e||n.preventDefault(),t?.(n)}}),r=({allowClickEventDefault:r=!1,asChild:i=!1,children:a,onClick:o,ref:s,...c})=>{let l=i?e:`div`,{role:u,...d}=n({allowClickEventDefault:r,onClick:o});return t(l,{ref:s,...c,...d,...!i&&{role:u},children:a})};export{n,r as t};

package/dist/sandboxed-on-click.d.ts

@@ -23,6 +23,9 @@ type EventProps = BaseProps & {
  * Props for the sandboxed onClick container. Spread this on the element you want
  * to prevent the click event from bubbling out of.
  *
+ * If the element already has a role, take only `onClick`: `role="presentation"`
+ * on a `<td>` removes the cell from the table.
+ *
  * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click
  */
 declare const sandboxedOnClickProps: ({ allowClickEventDefault, onClick }?: EventProps) => {
@@ -41,6 +44,11 @@ type Props = ComponentProps<"div"> & WithAsChild & BaseProps;
 /**
  * A container that prevents the click event from bubbling out of it.
  *
+ * The default `<div>` carries `role="presentation"`, because it exists only to
+ * catch bubbled clicks. With `asChild`, the child keeps its own role and gets
+ * only the sandboxed `onClick`: a presentational role on a link or button is a
+ * conflict that user agents ignore.
+ *
  * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click
  *
  * @example

package/dist/sandboxed-on-click.js

@@ -1 +1 @@
-import{t as e}from"./slot-CxM7jdFi.js";import{jsx as t}from"react/jsx-runtime";const n=({allowClickEventDefault:e=!1,onClick:t}={})=>({role:`presentation`,onClick:n=>{n.stopPropagation(),e||n.preventDefault(),t?.(n)}}),r=({allowClickEventDefault:r=!1,asChild:i=!1,children:a,onClick:o,ref:s,...c})=>t(i?e:`div`,{ref:s,...c,...n({allowClickEventDefault:r,onClick:o}),children:a});export{r as SandboxedOnClick,n as sandboxedOnClickProps};
+import{n as e,t}from"./sandboxed-on-click-UagMFl_U.js";export{t as SandboxedOnClick,e as sandboxedOnClickProps};

package/dist/scatter-plot.js

@@ -1 +1 @@
-import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-DVt4hvnu.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`scatter`,componentName:`ScatterPlot`,slotName:`scatter-plot`,...e}),Point:e=>a(`ScatterPlot.Point`,`scatter`,e),Grid:e=>n(`ScatterPlot.Grid`,e),XAxis:e=>t(`ScatterPlot.XAxis`,e),YAxis:e=>r(`ScatterPlot.YAxis`,e),ReferenceLine:t=>e(`ScatterPlot.ReferenceLine`,t),Tooltip:e=>s(`ScatterPlot.Tooltip`,e),Legend:e=>l(i,{partName:`ScatterPlot.Legend`,slotName:`scatter-plot`,...e}),CopyButton:e=>l(c,{partName:`ScatterPlot.CopyButton`,slotName:`scatter-plot`,...e})};export{u as ScatterPlot};
+import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"./chart-B_rZqf8a.js";import{jsx as l}from"react/jsx-runtime";const u={Root:e=>l(o,{kind:`scatter`,componentName:`ScatterPlot`,slotName:`scatter-plot`,...e}),Point:e=>a(`ScatterPlot.Point`,`scatter`,e),Grid:e=>n(`ScatterPlot.Grid`,e),XAxis:e=>t(`ScatterPlot.XAxis`,e),YAxis:e=>r(`ScatterPlot.YAxis`,e),ReferenceLine:t=>e(`ScatterPlot.ReferenceLine`,t),Tooltip:e=>s(`ScatterPlot.Tooltip`,e),Legend:e=>l(i,{partName:`ScatterPlot.Legend`,slotName:`scatter-plot`,...e}),CopyButton:e=>l(c,{partName:`ScatterPlot.CopyButton`,slotName:`scatter-plot`,...e})};export{u as ScatterPlot};

package/dist/select-Dov9H2CX.js

@@ -0,0 +1 @@
+import{n as e}from"./compose-refs-DdUwopIY.js";import{t}from"./cx-0HCjnNv1.js";import{t as n}from"./icon-CGKaq_tV.js";import{r}from"./layer-container-BTcQpd4K.js";import{a as i,r as a}from"./field-Bpptk_9t.js";import{t as o}from"./field-B1wqeZr4.js";import{n as s}from"./separator-Da8lDnio.js";import{CaretDownIcon as c}from"@phosphor-icons/react/CaretDown";import{createContext as l,useContext as u,useMemo as d}from"react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{CheckIcon as m}from"@phosphor-icons/react/Check";import{CaretUpIcon as h}from"@phosphor-icons/react/CaretUp";import*as g from"@radix-ui/react-select";const _=l({}),v=({"aria-invalid":e,children:t,id:n,validation:r,onBlur:i,onValueChange:a,onChange:o,ref:s,...c})=>{let l=d(()=>({"aria-invalid":e,id:n,validation:r,onBlur:i,ref:s}),[e,n,r,i,s]);return f(g.Root,{...c,onValueChange:e=>{o?.(e),a?.(e)},children:f(_.Provider,{value:l,children:t})})},y=({className:e,ref:n,...r})=>f(g.Group,{ref:n,"data-slot":`select-group`,className:t(`space-y-px`,e),...r}),b=g.Value,x=({"aria-invalid":r,className:s,children:l,id:d,onBlur:m,ref:h,validation:v,...y})=>{let b=u(_),x=u(o),S=e(h,b.ref),C=i(),w=x?x[`aria-invalid`]:b[`aria-invalid`]??r,T=b.validation??v??C,{ariaInvalid:E,validation:D}=a({"aria-invalid":w,validation:T}),O=x?x.id:b.id??d;return p(g.Trigger,{"data-slot":`select-trigger`,className:t(`h-9 text-sm`,`border-form bg-form text-strong font-sans placeholder:text-placeholder hover:bg-form-hover hover:text-strong flex w-full items-center justify-between gap-1.5 rounded-md border px-3 py-2 disabled:pointer-events-none disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:text-left`,`hover:border-neutral-400`,`focus:outline-hidden focus:ring-4 aria-expanded:ring-4`,`focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent`,`data-validation-success:border-success-600 data-validation-success:focus:border-success-600 data-validation-success:focus:ring-focus-success data-validation-success:aria-expanded:border-success-600 data-validation-success:aria-expanded:ring-focus-success`,`data-validation-warning:border-warning-600 data-validation-warning:focus:border-warning-600 data-validation-warning:focus:ring-focus-warning data-validation-warning:aria-expanded:border-warning-600 data-validation-warning:aria-expanded:ring-focus-warning`,`data-validation-error:border-danger-600 data-validation-error:focus:border-danger-600 data-validation-error:focus:ring-focus-danger data-validation-error:aria-expanded:border-danger-600 data-validation-error:aria-expanded:ring-focus-danger`,s),"data-validation":D||void 0,id:O,ref:S,...y,onBlur:e=>{m?.(e),b.onBlur?.(e)},...x?{"aria-describedby":x[`aria-describedby`],"aria-errormessage":x[`aria-errormessage`]}:void 0,"aria-invalid":E,children:[l,f(g.Icon,{asChild:!0,children:f(n,{svg:f(c,{weight:`bold`}),className:`size-4`})})]})},S=({className:e,ref:r,...i})=>f(g.ScrollUpButton,{ref:r,className:t(`flex cursor-default items-center justify-center py-1`,e),...i,children:f(n,{svg:f(h,{weight:`bold`}),className:`size-4`})}),C=({className:e,ref:r,...i})=>f(g.ScrollDownButton,{ref:r,className:t(`flex cursor-default items-center justify-center py-1`,e),...i,children:f(n,{svg:f(c,{weight:`bold`}),className:`size-4`})}),w={Root:v,Content:({className:e,children:n,position:i=`popper`,ref:a,width:o=`trigger`,...s})=>{let c=r();return f(g.Portal,{container:c,children:p(g.Content,{ref:a,"data-slot":`select-content`,className:t(`border-popover data-side-bottom:slide-in-from-top-2 data-side-left:slide-in-from-right-2 data-side-right:slide-in-from-left-2 data-side-top:slide-in-from-bottom-2 data-state-closed:animate-out data-state-closed:fade-out-0 data-state-closed:zoom-out-95 data-state-open:animate-in data-state-open:fade-in-0 data-state-open:zoom-in-95 relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border shadow-md`,`bg-popover font-sans`,i===`popper`&&`data-side-bottom:translate-y-2 data-side-left:-translate-x-2 data-side-right:translate-x-2 data-side-top:-translate-y-2 max-h-(--radix-select-content-available-height)`,o===`trigger`&&`w-(--radix-select-trigger-width)`,e),position:i,...s,children:[f(S,{}),f(g.Viewport,{className:t(`p-1 space-y-px`,i===`popper`&&`h-(--radix-select-trigger-height) w-full`),children:n}),f(C,{})]})})},Group:y,Item:({className:e,children:r,icon:i,ref:a,...o})=>p(g.Item,{ref:a,"data-slot":`select-item`,className:t(`relative flex gap-2 w-full cursor-pointer select-none items-center rounded-md py-1.5 pl-2 pr-8 text-strong text-sm outline-hidden`,`focus:bg-active-menu-item`,`data-disabled:pointer-events-none data-disabled:opacity-50`,`data-state-checked:bg-selected-menu-item`,`focus:data-state-checked:bg-active-selected-menu-item`,e),...o,children:[i&&f(n,{svg:i}),f(g.ItemText,{children:r}),f(g.ItemIndicator,{className:`absolute right-2 flex h-3.5 w-3.5 items-center justify-center`,children:f(n,{svg:f(m,{weight:`bold`}),className:`size-4 text-accent-600`})})]}),Label:({className:e,ref:n,...r})=>f(g.Label,{ref:n,"data-slot":`select-label`,className:t(`px-2 py-1.5 text-sm font-medium`,e),...r}),Separator:({className:e,ref:n,...r})=>f(s,{ref:n,"data-slot":`select-separator`,className:t(`-mx-1 my-1 h-px w-auto`,e),...r}),Trigger:x,Value:b};export{w as t};

package/dist/{select-DkFkSYBP.d.ts → select-ouAW88jx.d.ts}

@@ -1,5 +1,5 @@
 import { o as WithValidation } from "./field-7QeiTFwl.js";
-import { n as Separator } from "./separator-CNDs98Dv.js";
+import { n as Separator } from "./separator-Bo4nY_3M.js";
 import { ComponentProps, FocusEvent, PropsWithChildren, ReactNode, Ref, SelectHTMLAttributes } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 //#region src/components/select/select.d.ts
@@ -14,8 +14,8 @@ type SelectProps = PropsWithChildren & {
   id?: string;
   name?: string;
   /**
-   * Event handler called when Select blurs.
-   * @note this is a no-op for now until we can guarantee that it works identically to a native select onBlur
+   * Event handler called when the trigger button blurs. Runs after any
+   * `onBlur` passed on `Select.Trigger`.
    */
   onBlur?: (event: FocusEvent<HTMLButtonElement>) => void;
   /**
@@ -45,7 +45,7 @@ type SelectProps = PropsWithChildren & {
  * ambient `validation` from `Field.Item`. Note: rendered `Field.Errors` /
  * `Field.ErrorList` set `aria-invalid="true"` on the trigger via
  * `Field.Control`'s wiring, which still forces the trigger into the error
- * state — suppress the inferred error by passing `validation` on `Field.Item`
+ * state; suppress the inferred error by passing `validation` on `Field.Item`
  * if a non-error `Select.Root` state needs to win in that case.
  *
  * `Select.Content` renders at Tailwind `z-50`, Mantle's float tier. When
@@ -144,7 +144,7 @@ type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> & WithA
  * </Select.Root>
  * ```
  */
-declare const Trigger: ({ "aria-invalid": ariaInValidProp, className, children, id: propId, ref, validation: propValidation, ...props }: SelectTriggerProps) => import("react").JSX.Element;
+declare const Trigger: ({ "aria-invalid": ariaInValidProp, className, children, id: propId, onBlur, ref, validation: propValidation, ...props }: SelectTriggerProps) => import("react").JSX.Element;
 type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content> & {
   /**
    * The width of the content. Defaults to the width of the trigger.
@@ -155,7 +155,9 @@ type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content> & {
 };
 /**
  * The component that pops out when the select is open as a portal adjacent to the trigger button.
- * It contains a scrolling viewport of the select items.
+ * It contains a scrolling viewport of the select items. `position` defaults to
+ * `"popper"`, so the list opens below the trigger instead of over the selected
+ * item.
  *
  * `Select.Content` renders at Tailwind `z-50`, Mantle's float tier. When
  * composed inside an open `Dialog`, `AlertDialog`, or `Sheet`, it portals into
@@ -220,13 +222,17 @@ declare const Content: ({ className, children, position, ref, width, ...props }:
  */
 declare const Label: ({ className, ref, ...props }: ComponentProps<typeof SelectPrimitive.Label>) => import("react").JSX.Element;
 type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item> & {
+  /**
+   * An optional icon rendered before the item text.
+   */
   icon?: ReactNode;
 };
 /**
  * An option within a select menu. Similar to an html `<option>` element.
  * Has a required `value` prop. When a user selects this item, `Select.Root`
  * passes that value to its `onValueChange` handler.
- * Displays the children as the option's text.
+ * Displays the children as the option's text. Pass `icon` to render an icon
+ * before the text.
  *
  * @see https://mantle.ngrok.com/components/forms/select#selectitem
  *
@@ -343,6 +349,14 @@ declare const Select: {
    * and search/filtering is unnecessary. For larger lists or async/searchable data, use
    * Combobox. For picking multiple options, use MultiSelect.
    *
+   * Pass `validation` here when the entire select has an explicit state. That
+   * root state is forwarded to `Select.Trigger` and takes precedence over the
+   * ambient `validation` from `Field.Item`. Note: rendered `Field.Errors` /
+   * `Field.ErrorList` set `aria-invalid="true"` on the trigger via
+   * `Field.Control`'s wiring, which still forces the trigger into the error
+   * state; suppress the inferred error by passing `validation` on `Field.Item`
+   * if a non-error `Select.Root` state needs to win in that case.
+   *
    * `Select.Content` renders at Tailwind `z-50`, Mantle's float tier. When
    * composed inside an open `Dialog`, `AlertDialog`, or `Sheet`, it portals into
    * that overlay's positioner and paints above the overlay that owns it. Outside
@@ -378,7 +392,9 @@ declare const Select: {
   readonly Root: typeof Root;
   /**
    * The component that pops out when the select is open as a portal adjacent to the trigger button.
-   * It contains a scrolling viewport of the select items.
+   * It contains a scrolling viewport of the select items. `position` defaults to
+   * `"popper"`, so the list opens below the trigger instead of over the selected
+   * item.
    *
    * `Select.Content` renders at Tailwind `z-50`, Mantle's float tier. When
    * composed inside an open `Dialog`, `AlertDialog`, or `Sheet`, it portals into
@@ -447,7 +463,8 @@ declare const Select: {
    * An option within a select menu. Similar to an html `<option>` element.
    * Has a required `value` prop. When a user selects this item, `Select.Root`
    * passes that value to its `onValueChange` handler.
-   * Displays the children as the option's text.
+   * Displays the children as the option's text. Pass `icon` to render an icon
+   * before the text.
    *
    * @see https://mantle.ngrok.com/components/forms/select#selectitem
    *
@@ -535,6 +552,10 @@ declare const Select: {
   readonly Separator: typeof SelectSeparatorComponent;
   /**
    * The button that toggles the select. The Select.Content will position itself adjacent to the trigger.
+   * When composing with `Field.Item`, wrap `Select.Root` in `Field.Control`:
+   * the generated `id`, `name`, and `aria-invalid` flow onto `Select.Root` (so
+   * the hidden form input gets the field name), and the trigger reads
+   * `aria-describedby` / `aria-errormessage` from `FieldControlContext`.
    *
    * @see https://mantle.ngrok.com/components/forms/select#selecttrigger
    *

package/dist/select.d.ts

@@ -1,2 +1,2 @@
-import { t as Select } from "./select-DkFkSYBP.js";
+import { t as Select } from "./select-ouAW88jx.js";
 export { Select };

package/dist/select.js

@@ -1 +1 @@
-import{t as e}from"./select-B52tWHOB.js";export{e as Select};
+import{t as e}from"./select-Dov9H2CX.js";export{e as Select};