@webority/ui-react 0.88.1 → 0.90.0

package/dist/types/components/AppScoreScale.d.ts

@@ -7,34 +7,62 @@
  * Controlled: the parent holds `value`, and `null` means no choice yet. The chosen value is reported through `onChange`.
  *
  * @param {object} props
- * @param {number|null} [props.value=null] The chosen value, or null for none (controlled).
+ * @param {number|null} [props.value]
  * @param {(value: number) => void} [props.onChange] Called with the value the person chose.
- * @param {number} [props.min=0] The lowest value on the scale.
- * @param {number} [props.max=10] The highest value on the scale.
- * @param {import('react').ReactNode} [props.label] The visible group label; names the group.
- * @param {string} [props.lowLabel] Text under the lowest value, such as "Not likely".
- * @param {string} [props.highLabel] Text under the highest value, such as "Very likely".
- * @param {string} [props.name] The form field name carried by every radio. Defaults to a generated one.
- * @param {boolean} [props.disabled=false]
- * @param {string} [props.error] Message below the scale. Replaces the hint.
- * @param {string} [props.hint] Helper text below the scale.
+ * @param {number} [props.min]
+ * @param {number} [props.max]
+ * @param {import('react').ReactNode} [props.label]
+ * @param {string} [props.lowLabel]
+ * @param {string} [props.highLabel]
+ * @param {string} [props.name]
+ * @param {boolean} [props.disabled]
+ * @param {string} [props.error]
+ * @param {string} [props.hint]
  * @param {string} [props.id]
