@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui82.js

@@ -1,21 +1,21 @@
 import * as r from "react";
-import { isHTMLElement as w } from "./als-react-ts-ui221.js";
-import { usePopoverRootContext as A } from "./als-react-ts-ui284.js";
-import { usePopoverPositionerContext as G } from "./als-react-ts-ui293.js";
-import { popupStateMapping as K } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as Y } from "./als-react-ts-ui189.js";
-import { useOpenChangeComplete as j } from "./als-react-ts-ui183.js";
-import { useRenderElement as B } from "./als-react-ts-ui166.js";
-import { usePopupAutoResize as J } from "./als-react-ts-ui295.js";
-import { useDirection as V } from "./als-react-ts-ui164.js";
-import { COMPOSITE_KEYS as q } from "./als-react-ts-ui178.js";
-import { useToolbarRootContext as Q } from "./als-react-ts-ui278.js";
-import { getDisabledMountTransitionStyles as U } from "./als-react-ts-ui279.js";
+import { isHTMLElement as w } from "./als-react-ts-ui320.js";
+import { usePopoverRootContext as A } from "./als-react-ts-ui386.js";
+import { usePopoverPositionerContext as G } from "./als-react-ts-ui390.js";
+import { popupStateMapping as K } from "./als-react-ts-ui227.js";
+import { transitionStatusMapping as Y } from "./als-react-ts-ui228.js";
+import { useOpenChangeComplete as j } from "./als-react-ts-ui236.js";
+import { useRenderElement as B } from "./als-react-ts-ui226.js";
+import { usePopupAutoResize as J } from "./als-react-ts-ui394.js";
+import { useDirection as V } from "./als-react-ts-ui270.js";
+import { COMPOSITE_KEYS as q } from "./als-react-ts-ui237.js";
+import { useToolbarRootContext as Q } from "./als-react-ts-ui395.js";
+import { getDisabledMountTransitionStyles as U } from "./als-react-ts-ui393.js";
 import { jsx as W } from "react/jsx-runtime";
