@telia/teddy 0.0.6 → 0.0.7

package/dist/radio-group-0Oc9WTDf.js

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