mimir-ui-kit 1.34.0 → 1.34.1-t

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,191 +1 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { K, w, a, z as z$1, U, b as l, T, j as j$1, u as u$1, I, G, p } from "../../label-P7Xsi5N7.js";
-import { W, y, o, H, s, n, $ as $f7dceffc5ad7768b$export$4e328f61c538687f, b as $6179b936705e76d3$export$ae780daf29e6d456, D, a as u$2, u as u$3, c as o$1 } from "../../keyboard-B256ZoM-.js";
-import React__default, { createContext, useId, useReducer, useRef, useMemo, useCallback, useContext, forwardRef } from "react";
-import { u } from "../../use-by-comparator-BUO78DGe.js";
-import { r } from "../../bugs-CSBdWk0R.js";
-import { P, F, T as T$1, _ } from "../../focus-management-1rQPII7Z.js";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import '../../assets/RadioGroup.css';var Le = ((e) => (e[e.RegisterOption = 0] = "RegisterOption", e[e.UnregisterOption = 1] = "UnregisterOption", e))(Le || {});
-let ke = { [0](o2, t) {
-  let e = [...o2.options, { id: t.id, element: t.element, propsRef: t.propsRef }];
-  return { ...o2, options: _(e, (a2) => a2.element.current) };
-}, [1](o2, t) {
-  let e = o2.options.slice(), a2 = o2.options.findIndex((O) => O.id === t.id);
-  return a2 === -1 ? o2 : (e.splice(a2, 1), { ...o2, options: e });
-} }, j = createContext(null);
-j.displayName = "RadioGroupDataContext";
-function J(o2) {
-  let t = useContext(j);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, J), e;
-  }
-  return t;
-}
-let X = createContext(null);
-X.displayName = "RadioGroupActionsContext";
-function z(o2) {
-  let t = useContext(X);
-  if (t === null) {
-    let e = new Error(`<${o2} /> is missing a parent <RadioGroup /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, z), e;
-  }
-  return t;
-}
-function Fe(o2, t) {
-  return u$2(t.type, ke, o2, t);
-}
-let Ie = "div";
-function Ue(o$2, t) {
-  let e = useId(), a$1 = a(), { id: O = `headlessui-radiogroup-${e}`, value: m, form: P$1, name: i, onChange: f, by: c, disabled: p$1 = a$1 || false, defaultValue: I2, ...y$1 } = o$2, T$2 = u(c), [v, C] = useReducer(Fe, { options: [] }), n2 = v.options, [U$1, h] = z$1(), [D2, L] = U(), A = useRef(null), M = y(A, t), l$1 = l(I2), [s2, _2] = T(m, f, l$1), R = useMemo(() => n2.find((r2) => !r2.propsRef.current.disabled), [n2]), b = useMemo(() => n2.some((r2) => T$2(r2.propsRef.current.value, s2)), [n2, s2]), d = o((r2) => {
-    var u2;
-    if (p$1 || T$2(r2, s2)) return false;
-    let k = (u2 = n2.find((H2) => T$2(H2.propsRef.current.value, r2))) == null ? void 0 : u2.propsRef.current;
-    return k != null && k.disabled ? false : (_2 == null || _2(r2), true);
-  }), de = o((r2) => {
-    let k = A.current;
-    if (!k) return;
-    let u2 = u$3(k), H2 = n2.filter((g) => g.propsRef.current.disabled === false).map((g) => g.element.current);
-    switch (r2.key) {
-      case o$1.Enter:
-        p(r2.currentTarget);
-        break;
-      case o$1.ArrowLeft:
-      case o$1.ArrowUp:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Previous | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
-        }
-        break;
-      case o$1.ArrowRight:
-      case o$1.ArrowDown:
-        if (r2.preventDefault(), r2.stopPropagation(), P(H2, F.Next | F.WrapAround) === T$1.Success) {
-          let E = n2.find((N) => N.element.current === (u2 == null ? void 0 : u2.activeElement));
-          E && d(E.propsRef.current.value);
-        }
-        break;
-      case o$1.Space:
-        {
-          r2.preventDefault(), r2.stopPropagation();
-          let g = n2.find((E) => E.element.current === (u2 == null ? void 0 : u2.activeElement));
-          g && d(g.propsRef.current.value);
-        }
-        break;
-    }
-  }), q = o((r2) => (C({ type: 0, ...r2 }), () => C({ type: 1, id: r2.id }))), ue = useMemo(() => ({ value: s2, firstOption: R, containsCheckedOption: b, disabled: p$1, compare: T$2, ...v }), [s2, R, b, p$1, T$2, v]), ce = useMemo(() => ({ registerOption: q, change: d }), [q, d]), fe = { ref: M, id: O, role: "radiogroup", "aria-labelledby": U$1, "aria-describedby": D2, onKeyDown: de }, Te = useMemo(() => ({ value: s2 }), [s2]), me = useCallback(() => {
-    if (l$1 !== void 0) return d(l$1);
-  }, [d, l$1]);
-  return React__default.createElement(L, { name: "RadioGroup.Description" }, React__default.createElement(h, { name: "RadioGroup.Label" }, React__default.createElement(X.Provider, { value: ce }, React__default.createElement(j.Provider, { value: ue }, i != null && React__default.createElement(j$1, { disabled: p$1, data: { [i]: s2 || "on" }, overrides: { type: "radio", checked: s2 != null }, form: P$1, onReset: me }), H({ ourProps: fe, theirProps: y$1, slot: Te, defaultTag: Ie, name: "RadioGroup" })))));
-}
-let Me = "div";
-function Se(o$12, t) {
-  var R;
-  let e = J("RadioGroup.Option"), a2 = z("RadioGroup.Option"), O = useId(), { id: m = `headlessui-radiogroup-option-${O}`, value: P2, disabled: i = e.disabled || false, autoFocus: f = false, ...c } = o$12, p2 = useRef(null), I2 = y(p2, t), [y$1, T2] = z$1(), [v, C] = U(), n$1 = s({ value: P2, disabled: i });
-  n(() => a2.registerOption({ id: m, element: p2, propsRef: n$1 }), [m, a2, p2, n$1]);
-  let U$1 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a2.change(P2) && ((d = p2.current) == null || d.focus());
-  }), h = ((R = e.firstOption) == null ? void 0 : R.id) === m, { isFocusVisible: D$1, focusProps: L } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: f }), { isHovered: A, hoverProps: M } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: i }), l2 = e.compare(e.value, P2), s$1 = D({ ref: I2, id: m, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": y$1, "aria-describedby": v, "aria-disabled": i ? true : void 0, tabIndex: (() => i ? -1 : l2 || !e.containsCheckedOption && h ? 0 : -1)(), onClick: i ? void 0 : U$1, autoFocus: f }, L, M), _2 = useMemo(() => ({ checked: l2, disabled: i, active: D$1, hover: A, focus: D$1, autofocus: f }), [l2, i, A, D$1, f]);
-  return React__default.createElement(C, { name: "RadioGroup.Description" }, React__default.createElement(T2, { name: "RadioGroup.Label" }, H({ ourProps: s$1, theirProps: c, slot: _2, defaultTag: Me, name: "RadioGroup.Option" })));
-}
-let He = "span";
-function we(o$12, t) {
-  var R;
-  let e = J("Radio"), a$1 = z("Radio"), O = useId(), m = u$1(), P2 = a(), { id: i = m || `headlessui-radio-${O}`, value: f, disabled: c = e.disabled || P2 || false, autoFocus: p2 = false, ...I$1 } = o$12, y$1 = useRef(null), T2 = y(y$1, t), v = I(), C = G(), n$1 = s({ value: f, disabled: c });
-  n(() => a$1.registerOption({ id: i, element: y$1, propsRef: n$1 }), [i, a$1, y$1, n$1]);
-  let U2 = o((b) => {
-    var d;
-    if (r(b.currentTarget)) return b.preventDefault();
-    a$1.change(f) && ((d = y$1.current) == null || d.focus());
-  }), { isFocusVisible: h, focusProps: D$1 } = $f7dceffc5ad7768b$export$4e328f61c538687f({ autoFocus: p2 }), { isHovered: L, hoverProps: A } = $6179b936705e76d3$export$ae780daf29e6d456({ isDisabled: c }), M = ((R = e.firstOption) == null ? void 0 : R.id) === i, l2 = e.compare(e.value, f), s$1 = D({ ref: T2, id: i, role: "radio", "aria-checked": l2 ? "true" : "false", "aria-labelledby": v, "aria-describedby": C, "aria-disabled": c ? true : void 0, tabIndex: (() => c ? -1 : l2 || !e.containsCheckedOption && M ? 0 : -1)(), autoFocus: p2, onClick: c ? void 0 : U2 }, D$1, A), _2 = useMemo(() => ({ checked: l2, disabled: c, hover: L, focus: h, autofocus: p2 }), [l2, c, L, h, p2]);
-  return H({ ourProps: s$1, theirProps: I$1, slot: _2, defaultTag: He, name: "Radio" });
-}
-let Ne = W(Ue), We = W(Se), Be = W(we), Ve = K, Ke = w, Tt = Object.assign(Ne, { Option: We, Radio: Be, Label: Ve, Description: Ke });
-const group = "_group_yses6_3";
-const radio = "_radio_yses6_18";
-const disabled = "_disabled_yses6_40";
-const label = "_label_yses6_51";
-const frame = "_frame_yses6_64";
-const checked = "_checked_yses6_73";
-const cls = {
-  group,
-  "content-wrapper": "_content-wrapper_yses6_8",
-  "radio-wrapper": "_radio-wrapper_yses6_18",
-  radio,
-  disabled,
-  label,
-  frame,
-  checked
-};
-const RadioGroup = forwardRef(
-  ({
-    options,
-    value,
-    onChange,
-    label: label2,
-    classNameRadioWrapper,
-    classNameRadioSpan,
-    ...props
-  }, ref) => {
-    const radioClasses = classNames(
-      cls["radio-wrapper"],
-      classNameRadioWrapper,
-      {
-        [cls.disabled]: props.disabled
-      }
-    );
-    return /* @__PURE__ */ jsxs(
-      Tt,
-      {
-        ref,
-        value,
-        className: cls.group,
-        onChange,
-        ...props,
-        children: [
-          label2 && /* @__PURE__ */ jsx(K, { as: "p", className: cls.label, children: label2 }),
-          /* @__PURE__ */ jsx("div", { className: cls["content-wrapper"], children: options.map(({ label: label22, value: value2 }) => /* @__PURE__ */ jsx(
-            Be,
-            {
-              as: "span",
-              value: value2,
-              disabled: props.disabled,
-              className: radioClasses,
-              children: ({ checked: checked2, disabled: disabled2 }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(
-                  K,
-                  {
-                    as: "span",
-                    className: classNames(
-                      cls.radio,
-                      {
-                        [cls.disabled]: props.disabled
-                      },
-                      classNameRadioSpan
-                    ),
-                    children: /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        className: classNames(cls.frame, {
-                          [cls.checked]: checked2,
-                          [cls.disabled]: disabled2
-                        })
-                      }
-                    )
-                  }
-                ),
-                label22
-              ] })
-            },
-            typeof value2 === "string" ? value2 : String(value2)
-          )) })
-        ]
-      }
-    );
-  }
-);
-export {
-  RadioGroup
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/RadioGroup.css');const O=require("react/jsx-runtime"),d=require("../../label-DOAZ06mr.cjs"),e=require("../../keyboard-sIr63LbB.cjs"),a=require("react"),re=require("../../use-by-comparator--a2RZ6_q.cjs"),z=require("../../bugs-DZGwFW78.cjs"),_=require("../../focus-management-Csjh_HIo.cjs"),U=require("../../index-gDmAUrkZ.cjs");var ae=(r=>(r[r.RegisterOption=0]="RegisterOption",r[r.UnregisterOption=1]="UnregisterOption",r))(ae||{});let oe={0(r,o){let s=[...r.options,{id:o.id,element:o.element,propsRef:o.propsRef}];return{...r,options:_._(s,t=>t.element.current)}},1(r,o){let s=r.options.slice(),t=r.options.findIndex(c=>c.id===o.id);return t===-1?r:(s.splice(t,1),{...r,options:s})}},L=a.createContext(null);L.displayName="RadioGroupDataContext";function H(r){let o=a.useContext(L);if(o===null){let s=new Error(`<${r} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,H),s}return o}let W=a.createContext(null);W.displayName="RadioGroupActionsContext";function K(r){let o=a.useContext(W);if(o===null){let s=new Error(`<${r} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(s,K),s}return o}function te(r,o){return e.u$1(o.type,oe,r,o)}let se="div";function ie(r,o){let s=a.useId(),t=d.a(),{id:c=`headlessui-radiogroup-${s}`,value:P,form:p,name:h,onChange:u,by:v,disabled:i=t||!1,defaultValue:f,...w}=r,R=re.u(v),[E,G]=a.useReducer(te,{options:[]}),m=E.options,[T,I]=d.z(),[F,C]=d.U(),D=a.useRef(null),M=e.y(D,o),$=d.l$1(f),[n,N]=d.T(P,u,$),j=a.useMemo(()=>m.find(l=>!l.propsRef.current.disabled),[m]),x=a.useMemo(()=>m.some(l=>R(l.propsRef.current.value,n)),[m,n]),b=e.o(l=>{var S;if(i||R(l,n))return!1;let k=(S=m.find(q=>R(q.propsRef.current.value,l)))==null?void 0:S.propsRef.current;return k!=null&&k.disabled?!1:(N==null||N(l),!0)}),J=e.o(l=>{let S=D.current;if(!S)return;let k=e.u(S),q=m.filter(g=>g.propsRef.current.disabled===!1).map(g=>g.element.current);switch(l.key){case e.o$1.Enter:d.p(l.currentTarget);break;case e.o$1.ArrowLeft:case e.o$1.ArrowUp:if(l.preventDefault(),l.stopPropagation(),_.P(q,_.F.Previous|_.F.WrapAround)===_.T.Success){let g=m.find(A=>A.element.current===(k==null?void 0:k.activeElement));g&&b(g.propsRef.current.value)}break;case e.o$1.ArrowRight:case e.o$1.ArrowDown:if(l.preventDefault(),l.stopPropagation(),_.P(q,_.F.Next|_.F.WrapAround)===_.T.Success){let g=m.find(A=>A.element.current===(k==null?void 0:k.activeElement));g&&b(g.propsRef.current.value)}break;case e.o$1.Space:{l.preventDefault(),l.stopPropagation();let g=m.find(A=>A.element.current===(k==null?void 0:k.activeElement));g&&b(g.propsRef.current.value)}break}}),V=e.o(l=>(G({type:0,...l}),()=>G({type:1,id:l.id}))),X=a.useMemo(()=>({value:n,firstOption:j,containsCheckedOption:x,disabled:i,compare:R,...E}),[n,j,x,i,R,E]),Q=a.useMemo(()=>({registerOption:V,change:b}),[V,b]),Y={ref:M,id:c,role:"radiogroup","aria-labelledby":T,"aria-describedby":F,onKeyDown:J},Z=a.useMemo(()=>({value:n}),[n]),ee=a.useCallback(()=>{if($!==void 0)return b($)},[b,$]);return a.createElement(C,{name:"RadioGroup.Description"},a.createElement(I,{name:"RadioGroup.Label"},a.createElement(W.Provider,{value:Q},a.createElement(L.Provider,{value:X},h!=null&&a.createElement(d.j,{disabled:i,data:{[h]:n||"on"},overrides:{type:"radio",checked:n!=null},form:p,onReset:ee}),e.H({ourProps:Y,theirProps:w,slot:Z,defaultTag:se,name:"RadioGroup"})))))}let ne="div";function le(r,o){var s;let t=H("RadioGroup.Option"),c=K("RadioGroup.Option"),P=a.useId(),{id:p=`headlessui-radiogroup-option-${P}`,value:h,disabled:u=t.disabled||!1,autoFocus:v=!1,...i}=r,f=a.useRef(null),w=e.y(f,o),[R,E]=d.z(),[G,m]=d.U(),T=e.s({value:h,disabled:u});e.n(()=>c.registerOption({id:p,element:f,propsRef:T}),[p,c,f,T]);let I=e.o(x=>{var b;if(z.r(x.currentTarget))return x.preventDefault();c.change(h)&&((b=f.current)==null||b.focus())}),F=((s=t.firstOption)==null?void 0:s.id)===p,{isFocusVisible:C,focusProps:D}=e.$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:v}),{isHovered:M,hoverProps:$}=e.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:u}),n=t.compare(t.value,h),N=e.D({ref:w,id:p,role:"radio","aria-checked":n?"true":"false","aria-labelledby":R,"aria-describedby":G,"aria-disabled":u?!0:void 0,tabIndex:u?-1:n||!t.containsCheckedOption&&F?0:-1,onClick:u?void 0:I,autoFocus:v},D,$),j=a.useMemo(()=>({checked:n,disabled:u,active:C,hover:M,focus:C,autofocus:v}),[n,u,M,C,v]);return a.createElement(m,{name:"RadioGroup.Description"},a.createElement(E,{name:"RadioGroup.Label"},e.H({ourProps:N,theirProps:i,slot:j,defaultTag:ne,name:"RadioGroup.Option"})))}let de="span";function ue(r,o){var s;let t=H("Radio"),c=K("Radio"),P=a.useId(),p=d.u(),h=d.a(),{id:u=p||`headlessui-radio-${P}`,value:v,disabled:i=t.disabled||h||!1,autoFocus:f=!1,...w}=r,R=a.useRef(null),E=e.y(R,o),G=d.I(),m=d.G(),T=e.s({value:v,disabled:i});e.n(()=>c.registerOption({id:u,element:R,propsRef:T}),[u,c,R,T]);let I=e.o(x=>{var b;if(z.r(x.currentTarget))return x.preventDefault();c.change(v)&&((b=R.current)==null||b.focus())}),{isFocusVisible:F,focusProps:C}=e.$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:f}),{isHovered:D,hoverProps:M}=e.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:i}),$=((s=t.firstOption)==null?void 0:s.id)===u,n=t.compare(t.value,v),N=e.D({ref:E,id:u,role:"radio","aria-checked":n?"true":"false","aria-labelledby":G,"aria-describedby":m,"aria-disabled":i?!0:void 0,tabIndex:i?-1:n||!t.containsCheckedOption&&$?0:-1,autoFocus:f,onClick:i?void 0:I},C,M),j=a.useMemo(()=>({checked:n,disabled:i,hover:D,focus:F,autofocus:f}),[n,i,D,F,f]);return e.H({ourProps:N,theirProps:w,slot:j,defaultTag:de,name:"Radio"})}let ce=e.W(ie),pe=e.W(le),B=e.W(ue),fe=d.K,me=d.w,be=Object.assign(ce,{Option:pe,Radio:B,Label:fe,Description:me});const ve="_group_yses6_3",Re="_radio_yses6_18",ge="_disabled_yses6_40",he="_label_yses6_51",ye="_frame_yses6_64",ke="_checked_yses6_73",y={group:ve,"content-wrapper":"_content-wrapper_yses6_8","radio-wrapper":"_radio-wrapper_yses6_18",radio:Re,disabled:ge,label:he,frame:ye,checked:ke},_e=a.forwardRef(({options:r,value:o,onChange:s,label:t,classNameRadioWrapper:c,classNameRadioSpan:P,...p},h)=>{const u=U.classNames(y["radio-wrapper"],c,{[y.disabled]:p.disabled});return O.jsxs(be,{ref:h,value:o,className:y.group,onChange:s,...p,children:[t&&O.jsx(d.K,{as:"p",className:y.label,children:t}),O.jsx("div",{className:y["content-wrapper"],children:r.map(({label:v,value:i})=>O.jsx(B,{as:"span",value:i,disabled:p.disabled,className:u,children:({checked:f,disabled:w})=>O.jsxs(O.Fragment,{children:[O.jsx(d.K,{as:"span",className:U.classNames(y.radio,{[y.disabled]:p.disabled},P),children:O.jsx("span",{className:U.classNames(y.frame,{[y.checked]:f,[y.disabled]:w})})}),v]})},typeof i=="string"?i:String(i)))})]})});exports.RadioGroup=_e;

package/dist/components/RadioGroup/index.js

@@ -1,4 +1 @@
-import { RadioGroup } from "./RadioGroup.js";
-export {
-  RadioGroup
-};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./RadioGroup.js");exports.RadioGroup=o.RadioGroup;