@elmeragroup/fuse 0.1.0-canary.1

package/components/popover-info-button/intl/sv-SE.js

@@ -0,0 +1,7 @@
+//#region src/components/popover-info-button/intl/sv-SE.ts
+/** Default localized copy for popoverInfoButton.moreInformation. */
+const svSE = { moreInformation: "Mer information" };
+//#endregion
+export { svSE };
+
+//# sourceMappingURL=sv-SE.js.map

package/components/popover-info-button/intl/sv-SE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-SE.js","names":[],"sources":["../../../../src/components/popover-info-button/intl/sv-SE.ts"],"sourcesContent":["/** Default localized copy for popoverInfoButton.moreInformation. */\nexport const svSE = {\n  moreInformation: \"Mer information\",\n};\n"],"mappings":";;AACA,MAAa,OAAO,EAClB,iBAAiB,kBACnB"}

package/components/popover-info-button/popover-info-button.d.ts

@@ -0,0 +1,145 @@
+import { OverlayContainerProps } from "../overlay/overlay-props.js";
+import { ButtonProps } from "../button/button.js";
+import { ReactElement, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/popover-info-button/popover-info-button.d.ts
+/** Recipe for the unit test. Not re-exported from the public entry. */
+export declare const popoverInfoButtonStyles: import("tailwind-variants").TVReturnType<{
+  contentSize: {
+    sm: {
+      content: string;
+    };
+    default: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    "2xl": {
+      content: string;
+    };
+    "3xl": {
+      content: string;
+    };
+    "4xl": {
+      content: string;
+    };
+    "5xl": {
+      content: string;
+    };
+    "6xl": {
+      content: string;
+    };
+    "7xl": {
+      content: string;
+    };
+  };
+}, {
+  icon: string;
+  content: string;
+}, undefined, {
+  contentSize: {
+    sm: {
+      content: string;
+    };
+    default: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    "2xl": {
+      content: string;
+    };
+    "3xl": {
+      content: string;
+    };
+    "4xl": {
+      content: string;
+    };
+    "5xl": {
+      content: string;
+    };
+    "6xl": {
+      content: string;
+    };
+    "7xl": {
+      content: string;
+    };
+  };
+}, {
+  icon: string;
+  content: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  contentSize: {
+    sm: {
+      content: string;
+    };
+    default: {
+      content: string;
+    };
+    lg: {
+      content: string;
+    };
+    xl: {
+      content: string;
+    };
+    "2xl": {
+      content: string;
+    };
+    "3xl": {
+      content: string;
+    };
+    "4xl": {
+      content: string;
+    };
+    "5xl": {
+      content: string;
+    };
+    "6xl": {
+      content: string;
+    };
+    "7xl": {
+      content: string;
+    };
+  };
+}, {
+  icon: string;
+  content: string;
+}>>;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+export type PopoverInfoButtonProps = DistributiveOmit<ButtonProps, "children" | "aria-label"> & VariantProps<typeof popoverInfoButtonStyles> & {
+  /** Popover body. */
+  children: ReactNode;
+  /**
+   * Trigger accessible name (`aria-label`). Defaults to the locale dictionary;
+   * an explicit value wins.
+   */
+  label?: string;
+  /**
+   * Portal target forwarded to `Popover.Content`. Defaults to the nearest
+   * enclosing `ThemeScope` element.
+   */
+  container?: OverlayContainerProps["container"];
+  /**
+   * Max-width of the popover content. `sm`–`7xl` map to `max-w-sm`–`max-w-7xl`;
+   * `"default"` is `max-w-md`.
+   */
+  contentSize?: VariantProps<typeof popoverInfoButtonStyles>["contentSize"];
+};
+/**
+ * Ghost icon-sm info button that opens a Popover.
+ * Client — Popover state and localized trigger name.
+ */
+export declare function PopoverInfoButton({ children, size, variant, contentSize, label, container, ...other }: PopoverInfoButtonProps): ReactElement;
+export declare namespace PopoverInfoButton {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=popover-info-button.d.ts.map

package/components/popover-info-button/popover-info-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-info-button.d.ts","names":[],"sources":["../../../src/components/popover-info-button/popover-info-button.tsx"],"mappings":";;;;;;qBAgBa,qDAAuB;;IAO9B;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;IAEF;MACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KASH,iBAAiB,GAAG,UAAU,eAAe,oBAAoB,KAAK,GAAG;YAElE,yBAAyB,iBAAiB,0CACpD,oBAAoB;;EAElB,UAAU;;;;;EAKV;;;;;EAKA,YAAY;;;;;EAKZ,cAAc,oBAAoB;;;;;;wBAOtB,oBACd,UACA,MACA,SACA,aACA,OACA,cACG,SACF,yBAAyB;yBARZ;MAAA"}

package/components/popover-info-button/popover-info-button.js

@@ -0,0 +1,63 @@
+"use client";
+import { useLocalizedStrings } from "../../hooks/use-localized-strings.js";
+import { Info } from "../../icons/generated/info.js";
+import { Button } from "../button/button.js";
+import { popoverInfoButtonStrings } from "./intl/index.js";
+import { PopoverContent, PopoverRoot, PopoverTrigger } from "../popover/popover.js";
+import { tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/popover-info-button/popover-info-button.tsx
+/** Recipe for the unit test. Not re-exported from the public entry. */
+const popoverInfoButtonStyles = tv({
+	slots: {
+		icon: "size-4",
+		content: "text-sm w-auto p-4"
+	},
+	variants: { contentSize: {
+		sm: { content: "max-w-sm" },
+		default: { content: "max-w-md" },
+		lg: { content: "max-w-lg" },
+		xl: { content: "max-w-xl" },
+		"2xl": { content: "max-w-2xl" },
+		"3xl": { content: "max-w-3xl" },
+		"4xl": { content: "max-w-4xl" },
+		"5xl": { content: "max-w-5xl" },
+		"6xl": { content: "max-w-6xl" },
+		"7xl": { content: "max-w-7xl" }
+	} },
+	defaultVariants: { contentSize: "default" }
+});
+/**
+* Ghost icon-sm info button that opens a Popover.
+* Client — Popover state and localized trigger name.
+*/
+function PopoverInfoButton({ children, size = "icon-sm", variant = "ghost", contentSize = "default", label, container, ...other }) {
+	const strings = useLocalizedStrings(popoverInfoButtonStrings);
+	const accessibleName = label ?? strings.format("moreInformation");
+	const { icon, content } = popoverInfoButtonStyles({ contentSize });
+	const trigger = /* @__PURE__ */ jsx(Button, {
+		...other,
+		size,
+		variant,
+		"aria-label": accessibleName
+	});
+	return /* @__PURE__ */ jsxs(PopoverRoot, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+		render: trigger,
+		children: /* @__PURE__ */ jsx(Info, {
+			"aria-hidden": "true",
+			className: icon()
+		})
+	}), /* @__PURE__ */ jsx(PopoverContent, {
+		side: "right",
+		sideOffset: 8,
+		showArrow: true,
+		className: content(),
+		container,
+		children
+	})] });
+}
+PopoverInfoButton.displayName = "PopoverInfoButton";
+//#endregion
+export { PopoverInfoButton, popoverInfoButtonStyles };
+
+//# sourceMappingURL=popover-info-button.js.map

