@editora/ui-react 0.1.6 → 0.1.7

package/dist/Popover.esm.js

@@ -0,0 +1,68 @@
+import * as t from "react";
+import { w as S } from "./_internals-f8fb69a8.mjs";
+const A = typeof window < "u" ? t.useLayoutEffect : t.useEffect, L = t.forwardRef(function({
+  children: v,
+  open: o,
+  placement: n,
+  offset: d,
+  shift: l,
+  flip: s,
+  closeOnEscape: f,
+  closeOnOutside: a,
+  onOpen: p,
+  onClose: g,
+  onOpenChange: m,
+  ...R
+}, N) {
+  const E = t.useRef(null);
+  return t.useImperativeHandle(N, () => E.current), t.useEffect(() => {
+    S("ui-popover", "Popover");
+  }, []), t.useEffect(() => {
+    const e = E.current;
+    if (!e)
+      return;
+    const r = () => p == null ? void 0 : p(), i = () => g == null ? void 0 : g(), u = (P) => {
+      const c = P.detail;
+      c && (m == null || m(c));
+    };
+    return e.addEventListener("open", r), e.addEventListener("close", i), e.addEventListener("open-change", u), () => {
+      e.removeEventListener("open", r), e.removeEventListener("close", i), e.removeEventListener("open-change", u);
+    };
+  }, [p, g, m]), A(() => {
+    const e = E.current;
+    if (!e)
+      return;
+    const r = (i, u, P = !0) => {
+      if (!P)
+        return;
+      const c = e.getAttribute(i);
+      if (u == null) {
+        c != null && e.removeAttribute(i);
+        return;
+      }
+      c !== u && e.setAttribute(i, u);
+    };
+    typeof o == "boolean" && r("open", o ? "" : null), r("placement", n ?? null, n !== void 0), r("offset", typeof d == "number" && Number.isFinite(d) ? String(d) : null, d !== void 0), r("shift", l === void 0 ? null : String(l), l !== void 0), r("flip", s === void 0 ? null : String(s), s !== void 0), r("close-on-escape", f === void 0 ? null : String(f), f !== void 0), r("close-on-outside", a === void 0 ? null : String(a), a !== void 0);
+  }, [o, n, d, l, s, f, a]), t.createElement("ui-popover", { ref: E, ...R }, v);
+});
+L.displayName = "Popover";
+const b = t.forwardRef(
+  function({ children: v, ...o }, n) {
+    return t.createElement("span", { ref: n, slot: "trigger", ...o }, v);
+  }
+);
+b.displayName = "Popover.Trigger";
+const w = t.forwardRef(
+  function({ children: v, ...o }, n) {
+    return t.createElement("div", { ref: n, slot: "content", ...o }, v);
+  }
+);
+w.displayName = "Popover.Content";
+const I = Object.assign(L, {
+  Trigger: b,
+  Content: w
+});
+export {
+  I as Popover,
+  I as default
+};

