@ngrok/mantle 0.77.0 → 0.78.0

package/dist/radio-group.d.ts

@@ -1,7 +1,6 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { HTMLAttributes, ReactNode } from "react";
 import { RadioGroupProps, RadioProps } from "@headlessui/react";
-
 //#region src/components/radio-group/radio-group.d.ts
 /**
  * The shape of the radio state context.
@@ -16,12 +15,50 @@ type RadioStateContextValue = {
 type RadioIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
   children?: ReactNode | ((context: RadioStateContextValue) => ReactNode);
 };
+/**
+ * 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
+ *
+ * @example
+ * ```tsx
+ * <RadioGroup.Item value="option1">
+ *   <RadioGroup.Indicator />
+ *   <span>Option 1</span>
+ * </RadioGroup.Item>
+ * ```
+ */
+declare const Indicator: {
+  ({ children, className, ...props }: RadioIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
 type RadioItemContentProps = HTMLAttributes<HTMLDivElement> & WithAsChild;
+/**
+ * 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`.
+ */
+declare const ItemContent: {
+  ({ asChild, children, className, ...props }: RadioItemContentProps): import("react").JSX.Element;
+  displayName: string;
+};
 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.
+ */
+declare const InputSandbox: {
+  ({ children, onClick, onKeyDown, ...props }: RadioInputSandboxProps): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * A group of radio items. It manages the state of the children radios.
  *
- * @see https://mantle.ngrok.com/components/radio-group#radiogrouproot
+ * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouproot
  *
  * @example
  * Composition:
@@ -50,7 +87,7 @@ type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
  *
  * @example
  * ```tsx
- * <RadioGroup value={value} onValueChange={setValue}>
+ * <RadioGroup.Root value={value} onChange={setValue}>
  *   <RadioGroup.Item value="option1">
  *     <RadioGroup.Indicator />
  *     <span>Option 1</span>
@@ -59,24 +96,22 @@ type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
  *     <RadioGroup.Indicator />
  *     <span>Option 2</span>
  *   </RadioGroup.Item>
- * </RadioGroup>
+ * </RadioGroup.Root>
  * ```
  */
 declare const RadioGroup: {
   /**
    * A radio button that is used inside a RadioGroup.ButtonGroup for inline grouped radio options.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupbutton
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupbutton
    *
    * @example
    * ```tsx
-   * <RadioGroup.Root defaultValue="option1">
-   *   <RadioGroup.ButtonGroup>
-   *     <RadioGroup.Button value="option1">Option 1</RadioGroup.Button>
-   *     <RadioGroup.Button value="option2">Option 2</RadioGroup.Button>
-   *     <RadioGroup.Button value="option3">Option 3</RadioGroup.Button>
-   *   </RadioGroup.ButtonGroup>
-   * </RadioGroup.Root>
+   * <RadioGroup.ButtonGroup defaultValue="option1">
+   *   <RadioGroup.Button value="option1">Option 1</RadioGroup.Button>
+   *   <RadioGroup.Button value="option2">Option 2</RadioGroup.Button>
+   *   <RadioGroup.Button value="option3">Option 3</RadioGroup.Button>
+   * </RadioGroup.ButtonGroup>
    * ```
    */
   readonly Button: import("react").ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
@@ -84,28 +119,27 @@ declare const RadioGroup: {
   } & import("react").RefAttributes<HTMLDivElement>>;
   /**
    * An inline group of radio buttons. Use RadioGroup.Button as direct children for horizontal radio layouts.
+   * Renders the radio group itself — use it in place of `RadioGroup.Root`, never nested inside one.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupbuttongroup
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupbuttongroup
    *
    * @example
    * ```tsx
-   * <RadioGroup.Root defaultValue="small">
-   *   <Label htmlFor="size-group">Size</Label>
-   *   <RadioGroup.ButtonGroup>
-   *     <RadioGroup.Button value="small">Small</RadioGroup.Button>
-   *     <RadioGroup.Button value="medium">Medium</RadioGroup.Button>
-   *     <RadioGroup.Button value="large">Large</RadioGroup.Button>
-   *   </RadioGroup.ButtonGroup>
-   * </RadioGroup.Root>
+   * <Label id="size-label">Size</Label>
+   * <RadioGroup.ButtonGroup aria-labelledby="size-label" defaultValue="small">
+   *   <RadioGroup.Button value="small">Small</RadioGroup.Button>
+   *   <RadioGroup.Button value="medium">Medium</RadioGroup.Button>
+   *   <RadioGroup.Button value="large">Large</RadioGroup.Button>
+   * </RadioGroup.ButtonGroup>
    * ```
    */
-  readonly ButtonGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+  readonly ButtonGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "as" | "children"> & {
     children?: ReactNode | undefined;
   } & import("react").RefAttributes<HTMLElement>>;
   /**
    * A radio card item with enhanced styling. Use it as a child of RadioGroup for card-based radio options.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupcard
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupcard
    *
    * @example
    * ```tsx
@@ -133,7 +167,7 @@ declare const RadioGroup: {
   /**
    * The selection indicator for any radio item. Shows the checked state with customizable appearance.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupindicator
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupindicator
    *
    * @example
    * ```tsx
@@ -143,18 +177,11 @@ declare const RadioGroup: {
    * </RadioGroup.Item>
    * ```
    */
-  readonly Indicator: {
-    ({
-      children,
-      className,
-      ...props
-    }: RadioIndicatorProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Indicator: typeof Indicator;
   /**
    * A sandbox container for input elements composed within radio group items. Prevents default radio behavior.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupinputsandbox
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupinputsandbox
    *
    * @example
    * ```tsx
@@ -171,19 +198,11 @@ declare const RadioGroup: {
    * </RadioGroup.Root>
    * ```
    */
-  readonly InputSandbox: {
-    ({
-      children,
-      onClick,
-      onKeyDown,
-      ...props
-    }: RadioInputSandboxProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly InputSandbox: typeof InputSandbox;
   /**
    * A simple radio item that can be used inside a radio group. The conventional use-case for basic radio options.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupitem
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupitem
    *
    * @example
    * ```tsx
@@ -199,7 +218,7 @@ declare const RadioGroup: {
   /**
    * The content wrapper for any radio item. Use it to wrap labels, descriptions, or content of a radio item.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogroupitemcontent
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogroupitemcontent
    *
    * @example
    * ```tsx
@@ -214,19 +233,11 @@ declare const RadioGroup: {
    * </RadioGroup.Root>
    * ```
    */
-  readonly ItemContent: {
-    ({
-      asChild,
-      children,
-      className,
-      ...props
-    }: RadioItemContentProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly ItemContent: typeof ItemContent;
   /**
    * A group of radio list items with connected borders. Use RadioGroup.ListItem as direct children.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogrouplist
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouplist
    *
    * @example
    * ```tsx
@@ -246,13 +257,13 @@ declare const RadioGroup: {
    * </RadioGroup.Root>
    * ```
    */
-  readonly List: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+  readonly List: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "as" | "children"> & {
     children?: ReactNode | undefined;
   } & import("react").RefAttributes<HTMLElement>>;
   /**
    * A radio list item that is used inside a RadioGroup.List for connected list-style radio options.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogrouplistitem
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouplistitem
    *
    * @example
    * ```tsx
@@ -280,11 +291,11 @@ declare const RadioGroup: {
   /**
    * The root radio group component. Manages the state of the children radios where only one can be selected.
    *
-   * @see https://mantle.ngrok.com/components/radio-group#radiogrouproot
+   * @see https://mantle.ngrok.com/components/forms/radio-group#radiogrouproot
    *
    * @example
    * ```tsx
-   * <RadioGroup.Root value={value} onValueChange={setValue}>
+   * <RadioGroup.Root value={value} onChange={setValue}>
    *   <RadioGroup.Item value="option1">
    *     <RadioGroup.Indicator />
    *     <span>Option 1</span>
@@ -292,7 +303,7 @@ declare const RadioGroup: {
    * </RadioGroup.Root>
    * ```
    */
-  readonly Root: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+  readonly Root: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "as" | "children"> & {
     children?: ReactNode | undefined;
   } & import("react").RefAttributes<HTMLElement>>;
 };

package/dist/radio-group.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./slot-DT_E5BQx.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{t as r}from"./field-context-4k1kI7Bo.js";import{t as i}from"./is-input-CXmS0OFN.js";import{Children as a,cloneElement as o,createContext as s,forwardRef as c,isValidElement as l,useContext as u,useRef as d}from"react";import{jsx as f}from"react/jsx-runtime";import{Radio as p,RadioGroup as m}from"@headlessui/react";const h=c((e,t)=>f(m,{"data-slot":`radio-group`,...e,ref:t}));h.displayName=`RadioGroup`;const g=s({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1}),_=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{"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`,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:a,children:e=>f(g.Provider,{value:e,children:t})})});_.displayName=`RadioItem`;const v=({checked:t,disabled:n,focus:r,hover:i})=>f(`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&&f(`span`,{className:`size-2 rounded-full bg-white shrink-0`})}),y=({children:t,className:n,...r})=>{let i=u(g);return f(`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?f(v,{...i}):typeof t==`function`?t(i):t})};y.displayName=`RadioIndicator`;const b=c(({className:e,...t},r)=>f(h,{"data-slot":`radio-group-list`,className:n(`-space-y-px`,e),...t,ref:r}));b.displayName=`RadioGroupList`;const x=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{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:a,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>f(g.Provider,{value:e,children:t})})});x.displayName=`RadioListItem`;const S=c(({children:e,className:t,...i},a)=>{let o=u(r);return f(p,{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),...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:a,children:t=>f(g.Provider,{value:t,children:e})})});S.displayName=`RadioCard`;const C=({asChild:e=!1,children:r,className:i,...a})=>{let o=u(g);return f(e?t:`div`,{"data-slot":`radio-group-item-content`,className:n(`min-w-0 flex-1`,o.disabled&&`opacity-50`,i),...a,children:r})};C.displayName=`RadioItemContent`;const w=c(({className:e,...t},r)=>f(h,{"data-slot":`radio-group-button-group`,className:n(`flex flex-row flex-nowrap -space-x-px`,e),...t,ref:r}));w.displayName=`RadioButtonGroup`;const T=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{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:a,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>f(g.Provider,{value:e,children:t})})});T.displayName=`RadioButton`;const E=({children:e,onClick:t,onKeyDown:n,...r})=>{let s=d(null),c=u(g),p=a.only(e),m=c.disabled||!c.checked;return f(`div`,{role:`none`,"data-slot":`radio-group-input-sandbox`,ref:s,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;i(n)&&window.requestAnimationFrame(()=>{n.focus()}),t?.(e)},...r,children:l(p)?o(p,{disabled:c.disabled||p.props.disabled,tabIndex:m?-1:p.props.tabIndex}):null})};E.displayName=`RadioInputSandbox`;const D={Button:T,ButtonGroup:w,Card:S,Indicator:y,InputSandbox:E,Item:_,ItemContent:C,List:b,ListItem:x,Root:h};export{D as RadioGroup};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{t as r}from"./field-context-BR01g789.js";import{t as i}from"./is-input-CXmS0OFN.js";import{Children as a,cloneElement as o,createContext as s,forwardRef as c,isValidElement as l,useContext as u,useRef as d}from"react";import{jsx as f}from"react/jsx-runtime";import{Radio as p,RadioGroup as m}from"@headlessui/react";const h=c((e,t)=>f(m,{"data-slot":`radio-group`,...e,ref:t}));h.displayName=`RadioGroup`;const g=s({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1}),_=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{"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`,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:a,children:e=>f(g.Provider,{value:e,children:t})})});_.displayName=`RadioItem`;const v=({checked:t,disabled:n,focus:r,hover:i})=>f(`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&&f(`span`,{className:`size-2 rounded-full bg-white shrink-0`})}),y=({children:t,className:n,...r})=>{let i=u(g);return f(`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?f(v,{...i}):typeof t==`function`?t(i):t})};y.displayName=`RadioIndicator`;const b=c(({className:e,...t},r)=>f(h,{"data-slot":`radio-group-list`,className:n(`-space-y-px`,e),...t,ref:r}));b.displayName=`RadioGroupList`;const x=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{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:a,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>f(g.Provider,{value:e,children:t})})});x.displayName=`RadioListItem`;const S=c(({children:e,className:t,...i},a)=>{let o=u(r);return f(p,{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),...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,ref:a,children:t=>f(g.Provider,{value:t,children:e})})});S.displayName=`RadioCard`;const C=({asChild:e=!1,children:r,className:i,...a})=>{let o=u(g);return f(e?t:`div`,{"data-slot":`radio-group-item-content`,className:n(`min-w-0 flex-1`,o.disabled&&`opacity-50`,i),...a,children:r})};C.displayName=`RadioItemContent`;const w=c(({className:e,...t},r)=>f(h,{"data-slot":`radio-group-button-group`,className:n(`flex flex-row flex-nowrap -space-x-px`,e),...t,ref:r}));w.displayName=`RadioButtonGroup`;const T=c(({children:t,className:n,...i},a)=>{let o=u(r);return f(p,{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:a,...i,...o?{"aria-describedby":o[`aria-describedby`],"aria-errormessage":o[`aria-errormessage`],"aria-invalid":o[`aria-invalid`]}:void 0,children:e=>f(g.Provider,{value:e,children:t})})});T.displayName=`RadioButton`;const E=({children:e,onClick:t,onKeyDown:n,...r})=>{let s=d(null),c=u(g),p=a.only(e),m=c.disabled||!c.checked;return f(`div`,{role:`none`,"data-slot":`radio-group-input-sandbox`,ref:s,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;i(n)&&window.requestAnimationFrame(()=>{n.focus()}),t?.(e)},...r,children:l(p)?o(p,{disabled:c.disabled||p.props.disabled,tabIndex:m?-1:p.props.tabIndex}):null})};E.displayName=`RadioInputSandbox`;const D={Button:T,ButtonGroup:w,Card:S,Indicator:y,InputSandbox:E,Item:_,ItemContent:C,List:b,ListItem:x,Root:h};export{D as RadioGroup};

package/dist/{resolve-pre-rendered-props-DxJ9-DAl.d.ts → resolve-pre-rendered-props-B6OlZrSI.d.ts}

@@ -26,8 +26,10 @@ type FoldableRange = {
    * IDs that are unique within the code block; the decorator URI-encodes
    * them before rendering so spaces and quotes remain safe.
    */
-  id: string; /** 1-based line number of the line that contains the opening token. */
-  startLine: number; /** 1-based line number of the line that contains the matching closing token. */
+  id: string;
+  /** 1-based line number of the line that contains the opening token. */
+  startLine: number;
+  /** 1-based line number of the line that contains the matching closing token. */
   endLine: number;
 };
 /**
@@ -87,13 +89,7 @@ type DecorateHighlightedHtmlInput = {
  * Wraps each line of Shiki-highlighted HTML in Mantle's line-number, fold,
  * and line-highlight markup, producing the final HTML rendered by `CodeBlock.Code`.
  */
-declare function decorateHighlightedHtml({
-  foldableRanges,
-  highlightLines,
-  html,
-  lineNumberStart,
-  showLineNumbers
-}: DecorateHighlightedHtmlInput): string;
+declare function decorateHighlightedHtml({ foldableRanges, highlightLines, html, lineNumberStart, showLineNumbers }: DecorateHighlightedHtmlInput): string;
 //#endregion
 //#region src/components/code-block/supported-languages.d.ts
 /**
@@ -163,7 +159,8 @@ type FoldStrategy = "bracket" | "indentation" | "tag" | "none";
 declare function foldStrategyFor(language: SupportedLanguage): FoldStrategy;
 /** Input for {@link computeFoldRanges}. */
 type ComputeFoldRangesInput = {
-  /** Resolved supported language; controls which strategy runs. */language: SupportedLanguage;
+  /** Resolved supported language; controls which strategy runs. */
+  language: SupportedLanguage;
   /**
    * Tokens produced by Shiki for the same code that will be rendered.
    * Must include scope explanations (i.e. tokenized with
@@ -186,10 +183,7 @@ type ComputeFoldRangesInput = {
  * opener line survives so the gutter renders a single toggle even when
  * multiple constructs open on the same line (`{"a":[`).
  */
-declare function computeFoldRanges({
-  language,
-  tokens
-}: ComputeFoldRangesInput): FoldableRange[];
+declare function computeFoldRanges({ language, tokens }: ComputeFoldRangesInput): FoldableRange[];
 //#endregion
 //#region src/components/code-block/indentation.d.ts
 declare const indentations: readonly ["tabs", "spaces"];
@@ -278,12 +272,14 @@ type MantleCodeBlockValue = {
   "~lineNumberStart"?: number | undefined;
 };
 /** Maps each key starting with `OldPrefix` to `NewPrefix`, leaving other keys unchanged. */
-type ReplacePrefix<T, OldPrefix extends string, NewPrefix extends string> = { [K in keyof T as K extends `${OldPrefix}${infer Rest}` ? `${NewPrefix}${Rest}` : K]: T[K] };
+type ReplacePrefix<T, OldPrefix extends string, NewPrefix extends string> = { [K in keyof T as K extends `${OldPrefix}${infer Rest}` ? `${NewPrefix}${Rest}` : K]: T[K]; };
 /** Public input shape for `createMantleCodeBlockValue`, with `~`-prefixed keys renamed to unprefixed. */
 type MantleCodeBlockValueInput = ReplacePrefix<Omit<MantleCodeBlockValue, typeof mantleCodeBlockValueBrand>, "~", "">;
 /** Options for configuring line numbers, highlights, and indentation in `mantleCode()`. */
 type MantleCodeOptions = {
-  /** Line numbers or ranges to visually highlight in the code block. */highlightLines?: (LineRange | number)[] | undefined; /** The indentation style to use when normalizing the code string. */
+  /** Line numbers or ranges to visually highlight in the code block. */
+  highlightLines?: (LineRange | number)[] | undefined;
+  /** The indentation style to use when normalizing the code string. */
   indentation?: Indentation | undefined;
   /**
    * The starting line number when line numbers are displayed.
@@ -303,16 +299,7 @@ type MantleCodeOptions = {
  * Only pass HTML produced by Shiki (via the Vite plugin or
  * `createMantleServerSyntaxHighlighter`). Never pass unsanitized user input as `preHtml`.
  */
-declare function createMantleCodeBlockValue({
-  preHtml,
-  preValToken,
-  preVals,
-  highlightLines,
-  lineNumberStart,
-  showLineNumbers,
-  code,
-  language
-}: MantleCodeBlockValueInput): MantleCodeBlockValue;
+declare function createMantleCodeBlockValue({ preHtml, preValToken, preVals, highlightLines, lineNumberStart, showLineNumbers, code, language }: MantleCodeBlockValueInput): MantleCodeBlockValue;
 /**
  * Tagged template literal for Shiki syntax highlighting.
  *

package/dist/{resolve-pre-rendered-props-DwIF_M_K.js → resolve-pre-rendered-props-C3e5Auo3.js}

@@ -1,4 +1,4 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./booleanish-BfvnW6vy.js";const n=new Set([`bash`,`sh`,`shell`]);function r(e,t){return!(n.has(e)&&!t.trim().includes(`
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./booleanish-BfvnW6vy.js";const n=new Set([`bash`,`sh`,`shell`]);function r(e,t){return!(n.has(e)&&!t.trim().includes(`
 `))}const i=Symbol(`MantleCodeBlockValue`);function a({preHtml:e,preValToken:t,preVals:n,highlightLines:r,lineNumberStart:a,showLineNumbers:o,code:s,language:c}){return{[i]:!0,language:c,code:s,"~preHtml":e,"~preValToken":t,"~preVals":n,"~highlightLines":r,"~lineNumberStart":a,"~showLineNumbers":o}}function o(e,t){let n=``;for(let r=0;r<e.length;r+=1)n+=e[r]??``,r<t.length&&(n+=String(t[r]));return n}function s(e,t={}){let{showLineNumbers:n,highlightLines:i,lineNumberStart:s}=t;return(t,...c)=>{let l=o(t,c);return a({language:e,code:l,preHtml:void 0,preVals:c.length>0?c:void 0,highlightLines:i,lineNumberStart:s,showLineNumbers:n??r(e,l)})}}function c(e){if(e.length<=1)return e;e.sort((e,t)=>e.startLine===t.startLine?t.endLine-e.endLine:e.startLine-t.startLine);let t=[],n=-1;for(let r of e)r.startLine!==n&&(t.push(r),n=r.startLine);return t}function l(e){let t=e.length;if(t===0)return[];let n=[],r=[],i=1,a=0;for(;a<t;){let o=e.charCodeAt(a);if(o===10){i+=1,a+=1;continue}if(o===13){i+=1,a+=1,a<t&&e.charCodeAt(a)===10&&(a+=1);continue}if(o===34){for(a+=1;a<t;){let t=e.charCodeAt(a);if(t===92){a+=2;continue}if(t===34){a+=1;break}if(t===10||t===13)break;a+=1}continue}if(o===123||o===91){n.push({opener:o,line:i}),a+=1;continue}if(o===125||o===93){let e=o===125?123:91,t=n[n.length-1];t?.opener===e?(n.pop(),t.line!==i&&r.push({id:String(t.line),startLine:t.line,endLine:i})):t!=null&&(n.length=0),a+=1;continue}a+=1}return c(r)}function u(...e){let t=new Set;for(let n of e)if(typeof n==`number`){if(!d(n))continue;let e=Math.floor(n);t.add(e)}else{let e=n.indexOf(`-`),r=n.slice(0,e),i=n.slice(e+1),a=Number.parseInt(r,10),o=Number.parseInt(i,10);if(!d(a)||!d(o)||(a>o&&([a,o]=[o,a]),o-a+1>1e3))continue;for(let e=a;e<=o;e++)t.add(e)}return t}const d=e=>e!=null&&!Number.isNaN(e)&&e>0&&Number.isFinite(e);function f(e){let t=e.length;for(;t>0&&(e.charCodeAt(t-1)===10||e.charCodeAt(t-1)===13);)--t;return t===e.length?e:e.slice(0,t)}function p(e){let t=f(e).replaceAll(`\r
 `,`
 `).replaceAll(`\r`,`

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

@@ -1,6 +1,5 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
 import { ComponentProps, MouseEventHandler } from "react";
-
 //#region src/components/sandboxed-on-click/sandboxed-on-click.d.ts
 type BaseProps = {
   /**
@@ -26,12 +25,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.
  *
- * @see https://mantle.ngrok.com/components/sandboxed-on-click#sandboxedonclick
+ * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click#sandboxedonclick
  */
-declare const sandboxedOnClickProps: ({
-  allowClickEventDefault,
-  onClick
-}?: EventProps) => {
+declare const sandboxedOnClickProps: ({ allowClickEventDefault, onClick }?: EventProps) => {
   /**
    * Marking an element with the role presentation indicates to assistive
    * technology that this element should be ignored; it exists to support the
@@ -47,7 +43,7 @@ type Props = ComponentProps<"div"> & WithAsChild & BaseProps;
 /**
  * A container that prevents the click event from bubbling out of it.
  *
- * @see https://mantle.ngrok.com/components/sandboxed-on-click#sandboxedonclick
+ * @see https://mantle.ngrok.com/components/primitives/sandboxed-on-click#sandboxedonclick
  *
  * @example
  * ```tsx

package/dist/sandboxed-on-click.js

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

package/dist/{select-BUGOJMER.d.ts → select-Bwt2YduR.d.ts}

@@ -1,8 +1,7 @@
-import { t as WithAsChild } from "./as-child-uN_018tj.js";
-import { o as WithValidation } from "./validation-xyX_6kph.js";
+import { t as WithAsChild } from "./as-child-CYEVu1WY.js";
+import { o as WithValidation } from "./validation-7QeiTFwl.js";
 import { FocusEvent, ReactNode, SelectHTMLAttributes } from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-
 //#region src/components/select/select.d.ts
 type WithAriaInvalid = Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-invalid">;
 /**
@@ -16,7 +15,7 @@ type WithAriaInvalid = Pick<SelectHTMLAttributes<HTMLSelectElement>, "aria-inval
  * z-index. When multiple shared layers are open, the most recently mounted
  * layer renders on top.
  *
- * @see https://mantle.ngrok.com/components/select
+ * @see https://mantle.ngrok.com/components/forms/select
  *
  * @example
  * Composition:
@@ -66,7 +65,7 @@ declare const Select: {
    * z-index. When multiple shared layers are open, the most recently mounted
    * layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/select#selectroot
+   * @see https://mantle.ngrok.com/components/forms/select#selectroot
    *
    * @example
    * ```tsx
@@ -126,7 +125,7 @@ declare const Select: {
    * z-index. When multiple shared layers are open, the most recently mounted
    * layer renders on top.
    *
-   * @see https://mantle.ngrok.com/components/select#selectcontent
+   * @see https://mantle.ngrok.com/components/forms/select#selectcontent
    *
    * @example
    * ```tsx
@@ -163,7 +162,7 @@ declare const Select: {
    * A group of related options within a select menu. Similar to an html `<optgroup>` element.
    * Use in conjunction with Select.Label to ensure good accessibility via automatic labelling.
    *
-   * @see https://mantle.ngrok.com/components/select#selectgroup
+   * @see https://mantle.ngrok.com/components/forms/select#selectgroup
    *
    * @example
    * ```tsx
@@ -194,7 +193,7 @@ declare const Select: {
    * Has a required `value` prop that will be passed to the `onChange` handler of the `Select` component when this item is selected.
    * Displays the children as the option's text.
    *
-   * @see https://mantle.ngrok.com/components/select#selectitem
+   * @see https://mantle.ngrok.com/components/forms/select#selectitem
    *
    * @example
    * ```tsx
@@ -225,7 +224,7 @@ declare const Select: {
   /**
    * Used to render the label of a group. It won't be focusable using arrow keys.
    *
-   * @see https://mantle.ngrok.com/components/select#selectlabel
+   * @see https://mantle.ngrok.com/components/forms/select#selectlabel
    *
    * @example
    * ```tsx
@@ -254,7 +253,7 @@ declare const Select: {
   /**
    * Used to visually separate items or groups of items in the select content.
    *
-   * @see https://mantle.ngrok.com/components/select#selectseparator
+   * @see https://mantle.ngrok.com/components/forms/select#selectseparator
    *
    * @example
    * ```tsx
@@ -286,7 +285,7 @@ declare const Select: {
   /**
    * The button that toggles the select. The Select.Content will position itself adjacent to the trigger.
    *
-   * @see https://mantle.ngrok.com/components/select#selecttrigger
+   * @see https://mantle.ngrok.com/components/forms/select#selecttrigger
    *
    * @example
    * ```tsx
@@ -315,7 +314,7 @@ declare const Select: {
   /**
    * The part that reflects the selected value. By default the selected item's text will be rendered. if you require more control, you can instead control the select and pass your own children. It should not be styled to ensure correct positioning. An optional placeholder prop is also available for when the select has no value.
    *
-   * @see https://mantle.ngrok.com/components/select#selectvalue
+   * @see https://mantle.ngrok.com/components/forms/select#selectvalue
    *
    * @example
    * ```tsx

package/dist/{select-Bxq_N-_o.js → select-D-5u0Blc.js}

@@ -1 +1 @@
-import{t as e}from"./compose-refs-Cjf2gfB8.js";import{t}from"./cx-C1UYP5We.js";import{t as n}from"./icon-SUx16Sl3.js";import{a as r,r as i}from"./validation-DCyx-ceH.js";import{t as a}from"./field-context-4k1kI7Bo.js";import{n as o}from"./separator-CqohKk4z.js";import{CaretDownIcon as s}from"@phosphor-icons/react/CaretDown";import{createContext as c,forwardRef 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 _=c({}),v=l(({"aria-invalid":e,children:t,id:n,validation:r,onBlur:i,onValueChange:a,onChange:o,...s},c)=>{let l=d(()=>({"aria-invalid":e,id:n,validation:r,onBlur:i,ref:c}),[e,n,r,i,c]);return f(g.Root,{...s,onValueChange:e=>{o?.(e),a?.(e)},children:f(_.Provider,{value:l,children:t})})});v.displayName=`Select`;const y=l(({className:e,...n},r)=>f(g.Group,{ref:r,"data-slot":`select-group`,className:t(`space-y-px`,e),...n}));y.displayName=`SelectGroup`;const b=g.Value;b.displayName=`SelectValue`;const x=l(({"aria-invalid":o,className:c,children:l,id:d,validation:m,...h},v)=>{let y=u(_),b=u(a),x=r(),{ariaInvalid:S,validation:C}=i({"aria-invalid":b?b[`aria-invalid`]:y[`aria-invalid`]??o,validation:y.validation??m??x}),w=b?b.id:y.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`,c),"data-validation":C||void 0,id:w,ref:e(v,y.ref),...h,...b?{"aria-describedby":b[`aria-describedby`],"aria-errormessage":b[`aria-errormessage`]}:void 0,"aria-invalid":S,children:[l,f(g.Icon,{asChild:!0,children:f(n,{svg:f(s,{weight:`bold`}),className:`size-4`})})]})});x.displayName=`SelectTrigger`;const S=l(({className:e,...r},i)=>f(g.ScrollUpButton,{ref:i,className:t(`flex cursor-default items-center justify-center py-1`,e),...r,children:f(n,{svg:f(h,{weight:`bold`}),className:`size-4`})}));S.displayName=`SelectScrollUpButton`;const C=l(({className:e,...r},i)=>f(g.ScrollDownButton,{ref:i,className:t(`flex cursor-default items-center justify-center py-1`,e),...r,children:f(n,{svg:f(s,{weight:`bold`}),className:`size-4`})}));C.displayName=`SelectScrollDownButton`;const w=l(({className:e,children:n,position:r=`popper`,width:i=`trigger`,...a},o)=>f(g.Portal,{children:p(g.Content,{ref:o,"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`,r===`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)`,i===`trigger`&&`w-(--radix-select-trigger-width)`,e),position:r,...a,children:[f(S,{}),f(g.Viewport,{className:t(`p-1 space-y-px`,r===`popper`&&`h-(--radix-select-trigger-height) w-full`),children:n}),f(C,{})]})}));w.displayName=`SelectContent`;const T=l(({className:e,...n},r)=>f(g.Label,{ref:r,"data-slot":`select-label`,className:t(`px-2 py-1.5 text-sm font-medium`,e),...n}));T.displayName=`SelectLabel`;const E=l(({className:e,children:r,icon:i,...a},o)=>p(g.Item,{ref:o,"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),...a,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`})})]}));E.displayName=`SelectItem`;const D=l(({className:e,...n},r)=>f(o,{ref:r,"data-slot":`select-separator`,className:t(`-mx-1 my-1 h-px w-auto`,e),...n}));D.displayName=`SelectSeparator`;const O={Root:v,Content:w,Group:y,Item:E,Label:T,Separator:D,Trigger:x,Value:b};export{O as t};
+import{t as e}from"./compose-refs-Cjf2gfB8.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./icon-CDtYjF_H.js";import{a as r,r as i}from"./validation-Bpptk_9t.js";import{t as a}from"./field-context-BR01g789.js";import{n as o}from"./separator-kBnnv3Cw.js";import{CaretDownIcon as s}from"@phosphor-icons/react/CaretDown";import{createContext as c,forwardRef 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 _=c({}),v=l(({"aria-invalid":e,children:t,id:n,validation:r,onBlur:i,onValueChange:a,onChange:o,...s},c)=>{let l=d(()=>({"aria-invalid":e,id:n,validation:r,onBlur:i,ref:c}),[e,n,r,i,c]);return f(g.Root,{...s,onValueChange:e=>{o?.(e),a?.(e)},children:f(_.Provider,{value:l,children:t})})});v.displayName=`Select`;const y=l(({className:e,...n},r)=>f(g.Group,{ref:r,"data-slot":`select-group`,className:t(`space-y-px`,e),...n}));y.displayName=`SelectGroup`;const b=g.Value;b.displayName=`SelectValue`;const x=l(({"aria-invalid":o,className:c,children:l,id:d,validation:m,...h},v)=>{let y=u(_),b=u(a),x=r(),{ariaInvalid:S,validation:C}=i({"aria-invalid":b?b[`aria-invalid`]:y[`aria-invalid`]??o,validation:y.validation??m??x}),w=b?b.id:y.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`,c),"data-validation":C||void 0,id:w,ref:e(v,y.ref),...h,...b?{"aria-describedby":b[`aria-describedby`],"aria-errormessage":b[`aria-errormessage`]}:void 0,"aria-invalid":S,children:[l,f(g.Icon,{asChild:!0,children:f(n,{svg:f(s,{weight:`bold`}),className:`size-4`})})]})});x.displayName=`SelectTrigger`;const S=l(({className:e,...r},i)=>f(g.ScrollUpButton,{ref:i,className:t(`flex cursor-default items-center justify-center py-1`,e),...r,children:f(n,{svg:f(h,{weight:`bold`}),className:`size-4`})}));S.displayName=`SelectScrollUpButton`;const C=l(({className:e,...r},i)=>f(g.ScrollDownButton,{ref:i,className:t(`flex cursor-default items-center justify-center py-1`,e),...r,children:f(n,{svg:f(s,{weight:`bold`}),className:`size-4`})}));C.displayName=`SelectScrollDownButton`;const w=l(({className:e,children:n,position:r=`popper`,width:i=`trigger`,...a},o)=>f(g.Portal,{children:p(g.Content,{ref:o,"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`,r===`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)`,i===`trigger`&&`w-(--radix-select-trigger-width)`,e),position:r,...a,children:[f(S,{}),f(g.Viewport,{className:t(`p-1 space-y-px`,r===`popper`&&`h-(--radix-select-trigger-height) w-full`),children:n}),f(C,{})]})}));w.displayName=`SelectContent`;const T=l(({className:e,...n},r)=>f(g.Label,{ref:r,"data-slot":`select-label`,className:t(`px-2 py-1.5 text-sm font-medium`,e),...n}));T.displayName=`SelectLabel`;const E=l(({className:e,children:r,icon:i,...a},o)=>p(g.Item,{ref:o,"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),...a,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`})})]}));E.displayName=`SelectItem`;const D=l(({className:e,...n},r)=>f(o,{ref:r,"data-slot":`select-separator`,className:t(`-mx-1 my-1 h-px w-auto`,e),...n}));D.displayName=`SelectSeparator`;const O={Root:v,Content:w,Group:y,Item:E,Label:T,Separator:D,Trigger:x,Value:b};export{O as t};

package/dist/select.d.ts

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

package/dist/select.js

@@ -1 +1 @@
-import{t as e}from"./select-Bxq_N-_o.js";export{e as Select};
+import{t as e}from"./select-D-5u0Blc.js";export{e as Select};