- * @param {string} [props.className] Class on the scale (the control).
- * @param {string} [props.fieldClassName] Class on the `.field` wrapper.
+ * @param {string} [props.className]
+ * @param {string} [props.fieldClassName]
  */
 export default function AppScoreScale(props: {
+    /** The chosen value, or null for no choice yet. The parent holds it (controlled). */
     value?: number | null;
     onChange?: (value: number) => void;
+    /**
+     * The lowest value on the scale.
+     * @default 0
+     */
     min?: number;
+    /**
+     * The highest value on the scale.
+     * @default 10
+     */
     max?: number;
+    /** The visible group label; names the group. */
     label?: import('react').ReactNode;
+    /** Text under the lowest value, such as "Not likely". */
     lowLabel?: string;
+    /** Text under the highest value, such as "Very likely". */
     highLabel?: string;
+    /** The form field name carried by every radio. Defaults to a generated one. */
     name?: string;
+    /**
+     * Locks every radio so the score cannot be changed.
+     * @default false
+     */
     disabled?: boolean;
+    /** Message below the scale. Replaces the hint. */
     error?: string;
+    /** Helper text below the scale. */
     hint?: string;
+    /** The id of the radio group; the label, hint and error ids derive from it. Generated when omitted. */
     id?: string;
+    /**
+     * Class on the scale (the control).
+     * @default ""
+     */
     className?: string;
+    /**
+     * Class on the `.field` wrapper.
+     * @default ""
+     */
     fieldClassName?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppScrollbar.d.ts

@@ -8,14 +8,18 @@
  *
  * @param {object} props
  * @param {import('react').ReactNode} props.children The scrollable content.
- * @param {string} [props.className] Extra classes on the scroll container.
- * @param {number|string} [props.maxHeight] Caps the container height so content overflows and
- *   scrolls. A number is treated as pixels.
+ * @param {string} [props.className]
+ * @param {number|string} [props.maxHeight]
  * @param {object} [props.style] Extra inline styles, merged with maxHeight.
  */
 export default function AppScrollbar(props: {
     children: import('react').ReactNode;
+    /**
+     * Extra classes on the scroll container.
+     * @default ""
+     */
     className?: string;
+    /** Caps the container height so content overflows and scrolls. A number is treated as pixels. */
     maxHeight?: number | string;
     style?: object;
 }): import("react").JSX.Element;

package/dist/types/components/AppSearch.d.ts

@@ -4,28 +4,53 @@
  * @param {object} props
  * @param {string} props.value
  * @param {(value: string) => void} [props.onChange] Called with the new value on every change, and with an empty string when the clear button is pressed.
- * @param {string} [props.placeholder='Search…']
+ * @param {string} [props.placeholder]
  * @param {string} [props.ariaLabel]
- * @param {number} [props.iconSize=18]
- * @param {'sm'|'lg'} [props.size] Control size around the default.
- * @param {boolean} [props.loading=false] Swap the leading glyph for a spinner while a search is in flight.
- * @param {boolean} [props.collapsible=false] Render as an icon button labelled by ariaLabel (or placeholder) that opens the field on click or "/"; Escape or leaving an empty field folds it, and a value keeps it open.
- * @param {boolean} [props.disabled=false]
+ * @param {number} [props.iconSize]
+ * @param {'sm'|'lg'} [props.size]
+ * @param {boolean} [props.loading]
+ * @param {boolean} [props.collapsible]
+ * @param {boolean} [props.disabled]
  * @param {string} [props.className]
- * @param {string} [props.form] Id of the filter form this search joins, so it submits with the filters.
+ * @param {string} [props.form]
  * @param {(event: import('react').KeyboardEvent<HTMLInputElement>) => void} [props.onKeyDown] Called for every key in the field, before a collapsible search folds on Escape.
  */
 export default function AppSearch(props: {
+    /** The text in the field. */
     value: string;
     onChange?: (value: string) => void;
+    /**
+     * Hint text shown while the field is empty.
+     * @default "Search…"
+     */
     placeholder?: string;
+    /** The accessible name of the field. */
     ariaLabel?: string;
+    /** The size in pixels of the leading magnifier. It is 18 when left out. */
     iconSize?: number;
+    /** Control size around the default. */
     size?: 'sm' | 'lg';
+    /**
+     * Swap the leading glyph for a spinner while a search is in flight.
+     * @default false
+     */
     loading?: boolean;
+    /**
+     * Render as an icon button labelled by ariaLabel (or placeholder) that opens the field on click or "/"; Escape or leaving an empty field folds it, and a value keeps it open.
+     * @default false
+     */
     collapsible?: boolean;
+    /**
+     * Turns the field off so it cannot be typed in or cleared.
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Extra class names for the root element.
+     * @default ""
+     */
     className?: string;
+    /** Id of the filter form this search joins, so it submits with the filters. */
     form?: string;
     onKeyDown?: (event: import('react').KeyboardEvent<HTMLInputElement>) => void;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionCallToAction.d.ts

@@ -3,22 +3,42 @@
  * panel. Renders the same markup as the Razor `<app-section-call-to-action>`.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading.
- * @param {import('react').ReactNode} [props.actions] The buttons, usually a primary `AppButton` and an outline one.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] A sentence under the heading.
- * @param {"start"|"center"} [props.align="center"] Where the copy and buttons sit in the panel.
- * @param {"default"|"muted"} [props.variant="default"] The section's background around the panel.
+ * @param {import('react').ReactNode} props.title
+ * @param {import('react').ReactNode} [props.actions]
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {string} [props.className]
  */
 export default function AppSectionCallToAction(props: {
+    /** The section's heading. */
     title: import('react').ReactNode;
+    /** The buttons, usually a primary `AppButton` and an outline one. */
     actions?: import('react').ReactNode;
+    /**
+     * The heading element.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** A sentence under the heading. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the copy and buttons sit in the panel.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background around the panel.
+     * @default "default"
+     */
     variant?: "default" | "muted";
+    /**
+     * Extra class names for the root element.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionFaq.d.ts

@@ -7,24 +7,44 @@
  * accordion, so the markup and the visible text cannot differ.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] A sentence under the heading ("Still stuck? Write to us.").
- * @param {"start"|"center"} [props.align="center"] Where the heading block sits.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
+ * @param {import('react').ReactNode} props.title
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {import('react').ReactNode} [props.children] The `AppAccordion` of questions.
- * @param {number[]} [props.openItems] The positions of the questions that start open, counted from 0. They are passed to the AppAccordion among the children.
+ * @param {number[]} [props.openItems]
  * @param {string} [props.className]
  */
 export default function AppSectionFaq(props: {
+    /** The section's heading. */
     title: import('react').ReactNode;
+    /**
+     * The heading element.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** A sentence under the heading ("Still stuck? Write to us."). */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the heading block sits.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
     children?: import('react').ReactNode;
+    /** The positions of the questions that start open, counted from 0. They are passed to the AppAccordion among the children. */
     openItems?: number[];
+    /**
+     * Extra class names for the root element.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionFeatures.d.ts

@@ -7,19 +7,23 @@
  * item's `media` image must carry `width` and `height` so its box is reserved before it loads.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading.
+ * @param {import('react').ReactNode} props.title
  * @param {{ key?: string, title: string, description?: import('react').ReactNode, icon?: string, media?: import('react').ReactNode }[]} [props.items]
- *   The points: a title, a description, a library icon name and an image.
- * @param {"grid"|"rows"} [props.layout="grid"] Short points in columns, or one row per point with its image beside it.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element; each point's title is one level under it.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] One or two sentences under the heading.
- * @param {"start"|"center"} [props.align="center"] Where the heading block sits.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
+ * @param {"grid"|"rows"} [props.layout]
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {string} [props.className]
  */
 export default function AppSectionFeatures(props: {
+    /** The section's heading. */
     title: import('react').ReactNode;
+    /**
+     * The points: a title, a description, a library icon name and an image.
+     * @default []
+     */
     items?: {
         key?: string;
         title: string;
@@ -27,11 +31,33 @@ export default function AppSectionFeatures(props: {
         icon?: string;
         media?: import('react').ReactNode;
     }[];
+    /**
+     * Short points in columns, or one row per point with its image beside it.
+     * @default "grid"
+     */
     layout?: "grid" | "rows";
+    /**
+     * The heading element; each point's title is one level under it.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** One or two sentences under the heading. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the heading block sits.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
+    /**
+     * Extra class names for the root element.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionHero.d.ts

@@ -9,24 +9,45 @@
  * section by its heading (`{id}-title`).
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The page's heading.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h1"] The heading element. Keep one h1 per page.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading: any node, including a styled container drawn as a pill.
- * @param {import('react').ReactNode} [props.subtitle] One or two sentences under the heading.
- * @param {"start"|"center"} [props.align="start"] Centred copy with the media under it.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
- * @param {import('react').ReactNode} [props.actions] The calls to action, usually one or two `AppButton`s.
- * @param {import('react').ReactNode} [props.media] An `<img>` with `width` and `height`, beside the copy.
+ * @param {import('react').ReactNode} props.title
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
+ * @param {import('react').ReactNode} [props.actions]
+ * @param {import('react').ReactNode} [props.media]
  * @param {string} [props.className]
  */
 export default function AppSectionHero(props: {
+    /** The page's heading. */
     title: import('react').ReactNode;
+    /**
+     * The heading element. Keep one h1 per page.
+     * @default "h1"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading: any node, including a styled container drawn as a pill. */
     eyebrow?: import('react').ReactNode;
+    /** One or two sentences under the heading. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Centred copy with the media under it.
+     * @default "start"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
+    /** The calls to action, usually one or two `AppButton`s. */
     actions?: import('react').ReactNode;
+    /** An `<img>` with `width` and `height`, beside the copy. */
     media?: import('react').ReactNode;
+    /**
+     * Extra class names for the root element.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionLogos.d.ts

@@ -9,18 +9,22 @@
  * with no size moves the page when it loads.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading, set small above the logos.
+ * @param {import('react').ReactNode} props.title
  * @param {{ key?: string, src?: string, alt?: string, name?: string, label?: string, width?: number, height?: number, href?: string }[]} [props.items]
- *   The logos, each with its intrinsic size in px for an image and an optional link.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] A sentence under the heading.
- * @param {"start"|"center"} [props.align="center"] Where the heading and the logos sit.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {string} [props.className]
  */
 export default function AppSectionLogos(props: {
+    /** The section's heading, set small above the logos. */
     title: import('react').ReactNode;
+    /**
+     * The logos, each with its intrinsic size in px for an image and an optional link. An item that fits neither an image nor a text logo throws.
+     * @default []
+     */
     items?: {
         key?: string;
         src?: string;
@@ -31,10 +35,28 @@ export default function AppSectionLogos(props: {
         height?: number;
         href?: string;
     }[];
+    /**
+     * The heading element.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** A sentence under the heading. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the heading and the logos sit.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
+    /**
+     * Extra class names added to the section.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionPricing.d.ts

@@ -7,22 +7,41 @@
  * through its SEO layer, from the same figures it renders here.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] One or two sentences under the heading (a tax note, a trial offer).
- * @param {"start"|"center"} [props.align="center"] Where the heading block sits.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
+ * @param {import('react').ReactNode} props.title
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {import('react').ReactNode} [props.children] The `AppPricingCard` tiers.
  * @param {string} [props.className]
  */
 export default function AppSectionPricing(props: {
+    /** The section's heading. */
     title: import('react').ReactNode;
+    /**
+     * The heading element.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** One or two sentences under the heading, such as a tax note or a trial offer. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the heading block sits.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
     children?: import('react').ReactNode;
+    /**
+     * Extra class names added to the section.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSectionTestimonials.d.ts

@@ -6,18 +6,22 @@
  * without moving the page; it is decorative (empty `alt`) because the name sits beside it.
  *
  * @param {object} props
- * @param {import('react').ReactNode} props.title The section's heading.
+ * @param {import('react').ReactNode} props.title
  * @param {{ key?: string, quote: import('react').ReactNode, name?: string, role?: string, avatar?: string }[]} [props.items]
- *   The quotes, each with the person's name, role and a square photo URL.
- * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as="h2"] The heading element.
- * @param {import('react').ReactNode} [props.eyebrow] A short label above the heading.
- * @param {import('react').ReactNode} [props.subtitle] One or two sentences under the heading.
- * @param {"start"|"center"} [props.align="center"] Where the heading block sits.
- * @param {"default"|"muted"} [props.variant="default"] The section's background.
+ * @param {"h1"|"h2"|"h3"|"h4"|"h5"|"h6"} [props.as]
+ * @param {import('react').ReactNode} [props.eyebrow]
+ * @param {import('react').ReactNode} [props.subtitle]
+ * @param {"start"|"center"} [props.align]
+ * @param {"default"|"muted"} [props.variant]
  * @param {string} [props.className]
  */
 export default function AppSectionTestimonials(props: {
+    /** The section's heading. */
     title: import('react').ReactNode;
+    /**
+     * The quotes, each with the person's name, role and a square photo URL.
+     * @default []
+     */
     items?: {
         key?: string;
         quote: import('react').ReactNode;
@@ -25,10 +29,28 @@ export default function AppSectionTestimonials(props: {
         role?: string;
         avatar?: string;
     }[];
+    /**
+     * The heading element.
+     * @default "h2"
+     */
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /** A short label above the heading. */
     eyebrow?: import('react').ReactNode;
+    /** One or two sentences under the heading. */
     subtitle?: import('react').ReactNode;
+    /**
+     * Where the heading block sits.
+     * @default "center"
+     */
     align?: "start" | "center";
+    /**
+     * The section's background.
+     * @default "default"
+     */
     variant?: "default" | "muted";
+    /**
+     * Extra class names added to the section.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;

package/dist/types/components/AppSegmented.d.ts

@@ -12,23 +12,24 @@
  * posts inside a plain form with no JavaScript.
  *
  * @param {object} props
- * @param {{ value: string, label: string, note?: string, icon?: string, disabled?: boolean, count?: number }[]} props.options
- *   `note` renders as a smaller, muted sub-line under the label — a supporting detail
- *   ("Last 7 days") without shrinking the label itself. Optional; segments without one are
- *   unaffected.
- * @param {string} props.value The selected option's value.
+ * @param {{ value: string, label: string, note?: string, icon?: string, disabled?: boolean, count?: number }[]} [props.options]
+ * @param {string} props.value
  * @param {(value: string) => void} props.onChange
- * @param {string} props.label Accessible name for the group.
- * @param {string} [props.name] Field name. Defaults to a generated one.
- * @param {'sm'|'md'|'lg'|'xl'} [props.size='md'] Heights 32, 36 and 44px. xl is deprecated (use lg) and is removed in 0.83.0.
- * @param {boolean} [props.fullWidth=false] Segments share the row equally, filling the container.
- * @param {boolean} [props.bordered=true] Draws the edge and soft shadow of the selected thumb. `false` keeps a flat thumb.
- * @param {boolean} [props.disabled=false] Disables the whole control.
- * @param {boolean} [props.labelVisible=false] Shows the field label above the control. The accessible name stays either way.
+ * @param {string} props.label
+ * @param {string} [props.name]
+ * @param {'sm'|'md'|'lg'|'xl'} [props.size]
+ * @param {boolean} [props.fullWidth]
+ * @param {boolean} [props.bordered]
+ * @param {boolean} [props.disabled]
+ * @param {boolean} [props.labelVisible]
  * @param {string} [props.className]
  */
 export default function AppSegmented(props: {
-    options: {
+    /**
+     * The choices, in order, two to four. note is a smaller muted line under the label, count is a number beside it, and disabled keeps one option visible but unpickable.
+     * @default []
+     */
+    options?: {
         value: string;
         label: string;
         note?: string;
@@ -36,14 +37,41 @@ export default function AppSegmented(props: {
         disabled?: boolean;
         count?: number;
     }[];
+    /** The selected option's value. */
     value: string;
     onChange: (value: string) => void;
+    /** The accessible name of the group. */
     label: string;
+    /** The field name, which groups the radios and is what a form posts. Defaults to a generated one. */
     name?: string;
+    /**
+     * Heights 32, 36 and 44px. xl is deprecated and draws lg.
+     * @default "md"
+     */
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Segments share the row equally, filling the container.
+     * @default false
+     */
     fullWidth?: boolean;
+    /**
+     * Draws the edge and soft shadow of the selected thumb. false keeps a flat thumb.
+     * @default true
+     */
     bordered?: boolean;
+    /**
+     * Disables the whole control.
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * Shows the label above the control. The accessible name stays either way.
+     * @default false
+     */
     labelVisible?: boolean;
+    /**
+     * Extra class names added to the group.
+     * @default ""
+     */
     className?: string;
 }): import("react").JSX.Element;