package/dist/QuickActions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),q=s=>s&&s.__esModule?s:{default:s},k=q(r),I=typeof window<"u"?r.useLayoutEffect:r.useEffect,R=k.default.forwardRef(function({open:f,mode:o,orientation:l,variant:d,floating:L,placement:A,collapsible:Q,label:_,headless:p,onSelect:b,onOpenChange:y,onToggle:E,children:w,...M},j){const v=r.useRef(null);return r.useImperativeHandle(j,()=>v.current),r.useEffect(()=>{const t=v.current;if(!t)return;const e=u=>{const c=u.detail;c&&(b==null||b(c))},i=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(y==null||y(c))},n=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(E==null||E(c))};return t.addEventListener("select",e),t.addEventListener("change",i),t.addEventListener("toggle",n),()=>{t.removeEventListener("select",e),t.removeEventListener("change",i),t.removeEventListener("toggle",n)}},[b,y,E]),I(()=>{const t=v.current;if(!t)return;const e=(n,u)=>{const c=t.getAttribute(n);if(u==null){c!=null&&t.removeAttribute(n);return}c!==u&&t.setAttribute(n,u)},i=(n,u)=>{u?e(n,""):e(n,null)};typeof f=="boolean"?i("open",f):e("open",null),e("mode",o&&o!=="bar"?o:null),e("orientation",l&&l!=="horizontal"?l:null),e("variant",d&&d!=="default"?d:null),i("floating",L),e("placement",A&&A!=="bottom-right"?A:null),i("collapsible",Q),e("label",_||null),i("headless",p)},[f,o,l,d,L,A,Q,_,p]),k.default.createElement("ui-quick-actions",{ref:v,...M},w)});R.displayName="QuickActions";const m=k.default.forwardRef(function({children:f,...o},l){return k.default.createElement("button",{ref:l,slot:"action",type:"button",...o},f)});m.displayName="QuickActions.Action";const h=Object.assign(R,{Action:m});exports.QuickActions=h;exports.default=h;

package/dist/QuickActions.d.ts

@@ -0,0 +1,3 @@
+export { QuickActions, default } from './components/QuickActions';
+export type { QuickActionsProps, QuickActionsActionProps, QuickActionSelectDetail } from './components/QuickActions';
+//# sourceMappingURL=QuickActions.d.ts.map

package/dist/QuickActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../src/QuickActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/QuickActions.esm.js

@@ -0,0 +1,68 @@
+import E, { useRef as _, useImperativeHandle as j, useEffect as m, useLayoutEffect as q } from "react";
+const x = typeof window < "u" ? q : m, p = E.forwardRef(function({
+  open: r,
+  mode: u,
+  orientation: o,
+  variant: f,
+  floating: v,
+  placement: a,
+  collapsible: k,
+  label: L,
+  headless: Q,
+  onSelect: d,
+  onOpenChange: A,
+  onToggle: b,
+  children: w,
+  ...I
+}, N) {
+  const y = _(null);
+  return j(N, () => y.current), m(() => {
+    const t = y.current;
+    if (!t)
+      return;
+    const e = (n) => {
+      const c = n.detail;
+      c && (d == null || d(c));
+    }, s = (n) => {
+      var l;
+      const c = (l = n.detail) == null ? void 0 : l.open;
+      typeof c == "boolean" && (A == null || A(c));
+    }, i = (n) => {
+      var l;
+      const c = (l = n.detail) == null ? void 0 : l.open;
+      typeof c == "boolean" && (b == null || b(c));
+    };
+    return t.addEventListener("select", e), t.addEventListener("change", s), t.addEventListener("toggle", i), () => {
+      t.removeEventListener("select", e), t.removeEventListener("change", s), t.removeEventListener("toggle", i);
+    };
+  }, [d, A, b]), x(() => {
+    const t = y.current;
+    if (!t)
+      return;
+    const e = (i, n) => {
+      const c = t.getAttribute(i);
+      if (n == null) {
+        c != null && t.removeAttribute(i);
+        return;
+      }
+      c !== n && t.setAttribute(i, n);
+    }, s = (i, n) => {
+      n ? e(i, "") : e(i, null);
+    };
+    typeof r == "boolean" ? s("open", r) : e("open", null), e("mode", u && u !== "bar" ? u : null), e("orientation", o && o !== "horizontal" ? o : null), e("variant", f && f !== "default" ? f : null), s("floating", v), e("placement", a && a !== "bottom-right" ? a : null), s("collapsible", k), e("label", L || null), s("headless", Q);
+  }, [r, u, o, f, v, a, k, L, Q]), E.createElement("ui-quick-actions", { ref: y, ...I }, w);
+});
+p.displayName = "QuickActions";
+const R = E.forwardRef(
+  function({ children: r, ...u }, o) {
+    return E.createElement("button", { ref: o, slot: "action", type: "button", ...u }, r);
+  }
+);
+R.displayName = "QuickActions.Action";
+const B = Object.assign(p, {
+  Action: R
+});
+export {
+  B as QuickActions,
+  B as default
+};

