@ngrok/mantle 0.76.11 → 0.78.0

package/dist/progress.d.ts

@@ -1,6 +1,5 @@
 import { ComponentProps, HTMLAttributes } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-
 //#region src/components/progress/types.d.ts
 type ValueType = number | "indeterminate";
 //#endregion
@@ -44,14 +43,57 @@ type Props = SvgAttributes & {
    */
   indeterminateRotationSpeed?: `animation-duration-${string}`;
 };
+/**
+ * A simple circular progress bar which shows the completion progress of a task.
+ *
+ * The indicator color is inherited via `currentColor`. Override the default
+ * (`accent-600`) by setting the `ProgressDonut.Indicator`'s text color.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/progress-donut#api-progress-donut
+ *
+ * @example
+ * ```tsx
+ * <ProgressDonut.Root value={60}>
+ *   <ProgressDonut.Indicator />
+ * </ProgressDonut.Root>
+ *
+ * <ProgressDonut.Root value={60}>
+ *   <ProgressDonut.Indicator color="text-danger-600" />
+ * </ProgressDonut.Root>
+ * ```
+ */
+declare const Root$1: {
+  ({ children, className, max: _max, strokeWidth: _strokeWidth, value: _value, indeterminateRotationSpeed, ...props }: Props): import("react").JSX.Element;
+  displayName: string;
+};
 type ProgressDonutIndicatorProps = Omit<ComponentProps<"g">, "children">;
