@ngrok/mantle 0.65.0 → 0.66.1

package/dist/radio-group.d.ts

@@ -1,21 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ReactNode, HTMLAttributes } from 'react';
-import { RadioProps, RadioGroupProps } from '@headlessui/react';
-import { W as WithAsChild } from './as-child-DJ7x3JFV.js';
+import { t as WithAsChild } from "./as-child-XMVTepJu.js";
+import * as react from "react";
+import { HTMLAttributes, ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { RadioGroupProps, RadioProps } from "@headlessui/react";
 
+//#region src/components/radio-group/radio-group.d.ts
 /**
  * The shape of the radio state context.
  */
 type RadioStateContextValue = {
-    autofocus: boolean;
-    checked: boolean;
-    disabled: boolean;
-    focus: boolean;
-    hover: boolean;
+  autofocus: boolean;
+  checked: boolean;
+  disabled: boolean;
+  focus: boolean;
+  hover: boolean;
 };
 type RadioIndicatorProps = Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
-    children?: ReactNode | ((context: RadioStateContextValue) => ReactNode);
+  children?: ReactNode | ((context: RadioStateContextValue) => ReactNode);
 };
 type RadioItemContentProps = HTMLAttributes<HTMLDivElement> & WithAsChild;
 type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
@@ -39,224 +40,239 @@ type RadioInputSandboxProps = HTMLAttributes<HTMLDivElement>;
  * ```
  */
 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
-     *
-     * @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>
-     * ```
-     */
-    readonly Button: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * An inline group of radio buttons. Use RadioGroup.Button as direct children for horizontal radio layouts.
-     *
-     * @see https://mantle.ngrok.com/components/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>
-     * ```
-     */
-    readonly ButtonGroup: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
-        children?: ReactNode | undefined;
-    } & 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
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root defaultValue="basic">
-     *   <div className="space-y-3">
-     *     <RadioGroup.Card value="basic">
-     *       <RadioGroup.ItemContent>
-     *         <Text weight="strong">Basic Plan</Text>
-     *         <Text>$10/month</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.Card>
-     *     <RadioGroup.Card value="pro">
-     *       <RadioGroup.ItemContent>
-     *         <Text weight="strong">Pro Plan</Text>
-     *         <Text>$25/month</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.Card>
-     *   </div>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly Card: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * The selection indicator for any radio item. Shows the checked state with customizable appearance.
-     *
-     * @see https://mantle.ngrok.com/components/radio-group#radiogroupindicator
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Item value="option1">
-     *   <RadioGroup.Indicator />
-     *   <span>Option 1</span>
-     * </RadioGroup.Item>
-     * ```
-     */
-    readonly Indicator: {
-        ({ children, className, ...props }: RadioIndicatorProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * A sandbox container for input elements composed within radio group items. Prevents default radio behavior.
-     *
-     * @see https://mantle.ngrok.com/components/radio-group#radiogroupinputsandbox
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root defaultValue="custom">
-     *   <RadioGroup.Item value="custom">
-     *     <RadioGroup.Indicator />
-     *     <RadioGroup.ItemContent>
-     *       <Text>Custom amount</Text>
-     *       <RadioGroup.InputSandbox>
-     *         <Input type="number" placeholder="Enter amount" />
-     *       </RadioGroup.InputSandbox>
-     *     </RadioGroup.ItemContent>
-     *   </RadioGroup.Item>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly InputSandbox: {
-        ({ children, onClick, onKeyDown, ...props }: RadioInputSandboxProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Item value="option1">
-     *   <RadioGroup.Indicator />
-     *   <span>Option 1</span>
-     * </RadioGroup.Item>
-     * ```
-     */
-    readonly Item: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root defaultValue="option1">
-     *   <RadioGroup.Item value="option1">
-     *     <RadioGroup.Indicator />
-     *     <RadioGroup.ItemContent>
-     *       <Text weight="strong">Option 1</Text>
-     *       <Text size="sm">Description for option 1</Text>
-     *     </RadioGroup.ItemContent>
-     *   </RadioGroup.Item>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly ItemContent: {
-        ({ asChild, children, className, ...props }: RadioItemContentProps): react_jsx_runtime.JSX.Element;
-        displayName: string;
-    };
-    /**
-     * A group of radio list items with connected borders. Use RadioGroup.ListItem as direct children.
-     *
-     * @see https://mantle.ngrok.com/components/radio-group#radiogrouplist
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root defaultValue="option1">
-     *   <RadioGroup.List>
-     *     <RadioGroup.ListItem value="option1">
-     *       <RadioGroup.ItemContent>
-     *         <Text>Option 1</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.ListItem>
-     *     <RadioGroup.ListItem value="option2">
-     *       <RadioGroup.ItemContent>
-     *         <Text>Option 2</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.ListItem>
-     *   </RadioGroup.List>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly List: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
-        children?: ReactNode | undefined;
-    } & 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
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root defaultValue="item1">
-     *   <RadioGroup.List>
-     *     <RadioGroup.ListItem value="item1">
-     *       <RadioGroup.ItemContent>
-     *         <Text>List Item 1</Text>
-     *         <Text size="sm" className="text-muted">First option</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.ListItem>
-     *     <RadioGroup.ListItem value="item2">
-     *       <RadioGroup.ItemContent>
-     *         <Text>List Item 2</Text>
-     *         <Text size="sm" className="text-muted">Second option</Text>
-     *       </RadioGroup.ItemContent>
-     *     </RadioGroup.ListItem>
-     *   </RadioGroup.List>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly ListItem: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLDivElement>>;
-    /**
-     * 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
-     *
-     * @example
-     * ```tsx
-     * <RadioGroup.Root value={value} onValueChange={setValue}>
-     *   <RadioGroup.Item value="option1">
-     *     <RadioGroup.Indicator />
-     *     <span>Option 1</span>
-     *   </RadioGroup.Item>
-     * </RadioGroup.Root>
-     * ```
-     */
-    readonly Root: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
-        children?: ReactNode | undefined;
-    } & react.RefAttributes<HTMLElement>>;
+  /**
+   * A radio button that is used inside a RadioGroup.ButtonGroup for inline grouped radio options.
+   *
+   * @see https://mantle.ngrok.com/components/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>
+   * ```
+   */
+  readonly Button: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
+    children?: ReactNode | undefined;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * An inline group of radio buttons. Use RadioGroup.Button as direct children for horizontal radio layouts.
+   *
+   * @see https://mantle.ngrok.com/components/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>
+   * ```
+   */
+  readonly ButtonGroup: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+    children?: ReactNode | undefined;
+  } & 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
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root defaultValue="basic">
+   *   <div className="space-y-3">
+   *     <RadioGroup.Card value="basic">
+   *       <RadioGroup.ItemContent>
+   *         <Text weight="strong">Basic Plan</Text>
+   *         <Text>$10/month</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.Card>
+   *     <RadioGroup.Card value="pro">
+   *       <RadioGroup.ItemContent>
+   *         <Text weight="strong">Pro Plan</Text>
+   *         <Text>$25/month</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.Card>
+   *   </div>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly Card: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
+    children?: ReactNode | undefined;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * The selection indicator for any radio item. Shows the checked state with customizable appearance.
+   *
+   * @see https://mantle.ngrok.com/components/radio-group#radiogroupindicator
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Item value="option1">
+   *   <RadioGroup.Indicator />
+   *   <span>Option 1</span>
+   * </RadioGroup.Item>
+   * ```
+   */
+  readonly Indicator: {
+    ({
+      children,
+      className,
+      ...props
+    }: RadioIndicatorProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * A sandbox container for input elements composed within radio group items. Prevents default radio behavior.
+   *
+   * @see https://mantle.ngrok.com/components/radio-group#radiogroupinputsandbox
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root defaultValue="custom">
+   *   <RadioGroup.Item value="custom">
+   *     <RadioGroup.Indicator />
+   *     <RadioGroup.ItemContent>
+   *       <Text>Custom amount</Text>
+   *       <RadioGroup.InputSandbox>
+   *         <Input type="number" placeholder="Enter amount" />
+   *       </RadioGroup.InputSandbox>
+   *     </RadioGroup.ItemContent>
+   *   </RadioGroup.Item>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly InputSandbox: {
+    ({
+      children,
+      onClick,
+      onKeyDown,
+      ...props
+    }: RadioInputSandboxProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Item value="option1">
+   *   <RadioGroup.Indicator />
+   *   <span>Option 1</span>
+   * </RadioGroup.Item>
+   * ```
+   */
+  readonly Item: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
+    children?: ReactNode | undefined;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root defaultValue="option1">
+   *   <RadioGroup.Item value="option1">
+   *     <RadioGroup.Indicator />
+   *     <RadioGroup.ItemContent>
+   *       <Text weight="strong">Option 1</Text>
+   *       <Text size="sm">Description for option 1</Text>
+   *     </RadioGroup.ItemContent>
+   *   </RadioGroup.Item>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly ItemContent: {
+    ({
+      asChild,
+      children,
+      className,
+      ...props
+    }: RadioItemContentProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  /**
+   * A group of radio list items with connected borders. Use RadioGroup.ListItem as direct children.
+   *
+   * @see https://mantle.ngrok.com/components/radio-group#radiogrouplist
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root defaultValue="option1">
+   *   <RadioGroup.List>
+   *     <RadioGroup.ListItem value="option1">
+   *       <RadioGroup.ItemContent>
+   *         <Text>Option 1</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.ListItem>
+   *     <RadioGroup.ListItem value="option2">
+   *       <RadioGroup.ItemContent>
+   *         <Text>Option 2</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.ListItem>
+   *   </RadioGroup.List>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly List: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+    children?: ReactNode | undefined;
+  } & 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
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root defaultValue="item1">
+   *   <RadioGroup.List>
+   *     <RadioGroup.ListItem value="item1">
+   *       <RadioGroup.ItemContent>
+   *         <Text>List Item 1</Text>
+   *         <Text size="sm" className="text-muted">First option</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.ListItem>
+   *     <RadioGroup.ListItem value="item2">
+   *       <RadioGroup.ItemContent>
+   *         <Text>List Item 2</Text>
+   *         <Text size="sm" className="text-muted">Second option</Text>
+   *       </RadioGroup.ItemContent>
+   *     </RadioGroup.ListItem>
+   *   </RadioGroup.List>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly ListItem: react.ForwardRefExoticComponent<Omit<RadioProps, "children"> & {
+    children?: ReactNode | undefined;
+  } & react.RefAttributes<HTMLDivElement>>;
+  /**
+   * 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
+   *
+   * @example
+   * ```tsx
+   * <RadioGroup.Root value={value} onValueChange={setValue}>
+   *   <RadioGroup.Item value="option1">
+   *     <RadioGroup.Indicator />
+   *     <span>Option 1</span>
+   *   </RadioGroup.Item>
+   * </RadioGroup.Root>
+   * ```
+   */
+  readonly Root: react.ForwardRefExoticComponent<Omit<RadioGroupProps, "children" | "as"> & {
+    children?: ReactNode | undefined;
+  } & react.RefAttributes<HTMLElement>>;
 };
-
+//#endregion
 export { RadioGroup };
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/radio-group.js

@@ -1,2 +1,2 @@
-import{a as v}from"./chunk-EYZYDUS2.js";import{a as y}from"./chunk-ADF5DAYG.js";import{a as l}from"./chunk-PFXFESEN.js";import{Radio as u,RadioGroup as S}from"@headlessui/react";import f from"clsx";import{Children as T,cloneElement as z,createContext as M,forwardRef as s,isValidElement as w,useContext as b,useRef as D}from"react";import{Fragment as h,jsx as a}from"react/jsx-runtime";var m=s((e,o)=>a(S,{...e,ref:o}));m.displayName="RadioGroup";var n=M({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1}),x=s(({children:e,className:o,...r},t)=>a(u,{className:l("group/radio cursor-pointer aria-disabled:cursor-default [&_label]:cursor-inherit flex gap-2 py-1 text-sm focus:outline-hidden",o),as:"div",...r,ref:t,children:i=>a(n.Provider,{value:i,children:e})}));x.displayName="RadioItem";var E=({checked:e,disabled:o,focus:r,hover:t})=>a("span",{className:l("border-form flex size-4 items-center justify-center rounded-full border shrink-0",o&&"cursor-default opacity-50",e&&"border-accent-500 bg-accent-500",r&&!o&&"border-accent-600 ring-focus-accent ring-4",t&&"border-accent-600"),children:e&&a("span",{className:"size-2 rounded-full bg-[#fff] shrink-0"})}),P=({children:e,className:o,...r})=>{let t=b(n);return a("div",{className:l("radio-indicator inline-flex size-5 select-none items-center justify-center shrink-0",o),...r,children:e==null?a(E,{...t}):typeof e=="function"?e(t):e})};P.displayName="RadioIndicator";var C=s(({className:e,...o},r)=>a(m,{className:f("-space-y-px",e),...o,ref:r}));C.displayName="RadioGroupList";var g=s(({children:e,className:o,...r},t)=>a(u,{as:"div",className:l("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",o),ref:t,...r,children:i=>a(h,{children:a(n.Provider,{value:i,children:e})})}));g.displayName="RadioListItem";var I=s(({children:e,className:o,...r},t)=>a(u,{as:"div",className:f("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-500/40 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600 dark-high-contrast:aria-checked:border-accent-400 high-contrast:aria-checked:border-accent-400",o),...r,ref:t,children:i=>a(h,{children:a(n.Provider,{value:i,children:e})})}));I.displayName="RadioCard";var k=({asChild:e=!1,children:o,className:r,...t})=>{let i=b(n);return a(e?y:"div",{className:f("min-w-0 flex-1",i.disabled&&"opacity-50",r),...t,children:o})};k.displayName="RadioItemContent";var N=s(({className:e,...o},r)=>a(m,{className:f("flex flex-row flex-nowrap -space-x-px",e),...o,ref:r}));N.displayName="RadioButtonGroup";var H=s(({children:e,className:o,...r},t)=>a(u,{as:"div",className:l("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-500/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",o),ref:t,...r,children:i=>a(h,{children:a(n.Provider,{value:i,children:e})})}));H.displayName="RadioButton";var G=({children:e,onClick:o,onKeyDown:r,...t})=>{let i=D(null),c=b(n),p=T.only(e),L=c.disabled||!c.checked;return a("div",{role:"none",ref:i,onKeyDown:d=>{if(c.disabled){d.stopPropagation(),d.preventDefault();return}switch(d.key){case"Enter":case"Tab":break;default:d.stopPropagation()}r?.(d)},onClick:d=>{if(c.disabled){d.stopPropagation(),d.preventDefault();return}let R=d.target;v(R)&&window.requestAnimationFrame(()=>{R.focus()}),o?.(d)},...t,children:w(p)?z(p,{disabled:c.disabled||p.props.disabled,tabIndex:L?-1:p.props.tabIndex}):null})};G.displayName="RadioInputSandbox";var A={Button:H,ButtonGroup:N,Card:I,Indicator:P,InputSandbox:G,Item:x,ItemContent:k,List:C,ListItem:g,Root:m};export{A as RadioGroup};
+import{t as e}from"./cx-bKromGBh.js";import{t}from"./slot-DdnjeV2n.js";import{t as n}from"./is-input-BFR8yMM7.js";import{Children as r,cloneElement as i,createContext as a,forwardRef as o,isValidElement as s,useContext as c,useRef as l}from"react";import u from"clsx";import{Fragment as d,jsx as f}from"react/jsx-runtime";import{Radio as p,RadioGroup as m}from"@headlessui/react";const h=o((e,t)=>f(m,{...e,ref:t}));h.displayName=`RadioGroup`;const g=a({autofocus:!1,checked:!1,disabled:!1,focus:!1,hover:!1}),_=o(({children:t,className:n,...r},i)=>f(p,{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`,...r,ref:i,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-500 bg-accent-500`,r&&!n&&`border-accent-600 ring-focus-accent ring-4`,i&&`border-accent-600`),children:t&&f(`span`,{className:`size-2 rounded-full bg-[#fff] shrink-0`})}),y=({children:t,className:n,...r})=>{let i=c(g);return f(`div`,{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=o(({className:e,...t},n)=>f(h,{className:u(`-space-y-px`,e),...t,ref:n}));b.displayName=`RadioGroupList`;const x=o(({children:t,className:n,...r},i)=>f(p,{as:`div`,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,...r,children:e=>f(d,{children:f(g.Provider,{value:e,children:t})})}));x.displayName=`RadioListItem`;const S=o(({children:e,className:t,...n},r)=>f(p,{as:`div`,className:u(`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-500/40 aria-checked:bg-accent-500/10 not-aria-disabled:hover:aria-checked:border-accent-600 dark-high-contrast:aria-checked:border-accent-400 high-contrast:aria-checked:border-accent-400`,t),...n,ref:r,children:t=>f(d,{children:f(g.Provider,{value:t,children:e})})}));S.displayName=`RadioCard`;const C=({asChild:e=!1,children:n,className:r,...i})=>{let a=c(g);return f(e?t:`div`,{className:u(`min-w-0 flex-1`,a.disabled&&`opacity-50`,r),...i,children:n})};C.displayName=`RadioItemContent`;const w=o(({className:e,...t},n)=>f(h,{className:u(`flex flex-row flex-nowrap -space-x-px`,e),...t,ref:n}));w.displayName=`RadioButtonGroup`;const T=o(({children:t,className:n,...r},i)=>f(p,{as:`div`,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-500/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,...r,children:e=>f(d,{children:f(g.Provider,{value:e,children:t})})}));T.displayName=`RadioButton`;const E=({children:e,onClick:t,onKeyDown:a,...o})=>{let u=l(null),d=c(g),p=r.only(e),m=d.disabled||!d.checked;return f(`div`,{role:`none`,ref:u,onKeyDown:e=>{if(d.disabled){e.stopPropagation(),e.preventDefault();return}switch(e.key){case`Enter`:case`Tab`:break;default:e.stopPropagation()}a?.(e)},onClick:e=>{if(d.disabled){e.stopPropagation(),e.preventDefault();return}let r=e.target;n(r)&&window.requestAnimationFrame(()=>{r.focus()}),t?.(e)},...o,children:s(p)?i(p,{disabled:d.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};
 //# sourceMappingURL=radio-group.js.map