@telia/teddy 0.0.15 → 0.0.16

package/dist/radio-group-B--zT3OL.js

@@ -1,440 +0,0 @@
-import './assets/radio-group.css';
-import { jsx as I } from "react/jsx-runtime";
-import p, { forwardRef as x, createElement as b, useRef as w, useState as T, useEffect as P, useCallback as k } from "react";
-import { c as S } from "./clsx-DB4S2d7J.js";
-import { _ as m, b as M, $ as $e } from "./index-DpfSJps6.js";
-import { $ as _e, a as q, b as H, c as Y, d as ve, e as y, f as ge, g as me, h as Re, i as he } from "./index-FPIZOCcD.js";
-import { $ as A } from "./index-DM5e-Whg.js";
-import { Label as Ie } from "./components/label/label.js";
-import { useComposedRefs as ye } from "./utils/composeRefs.js";
-const D = "rovingFocusGroup.onEntryFocus", xe = {
-  bubbles: !1,
-  cancelable: !0
-}, z = "RovingFocusGroup", [O, j, Ce] = _e(z), [we, W] = q(z, [
-  Ce
-]), [Fe, Ee] = we(z), Se = /* @__PURE__ */ x((e, t) => /* @__PURE__ */ b(O.Provider, {
-  scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(O.Slot, {
-  scope: e.__scopeRovingFocusGroup
-}, /* @__PURE__ */ b(Ge, m({}, e, {
-  ref: t
-}))))), Ge = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRovingFocusGroup: o, orientation: r, loop: n = !1, dir: a, currentTabStopId: c, defaultCurrentTabStopId: i, onCurrentTabStopIdChange: s, onEntryFocus: d, ...g } = e, $ = w(null), _ = M(t, $), f = H(a), [u = null, l] = Y({
-    prop: c,
-    defaultProp: i,
-    onChange: s
-  }), [G, R] = T(!1), h = ve(d), ie = j(o), N = w(!1), [ue, B] = T(0);
-  return P(() => {
-    const v = $.current;
-    if (v)
-      return v.addEventListener(D, h), () => v.removeEventListener(D, h);
-  }, [
-    h
-  ]), /* @__PURE__ */ b(Fe, {
-    scope: o,
-    orientation: r,
-    dir: f,
-    loop: n,
-    currentTabStopId: u,
-    onItemFocus: k(
-      (v) => l(v),
-      [
-        l
-      ]
-    ),
-    onItemShiftTab: k(
-      () => R(!0),
-      []
-    ),
-    onFocusableItemAdd: k(
-      () => B(
-        (v) => v + 1
-      ),
-      []
-    ),
-    onFocusableItemRemove: k(
-      () => B(
-        (v) => v - 1
-      ),
-      []
-    )
-  }, /* @__PURE__ */ b(A.div, m({
-    tabIndex: G || ue === 0 ? -1 : 0,
-    "data-orientation": r
-  }, g, {
-    ref: _,
-    style: {
-      outline: "none",
-      ...e.style
-    },
-    onMouseDown: y(e.onMouseDown, () => {
-      N.current = !0;
-    }),
-    onFocus: y(e.onFocus, (v) => {
-      const fe = !N.current;
-      if (v.target === v.currentTarget && fe && !G) {
-        const V = new CustomEvent(D, xe);
-        if (v.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
-          const L = ie().filter(
-            (C) => C.focusable
-          ), be = L.find(
-            (C) => C.active
-          ), le = L.find(
-            (C) => C.id === u
-          ), pe = [
-            be,
-            le,
-            ...L
-          ].filter(Boolean).map(
-            (C) => C.ref.current
-          );
-          X(pe);
-        }
-      }
-      N.current = !1;
-    }),
-    onBlur: y(
-      e.onBlur,
-      () => R(!1)
-    )
-  })));
-}), Ae = "RovingFocusGroupItem", ke = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRovingFocusGroup: o, focusable: r = !0, active: n = !1, tabStopId: a, ...c } = e, i = ge(), s = a || i, d = Ee(Ae, o), g = d.currentTabStopId === s, $ = j(o), { onFocusableItemAdd: _, onFocusableItemRemove: f } = d;
-  return P(() => {
-    if (r)
-      return _(), () => f();
-  }, [
-    r,
-    _,
-    f
-  ]), /* @__PURE__ */ b(O.ItemSlot, {
-    scope: o,
-    id: s,
-    focusable: r,
-    active: n
-  }, /* @__PURE__ */ b(A.span, m({
-    tabIndex: g ? 0 : -1,
-    "data-orientation": d.orientation
-  }, c, {
-    ref: t,
-    onMouseDown: y(e.onMouseDown, (u) => {
-      r ? d.onItemFocus(s) : u.preventDefault();
-    }),
-    onFocus: y(
-      e.onFocus,
-      () => d.onItemFocus(s)
-    ),
-    onKeyDown: y(e.onKeyDown, (u) => {
-      if (u.key === "Tab" && u.shiftKey) {
-        d.onItemShiftTab();
-        return;
-      }
-      if (u.target !== u.currentTarget)
-        return;
-      const l = Ne(u, d.orientation, d.dir);
-      if (l !== void 0) {
-        u.preventDefault();
-        let R = $().filter(
-          (h) => h.focusable
-        ).map(
-          (h) => h.ref.current
-        );
-        if (l === "last")
-          R.reverse();
-        else if (l === "prev" || l === "next") {
-          l === "prev" && R.reverse();
-          const h = R.indexOf(u.currentTarget);
-          R = d.loop ? Le(R, h + 1) : R.slice(h + 1);
-        }
-        setTimeout(
-          () => X(R)
-        );
-      }
-    })
-  })));
-}), Te = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
-};
-function Pe(e, t) {
-  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function Ne(e, t, o) {
-  const r = Pe(e.key, o);
-  if (!(t === "vertical" && [
-    "ArrowLeft",
-    "ArrowRight"
-  ].includes(r)) && !(t === "horizontal" && [
-    "ArrowUp",
-    "ArrowDown"
-  ].includes(r)))
-    return Te[r];
-}
-function X(e) {
-  const t = document.activeElement;
-  for (const o of e)
-    if (o === t || (o.focus(), document.activeElement !== t))
-      return;
-}
-function Le(e, t) {
-  return e.map(
-    (o, r) => e[(t + r) % e.length]
-  );
-}
-const De = Se, Oe = ke;
-function Me(e) {
-  const [t, o] = T(void 0);
-  return me(() => {
-    if (e) {
-      o({
-        width: e.offsetWidth,
-        height: e.offsetHeight
-      });
-      const r = new ResizeObserver((n) => {
-        if (!Array.isArray(n) || !n.length)
-          return;
-        const a = n[0];
-        let c, i;
-        if ("borderBoxSize" in a) {
-          const s = a.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
-          c = d.inlineSize, i = d.blockSize;
-        } else
-          c = e.offsetWidth, i = e.offsetHeight;
-        o({
-          width: c,
-          height: i
-        });
-      });
-      return r.observe(e, {
-        box: "border-box"
-      }), () => r.unobserve(e);
-    } else
-      o(void 0);
-  }, [
-    e
-  ]), t;
-}
-const J = "Radio", [qe, Q] = q(J), [ze, Ke] = qe(J), Ue = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRadio: o, name: r, checked: n = !1, required: a, disabled: c, value: i = "on", onCheck: s, ...d } = e, [g, $] = T(null), _ = M(
-    t,
-    (l) => $(l)
-  ), f = w(!1), u = g ? !!g.closest("form") : !0;
-  return /* @__PURE__ */ b(ze, {
-    scope: o,
-    checked: n,
-    disabled: c
-  }, /* @__PURE__ */ b(A.button, m({
-    type: "button",
-    role: "radio",
-    "aria-checked": n,
-    "data-state": Z(n),
-    "data-disabled": c ? "" : void 0,
-    disabled: c,
-    value: i
-  }, d, {
-    ref: _,
-    onClick: y(e.onClick, (l) => {
-      n || s == null || s(), u && (f.current = l.isPropagationStopped(), f.current || l.stopPropagation());
-    })
-  })), u && /* @__PURE__ */ b(He, {
-    control: g,
-    bubbles: !f.current,
-    name: r,
-    value: i,
-    checked: n,
-    required: a,
-    disabled: c,
-    style: {
-      transform: "translateX(-100%)"
-    }
-  }));
-}), Be = "RadioIndicator", Ve = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRadio: o, forceMount: r, ...n } = e, a = Ke(Be, o);
-  return /* @__PURE__ */ b(Re, {
-    present: r || a.checked
-  }, /* @__PURE__ */ b(A.span, m({
-    "data-state": Z(a.checked),
-    "data-disabled": a.disabled ? "" : void 0
-  }, n, {
-    ref: t
-  })));
-}), He = (e) => {
-  const { control: t, checked: o, bubbles: r = !0, ...n } = e, a = w(null), c = he(o), i = Me(t);
-  return P(() => {
-    const s = a.current, d = window.HTMLInputElement.prototype, $ = Object.getOwnPropertyDescriptor(d, "checked").set;
-    if (c !== o && $) {
-      const _ = new Event("click", {
-        bubbles: r
-      });
-      $.call(s, o), s.dispatchEvent(_);
-    }
-  }, [
-    c,
-    o,
-    r
-  ]), /* @__PURE__ */ b("input", m({
-    type: "radio",
-    "aria-hidden": !0,
-    defaultChecked: o
-  }, n, {
-    tabIndex: -1,
-    ref: a,
-    style: {
-      ...e.style,
-      ...i,
-      position: "absolute",
-      pointerEvents: "none",
-      opacity: 0,
-      margin: 0
-    }
-  }));
-};
-function Z(e) {
-  return e ? "checked" : "unchecked";
-}
-const Ye = [
-  "ArrowUp",
-  "ArrowDown",
-  "ArrowLeft",
-  "ArrowRight"
-], ee = "RadioGroup", [je, po] = q(ee, [
-  W,
-  Q
-]), oe = W(), te = Q(), [We, Xe] = je(ee), Je = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRadioGroup: o, name: r, defaultValue: n, value: a, required: c = !1, disabled: i = !1, orientation: s, dir: d, loop: g = !0, onValueChange: $, ..._ } = e, f = oe(o), u = H(d), [l, G] = Y({
-    prop: a,
-    defaultProp: n,
-    onChange: $
-  });
-  return /* @__PURE__ */ b(We, {
-    scope: o,
-    name: r,
-    required: c,
-    disabled: i,
-    value: l,
-    onValueChange: G
-  }, /* @__PURE__ */ b(De, m({
-    asChild: !0
-  }, f, {
-    orientation: s,
-    dir: u,
-    loop: g
-  }), /* @__PURE__ */ b(A.div, m({
-    role: "radiogroup",
-    "aria-required": c,
-    "aria-orientation": s,
-    "data-disabled": i ? "" : void 0,
-    dir: u
-  }, _, {
-    ref: t
-  }))));
-}), Qe = "RadioGroupItem", Ze = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRadioGroup: o, disabled: r, ...n } = e, a = Xe(Qe, o), c = a.disabled || r, i = oe(o), s = te(o), d = w(null), g = M(t, d), $ = a.value === n.value, _ = w(!1);
-  return P(() => {
-    const f = (l) => {
-      Ye.includes(l.key) && (_.current = !0);
-    }, u = () => _.current = !1;
-    return document.addEventListener("keydown", f), document.addEventListener("keyup", u), () => {
-      document.removeEventListener("keydown", f), document.removeEventListener("keyup", u);
-    };
-  }, []), /* @__PURE__ */ b(Oe, m({
-    asChild: !0
-  }, i, {
-    focusable: !c,
-    active: $
-  }), /* @__PURE__ */ b(Ue, m({
-    disabled: c,
-    required: a.required,
-    checked: $
-  }, s, n, {
-    name: a.name,
-    ref: g,
-    onCheck: () => a.onValueChange(n.value),
-    onKeyDown: y((f) => {
-      f.key === "Enter" && f.preventDefault();
-    }),
-    onFocus: y(n.onFocus, () => {
-      var f;
-      _.current && ((f = d.current) === null || f === void 0 || f.click());
-    })
-  })));
-}), eo = /* @__PURE__ */ x((e, t) => {
-  const { __scopeRadioGroup: o, ...r } = e, n = te(o);
-  return /* @__PURE__ */ b(Ve, m({}, n, r, {
-    ref: t
-  }));
-}), oo = Je, to = Ze, ro = eo, F = {
-  "teddy-radio-group": "_teddy-radio-group_1flae_1",
-  "teddy-radio-group__group-label": "_teddy-radio-group__group-label_1flae_10",
-  "teddy-radio-group__label": "_teddy-radio-group__label_1flae_13",
-  "teddy-radio-group__group-label--required": "_teddy-radio-group__group-label--required_1flae_23",
-  "teddy-radio-group__item": "_teddy-radio-group__item_1flae_26",
-  "teddy-radio-group__trigger": "_teddy-radio-group__trigger_1flae_54",
-  "teddy-radio-group__indicator": "_teddy-radio-group__indicator_1flae_111"
-}, E = "teddy-radio-group", re = p.createContext(void 0), ne = p.forwardRef(
-  ({ className: e, ...t }, o) => {
-    const r = S([F[`${E}`]], e), [n, a] = p.useState();
-    return /* @__PURE__ */ I(re.Provider, { value: { setGroupLabelId: a, required: t.required }, children: /* @__PURE__ */ I(oo, { "aria-labelledby": n, ...t, ref: o, className: r }) });
-  }
-);
-ne.displayName = "RadioGroup";
-const K = p.createContext(
-  void 0
-), ae = p.forwardRef(({ className: e, ...t }, o) => {
-  const r = S([F[`${E}__item`]], e), n = w(null), a = `${p.useId()}-trigger`;
-  return /* @__PURE__ */ I(K.Provider, { value: { triggerRef: n, id: a }, children: /* @__PURE__ */ I("div", { ...t, ref: o, className: r }) });
-});
-ae.displayName = "RadioGroup.Item";
-const ce = p.forwardRef(
-  ({ className: e, asChild: t, as: o = "h3", children: r, ...n }, a) => {
-    const c = p.useContext(re), i = S(
-      [F[`${E}__group-label`]],
-      {
-        [F[`${E}__group-label--required`]]: c == null ? void 0 : c.required
-      },
-      e
-    ), s = p.useId(), d = n.id || s;
-    return p.useEffect(() => {
-      c && c.setGroupLabelId(d);
-    }, [d, c]), /* @__PURE__ */ I($e, { ...n, id: d, ref: a, className: i, children: t ? r : o ? /* @__PURE__ */ I(o, { children: r }) : null });
-  }
-);
-ce.displayName = "RadioGroup.GroupLabel";
-const de = p.forwardRef(
-  ({ className: e, children: t, ...o }, r) => {
-    const n = S([F[`${E}__trigger`]], e), a = p.useContext(K), c = ye(r, a == null ? void 0 : a.triggerRef), i = o.id || (a == null ? void 0 : a.id);
-    return /* @__PURE__ */ I(to, { ...o, id: i, ref: c, className: n, children: t || /* @__PURE__ */ I(U, {}) });
-  }
-);
-de.displayName = "RadioGroup.Trigger";
-const U = p.forwardRef(
-  ({ className: e, ...t }, o) => {
-    const r = S([F[`${E}__indicator`]], e);
-    return /* @__PURE__ */ I(ro, { ...t, ref: o, className: r });
-  }
-);
-U.displayName = "RadioGroup.Indicator";
-const se = p.forwardRef(
-  ({ className: e, ...t }, o) => {
-    const r = S([F[`${E}__label`]], e), n = p.useContext(K), a = t.htmlFor || (n == null ? void 0 : n.id);
-    return /* @__PURE__ */ I(Ie, { ...t, htmlFor: a, ref: o, className: r });
-  }
-);
-se.displayName = "RadioGroup.Label";
-const $o = Object.assign(ne, {
-  Item: ae,
-  Trigger: de,
-  Indicator: U,
-  Label: se,
-  GroupLabel: ce
-});
-export {
-  Me as $,
-  $o as R
-};