package/dist/Rating.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),D=i=>i&&i.__esModule?i:{default:i},N=D(r),F=typeof window<"u"?r.useLayoutEffect:r.useEffect,O=N.default.forwardRef(function({value:b,max:E,precision:_,disabled:p,readonly:v,variant:c,size:s,theme:f,tone:m,state:a,animation:P,shape:d,radius:g,ariaLabel:S,ariaLabelledBy:A,ariaDescribedBy:M,label:w,showValue:I,onChange:y,children:T,...k},x){const R=r.useRef(null);return r.useImperativeHandle(x,()=>R.current),r.useEffect(()=>{const e=R.current;if(!e)return;const t=o=>{const l=o.detail;l&&(y==null||y(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[y]),F(()=>{const e=R.current;if(!e)return;const t=(n,u)=>{const H=e.getAttribute(n);if(u==null){H!=null&&e.removeAttribute(n);return}H!==u&&e.setAttribute(n,u)},o=(n,u)=>{u===!0?t(n,""):t(n,null)},l=(n,u)=>{e[n]=u},L=b??0,j=E??5,q=_??1;l("value",L),l("max",j),l("precision",q),l("disabled",!!p),l("readonly",!!v),t("value",String(L)),t("max",String(j)),t("precision",String(q)),o("disabled",p),o("readonly",v),t("variant",c&&c!=="default"?c:null),t("size",s&&s!=="md"?s:null),t("theme",f&&f!=="light"?f:null),t("tone",m||null),t("state",a&&a!=="idle"?a:null),t("animation",P||null),t("shape",d&&d!=="rounded"?d:null),t("aria-label",S||null),t("aria-labelledby",A||null),t("aria-describedby",M||null),t("label",w||null),o("show-value",I),g?(e.style.setProperty("--ui-rating-radius",g),t("radius",g)):(e.style.removeProperty("--ui-rating-radius"),t("radius",null))},[b,E,_,p,v,c,s,f,m,a,P,d,g,S,A,M,w,I]),N.default.createElement("ui-rating",{ref:R,...k},T)});O.displayName="Rating";const G=O;exports.Rating=G;

package/dist/Rating.d.ts

@@ -0,0 +1,2 @@
+export { Rating, type RatingChangeEvent } from './components/Rating';
+//# sourceMappingURL=Rating.d.ts.map

package/dist/Rating.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/Rating.esm.js

@@ -0,0 +1,81 @@
+import M, { useRef as G, useImperativeHandle as J, useEffect as N, useLayoutEffect as K } from "react";
+const O = typeof window < "u" ? K : N, j = M.forwardRef(
+  function({
+    value: p,
+    max: m,
+    precision: v,
+    disabled: g,
+    readonly: R,
+    variant: i,
+    size: o,
+    theme: c,
+    tone: E,
+    state: s,
+    animation: b,
+    shape: f,
+    radius: d,
+    ariaLabel: A,
+    ariaLabelledBy: P,
+    ariaDescribedBy: w,
+    label: S,
+    showValue: I,
+    onChange: a,
+    children: k,
+    ...q
+  }, F) {
+    const y = G(null);
+    return J(F, () => y.current), N(() => {
+      const n = y.current;
+      if (!n)
+        return;
+      const t = (u) => {
+        const e = u.detail;
+        e && (a == null || a(e));
+      };
+      return n.addEventListener("change", t), () => {
+        n.removeEventListener("change", t);
+      };
+    }, [a]), O(() => {
+      const n = y.current;
+      if (!n)
+        return;
+      const t = (l, r) => {
+        const H = n.getAttribute(l);
+        if (r == null) {
+          H != null && n.removeAttribute(l);
+          return;
+        }
+        H !== r && n.setAttribute(l, r);
+      }, u = (l, r) => {
+        r === !0 ? t(l, "") : t(l, null);
+      }, e = (l, r) => {
+        n[l] = r;
+      }, L = p ?? 0, _ = m ?? 5, x = v ?? 1;
+      e("value", L), e("max", _), e("precision", x), e("disabled", !!g), e("readonly", !!R), t("value", String(L)), t("max", String(_)), t("precision", String(x)), u("disabled", g), u("readonly", R), t("variant", i && i !== "default" ? i : null), t("size", o && o !== "md" ? o : null), t("theme", c && c !== "light" ? c : null), t("tone", E || null), t("state", s && s !== "idle" ? s : null), t("animation", b || null), t("shape", f && f !== "rounded" ? f : null), t("aria-label", A || null), t("aria-labelledby", P || null), t("aria-describedby", w || null), t("label", S || null), u("show-value", I), d ? (n.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (n.style.removeProperty("--ui-rating-radius"), t("radius", null));
+    }, [
+      p,
+      m,
+      v,
+      g,
+      R,
+      i,
+      o,
+      c,
+      E,
+      s,
+      b,
+      f,
+      d,
+      A,
+      P,
+      w,
+      S,
+      I
+    ]), M.createElement("ui-rating", { ref: y, ...q }, k);
+  }
+);
+j.displayName = "Rating";
+const U = j;
+export {
+  U as Rating
+};

package/dist/Select.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),x=c=>c&&c.__esModule?c:{default:c},l=x(a),z=typeof window<"u"?a.useLayoutEffect:a.useEffect,J=l.default.forwardRef(function({children:r,value:t,disabled:u,loading:G,required:H,invalid:M,headless:j,placeholder:O,name:A,label:N,description:_,error:v,size:d,variant:p,tone:S,density:m,shape:E,elevation:b,radius:D,optionBorder:q,showCheck:T,checkPlacement:B,validation:L,onChange:y,onInput:R,onValueChange:g,...$},k){const w=a.useRef(null);return a.useImperativeHandle(k,()=>w.current),a.useEffect(()=>{const n=w.current;if(!n)return;const e=i=>{var s,F;return((s=i.detail)==null?void 0:s.value)??((F=i.target)==null?void 0:F.value)??""},o=i=>{R==null||R(e(i))},f=i=>{const s=e(i);y==null||y(s),g==null||g(s)};return n.addEventListener("input",o),n.addEventListener("change",f),()=>{n.removeEventListener("input",o),n.removeEventListener("change",f)}},[y,R,g]),z(()=>{const n=w.current;if(!n)return;const e=(f,i)=>{const s=n.getAttribute(f);if(i==null){s!=null&&n.removeAttribute(f);return}s!==i&&n.setAttribute(f,i)},o=(f,i)=>{i?n.hasAttribute(f)||n.setAttribute(f,""):n.hasAttribute(f)&&n.removeAttribute(f)};e("value",t!=null?String(t):null),o("disabled",u),o("loading",G),o("required",H),o("headless",j),o("invalid",M),e("placeholder",O||null),e("name",A||null),e("label",N||null),e("description",_||null),e("error",v||null),e("size",d&&d!=="md"&&d!=="2"?d:null),e("variant",p&&p!=="classic"?p:null),e("tone",S&&S!=="default"?S:null),e("density",m&&m!=="default"?m:null),e("shape",E&&E!=="rounded"?E:null),e("elevation",b&&b!=="low"?b:null),e("radius",D?String(D):null),o("option-border",q),o("show-check",T),e("check-placement",T?B||"end":null),e("validation",L&&L!=="none"?L:null)},[t,u,G,H,M,j,O,A,N,_,v,d,p,S,m,E,b,D,q,T,B,L]),l.default.createElement("ui-select",{ref:w,...$},r)});J.displayName="Select";const K=l.default.forwardRef(function(r,t){return l.default.createElement("option",{ref:t,...r})});K.displayName="Select.Option";const P=l.default.forwardRef(function(r,t){return l.default.createElement("optgroup",{ref:t,...r})});P.displayName="Select.OptGroup";const Q=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"label",...t},r)});Q.displayName="Select.Label";const U=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"description",...t},r)});U.displayName="Select.Description";const W=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"error",...t},r)});W.displayName="Select.Error";const X=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"leading",...t},r)});X.displayName="Select.Leading";const Y=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"trailing",...t},r)});Y.displayName="Select.Trailing";const Z=Object.assign(J,{Option:K,OptGroup:P,Label:Q,Description:U,Error:W,Leading:X,Trailing:Y});exports.Select=Z;exports.default=Z;