package/components/popover-info-button/popover-info-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-info-button.js","names":[],"sources":["../../../src/components/popover-info-button/popover-info-button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ReactElement, ReactNode } from \"react\";\n\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { useLocalizedStrings } from \"../../hooks/use-localized-strings\";\nimport { Info } from \"../../icons/generated/info\";\nimport type { ButtonProps } from \"../button/button\";\nimport { Button } from \"../button/button\";\nimport type { OverlayContainerProps } from \"../overlay/overlay-props\";\nimport { PopoverContent, PopoverRoot, PopoverTrigger } from \"../popover/popover\";\nimport { popoverInfoButtonStrings } from \"./intl\";\n\n/** Recipe for the unit test. Not re-exported from the public entry. */\nexport const popoverInfoButtonStyles = tv({\n  slots: {\n    icon: \"size-4\",\n    content: \"text-sm w-auto p-4\",\n  },\n  variants: {\n    contentSize: {\n      sm: {\n        content: \"max-w-sm\",\n      },\n      default: {\n        content: \"max-w-md\",\n      },\n      lg: {\n        content: \"max-w-lg\",\n      },\n      xl: {\n        content: \"max-w-xl\",\n      },\n      \"2xl\": {\n        content: \"max-w-2xl\",\n      },\n      \"3xl\": {\n        content: \"max-w-3xl\",\n      },\n      \"4xl\": {\n        content: \"max-w-4xl\",\n      },\n      \"5xl\": {\n        content: \"max-w-5xl\",\n      },\n      \"6xl\": {\n        content: \"max-w-6xl\",\n      },\n      \"7xl\": {\n        content: \"max-w-7xl\",\n      },\n    },\n  },\n  defaultVariants: {\n    contentSize: \"default\",\n  },\n});\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;\n\nexport type PopoverInfoButtonProps = DistributiveOmit<ButtonProps, \"children\" | \"aria-label\"> &\n  VariantProps<typeof popoverInfoButtonStyles> & {\n    /** Popover body. */\n    children: ReactNode;\n    /**\n     * Trigger accessible name (`aria-label`). Defaults to the locale dictionary;\n     * an explicit value wins.\n     */\n    label?: string;\n    /**\n     * Portal target forwarded to `Popover.Content`. Defaults to the nearest\n     * enclosing `ThemeScope` element.\n     */\n    container?: OverlayContainerProps[\"container\"];\n    /**\n     * Max-width of the popover content. `sm`–`7xl` map to `max-w-sm`–`max-w-7xl`;\n     * `\"default\"` is `max-w-md`.\n     */\n    contentSize?: VariantProps<typeof popoverInfoButtonStyles>[\"contentSize\"];\n  };\n\n/**\n * Ghost icon-sm info button that opens a Popover.\n * Client — Popover state and localized trigger name.\n */\nexport function PopoverInfoButton({\n  children,\n  size = \"icon-sm\",\n  variant = \"ghost\",\n  contentSize = \"default\",\n  label,\n  container,\n  ...other\n}: PopoverInfoButtonProps): ReactElement {\n  const strings = useLocalizedStrings(popoverInfoButtonStrings);\n  const accessibleName = label ?? strings.format(\"moreInformation\");\n  const { icon, content } = popoverInfoButtonStyles({ contentSize });\n\n  // SAFETY: PopoverInfoButtonProps is a distributive Omit of ButtonProps. Reassembling\n  // the icon/label union after destructuring is a TypeScript limitation; the runtime\n  // props are the same Button surface plus the owned aria-label.\n  const trigger = (\n    <Button\n      {...({\n        ...other,\n        size,\n        variant,\n        \"aria-label\": accessibleName,\n      } as ButtonProps)}\n    />\n  );\n\n  return (\n    <PopoverRoot>\n      <PopoverTrigger render={trigger}>\n        <Info aria-hidden=\"true\" className={icon()} />\n      </PopoverTrigger>\n      <PopoverContent side=\"right\" sideOffset={8} showArrow className={content()} container={container}>\n        {children}\n      </PopoverContent>\n    </PopoverRoot>\n  );\n}\n\nPopoverInfoButton.displayName = \"PopoverInfoButton\";\n"],"mappings":";;;;;;;;;;AAgBA,MAAa,0BAA0B,GAAG;CACxC,OAAO;EACL,MAAM;EACN,SAAS;CACX;CACA,UAAU,EACR,aAAa;EACX,IAAI,EACF,SAAS,WACX;EACA,SAAS,EACP,SAAS,WACX;EACA,IAAI,EACF,SAAS,WACX;EACA,IAAI,EACF,SAAS,WACX;EACA,OAAO,EACL,SAAS,YACX;EACA,OAAO,EACL,SAAS,YACX;EACA,OAAO,EACL,SAAS,YACX;EACA,OAAO,EACL,SAAS,YACX;EACA,OAAO,EACL,SAAS,YACX;EACA,OAAO,EACL,SAAS,YACX;CACF,EACF;CACA,iBAAiB,EACf,aAAa,UACf;AACF,CAAC;;;;;AA6BD,SAAgB,kBAAkB,EAChC,UACA,OAAO,WACP,UAAU,SACV,cAAc,WACd,OACA,WACA,GAAG,SACoC;CACvC,MAAM,UAAU,oBAAoB,wBAAwB;CAC5D,MAAM,iBAAiB,SAAS,QAAQ,OAAO,iBAAiB;CAChE,MAAM,EAAE,MAAM,YAAY,wBAAwB,EAAE,YAAY,CAAC;CAKjE,MAAM,UACJ,oBAAC,QAAD;EAEI,GAAG;EACH;EACA;EACA,cAAc;CAEjB,CAAA;CAGH,OACE,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,gBAAD;EAAgB,QAAQ;EACtB,UAAA,oBAAC,MAAD;GAAM,eAAY;GAAO,WAAW,KAAK;EAAI,CAAA;CAC/B,CAAA,GAChB,oBAAC,gBAAD;EAAgB,MAAK;EAAQ,YAAY;EAAG,WAAA;EAAU,WAAW,QAAQ;EAAc;EACpF;CACa,CAAA,CACL,EAAA,CAAA;AAEjB;AAEA,kBAAkB,cAAc"}