-import { useHoverFloatingInteraction as X } from "./als-react-ts-ui296.js";
-import { EMPTY_OBJECT as Z } from "./als-react-ts-ui212.js";
-import { FloatingFocusManager as $ } from "./als-react-ts-ui193.js";
-import { triggerHover as ee } from "./als-react-ts-ui168.js";
+import { useHoverFloatingInteraction as X } from "./als-react-ts-ui375.js";
+import { EMPTY_OBJECT as Z } from "./als-react-ts-ui304.js";
+import { FloatingFocusManager as $ } from "./als-react-ts-ui238.js";
+import { triggerHover as ee } from "./als-react-ts-ui231.js";
 const te = {
   ...K,
   ...Y
@@ -28,7 +28,7 @@ const te = {
     ...S
   } = p, {
     store: e
-  } = A(), o = G(), E = Q() != null, l = V(), s = e.useState("open"), b = e.useState("openMethod"), c = e.useState("instantType"), a = e.useState("transitionStatus"), y = e.useState("popupProps"), x = e.useState("titleElementId"), C = e.useState("descriptionElementId"), P = e.useState("modal"), m = e.useState("mounted"), v = e.useState("openChangeReason"), M = e.useState("popupElement"), F = e.useState("payload"), R = e.useState("positionerElement"), d = e.useState("activeTriggerElement"), i = e.useState("floatingRootContext");
+  } = A(), o = G(), E = Q(!0) != null, l = V(), s = e.useState("open"), b = e.useState("openMethod"), c = e.useState("instantType"), a = e.useState("transitionStatus"), y = e.useState("popupProps"), x = e.useState("titleElementId"), C = e.useState("descriptionElementId"), P = e.useState("modal"), m = e.useState("mounted"), v = e.useState("openChangeReason"), M = e.useState("popupElement"), F = e.useState("payload"), R = e.useState("positionerElement"), d = e.useState("activeTriggerElement"), i = e.useState("floatingRootContext");
   j({
     open: s,
     ref: e.context.popupRef,

package/dist/als-react-ts-ui83.js

@@ -1,8 +1,8 @@
 import * as s from "react";
-import { usePopoverPositionerContext as d } from "./als-react-ts-ui293.js";
-import { usePopoverRootContext as f } from "./als-react-ts-ui284.js";
-import { popupStateMapping as l } from "./als-react-ts-ui188.js";
-import { useRenderElement as v } from "./als-react-ts-ui166.js";
+import { usePopoverPositionerContext as d } from "./als-react-ts-ui390.js";
+import { usePopoverRootContext as f } from "./als-react-ts-ui386.js";
+import { popupStateMapping as l } from "./als-react-ts-ui227.js";
+import { useRenderElement as v } from "./als-react-ts-ui226.js";
 const w = /* @__PURE__ */ s.forwardRef(function(e, p) {
   const {
     className: R,

package/dist/als-react-ts-ui84.js

@@ -1,8 +1,8 @@
 import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
-import { useRenderElement as p } from "./als-react-ts-ui166.js";
-import { useBaseUiId as f } from "./als-react-ts-ui170.js";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui267.js";
+import { usePopoverRootContext as m } from "./als-react-ts-ui386.js";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { useBaseUiId as f } from "./als-react-ts-ui232.js";
 const l = /* @__PURE__ */ n.forwardRef(function(o, s) {
   const {
     render: c,

package/dist/als-react-ts-ui85.js

@@ -1,8 +1,8 @@
 import * as n from "react";
-import { useIsoLayoutEffect as i } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { useBaseUiId as m } from "./als-react-ts-ui170.js";
-import { useRenderElement as c } from "./als-react-ts-ui166.js";
+import { useIsoLayoutEffect as i } from "./als-react-ts-ui267.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui386.js";
+import { useBaseUiId as m } from "./als-react-ts-ui232.js";
+import { useRenderElement as c } from "./als-react-ts-ui226.js";
 const d = /* @__PURE__ */ n.forwardRef(function(r, s) {
   const {
     render: u,

package/dist/als-react-ts-ui86.js

@@ -1,9 +1,9 @@
 import * as i from "react";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { useRenderElement as f } from "./als-react-ts-ui166.js";
-import { createChangeEventDetails as c } from "./als-react-ts-ui167.js";
-import { useButton as u } from "./als-react-ts-ui179.js";
-import { closePress as v } from "./als-react-ts-ui168.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui386.js";
+import { useRenderElement as f } from "./als-react-ts-ui226.js";
+import { createChangeEventDetails as c } from "./als-react-ts-ui229.js";
+import { useButton as u } from "./als-react-ts-ui230.js";
+import { closePress as v } from "./als-react-ts-ui231.js";
 const d = /* @__PURE__ */ i.forwardRef(function(e, t) {
   const {
     render: C,

package/dist/als-react-ts-ui87.js

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { usePopoverRootContext as m } from "./als-react-ts-ui284.js";
-import { popupStateMapping as u } from "./als-react-ts-ui188.js";
-import { transitionStatusMapping as d } from "./als-react-ts-ui189.js";
-import { useRenderElement as f } from "./als-react-ts-ui166.js";
-import { triggerHover as l } from "./als-react-ts-ui168.js";
+import { usePopoverRootContext as m } from "./als-react-ts-ui386.js";
+import { popupStateMapping as u } from "./als-react-ts-ui227.js";
+import { transitionStatusMapping as d } from "./als-react-ts-ui228.js";
+import { useRenderElement as f } from "./als-react-ts-ui226.js";
+import { triggerHover as l } from "./als-react-ts-ui231.js";
 const S = {
   ...u,
   ...d

package/dist/als-react-ts-ui88.js

@@ -1,17 +1,17 @@
 import * as o from "react";
-import { useScrollLock as j } from "./als-react-ts-ui236.js";
-import { usePopoverRootContext as L, PopoverRootContext as N } from "./als-react-ts-ui284.js";
-import { PopoverStore as V } from "./als-react-ts-ui285.js";
-import { createChangeEventDetails as q } from "./als-react-ts-ui167.js";
-import { useOpenInteractionType as w } from "./als-react-ts-ui237.js";
+import { useScrollLock as j } from "./als-react-ts-ui307.js";
+import { usePopoverRootContext as L, PopoverRootContext as N } from "./als-react-ts-ui386.js";
+import { PopoverStore as V } from "./als-react-ts-ui387.js";
+import { createChangeEventDetails as q } from "./als-react-ts-ui229.js";
+import { useOpenInteractionType as w } from "./als-react-ts-ui308.js";
 import { jsx as p } from "react/jsx-runtime";
-import { FloatingTree as z, useFloatingParentNodeId as B } from "./als-react-ts-ui286.js";
-import { useSyncedFloatingRootContext as G } from "./als-react-ts-ui238.js";
-import { useDismiss as J } from "./als-react-ts-ui240.js";
-import { useRole as K } from "./als-react-ts-ui239.js";
-import { useInteractions as Q } from "./als-react-ts-ui201.js";
-import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "./als-react-ts-ui199.js";
-import { triggerHover as Y, imperativeAction as Z } from "./als-react-ts-ui168.js";
+import { FloatingTree as z, useFloatingParentNodeId as B } from "./als-react-ts-ui364.js";
+import { useSyncedFloatingRootContext as G } from "./als-react-ts-ui309.js";
+import { useDismiss as J } from "./als-react-ts-ui311.js";
+import { useRole as K } from "./als-react-ts-ui310.js";
+import { useInteractions as Q } from "./als-react-ts-ui246.js";
+import { useImplicitActiveTrigger as W, useOpenStateTransitions as X } from "./als-react-ts-ui244.js";
+import { triggerHover as Y, imperativeAction as Z } from "./als-react-ts-ui231.js";
 function I({
   props: t
 }) {

package/dist/als-react-ts-ui89.js

@@ -1,8 +1,8 @@
 import * as a from "react";
-import { usePopoverRootContext as p } from "./als-react-ts-ui284.js";
-import { PopoverPortalContext as l } from "./als-react-ts-ui292.js";
+import { usePopoverRootContext as p } from "./als-react-ts-ui386.js";
+import { PopoverPortalContext as l } from "./als-react-ts-ui389.js";
 import { jsx as r } from "react/jsx-runtime";
-import { FloatingPortal as d } from "./als-react-ts-ui196.js";
+import { FloatingPortal as d } from "./als-react-ts-ui241.js";
 const u = /* @__PURE__ */ a.forwardRef(function(e, t) {
   const {
     keepMounted: o = !1,

package/dist/als-react-ts-ui9.js

@@ -1,9 +1,5 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui63.js";
-function p(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSCheckboxGroupRoot as o } from "./als-react-ts-ui63.js";
+const p = o;
 export {
-  p as ALSCheckboxGroup,
-  p as default
+  p as ALSCheckboxGroup
 };

package/dist/als-react-ts-ui90.js

@@ -1,7 +1,194 @@
-const o = "_root_1iiym_1", t = {
-  root: o
-};
+import { jsx as i, jsxs as c } from "react/jsx-runtime";
+import * as d from "react";
+import { clsx as n } from "./als-react-ts-ui56.js";
+import o from "./als-react-ts-ui248.js";
+import { PreviewCardTrigger as P } from "./als-react-ts-ui249.js";
+import { PreviewCardPositioner as v } from "./als-react-ts-ui250.js";
+import { PreviewCardPopup as L } from "./als-react-ts-ui251.js";
+import { PreviewCardArrow as f } from "./als-react-ts-ui252.js";
+import { PreviewCardPortal as A } from "./als-react-ts-ui253.js";
+import { PreviewCardRoot as u } from "./als-react-ts-ui254.js";
+const l = d.createContext({
+  variant: "default",
+  size: "md"
+}), p = () => d.useContext(l), S = (r) => /* @__PURE__ */ c("svg", { width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...r, children: [
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+      className: o.arrowFill
+    }
+  ),
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+      className: o.arrowOuterStroke
+    }
+  ),
+  /* @__PURE__ */ i(
+    "path",
+    {
+      d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+      className: o.arrowInnerStroke
+    }
+  )
+] }), N = ({
+  defaultOpen: r = !1,
+  open: e,
+  onOpenChange: a,
+  children: t
+}) => /* @__PURE__ */ i(
+  u,
+  {
+    defaultOpen: r,
+    open: e,
+    onOpenChange: a,
+    children: t
+  }
+);
+N.displayName = "ALSPreviewCard.Root";
+const g = d.forwardRef(
+  ({ href: r, delay: e = 600, closeDelay: a = 300, className: t, style: s, children: m }, w) => /* @__PURE__ */ i(
+    P,
+    {
+      ref: w,
+      href: r,
+      delay: e,
+      closeDelay: a,
+      className: n(o.trigger, t),
+      style: s,
+      children: m
+    }
+  )
+);
+g.displayName = "ALSPreviewCard.Trigger";
+const R = ({
+  container: r,
+  keepMounted: e = !1,
+  children: a
+}) => /* @__PURE__ */ i(A, { container: r, keepMounted: e, children: a });
+R.displayName = "ALSPreviewCard.Portal";
+const y = d.forwardRef(
+  ({
+    side: r = "bottom",
+    sideOffset: e = 8,
+    align: a = "center",
+    alignOffset: t = 0,
+    className: s,
+    style: m,
+    children: w
+  }, C) => /* @__PURE__ */ i(
+    v,
+    {
+      ref: C,
+      side: r,
+      sideOffset: e,
+      align: a,
+      alignOffset: t,
+      className: n(o.positioner, s),
+      style: m,
+      children: w
+    }
+  )
+);
+y.displayName = "ALSPreviewCard.Positioner";
+const h = d.forwardRef(({ variant: r = "default", size: e = "md", className: a, style: t, children: s }, m) => {
+  const w = d.useMemo(
+    () => ({ variant: r, size: e }),
+    [r, e]
+  );
+  return /* @__PURE__ */ i(l.Provider, { value: w, children: /* @__PURE__ */ i(
+    L,
+    {
+      ref: m,
+      className: n(
+        o.popup,
+        o[`popup--${r}`],
+        o[`popup--${e}`],
+        a
+      ),
+      style: t,
+      children: s
+    }
+  ) });
+});
+h.displayName = "ALSPreviewCard.Popup";
+const x = d.forwardRef(({ className: r, style: e }, a) => /* @__PURE__ */ i(
+  f,
+  {
+    ref: a,
+    className: n(o.arrow, r),
+    style: e,
+    children: /* @__PURE__ */ i(S, {})
+  }
+));
+x.displayName = "ALSPreviewCard.Arrow";
+const H = d.forwardRef(({ src: r, alt: e, width: a, height: t, className: s, style: m }, w) => {
+  const { size: C } = p();
+  return /* @__PURE__ */ i(
+    "img",
+    {
+      ref: w,
+      src: r,
+      alt: e,
+      width: a,
+      height: t,
+      className: n(o.image, o[`image--${C}`], s),
+      style: m
+    }
+  );
+});
+H.displayName = "ALSPreviewCard.Image";
+const T = d.forwardRef(({ className: r, style: e, children: a }, t) => {
+  const { size: s } = p();
+  return /* @__PURE__ */ i(
+    "h4",
+    {
+      ref: t,
+      className: n(o.title, o[`title--${s}`], r),
+      style: e,
+      children: a
+    }
+  );
+});
+T.displayName = "ALSPreviewCard.Title";
+const V = d.forwardRef(({ className: r, style: e, children: a }, t) => {
+  const { size: s } = p();
+  return /* @__PURE__ */ i(
+    "p",
+    {
+      ref: t,
+      className: n(
+        o.description,
+        o[`description--${s}`],
+        r
+      ),
+      style: e,
+      children: a
+    }
+  );
+});
+V.displayName = "ALSPreviewCard.Description";
+const $ = d.forwardRef(({ className: r, style: e, children: a }, t) => /* @__PURE__ */ i(
+  "div",
+  {
+    ref: t,
+    className: n(o.content, r),
+    style: e,
+    children: a
+  }
+));
+$.displayName = "ALSPreviewCard.Content";
 export {
-  t as default,
-  o as root
+  x as ALSPreviewCardArrow,
+  $ as ALSPreviewCardContent,
+  V as ALSPreviewCardDescription,
+  H as ALSPreviewCardImage,
+  h as ALSPreviewCardPopup,
+  R as ALSPreviewCardPortal,
+  y as ALSPreviewCardPositioner,
+  N as ALSPreviewCardRoot,
+  T as ALSPreviewCardTitle,
+  g as ALSPreviewCardTrigger
 };

package/dist/als-react-ts-ui91.js

@@ -1,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import { clsx as t } from "./als-react-ts-ui56.js";
 import { forwardRef as m } from "react";
-import e from "./als-react-ts-ui152.js";
-import { ProgressRoot as c } from "./als-react-ts-ui153.js";
-import { ProgressTrack as p } from "./als-react-ts-ui154.js";
-import { ProgressIndicator as g } from "./als-react-ts-ui155.js";
-import { ProgressLabel as n } from "./als-react-ts-ui156.js";
-import { ProgressValue as P } from "./als-react-ts-ui157.js";
+import e from "./als-react-ts-ui255.js";
+import { ProgressRoot as c } from "./als-react-ts-ui256.js";
+import { ProgressTrack as p } from "./als-react-ts-ui257.js";
+import { ProgressIndicator as g } from "./als-react-ts-ui258.js";
+import { ProgressLabel as n } from "./als-react-ts-ui259.js";
+import { ProgressValue as P } from "./als-react-ts-ui260.js";
 const L = m(
   ({ className: r, variant: s = "primary", size: o = "md", ...i }, l) => /* @__PURE__ */ a(
     c,

package/dist/als-react-ts-ui92.js

@@ -1,7 +1,214 @@
-const o = "_root_1ei9z_1", t = {
-  root: o
-};
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as l from "react";
+import { clsx as d } from "./als-react-ts-ui56.js";
+import a from "./als-react-ts-ui261.js";
+import { RadioGroup as S } from "./als-react-ts-ui262.js";
+import { RadioIndicator as M } from "./als-react-ts-ui263.js";
+import { RadioRoot as j } from "./als-react-ts-ui264.js";
+const b = l.createContext({
+  size: "md",
+  variant: "primary"
+}), y = () => l.useContext(b), k = l.forwardRef(function({ size: m, variant: o, className: n, style: r }, i) {
+  const t = y(), f = m ?? t.size, u = o ?? t.variant;
+  return /* @__PURE__ */ e(
+    M,
+    {
+      ref: i,
+      keepMounted: !0,
+      className: d(
+        a.indicator,
+        a[`indicator--${f}`],
+        a[`indicator--${u}`],
+        n
+      ),
+      style: r
+    }
+  );
+}), w = l.forwardRef(function({
+  value: m,
+  label: o,
+  description: n,
+  disabled: r = !1,
+  size: i,
+  variant: t,
+  className: f,
+  style: u
+}, N) {
+  const R = y(), c = i ?? R.size, s = t ?? R.variant;
+  return /* @__PURE__ */ h(
+    "label",
+    {
+      ref: N,
+      className: d(
+        a.item,
+        a[`item--${c}`],
+        r && a["item--disabled"],
+        f
+      ),
+      style: u,
+      children: [
+        /* @__PURE__ */ e(
+          j,
+          {
+            value: m,
+            disabled: r,
+            className: d(
+              a.radio,
+              a[`radio--${c}`],
+              a[`radio--${s}`]
+            ),
+            children: /* @__PURE__ */ e(k, { size: c, variant: s })
+          }
+        ),
+        (o || n) && /* @__PURE__ */ h("span", { className: a.content, children: [
+          o && /* @__PURE__ */ e(
+            "span",
+            {
+              className: d(
+                a.label,
+                a[`label--${c}`]
+              ),
+              children: o
+            }
+          ),
+          n && /* @__PURE__ */ e(
+            "span",
+            {
+              className: d(
+                a.description,
+                a[`description--${c}`]
+              ),
+              children: n
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}), F = ({
+  options: v,
+  name: m,
+  defaultValue: o,
+  value: n,
+  onValueChange: r,
+  size: i = "md",
+  variant: t = "primary",
+  orientation: f = "vertical",
+  disabled: u = !1,
+  readOnly: N = !1,
+  required: R = !1,
+  label: c,
+  error: s,
+  helperText: $,
+  className: g,
+  style: G
+}) => {
+  const x = l.useId(), L = c ? `${x}-label` : void 0, I = s ? `${x}-error` : void 0, A = $ && !s ? `${x}-helper` : void 0, C = l.useMemo(
+    () => ({ size: i, variant: t }),
+    [i, t]
+  ), z = l.useCallback(
+    (p) => {
+      r && typeof p == "string" && r(p);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ e(b.Provider, { value: C, children: /* @__PURE__ */ h(
+    "div",
+    {
+      className: d(
+        a.group,
+        s && a["group--error"],
+        g
+      ),
+      style: G,
+      children: [
+        c && /* @__PURE__ */ h(
+          "span",
+          {
+            id: L,
+            className: d(
+              a.groupLabel,
+              a[`groupLabel--${i}`]
+            ),
+            children: [
+              c,
+              R && /* @__PURE__ */ e("span", { className: a.required, children: "*" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          S,
+          {
+            name: m,
+            defaultValue: o,
+            value: n,
+            onValueChange: z,
+            disabled: u,
+            readOnly: N,
+            required: R,
+            "aria-labelledby": L,
+            "aria-describedby": I || A,
+            "aria-invalid": !!s,
+            className: d(
+              a.radioGroup,
+              a[`radioGroup--${f}`]
+            ),
+            children: v.map((p) => /* @__PURE__ */ e(
+              w,
+              {
+                value: p.value,
+                label: p.label,
+                description: p.description,
+                disabled: p.disabled || u,
+                size: i,
+                variant: t
+              },
+              p.value
+            ))
+          }
+        ),
+        s && /* @__PURE__ */ e(
+          "span",
+          {
+            id: I,
+            className: a.errorText,
+            role: "alert",
+            children: s
+          }
+        ),
+        $ && !s && /* @__PURE__ */ e("span", { id: A, className: a.helperText, children: $ })
+      ]
+    }
+  ) });
+}, H = l.forwardRef(function({
+  size: m = "md",
+  variant: o = "primary",
+  orientation: n = "vertical",
+  className: r,
+  children: i,
+  ...t
+}, f) {
+  const u = l.useMemo(
+    () => ({ size: m, variant: o }),
+    [m, o]
+  );
+  return /* @__PURE__ */ e(b.Provider, { value: u, children: /* @__PURE__ */ e(
+    S,
+    {
+      ref: f,
+      className: d(
+        a.radioGroup,
+        a[`radioGroup--${n}`],
+        r
+      ),
+      ...t,
+      children: i
+    }
+  ) });
+});
 export {
-  t as default,
-  o as root
+  F as ALSRadioGroupRoot,
+  k as ALSRadioIndicator,
+  w as ALSRadioItem,
+  H as ALSRadioRoot
 };