package/dist/Select.d.ts

@@ -0,0 +1,3 @@
+export { Select, default } from './components/Select';
+export type { SelectProps, SelectOptionProps, SelectOptGroupProps, SelectLabelProps, SelectDescriptionProps, SelectErrorProps, SelectLeadingProps, SelectTrailingProps, } from './components/Select';
+//# sourceMappingURL=Select.d.ts.map

package/dist/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}

package/dist/Select.esm.js

@@ -0,0 +1,143 @@
+import r, { useRef as k, useImperativeHandle as P, useEffect as F, useLayoutEffect as z } from "react";
+const I = typeof window < "u" ? z : F, J = r.forwardRef(function({
+  children: l,
+  value: t,
+  disabled: c,
+  loading: T,
+  required: H,
+  invalid: _,
+  headless: j,
+  placeholder: g,
+  name: O,
+  label: A,
+  description: N,
+  error: v,
+  size: a,
+  variant: d,
+  tone: p,
+  density: S,
+  shape: m,
+  elevation: E,
+  radius: D,
+  optionBorder: q,
+  showCheck: G,
+  checkPlacement: x,
+  validation: L,
+  onChange: b,
+  onInput: y,
+  onValueChange: R,
+  ...Z
+}, $) {
+  const w = k(null);
+  return P($, () => w.current), F(() => {
+    const n = w.current;
+    if (!n)
+      return;
+    const e = (i) => {
+      var s, B;
+      return ((s = i.detail) == null ? void 0 : s.value) ?? ((B = i.target) == null ? void 0 : B.value) ?? "";
+    }, o = (i) => {
+      y == null || y(e(i));
+    }, u = (i) => {
+      const s = e(i);
+      b == null || b(s), R == null || R(s);
+    };
+    return n.addEventListener("input", o), n.addEventListener("change", u), () => {
+      n.removeEventListener("input", o), n.removeEventListener("change", u);
+    };
+  }, [b, y, R]), I(() => {
+    const n = w.current;
+    if (!n)
+      return;
+    const e = (u, i) => {
+      const s = n.getAttribute(u);
+      if (i == null) {
+        s != null && n.removeAttribute(u);
+        return;
+      }
+      s !== i && n.setAttribute(u, i);
+    }, o = (u, i) => {
+      i ? n.hasAttribute(u) || n.setAttribute(u, "") : n.hasAttribute(u) && n.removeAttribute(u);
+    };
+    e("value", t != null ? String(t) : null), o("disabled", c), o("loading", T), o("required", H), o("headless", j), o("invalid", _), e("placeholder", g || null), e("name", O || null), e("label", A || null), e("description", N || null), e("error", v || null), e("size", a && a !== "md" && a !== "2" ? a : null), e("variant", d && d !== "classic" ? d : null), e("tone", p && p !== "default" ? p : null), e("density", S && S !== "default" ? S : null), e("shape", m && m !== "rounded" ? m : null), e("elevation", E && E !== "low" ? E : null), e("radius", D ? String(D) : null), o("option-border", q), o("show-check", G), e("check-placement", G ? x || "end" : null), e("validation", L && L !== "none" ? L : null);
+  }, [
+    t,
+    c,
+    T,
+    H,
+    _,
+    j,
+    g,
+    O,
+    A,
+    N,
+    v,
+    a,
+    d,
+    p,
+    S,
+    m,
+    E,
+    D,
+    q,
+    G,
+    x,
+    L
+  ]), r.createElement("ui-select", { ref: w, ...Z }, l);
+});
+J.displayName = "Select";
+const K = r.forwardRef(
+  function(l, t) {
+    return /* @__PURE__ */ r.createElement("option", { ref: t, ...l });
+  }
+);
+K.displayName = "Select.Option";
+const M = r.forwardRef(
+  function(l, t) {
+    return /* @__PURE__ */ r.createElement("optgroup", { ref: t, ...l });
+  }
+);
+M.displayName = "Select.OptGroup";
+const Q = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "label", ...t }, l);
+  }
+);
+Q.displayName = "Select.Label";
+const U = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "description", ...t }, l);
+  }
+);
+U.displayName = "Select.Description";
+const W = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "error", ...t }, l);
+  }
+);
+W.displayName = "Select.Error";
+const X = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "leading", ...t }, l);
+  }
+);
+X.displayName = "Select.Leading";
+const Y = r.forwardRef(
+  function({ children: l, ...t }, c) {
+    return r.createElement("span", { ref: c, slot: "trailing", ...t }, l);
+  }
+);
+Y.displayName = "Select.Trailing";
+const h = Object.assign(J, {
+  Option: K,
+  OptGroup: M,
+  Label: Q,
+  Description: U,
+  Error: W,
+  Leading: X,
+  Trailing: Y
+});
+export {
+  h as Select,
+  h as default
+};