+/**
+ * The indicator for the circular progress bar.
+ *
+ * @see https://mantle.ngrok.com/components/feedback/progress-donut#api-progress-donut-indicator
+ *
+ * @example
+ * ```tsx
+ * <ProgressDonut.Root value={60}>
+ *   <ProgressDonut.Indicator />
+ * </ProgressDonut.Root>
+ *
+ * <ProgressDonut.Root value={60}>
+ *   <ProgressDonut.Indicator color="text-danger-600" />
+ * </ProgressDonut.Root>
+ * ```
+ */
+declare const Indicator$1: {
+  ({ className, ...props }: ProgressDonutIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
 /**
  * A simple circular progress bar which shows the completion progress of a task.
  *
  * The indicator color is inherited via `currentColor`. Override the default
  * (`accent-600`) by setting the `ProgressDonut.Indicator`'s text color.
  *
- * @see https://mantle.ngrok.com/components/progress
+ * @see https://mantle.ngrok.com/components/feedback/progress-donut
  *
  * @example
  * Composition:
@@ -78,7 +120,7 @@ declare const ProgressDonut: {
    * The indicator color is inherited via `currentColor`. Override the default
    * (`accent-600`) by setting the `ProgressDonut.Indicator`'s text color.
    *
-   * @see https://mantle.ngrok.com/components/progress#api-progress-donut-root
+   * @see https://mantle.ngrok.com/components/feedback/progress-donut#api-progress-donut-root
    *
    * @example
    * ```tsx
@@ -91,22 +133,11 @@ declare const ProgressDonut: {
    * </ProgressDonut.Root>
    * ```
    */
-  readonly Root: {
-    ({
-      children,
-      className,
-      max: _max,
-      strokeWidth: _strokeWidth,
-      value: _value,
-      indeterminateRotationSpeed,
-      ...props
-    }: Props): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Root: typeof Root$1;
   /**
    * The indicator for the circular progress bar.
    *
-   * @see https://mantle.ngrok.com/components/progress#api-progress-donut-indicator
+   * @see https://mantle.ngrok.com/components/feedback/progress-donut#api-progress-donut-indicator
    *
    * @example
    * ```tsx
@@ -119,13 +150,7 @@ declare const ProgressDonut: {
    * </ProgressDonut.Root>
    * ```
    */
-  readonly Indicator: {
-    ({
-      className,
-      ...props
-    }: ProgressDonutIndicatorProps): import("react").JSX.Element;
-    displayName: string;
-  };
+  readonly Indicator: typeof Indicator$1;
 };
 //#endregion
 //#region src/components/progress/progress-bar.d.ts
@@ -154,7 +179,7 @@ type RootProps = ComponentProps<"div"> & {
  * A horizontal progress bar that shows the completion progress of a task.
  * Use this component for linear progress indication.
  *
- * @see https://mantle.ngrok.com/components/progress#api-progress-bar
+ * @see https://mantle.ngrok.com/components/feedback/progress-bar#api-progress-bar
  *
  * @example
  * ```tsx
@@ -172,16 +197,7 @@ type RootProps = ComponentProps<"div"> & {
  * </ProgressBar.Root>
  * ```
  */
-declare function Root({
-  className,
-  children,
-  max: _max,
-  value: _value,
-  ...props
-}: RootProps): import("react").JSX.Element;
-declare namespace Root {
-  var displayName: string;
-}
+declare function Root({ className, children, max: _max, value: _value, ...props }: RootProps): import("react").JSX.Element;
 type IndicatorProps = ComponentProps<typeof ProgressPrimitive.Indicator>;
 /**
  * Displays the progress indicator, which visually represents the completion progress of a task.
@@ -189,7 +205,7 @@ type IndicatorProps = ComponentProps<typeof ProgressPrimitive.Indicator>;
  * The visual indicator that shows the actual progress within the progress bar.
  * This component should be used inside a ProgressBar.Root component.
  *
- * @see https://mantle.ngrok.com/components/progress#api-progress-bar-indicator
+ * @see https://mantle.ngrok.com/components/feedback/progress-bar#api-progress-bar-indicator
  *
  * @example
  * ```tsx
@@ -203,21 +219,14 @@ type IndicatorProps = ComponentProps<typeof ProgressPrimitive.Indicator>;
  * </ProgressBar.Root>
  * ```
  */
-declare function Indicator({
-  className,
-  style,
-  ...props
-}: IndicatorProps): import("react").JSX.Element;
-declare namespace Indicator {
-  var displayName: string;
-}
+declare function Indicator({ className, style, ...props }: IndicatorProps): import("react").JSX.Element;
 /**
  * Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
  *
  * A horizontal progress bar that shows the completion progress of a task.
  * Use this component for linear progress indication.
  *
- * @see https://mantle.ngrok.com/components/progress
+ * @see https://mantle.ngrok.com/components/feedback/progress-bar
  *
  * @example
  * Composition:
@@ -249,7 +258,7 @@ declare const ProgressBar: {
    * A horizontal progress bar that shows the completion progress of a task.
    * Use this component for linear progress indication.
    *
-   * @see https://mantle.ngrok.com/components/progress#api-progress-bar
+   * @see https://mantle.ngrok.com/components/feedback/progress-bar#api-progress-bar
    *
    * @example
    * ```tsx
@@ -274,7 +283,7 @@ declare const ProgressBar: {
    * The visual indicator that shows the actual progress within the progress bar.
    * This component should be used inside a ProgressBar.Root component.
    *
-   * @see https://mantle.ngrok.com/components/progress#api-progress-bar-indicator
+   * @see https://mantle.ngrok.com/components/feedback/progress-bar#api-progress-bar-indicator
    *
    * @example
    * ```tsx

package/dist/progress.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./types-D85fCNV3.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{createContext as r,useContext as i,useId as a,useMemo as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@radix-ui/react-progress";function u(e,{min:t,max:n}){return Math.min(n,Math.max(t,e))}function d(e){return typeof e==`number`}function f(e,t){return d(e)&&!Number.isNaN(e)&&e<=t&&e>=0}function p(e){return d(e)&&!Number.isNaN(e)&&e>0}const m={max:100,strokeWidth:`0.25rem`,value:0},h=r(m),g=({children:n,className:r,max:i=100,strokeWidth:a=4,value:l,indeterminateRotationSpeed:u,...g})=>{let _=p(i)?i:100,v=f(l,_)?l:l==null?0:`indeterminate`,x=y(a??m.strokeWidth),S=d(v)?v:void 0,C=b(x),w=o(()=>({max:_,strokeWidth:x,value:v}),[_,x,v]);return s(h.Provider,{value:w,children:c(`svg`,{"data-slot":`progress-donut`,"aria-valuemax":_,"aria-valuemin":0,"aria-valuenow":S,className:e(`size-6 text-gray-200 dark:text-gray-300`,v===`indeterminate`&&[`animate-spin`,u??`animation-duration-[15s]`],r),"data-max":_,"data-min":0,"data-value":S,height:`100%`,role:`progressbar`,width:`100%`,...g,children:[s(`circle`,{className:`[r:var(--radius)]`,cx:`50%`,cy:`50%`,fill:`transparent`,stroke:`currentColor`,strokeWidth:x,style:t({"--radius":C})}),n]})})};g.displayName=`ProgressDonut`;const _=({className:r,...o})=>{let l=a(),u=i(h)??m,d=(u.value===`indeterminate`?.6:u.value/u.max)*100,f=y(u.strokeWidth),p=b(f);return c(`g`,{"data-slot":`progress-donut-indicator`,className:e(`text-accent-600`,r),...o,children:[u.value===`indeterminate`&&s(`defs`,{children:c(`linearGradient`,{id:l,children:[s(`stop`,{className:`stop-opacity-100 stop-color-current`,offset:`0%`}),s(`stop`,{className:`stop-opacity-0 stop-color-current`,offset:`95%`})]})}),s(`circle`,{className:n(`[r:var(--radius)]`,`origin-center`),cx:`50%`,cy:`50%`,fill:`transparent`,pathLength:100,stroke:u.value===`indeterminate`?`url(#${l})`:`currentColor`,strokeDasharray:100,strokeDashoffset:100-d,strokeLinecap:`round`,strokeWidth:f,style:t({"--radius":p}),transform:`rotate(-90)`})]})};_.displayName=`ProgressDonutIndicator`;const v={Root:g,Indicator:_};function y(e){let t=4;return e==null?t:(t=typeof e==`number`?e:e.endsWith(`rem`)?Number(e.replace(`rem`,``))*16:Number(e),u(Number.isNaN(t)?4:t,{min:1,max:12}))}function b(e){return`calc(50% - ${e/2}px)`}const x=r({max:100,value:0});function S({className:t,children:n,max:r=100,value:i,...a}){let c=p(r)?r:100,u=f(i,c)?i:i==null?0:`indeterminate`,m=d(u)?u:void 0,h=o(()=>({max:c,value:u}),[c,u]);return s(x.Provider,{value:h,children:s(l.Root,{"data-slot":`progress-bar`,className:e(`bg-base-hover dark:bg-base shadow-inner relative h-3 w-full overflow-hidden rounded-md`,t),value:m,max:c,...a,children:n})})}S.displayName=`Root`;function C({className:t,style:n,...r}){let a=i(x),{max:o}=a,c=(o-(a.value===`indeterminate`?0:a.value))/o*100;return s(l.Indicator,{"data-slot":`progress-bar-indicator`,className:e(`bg-accent-600 h-full w-full flex-1 transition-all`,t),style:{...n,transform:`translateX(-${c}%)`},...r})}C.displayName=`Indicator`;const w={Root:S,Indicator:C};export{w as ProgressBar,v as ProgressDonut};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./types-D85fCNV3.js";import{t as n}from"./clsx-DUGZgXfJ.js";import{createContext as r,useContext as i,useId as a,useMemo as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import*as l from"@radix-ui/react-progress";function u(e,{min:t,max:n}){return Math.min(n,Math.max(t,e))}function d(e){return typeof e==`number`}function f(e,t){return d(e)&&!Number.isNaN(e)&&e<=t&&e>=0}function p(e){return d(e)&&!Number.isNaN(e)&&e>0}const m={max:100,strokeWidth:`0.25rem`,value:0},h=r(m),g=({children:n,className:r,max:i=100,strokeWidth:a=4,value:l,indeterminateRotationSpeed:u,...g})=>{let _=p(i)?i:100,v=f(l,_)?l:l==null?0:`indeterminate`,x=y(a??m.strokeWidth),S=d(v)?v:void 0,C=b(x),w=o(()=>({max:_,strokeWidth:x,value:v}),[_,x,v]);return s(h.Provider,{value:w,children:c(`svg`,{"data-slot":`progress-donut`,"aria-valuemax":_,"aria-valuemin":0,"aria-valuenow":S,className:e(`size-6 text-gray-200 dark:text-gray-300`,v===`indeterminate`&&[`animate-spin`,u??`animation-duration-[15s]`],r),"data-max":_,"data-min":0,"data-value":S,height:`100%`,role:`progressbar`,width:`100%`,...g,children:[s(`circle`,{className:`[r:var(--radius)]`,cx:`50%`,cy:`50%`,fill:`transparent`,stroke:`currentColor`,strokeWidth:x,style:t({"--radius":C})}),n]})})};g.displayName=`ProgressDonut`;const _=({className:r,...o})=>{let l=a(),u=i(h)??m,d=(u.value===`indeterminate`?.6:u.value/u.max)*100,f=y(u.strokeWidth),p=b(f);return c(`g`,{"data-slot":`progress-donut-indicator`,className:e(`text-accent-600`,r),...o,children:[u.value===`indeterminate`&&s(`defs`,{children:c(`linearGradient`,{id:l,children:[s(`stop`,{className:`stop-opacity-100 stop-color-current`,offset:`0%`}),s(`stop`,{className:`stop-opacity-0 stop-color-current`,offset:`95%`})]})}),s(`circle`,{className:n(`[r:var(--radius)]`,`origin-center`),cx:`50%`,cy:`50%`,fill:`transparent`,pathLength:100,stroke:u.value===`indeterminate`?`url(#${l})`:`currentColor`,strokeDasharray:100,strokeDashoffset:100-d,strokeLinecap:`round`,strokeWidth:f,style:t({"--radius":p}),transform:`rotate(-90)`})]})};_.displayName=`ProgressDonutIndicator`;const v={Root:g,Indicator:_};function y(e){let t=4;return e==null?t:(t=typeof e==`number`?e:e.endsWith(`rem`)?Number(e.replace(`rem`,``))*16:Number(e),u(Number.isNaN(t)?4:t,{min:1,max:12}))}function b(e){return`calc(50% - ${e/2}px)`}const x=r({max:100,value:0});function S({className:t,children:n,max:r=100,value:i,...a}){let c=p(r)?r:100,u=f(i,c)?i:i==null?0:`indeterminate`,m=d(u)?u:void 0,h=o(()=>({max:c,value:u}),[c,u]);return s(x.Provider,{value:h,children:s(l.Root,{"data-slot":`progress-bar`,className:e(`bg-base-hover dark:bg-base shadow-inner relative h-3 w-full overflow-hidden rounded-md`,t),value:m,max:c,...a,children:n})})}S.displayName=`Root`;function C({className:t,style:n,...r}){let a=i(x),{max:o}=a,c=(o-(a.value===`indeterminate`?0:a.value))/o*100;return s(l.Indicator,{"data-slot":`progress-bar-indicator`,className:e(`bg-accent-600 h-full w-full flex-1 transition-all`,t),style:{...n,transform:`translateX(-${c}%)`},...r})}C.displayName=`Indicator`;const w={Root:S,Indicator:C};export{w as ProgressBar,v as ProgressDonut};

package/dist/qr-code.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 } from "react";
-
 //#region src/components/qr-code/qr-code.d.ts
 /**
  * QR error correction level — the share of the code that can be damaged or
@@ -13,12 +12,14 @@ type QrCodeErrorCorrection = "L" | "M" | "Q" | "H";
  * value for child parts.
  */
 type QrCodeRootProps = ComponentProps<"div"> & WithAsChild & {
-  /** The string to encode (e.g. a URL or `otpauth://` MFA URI). */value: string;
+  /** The string to encode (e.g. a URL or `otpauth://` MFA URI). */
+  value: string;
   /**
    * The error correction level. Defaults to `"L"`. Use `"H"` when an
    * `Overlay` covers center modules so the code stays scannable.
    */
-  ecc?: QrCodeErrorCorrection; /** The pixel size of each module, affecting internal resolution. */
+  ecc?: QrCodeErrorCorrection;
+  /** The pixel size of each module, affecting internal resolution. */
   pixelSize?: number;
   /**
    * Width of the quiet zone — the light-module margin baked into the encoded
@@ -52,7 +53,7 @@ type QrCodeOverlayProps = ComponentProps<"div"> & WithAsChild;
  * `Root` and `Overlay` support the `asChild` prop for polymorphic composition.
  * `Frame` and `Pattern` render fixed SVG elements and do not.
  *
- * @see https://mantle.ngrok.com/components/qr-code
+ * @see https://mantle.ngrok.com/components/data-display/qr-code
  *
  * @example
  * Composition:
@@ -80,7 +81,7 @@ declare const QrCode: {
    * The root container of a QR code. Encodes `value` and renders a positioned
    * white tile. Set `ecc` (e.g. `"H"` when using an `Overlay`).
    *
-   * @see https://mantle.ngrok.com/components/qr-code
+   * @see https://mantle.ngrok.com/components/data-display/qr-code
    *
    * @example
    * ```tsx
@@ -99,7 +100,7 @@ declare const QrCode: {
    * The `svg` frame that holds the QR `Pattern`. Defaults to `size-48`; resize
    * the whole code by passing a different size to `className`.
    *
-   * @see https://mantle.ngrok.com/components/qr-code
+   * @see https://mantle.ngrok.com/components/data-display/qr-code
    *
    * @example
    * ```tsx
@@ -118,7 +119,7 @@ declare const QrCode: {
    * The encoded QR modules, rendered as a `path` inside the `Frame`. Defaults
    * to black fill so the code stays scannable in every theme.
    *
-   * @see https://mantle.ngrok.com/components/qr-code
+   * @see https://mantle.ngrok.com/components/data-display/qr-code
    *
    * @example
    * ```tsx
@@ -138,7 +139,7 @@ declare const QrCode: {
    * Renders a white rounded "punch-out" so the logo stays legible. Use a higher
    * `ecc` on the `Root` when an overlay is present.
    *
-   * @see https://mantle.ngrok.com/components/qr-code
+   * @see https://mantle.ngrok.com/components/data-display/qr-code
    *
    * @example
    * ```tsx

package/dist/qr-code.js

@@ -1 +1 @@
-import{t as e}from"./cx-C1UYP5We.js";import{t}from"./slot-DT_E5BQx.js";import{createContext as n,forwardRef as r,useContext as i,useMemo as a}from"react";import o from"tiny-invariant";import{jsx as s}from"react/jsx-runtime";import{encode as c}from"uqr";const l=n(null);function u(e,t){o(Number.isFinite(e)&&e>0,"`QrCode.Root` pixelSize must be a finite number greater than 0."),o(Number.isInteger(t)&&t>=0,"`QrCode.Root` quietZone must be a non-negative integer.")}function d(){let e=i(l);return o(e,"`QrCode.Frame` and `QrCode.Pattern` must be rendered inside a `QrCode.Root`."),e}function f(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 p=r(({value:n,ecc:r=`L`,pixelSize:i=10,quietZone:o=4,asChild:d,className:p,children:m,...h},g)=>{u(i,o);let _=a(()=>c(n,{ecc:r,border:o}),[n,r,o]),v=a(()=>f(_.data,i),[_,i]),y=a(()=>({path:v,dimension:_.size*i}),[v,_.size,i]),b=d?t:`div`;return s(l.Provider,{value:y,children:s(b,{ref:g,...h,"data-slot":`qr-code`,className:e(`relative inline-flex bg-static-white text-static-black`,p),children:m})})});p.displayName=`QrCode`;const m=r(({className:t,children:n,...r},i)=>{let{dimension:a}=d();return s(`svg`,{ref:i,...r,"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})});m.displayName=`QrCodeFrame`;const h=r(({className:t,...n},r)=>{let{path:i}=d();return s(`path`,{ref:r,...n,"data-slot":`qr-code-pattern`,d:i,className:e(`fill-static-black`,t)})});h.displayName=`QrCodePattern`;const g=r(({asChild:n,className:r,...i},a)=>s(n?t:`div`,{ref:a,...i,"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)}));g.displayName=`QrCodeOverlay`;const _={Root:p,Frame:m,Pattern:h,Overlay:g};export{_ as QrCode};
+import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DmPrjM7N.js";import{createContext as n,forwardRef as r,useContext as i,useMemo as a}from"react";import o from"tiny-invariant";import{jsx as s}from"react/jsx-runtime";import{encode as c}from"uqr";const l=n(null);function u(e,t){o(Number.isFinite(e)&&e>0,"`QrCode.Root` pixelSize must be a finite number greater than 0."),o(Number.isInteger(t)&&t>=0,"`QrCode.Root` quietZone must be a non-negative integer.")}function d(){let e=i(l);return o(e,"`QrCode.Frame` and `QrCode.Pattern` must be rendered inside a `QrCode.Root`."),e}function f(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 p=r(({value:n,ecc:r=`L`,pixelSize:i=10,quietZone:o=4,asChild:d,className:p,children:m,...h},g)=>{u(i,o);let _=a(()=>c(n,{ecc:r,border:o}),[n,r,o]),v=a(()=>f(_.data,i),[_,i]),y=a(()=>({path:v,dimension:_.size*i}),[v,_.size,i]),b=d?t:`div`;return s(l.Provider,{value:y,children:s(b,{ref:g,...h,"data-slot":`qr-code`,className:e(`relative inline-flex bg-static-white text-static-black`,p),children:m})})});p.displayName=`QrCode`;const m=r(({className:t,children:n,...r},i)=>{let{dimension:a}=d();return s(`svg`,{ref:i,...r,"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})});m.displayName=`QrCodeFrame`;const h=r(({className:t,...n},r)=>{let{path:i}=d();return s(`path`,{ref:r,...n,"data-slot":`qr-code-pattern`,d:i,className:e(`fill-static-black`,t)})});h.displayName=`QrCodePattern`;const g=r(({asChild:n,className:r,...i},a)=>s(n?t:`div`,{ref:a,...i,"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)}));g.displayName=`QrCodeOverlay`;const _={Root:p,Frame:m,Pattern:h,Overlay:g};export{_ as QrCode};

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.
  *