@telia/teddy 0.0.6 → 0.0.7

package/dist/radio-group-BR5SMJXJ.js

@@ -0,0 +1,440 @@
+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-0Eg2mucA.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_upian_1",
+  "teddy-radio-group__group-label": "_teddy-radio-group__group-label_upian_10",
+  "teddy-radio-group__label": "_teddy-radio-group__label_upian_13",
+  "teddy-radio-group__group-label--required": "_teddy-radio-group__group-label--required_upian_23",
+  "teddy-radio-group__item": "_teddy-radio-group__item_upian_26",
+  "teddy-radio-group__trigger": "_teddy-radio-group__trigger_upian_45",
+  "teddy-radio-group__indicator": "_teddy-radio-group__indicator_upian_102"
+}, 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
+};

package/package.json

@@ -11,7 +11,7 @@
     "pnpm": ">=8"
   },
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.7",
   "sideEffects": [
     "**/*.css"
   ],

package/dist/components/switch/index.d.ts

@@ -1,2 +0,0 @@
-export { Switch } from './switch';
-export type { SwitchProps } from './switch';

package/dist/components/switch/index.js

@@ -1,4 +0,0 @@
-import { S as t } from "../../badge-tBBi5HpV.js";
-export {
-  t as Switch
-};