package/components/radio-group/radio-group-variants.d.ts

@@ -0,0 +1,39 @@
+//#region src/components/radio-group/radio-group-variants.d.ts
+/**
+ * Module-private recipe. Size axis for `RadioIconButton`; default
+ * `icon`. Not exported from `@elmeragroup/fuse/radio-group`.
+ *
+ * Each size is the control-size recipe's `square`, like Button's icon sizes. `icon-xxs` and
+ * `icon-xs` share the `xs` square and differ only by glyph size, which stays local. Svg sizes apply only to
+ * `svg:not([class*='size-'])`. The radio root is a <span>, which never matches `:disabled`,
+ * so the state face keys off Base UI's `data-disabled` and `data-invalid` attributes, plus a
+ * consumer's `aria-invalid`. Hover and press sit behind the `enabled-*` gate, so a disabled
+ * button neither repaints nor scales under the pointer.
+ */
+export declare const radioIconButtonVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    "icon-xxs": string;
+    "icon-xs": string;
+    "icon-sm": string;
+    icon: string;
+    "icon-lg": string;
+  };
+}, undefined, string, {
+  size: {
+    "icon-xxs": string;
+    "icon-xs": string;
+    "icon-sm": string;
+    icon: string;
+    "icon-lg": string;
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  size: {
+    "icon-xxs": string;
+    "icon-xs": string;
+    "icon-sm": string;
+    icon: string;
+    "icon-lg": string;
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=radio-group-variants.d.ts.map

package/components/radio-group/radio-group-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-variants.d.ts","names":[],"sources":["../../../src/components/radio-group/radio-group-variants.ts"],"mappings":";;;;;;;;;;;;qBAiBa,qDAAuB;;IAQ9B;IACA;IAKA;IACA;IACA"}

package/components/radio-group/radio-group-variants.js

@@ -0,0 +1,51 @@
+import { cn } from "../../styles/cn.js";
+import { dataStateFaceClass } from "../../styles/state-face.js";
+import { controlSize } from "../../styles/control-size.js";
+import { tv } from "tailwind-variants";
+//#region src/components/radio-group/radio-group-variants.ts
+/**
+* Module-private recipe. Size axis for `RadioIconButton`; default
+* `icon`. Not exported from `@elmeragroup/fuse/radio-group`.
+*
+* Each size is the control-size recipe's `square`, like Button's icon sizes. `icon-xxs` and
+* `icon-xs` share the `xs` square and differ only by glyph size, which stays local. Svg sizes apply only to
+* `svg:not([class*='size-'])`. The radio root is a <span>, which never matches `:disabled`,
+* so the state face keys off Base UI's `data-disabled` and `data-invalid` attributes, plus a
+* consumer's `aria-invalid`. Hover and press sit behind the `enabled-*` gate, so a disabled
+* button neither repaints nor scales under the pointer.
+*/
+const radioIconButtonVariants = tv({
+	base: cn("ease-out inline-flex shrink-0 items-center justify-center rounded-lg border border-input bg-card text-foreground transition-[color,background-color,box-shadow,scale] duration-150 outline-none data-checked:border-primary data-checked:bg-muted enabled-hover:bg-muted enabled-active:scale-[0.96]", dataStateFaceClass),
+	variants: { size: {
+		"icon-xxs": controlSize({
+			size: "xs",
+			fit: "square",
+			class: "[&_svg:not([class*='size-'])]:size-3"
+		}),
+		"icon-xs": controlSize({
+			size: "xs",
+			fit: "square",
+			class: "[&_svg:not([class*='size-'])]:size-3.5"
+		}),
+		"icon-sm": controlSize({
+			size: "sm",
+			fit: "square",
+			class: "[&_svg:not([class*='size-'])]:size-4"
+		}),
+		icon: controlSize({
+			size: "md",
+			fit: "square",
+			class: "[&_svg:not([class*='size-'])]:size-4"
+		}),
+		"icon-lg": controlSize({
+			size: "lg",
+			fit: "square",
+			class: "[&_svg:not([class*='size-'])]:size-5"
+		})
+	} },
+	defaultVariants: { size: "icon" }
+});
+//#endregion
+export { radioIconButtonVariants };
+
+//# sourceMappingURL=radio-group-variants.js.map

package/components/radio-group/radio-group-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group-variants.js","names":[],"sources":["../../../src/components/radio-group/radio-group-variants.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { controlSize } from \"../../styles/control-size\";\nimport { dataStateFaceClass } from \"../../styles/state-face\";\n\n/**\n * Module-private recipe. Size axis for `RadioIconButton`; default\n * `icon`. Not exported from `@elmeragroup/fuse/radio-group`.\n *\n * Each size is the control-size recipe's `square`, like Button's icon sizes. `icon-xxs` and\n * `icon-xs` share the `xs` square and differ only by glyph size, which stays local. Svg sizes apply only to\n * `svg:not([class*='size-'])`. The radio root is a <span>, which never matches `:disabled`,\n * so the state face keys off Base UI's `data-disabled` and `data-invalid` attributes, plus a\n * consumer's `aria-invalid`. Hover and press sit behind the `enabled-*` gate, so a disabled\n * button neither repaints nor scales under the pointer.\n */\nexport const radioIconButtonVariants = tv({\n  base: cn(\n    // oxlint-disable-next-line elmera/no-local-focus-ring -- native outline off; ring comes from the shared adapter\n    \"ease-out inline-flex shrink-0 items-center justify-center rounded-lg border border-input bg-card text-foreground transition-[color,background-color,box-shadow,scale] duration-150 outline-none data-checked:border-primary data-checked:bg-muted enabled-hover:bg-muted enabled-active:scale-[0.96]\",\n    dataStateFaceClass\n  ),\n  variants: {\n    size: {\n      \"icon-xxs\": controlSize({ size: \"xs\", fit: \"square\", class: \"[&_svg:not([class*='size-'])]:size-3\" }),\n      \"icon-xs\": controlSize({\n        size: \"xs\",\n        fit: \"square\",\n        class: \"[&_svg:not([class*='size-'])]:size-3.5\",\n      }),\n      \"icon-sm\": controlSize({ size: \"sm\", fit: \"square\", class: \"[&_svg:not([class*='size-'])]:size-4\" }),\n      icon: controlSize({ size: \"md\", fit: \"square\", class: \"[&_svg:not([class*='size-'])]:size-4\" }),\n      \"icon-lg\": controlSize({ size: \"lg\", fit: \"square\", class: \"[&_svg:not([class*='size-'])]:size-5\" }),\n    },\n  },\n  defaultVariants: {\n    size: \"icon\",\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;AAiBA,MAAa,0BAA0B,GAAG;CACxC,MAAM,GAEJ,wSACA,kBACF;CACA,UAAU,EACR,MAAM;EACJ,YAAY,YAAY;GAAE,MAAM;GAAM,KAAK;GAAU,OAAO;EAAuC,CAAC;EACpG,WAAW,YAAY;GACrB,MAAM;GACN,KAAK;GACL,OAAO;EACT,CAAC;EACD,WAAW,YAAY;GAAE,MAAM;GAAM,KAAK;GAAU,OAAO;EAAuC,CAAC;EACnG,MAAM,YAAY;GAAE,MAAM;GAAM,KAAK;GAAU,OAAO;EAAuC,CAAC;EAC9F,WAAW,YAAY;GAAE,MAAM;GAAM,KAAK;GAAU,OAAO;EAAuC,CAAC;CACrG,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CAAC"}

package/components/radio-group/radio-group.d.ts

@@ -0,0 +1,139 @@
+import { radioIconButtonVariants } from "./radio-group-variants.js";
+import { ComponentProps, ReactElement, ReactNode } from "react";
+import { VariantProps } from "tailwind-variants";
+import { Radio as Radio$1 } from "@base-ui/react/radio";
+//#region src/components/radio-group/radio-group.d.ts
+/**
+ * Unlabeled 16px radio over the base-ui primitive. Client component, because base-ui
+ * Radio owns the checked state. The indicator is an 8px primary-foreground dot. Labeled
+ * usage composes `Radio` or `RadioItem`. A disabled item dims to 50% on its own, also
+ * outside a label.
+ */
+export declare function RadioGroupItem({ className, value, ...props }: ComponentProps<typeof Radio$1.Root>): ReactElement;
+export declare namespace RadioGroupItem {
+  var displayName: string;
+}
+export type RadioGroupProps = {
+  /** Fieldset legend, rendered as `Field.Legend variant="label"` in the header row. */
+  label?: string;
+  /** Supporting copy, rendered as `Field.Description`. */
+  description?: string;
+  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */
+  errorMessage?: ReactNode;
+  /**
+   * Decorative `SpinnerGap` at the header row's end. Sets `aria-busy` on the
+   * radiogroup while true; omitted when pending is false or absent. The header
+   * row renders when `label` or `isPending` is truthy. An unlabeled pending group
+   * renders that status row with no legend element.
+   */
+  isPending?: boolean;
+  /**
+   * Layout of the group primitive, and of RadioItemGroup's stacked-card list.
+   * Vertical: primitive `flex-col gap-2`; item list connected `flex-col gap-0`.
+   * Horizontal: primitive `flex-wrap gap-4`; item list `flex-row flex-wrap gap-4`
+   * with individually rounded cards. Maps through `selectionGroupOrientationVariants`.
+   * Default `"vertical"`.
+   */
+  orientation?: "vertical" | "horizontal";
+  /**
+   * Controlled selected value. `null` is passed through to keep the primitive
+   * controlled with nothing selected, so clearing a selected value does not
+   * switch it to uncontrolled state.
+   */
+  value?: string | null;
+  /** Uncontrolled initial selected value. */
+  defaultValue?: string;
+  /**
+   * Called with the selected `string`, not the event. Mapped from base-ui
+   * `onValueChange` with `String(next)`.
+   */
+  onChange?: (value: string) => void;
+  /** Forwards `disabled` to `Field.Root` and the group primitive. */
+  isDisabled?: boolean;
+  /** Forwards `invalid` to `Field.Root`. */
+  isInvalid?: boolean;
+  /** Forwards `readOnly` to the group primitive. */
+  isReadOnly?: boolean;
+  /** Forwards `required` to the group primitive. */
+  isRequired?: boolean;
+  /**
+   * Set directly on the base-ui radio-group primitive, which supports `name`.
+   * CheckboxGroup threads `name` through Field instead — same external face,
+   * different plumbing.
+   */
+  name?: string;
+  /** Forwarded to the group primitive. */
+  id?: string;
+  /** Extra classes, merged onto the group primitive via `cn`. */
+  className?: string;
+  /** Group members — typically `Radio`, `RadioItem`, or `RadioIconButton`. */
+  children?: ReactNode;
+};
+/**
+ * Labeled radio group composite over Field and base-ui RadioGroup. Client component,
+ * because it wires Field validity and the group primitive.
+ */
+export declare function RadioGroup({ label, description, errorMessage, isPending, orientation, value, defaultValue, onChange, isDisabled, isInvalid, isReadOnly, isRequired, name, id, className, children }: RadioGroupProps): ReactElement;
+export declare namespace RadioGroup {
+  var displayName: string;
+}
+/**
+ * Stacked-card group: `RadioGroup` wrapping children in the private
+ * SelectionItem list (`role="list"`). `orientation` is forwarded to the labeled
+ * outer group and to that list: vertical remains connected `flex-col gap-0`;
+ * horizontal is `flex-row flex-wrap gap-4` with individually rounded cards.
+ */
+export declare function RadioItemGroup({ orientation, ...props }: RadioGroupProps): ReactElement;
+export declare namespace RadioItemGroup {
+  var displayName: string;
+}
+export type RadioProps = {
+  /** Member value in the group. */
+  value: string;
+  /** Forwards `disabled` to the inner `RadioGroupItem`. */
+  isDisabled?: boolean;
+  /** Extra classes, merged onto `Field.Item` via `cn`. */
+  className?: string;
+  /** Visible label content. The whole row is the click target. */
+  children?: ReactNode;
+};
+/**
+ * Compact labeled radio row over `Field.Item` + base-ui `Field.Label`.
+ * The whole label is the click target. A disabled row dims the control and the label
+ * content once each. The control dims itself, so the label dims only its content.
+ */
+export declare function Radio({ value, isDisabled, className, children }: RadioProps): ReactElement;
+export declare namespace Radio {
+  var displayName: string;
+}
+export type RadioIconButtonProps = Omit<ComponentProps<typeof Radio$1.Root>, "value" | "disabled" | "className" | "children" | "aria-label"> & {
+  /** Member value in the group. */
+  value: string;
+  /** Forwards `disabled` to the radio root. */
+  isDisabled?: boolean;
+  /**
+   * Icon-button size mapped onto the control sizes like Button: `icon-xxs`
+   * and `icon-xs` share `--control-h-xs` (svg-3 / svg-3.5), `icon-sm` `--control-h-sm`
+   * (svg-4), `icon` `--control-h-md` (svg-4), `icon-lg` `--control-h-lg` (svg-5).
+   * Svg sizes apply only to `svg:not([class*='size-'])`. Default `"icon"`.
+   */
+  size?: NonNullable<VariantProps<typeof radioIconButtonVariants>["size"]>;
+  /** Extra classes, merged via `cn`. */
+  className?: string;
+  /** The icon. */
+  children?: ReactNode;
+  /**
+   * Required accessible name, because `RadioIconButton` renders only an icon.
+   */
+  "aria-label": string;
+};
+/**
+ * Icon-only segmented radio over the base-ui radio root.
+ * Client — base-ui Radio owns checked state.
+ */
+export declare function RadioIconButton({ value, isDisabled, size, className, children, ...props }: RadioIconButtonProps): ReactElement;
+export declare namespace RadioIconButton {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=radio-group.d.ts.map

package/components/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../../../src/components/radio-group/radio-group.tsx"],"mappings":";;;;;;;;;;;wBA0BgB,iBACd,WACA,UACG,SACF,sBAAsB,QAAe,QAAQ;yBAJhC;MAAA;;YAgCJ;;EAEV;;EAEA;;EAEA,eAAe;;;;;;;EAOf;;;;;;;;EAQA;;;;;;EAMA;;EAEA;;;;;EAKA,YAAY;;EAEZ;;EAEA;;EAEA;;EAEA;;;;;;EAMA;;EAEA;;EAEA;;EAEA,WAAW;;;;;;wBAOG,aACd,OACA,aACA,cACA,WACA,aACA,OACA,cACA,UACA,YACA,WACA,YACA,YACA,MACA,IACA,WACA,YACC,kBAAkB;yBAjBL;MAAA;;;;;;;;wBAmDA,iBAAiB,gBAA6B,SAAS,kBAAkB;yBAAzE;MAAA;;YAUJ;;EAEV;;EAEA;;EAEA;;EAEA,WAAW;;;;;;;wBAQG,QAAQ,OAAO,YAAY,WAAW,YAAY,aAAa;yBAA/D;MAAA;;YAcJ,uBAAuB,KACjC,sBAAsB,QAAe;;EAIrC;;EAEA;;;;;;;EAOA,OAAO,YAAY,oBAAoB;;EAEvC;;EAEA,WAAW;;;;EAIX;;;;;;wBAOc,kBACd,OACA,YACA,MACA,WACA,aACG,SACF,uBAAuB;yBAPV;MAAA"}

package/components/radio-group/radio-group.js

@@ -0,0 +1,129 @@
+"use client";
+import { cn } from "../../styles/cn.js";
+import { dataStateFaceClass } from "../../styles/state-face.js";
+import { selfFocusRingClass } from "../../styles/utils.js";
+import { definedProps } from "../../internal/defined-props.js";
+import { SpinnerGap } from "../../icons/generated/spinner-gap.js";
+import { FieldItem } from "../field/field.js";
+import { FieldFrame } from "../field/field-frame.js";
+import { selectionGroupOrientationVariants } from "../selection-item/selection-item-variants.js";
+import { SelectionGroupLayout, SelectionItemGroup } from "../selection-item/selection-item.js";
+import { radioIconButtonVariants } from "./radio-group-variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+import { Radio as Radio$1 } from "@base-ui/react/radio";
+import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+//#region src/components/radio-group/radio-group.tsx
+/**
+* Unlabeled 16px radio over the base-ui primitive. Client component, because base-ui
+* Radio owns the checked state. The indicator is an 8px primary-foreground dot. Labeled
+* usage composes `Radio` or `RadioItem`. A disabled item dims to 50% on its own, also
+* outside a label.
+*/
+function RadioGroupItem({ className, value, ...props }) {
+	return /* @__PURE__ */ jsx(Radio$1.Root, {
+		"data-slot": "radio-group-item",
+		value,
+		className: (state) => cn("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input transition-[color,box-shadow] outline-none after:absolute after:-inset-x-3 after:-inset-y-2 after:content-[''] data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground", selfFocusRingClass, dataStateFaceClass, "aria-invalid:aria-checked:border-primary data-invalid:aria-checked:border-primary", className instanceof Function ? className(state) : className),
+		...definedProps(props),
+		children: /* @__PURE__ */ jsx(Radio$1.Indicator, {
+			"data-slot": "radio-group-indicator",
+			className: "flex size-4 items-center justify-center",
+			children: /* @__PURE__ */ jsx("span", { className: "absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
+		})
+	});
+}
+/**
+* Labeled radio group composite over Field and base-ui RadioGroup. Client component,
+* because it wires Field validity and the group primitive.
+*/
+function RadioGroup({ label, description, errorMessage, isPending, orientation = "vertical", value, defaultValue, onChange, isDisabled, isInvalid, isReadOnly, isRequired, name, id, className, children }) {
+	return /* @__PURE__ */ jsx(FieldFrame, {
+		heading: "legend",
+		label,
+		description,
+		errorMessage,
+		invalid: isInvalid,
+		disabled: isDisabled,
+		status: isPending ? /* @__PURE__ */ jsx(SpinnerGap, {
+			"aria-hidden": true,
+			className: "animate-spin size-3"
+		}) : null,
+		children: /* @__PURE__ */ jsx(RadioGroup$1, {
+			"data-slot": "radio-group",
+			id,
+			value,
+			defaultValue,
+			onValueChange: onChange ? (next) => onChange(String(next)) : void 0,
+			disabled: isDisabled,
+			readOnly: isReadOnly,
+			required: isRequired,
+			name,
+			"aria-busy": isPending ? true : void 0,
+			className: cn(selectionGroupOrientationVariants({ orientation }).group(), className),
+			children: /* @__PURE__ */ jsx(SelectionGroupLayout, {
+				orientation,
+				children
+			})
+		})
+	});
+}
+/**
+* Stacked-card group: `RadioGroup` wrapping children in the private
+* SelectionItem list (`role="list"`). `orientation` is forwarded to the labeled
+* outer group and to that list: vertical remains connected `flex-col gap-0`;
+* horizontal is `flex-row flex-wrap gap-4` with individually rounded cards.
+*/
+function RadioItemGroup({ orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(RadioGroup, {
+		...props,
+		orientation,
+		children: /* @__PURE__ */ jsx(SelectionItemGroup, {
+			orientation,
+			children: props.children
+		})
+	});
+}
+/**
+* Compact labeled radio row over `Field.Item` + base-ui `Field.Label`.
+* The whole label is the click target. A disabled row dims the control and the label
+* content once each. The control dims itself, so the label dims only its content.
+*/
+function Radio({ value, isDisabled, className, children }) {
+	return /* @__PURE__ */ jsx(FieldItem, {
+		className: cn("flex", className),
+		children: /* @__PURE__ */ jsxs(Field.Label, {
+			className: "text-sm flex cursor-pointer items-center gap-2 has-disabled:cursor-not-allowed",
+			children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+				value,
+				disabled: isDisabled
+			}), /* @__PURE__ */ jsx("span", {
+				className: "flex items-center gap-2 peer-data-disabled:opacity-50",
+				children
+			})]
+		})
+	});
+}
+/**
+* Icon-only segmented radio over the base-ui radio root.
+* Client — base-ui Radio owns checked state.
+*/
+function RadioIconButton({ value, isDisabled, size = "icon", className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Radio$1.Root, {
+		"data-slot": "radio-icon-button",
+		value,
+		disabled: isDisabled,
+		className: cn(radioIconButtonVariants({ size }), selfFocusRingClass, className),
+		...definedProps(props),
+		children
+	});
+}
+RadioGroupItem.displayName = "RadioGroupItem";
+RadioGroup.displayName = "RadioGroup";
+RadioItemGroup.displayName = "RadioItemGroup";
+Radio.displayName = "Radio";
+RadioIconButton.displayName = "RadioIconButton";
+//#endregion
+export { Radio, RadioGroup, RadioGroupItem, RadioIconButton, RadioItemGroup };
+
+//# sourceMappingURL=radio-group.js.map

package/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","names":["RadioPrimitive","RadioGroupPrimitive","FieldPrimitive"],"sources":["../../../src/components/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nimport { Field as FieldPrimitive } from \"@base-ui/react/field\";\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\";\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { SpinnerGap } from \"../../icons/generated/spinner-gap\";\nimport { definedProps } from \"../../internal/defined-props\";\nimport { cn } from \"../../styles/cn\";\nimport { dataStateFaceClass } from \"../../styles/state-face\";\nimport { selfFocusRingClass } from \"../../styles/utils\";\nimport { FieldItem } from \"../field/field\";\nimport { FieldFrame } from \"../field/field-frame\";\nimport { SelectionGroupLayout, SelectionItemGroup } from \"../selection-item/selection-item\";\nimport { selectionGroupOrientationVariants } from \"../selection-item/selection-item-variants\";\nimport { radioIconButtonVariants } from \"./radio-group-variants\";\n\n/**\n * Unlabeled 16px radio over the base-ui primitive. Client component, because base-ui\n * Radio owns the checked state. The indicator is an 8px primary-foreground dot. Labeled\n * usage composes `Radio` or `RadioItem`. A disabled item dims to 50% on its own, also\n * outside a label.\n */\nexport function RadioGroupItem({\n  className,\n  value,\n  ...props\n}: ComponentProps<typeof RadioPrimitive.Root>): ReactElement {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-group-item\"\n      value={value}\n      className={(state) =>\n        cn(\n          // The root is a <span>, which never matches `:disabled`, so the state face keys off\n          // Base UI's `data-disabled` and `data-invalid` attributes, plus a consumer's\n          // `aria-invalid`. A checked invalid radio keeps its primary border beside the ring.\n          // oxlint-disable-next-line elmera/no-local-focus-ring -- native outline off; ring comes from the shared adapter\n          \"group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input transition-[color,box-shadow] outline-none after:absolute after:-inset-x-3 after:-inset-y-2 after:content-[''] data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground\",\n          selfFocusRingClass,\n          dataStateFaceClass,\n          \"aria-invalid:aria-checked:border-primary data-invalid:aria-checked:border-primary\",\n          className instanceof Function ? className(state) : className\n        )\n      }\n      {...definedProps(props)}>\n      <RadioPrimitive.Indicator\n        data-slot=\"radio-group-indicator\"\n        className=\"flex size-4 items-center justify-center\">\n        <span className=\"absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground\" />\n      </RadioPrimitive.Indicator>\n    </RadioPrimitive.Root>\n  );\n}\n\nexport type RadioGroupProps = {\n  /** Fieldset legend, rendered as `Field.Legend variant=\"label\"` in the header row. */\n  label?: string;\n  /** Supporting copy, rendered as `Field.Description`. */\n  description?: string;\n  /** Error copy, rendered as `Field.Error` when truthy. Accepts any `ReactNode`. */\n  errorMessage?: ReactNode;\n  /**\n   * Decorative `SpinnerGap` at the header row's end. Sets `aria-busy` on the\n   * radiogroup while true; omitted when pending is false or absent. The header\n   * row renders when `label` or `isPending` is truthy. An unlabeled pending group\n   * renders that status row with no legend element.\n   */\n  isPending?: boolean;\n  /**\n   * Layout of the group primitive, and of RadioItemGroup's stacked-card list.\n   * Vertical: primitive `flex-col gap-2`; item list connected `flex-col gap-0`.\n   * Horizontal: primitive `flex-wrap gap-4`; item list `flex-row flex-wrap gap-4`\n   * with individually rounded cards. Maps through `selectionGroupOrientationVariants`.\n   * Default `\"vertical\"`.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Controlled selected value. `null` is passed through to keep the primitive\n   * controlled with nothing selected, so clearing a selected value does not\n   * switch it to uncontrolled state.\n   */\n  value?: string | null;\n  /** Uncontrolled initial selected value. */\n  defaultValue?: string;\n  /**\n   * Called with the selected `string`, not the event. Mapped from base-ui\n   * `onValueChange` with `String(next)`.\n   */\n  onChange?: (value: string) => void;\n  /** Forwards `disabled` to `Field.Root` and the group primitive. */\n  isDisabled?: boolean;\n  /** Forwards `invalid` to `Field.Root`. */\n  isInvalid?: boolean;\n  /** Forwards `readOnly` to the group primitive. */\n  isReadOnly?: boolean;\n  /** Forwards `required` to the group primitive. */\n  isRequired?: boolean;\n  /**\n   * Set directly on the base-ui radio-group primitive, which supports `name`.\n   * CheckboxGroup threads `name` through Field instead — same external face,\n   * different plumbing.\n   */\n  name?: string;\n  /** Forwarded to the group primitive. */\n  id?: string;\n  /** Extra classes, merged onto the group primitive via `cn`. */\n  className?: string;\n  /** Group members — typically `Radio`, `RadioItem`, or `RadioIconButton`. */\n  children?: ReactNode;\n};\n\n/**\n * Labeled radio group composite over Field and base-ui RadioGroup. Client component,\n * because it wires Field validity and the group primitive.\n */\nexport function RadioGroup({\n  label,\n  description,\n  errorMessage,\n  isPending,\n  orientation = \"vertical\",\n  value,\n  defaultValue,\n  onChange,\n  isDisabled,\n  isInvalid,\n  isReadOnly,\n  isRequired,\n  name,\n  id,\n  className,\n  children,\n}: RadioGroupProps): ReactElement {\n  return (\n    <FieldFrame\n      heading=\"legend\"\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      invalid={isInvalid}\n      disabled={isDisabled}\n      status={isPending ? <SpinnerGap aria-hidden className=\"animate-spin size-3\" /> : null}>\n      <RadioGroupPrimitive\n        data-slot=\"radio-group\"\n        id={id}\n        value={value}\n        defaultValue={defaultValue}\n        onValueChange={onChange ? (next) => onChange(String(next)) : undefined}\n        disabled={isDisabled}\n        readOnly={isReadOnly}\n        required={isRequired}\n        name={name}\n        aria-busy={isPending ? true : undefined}\n        className={cn(selectionGroupOrientationVariants({ orientation }).group(), className)}>\n        <SelectionGroupLayout orientation={orientation}>{children}</SelectionGroupLayout>\n      </RadioGroupPrimitive>\n    </FieldFrame>\n  );\n}\n\n/**\n * Stacked-card group: `RadioGroup` wrapping children in the private\n * SelectionItem list (`role=\"list\"`). `orientation` is forwarded to the labeled\n * outer group and to that list: vertical remains connected `flex-col gap-0`;\n * horizontal is `flex-row flex-wrap gap-4` with individually rounded cards.\n */\nexport function RadioItemGroup({ orientation = \"vertical\", ...props }: RadioGroupProps): ReactElement {\n  // The default is spelled here because the docs API extractor reads a part's\n  // documented defaults out of its own destructuring.\n  return (\n    <RadioGroup {...props} orientation={orientation}>\n      <SelectionItemGroup orientation={orientation}>{props.children}</SelectionItemGroup>\n    </RadioGroup>\n  );\n}\n\nexport type RadioProps = {\n  /** Member value in the group. */\n  value: string;\n  /** Forwards `disabled` to the inner `RadioGroupItem`. */\n  isDisabled?: boolean;\n  /** Extra classes, merged onto `Field.Item` via `cn`. */\n  className?: string;\n  /** Visible label content. The whole row is the click target. */\n  children?: ReactNode;\n};\n\n/**\n * Compact labeled radio row over `Field.Item` + base-ui `Field.Label`.\n * The whole label is the click target. A disabled row dims the control and the label\n * content once each. The control dims itself, so the label dims only its content.\n */\nexport function Radio({ value, isDisabled, className, children }: RadioProps): ReactElement {\n  return (\n    <FieldItem className={cn(\"flex\", className)}>\n      <FieldPrimitive.Label className=\"text-sm flex cursor-pointer items-center gap-2 has-disabled:cursor-not-allowed\">\n        <RadioGroupItem value={value} disabled={isDisabled} />\n        {/* The span keeps the label's flex row for its children, so text and a badge stay\n            8px apart and centered. It dims from the control's `data-disabled` through\n            `peer`, so the control is not dimmed twice. */}\n        <span className=\"flex items-center gap-2 peer-data-disabled:opacity-50\">{children}</span>\n      </FieldPrimitive.Label>\n    </FieldItem>\n  );\n}\n\nexport type RadioIconButtonProps = Omit<\n  ComponentProps<typeof RadioPrimitive.Root>,\n  \"value\" | \"disabled\" | \"className\" | \"children\" | \"aria-label\"\n> & {\n  /** Member value in the group. */\n  value: string;\n  /** Forwards `disabled` to the radio root. */\n  isDisabled?: boolean;\n  /**\n   * Icon-button size mapped onto the control sizes like Button: `icon-xxs`\n   * and `icon-xs` share `--control-h-xs` (svg-3 / svg-3.5), `icon-sm` `--control-h-sm`\n   * (svg-4), `icon` `--control-h-md` (svg-4), `icon-lg` `--control-h-lg` (svg-5).\n   * Svg sizes apply only to `svg:not([class*='size-'])`. Default `\"icon\"`.\n   */\n  size?: NonNullable<VariantProps<typeof radioIconButtonVariants>[\"size\"]>;\n  /** Extra classes, merged via `cn`. */\n  className?: string;\n  /** The icon. */\n  children?: ReactNode;\n  /**\n   * Required accessible name, because `RadioIconButton` renders only an icon.\n   */\n  \"aria-label\": string;\n};\n\n/**\n * Icon-only segmented radio over the base-ui radio root.\n * Client — base-ui Radio owns checked state.\n */\nexport function RadioIconButton({\n  value,\n  isDisabled,\n  size = \"icon\",\n  className,\n  children,\n  ...props\n}: RadioIconButtonProps): ReactElement {\n  return (\n    <RadioPrimitive.Root\n      data-slot=\"radio-icon-button\"\n      value={value}\n      disabled={isDisabled}\n      className={cn(radioIconButtonVariants({ size }), selfFocusRingClass, className)}\n      {...definedProps(props)}>\n      {children}\n    </RadioPrimitive.Root>\n  );\n}\n\nRadioGroupItem.displayName = \"RadioGroupItem\";\nRadioGroup.displayName = \"RadioGroup\";\nRadioItemGroup.displayName = \"RadioItemGroup\";\nRadio.displayName = \"Radio\";\nRadioIconButton.displayName = \"RadioIconButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,eAAe,EAC7B,WACA,OACA,GAAG,SACwD;CAC3D,OACE,oBAACA,QAAe,MAAhB;EACE,aAAU;EACH;EACP,YAAY,UACV,GAKE,oTACA,oBACA,oBACA,qFACA,qBAAqB,WAAW,UAAU,KAAK,IAAI,SACrD;EAEF,GAAI,aAAa,KAAK;EACtB,UAAA,oBAACA,QAAe,WAAhB;GACE,aAAU;GACV,WAAU;GACV,UAAA,oBAAC,QAAD,EAAM,WAAU,wGAAyG,CAAA;EACjG,CAAA;CACP,CAAA;AAEzB;;;;;AA+DA,SAAgB,WAAW,EACzB,OACA,aACA,cACA,WACA,cAAc,YACd,OACA,cACA,UACA,YACA,WACA,YACA,YACA,MACA,IACA,WACA,YACgC;CAChC,OACE,oBAAC,YAAD;EACE,SAAQ;EACD;EACM;EACC;EACd,SAAS;EACT,UAAU;EACV,QAAQ,YAAY,oBAAC,YAAD;GAAY,eAAA;GAAY,WAAU;EAAuB,CAAA,IAAI;EACjF,UAAA,oBAACC,cAAD;GACE,aAAU;GACN;GACG;GACO;GACd,eAAe,YAAY,SAAS,SAAS,OAAO,IAAI,CAAC,IAAI,KAAA;GAC7D,UAAU;GACV,UAAU;GACV,UAAU;GACJ;GACN,aAAW,YAAY,OAAO,KAAA;GAC9B,WAAW,GAAG,kCAAkC,EAAE,YAAY,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS;GACnF,UAAA,oBAAC,sBAAD;IAAmC;IAAc;GAA+B,CAAA;EAC7D,CAAA;CACX,CAAA;AAEhB;;;;;;;AAQA,SAAgB,eAAe,EAAE,cAAc,YAAY,GAAG,SAAwC;CAGpG,OACE,oBAAC,YAAD;EAAY,GAAI;EAAoB;EAClC,UAAA,oBAAC,oBAAD;GAAiC;GAAc,UAAA,MAAM;EAA6B,CAAA;CACxE,CAAA;AAEhB;;;;;;AAkBA,SAAgB,MAAM,EAAE,OAAO,YAAY,WAAW,YAAsC;CAC1F,OACE,oBAAC,WAAD;EAAW,WAAW,GAAG,QAAQ,SAAS;EACxC,UAAA,qBAACC,MAAe,OAAhB;GAAsB,WAAU;GAAhC,UAAA,CACE,oBAAC,gBAAD;IAAuB;IAAO,UAAU;GAAa,CAAA,GAIrD,oBAAC,QAAD;IAAM,WAAU;IAAyD;GAAe,CAAA,CACpE;;CACb,CAAA;AAEf;;;;;AA+BA,SAAgB,gBAAgB,EAC9B,OACA,YACA,OAAO,QACP,WACA,UACA,GAAG,SACkC;CACrC,OACE,oBAACF,QAAe,MAAhB;EACE,aAAU;EACH;EACP,UAAU;EACV,WAAW,GAAG,wBAAwB,EAAE,KAAK,CAAC,GAAG,oBAAoB,SAAS;EAC9E,GAAI,aAAa,KAAK;EACrB;CACkB,CAAA;AAEzB;AAEA,eAAe,cAAc;AAC7B,WAAW,cAAc;AACzB,eAAe,cAAc;AAC7B,MAAM,cAAc;AACpB,gBAAgB,cAAc"}