package/dist/SelectionPopup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),F=require("./_internals-b9f3e909.js"),h=r=>r&&r.__esModule?r:{default:r},c=h(s),B=typeof window<"u"?s.useLayoutEffect:s.useEffect,M=c.default.forwardRef(function(_,w){const{children:A,anchorId:f,open:a,placement:p,offset:d,strategy:v,arrow:g,variant:m,tone:E,radius:R,size:S,closeOnOutside:L,closeOnEscape:I,onOpen:y,onClose:b,onOpenChange:n,...z}=_,P=s.useRef(null);return c.default.useImperativeHandle(w,()=>P.current),s.useEffect(()=>{F.warnIfElementNotRegistered("ui-selection-popup","SelectionPopup")},[]),s.useEffect(()=>{const e=P.current;if(!e)return;const t=()=>{y==null||y(),n==null||n(!0)},u=()=>{b==null||b(),n==null||n(!1)};return e.addEventListener("open",t),e.addEventListener("close",u),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u)}},[y,b,n]),B(()=>{var N,H;const e=P.current;if(!e)return;const t=(o,l)=>{const i=e.getAttribute(o);if(l==null){i!=null&&e.removeAttribute(o);return}i!==l&&e.setAttribute(o,l)},u=(o,l,i=void 0)=>{if(l==null){i!==void 0&&t(o,i?null:"false");return}l?t(o,""):t(o,"false")};t("anchor-id",f??null),t("placement",p&&p!=="top"?p:null),t("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null),t("strategy",v&&v!=="fixed"?v:null),t("variant",m&&m!=="default"?m:null),t("tone",E&&E!=="brand"?E:null),t("radius",R?String(R):null),t("size",S&&S!=="md"?S:null),u("arrow",g),u("close-on-outside",L,!0),u("close-on-escape",I,!0),a&&f?(N=e.openFor)==null||N.call(e,f):a?e.setAttribute("open",""):a===!1?(H=e.close)==null||H.call(e):e.removeAttribute("open")},[a,f,p,d,v,g,m,E,R,S,L,I]),c.default.createElement("ui-selection-popup",{ref:P,...z},A)});M.displayName="SelectionPopup";const j=c.default.forwardRef(function({children:_,...w},A){return c.default.createElement("div",{ref:A,slot:"content",...w},_)});j.displayName="SelectionPopup.Content";const q=Object.assign(M,{Content:j});exports.SelectionPopup=q;exports.default=q;

package/dist/SelectionPopup.d.ts

@@ -0,0 +1,3 @@
+export { SelectionPopup, default } from './components/SelectionPopup';
+export type { SelectionPopupProps, SelectionPopupContentProps } from './components/SelectionPopup';
+//# sourceMappingURL=SelectionPopup.d.ts.map

package/dist/SelectionPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectionPopup.d.ts","sourceRoot":"","sources":["../src/SelectionPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/SelectionPopup.esm.js

@@ -0,0 +1,85 @@
+import l, { useRef as j, useEffect as L, useLayoutEffect as B } from "react";
+import { w as k } from "./_internals-f8fb69a8.mjs";
+const q = typeof window < "u" ? B : L, z = l.forwardRef(function(b, w) {
+  const {
+    children: P,
+    anchorId: u,
+    open: c,
+    placement: f,
+    offset: p,
+    strategy: a,
+    arrow: R,
+    variant: d,
+    tone: m,
+    radius: A,
+    size: v,
+    closeOnOutside: g,
+    closeOnEscape: I,
+    onOpen: E,
+    onClose: y,
+    onOpenChange: n,
+    ...h
+  } = b, S = j(null);
+  return l.useImperativeHandle(w, () => S.current), L(() => {
+    k("ui-selection-popup", "SelectionPopup");
+  }, []), L(() => {
+    const e = S.current;
+    if (!e)
+      return;
+    const t = () => {
+      E == null || E(), n == null || n(!0);
+    }, r = () => {
+      y == null || y(), n == null || n(!1);
+    };
+    return e.addEventListener("open", t), e.addEventListener("close", r), () => {
+      e.removeEventListener("open", t), e.removeEventListener("close", r);
+    };
+  }, [E, y, n]), q(() => {
+    var N, H;
+    const e = S.current;
+    if (!e)
+      return;
+    const t = (o, s) => {
+      const i = e.getAttribute(o);
+      if (s == null) {
+        i != null && e.removeAttribute(o);
+        return;
+      }
+      i !== s && e.setAttribute(o, s);
+    }, r = (o, s, i = void 0) => {
+      if (s == null) {
+        i !== void 0 && t(o, i ? null : "false");
+        return;
+      }
+      s ? t(o, "") : t(o, "false");
+    };
+    t("anchor-id", u ?? null), t("placement", f && f !== "top" ? f : null), t("offset", typeof p == "number" && Number.isFinite(p) ? String(p) : null), t("strategy", a && a !== "fixed" ? a : null), t("variant", d && d !== "default" ? d : null), t("tone", m && m !== "brand" ? m : null), t("radius", A ? String(A) : null), t("size", v && v !== "md" ? v : null), r("arrow", R), r("close-on-outside", g, !0), r("close-on-escape", I, !0), c && u ? (N = e.openFor) == null || N.call(e, u) : c ? e.setAttribute("open", "") : c === !1 ? (H = e.close) == null || H.call(e) : e.removeAttribute("open");
+  }, [
+    c,
+    u,
+    f,
+    p,
+    a,
+    R,
+    d,
+    m,
+    A,
+    v,
+    g,
+    I
+  ]), l.createElement("ui-selection-popup", { ref: S, ...h }, P);
+});
+z.displayName = "SelectionPopup";
+const F = l.forwardRef(
+  function({ children: b, ...w }, P) {
+    return l.createElement("div", { ref: P, slot: "content", ...w }, b);
+  }
+);
+F.displayName = "SelectionPopup.Content";
+const D = Object.assign(z, {
+  Content: F
+});
+export {
+  D as SelectionPopup,
+  D as default
+};