@editora/ui-react 0.1.10 → 0.1.11

package/dist/Select.esm.js

@@ -1,130 +1,118 @@
-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({
+'use client';
+import e from "react";
+import { c as P, g as v, u as z, a as V, s as c, b as a } from "./_internals-d86cc997.mjs";
+const J = e.forwardRef(function({
   children: l,
-  value: t,
-  disabled: c,
-  loading: T,
+  value: r,
+  disabled: n,
+  loading: A,
   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,
+  invalid: k,
+  headless: x,
+  placeholder: y,
+  name: w,
+  label: L,
+  description: O,
+  error: N,
+  size: o,
+  variant: i,
+  tone: f,
+  density: p,
+  shape: S,
+  elevation: d,
   radius: D,
-  optionBorder: q,
+  optionBorder: _,
   showCheck: G,
-  checkPlacement: x,
-  validation: L,
-  onChange: b,
-  onInput: y,
+  checkPlacement: j,
+  validation: m,
+  onChange: E,
+  onInput: b,
   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,
+  const T = P($), g = e.useCallback((t) => {
+    var u, B;
+    return ((u = v(t)) == null ? void 0 : u.value) ?? ((B = t.target) == null ? void 0 : B.value) ?? "";
+  }, []), F = e.useCallback((t) => {
+    b == null || b(g(t));
+  }, [b, g]), q = e.useCallback((t) => {
+    const u = g(t);
+    E == null || E(u), R == null || R(u);
+  }, [E, R, g]);
+  return z(
     T,
+    [
+      { type: "input", listener: F },
+      { type: "change", listener: q }
+    ],
+    [F, q]
+  ), V(T, (t) => {
+    c(t, "value", r != null ? String(r) : null), a(t, "disabled", n), a(t, "loading", A), a(t, "required", H), a(t, "headless", x), a(t, "invalid", k), c(t, "placeholder", y || null), c(t, "name", w || null), c(t, "label", L || null), c(t, "description", O || null), c(t, "error", N || null), c(t, "size", o && o !== "md" && o !== "2" ? o : null), c(t, "variant", i && i !== "classic" ? i : null), c(t, "tone", f && f !== "default" ? f : null), c(t, "density", p && p !== "default" ? p : null), c(t, "shape", S && S !== "rounded" ? S : null), c(t, "elevation", d && d !== "low" ? d : null), c(t, "radius", D ? String(D) : null), a(t, "option-border", _), a(t, "show-check", G), c(t, "check-placement", G ? j || "end" : null), c(t, "validation", m && m !== "none" ? m : null);
+  }, [
+    r,
+    n,
+    A,
     H,
-    _,
-    j,
-    g,
+    k,
+    x,
+    y,
+    w,
+    L,
     O,
-    A,
     N,
-    v,
-    a,
-    d,
+    o,
+    i,
+    f,
     p,
     S,
-    m,
-    E,
+    d,
     D,
-    q,
+    _,
     G,
-    x,
-    L
-  ]), r.createElement("ui-select", { ref: w, ...Z }, l);
+    j,
+    m
+  ]), e.createElement("ui-select", { ref: T, ...Z }, l);
 });
 J.displayName = "Select";
-const K = r.forwardRef(
-  function(l, t) {
-    return /* @__PURE__ */ r.createElement("option", { ref: t, ...l });
+const K = e.forwardRef(
+  function(l, r) {
+    return /* @__PURE__ */ e.createElement("option", { ref: r, ...l });
   }
 );
 K.displayName = "Select.Option";
-const M = r.forwardRef(
-  function(l, t) {
-    return /* @__PURE__ */ r.createElement("optgroup", { ref: t, ...l });
+const M = e.forwardRef(
+  function(l, r) {
+    return /* @__PURE__ */ e.createElement("optgroup", { ref: r, ...l });
   }
 );
 M.displayName = "Select.OptGroup";
-const Q = r.forwardRef(
-  function({ children: l, ...t }, c) {
-    return r.createElement("span", { ref: c, slot: "label", ...t }, l);
+const Q = e.forwardRef(
+  function({ children: l, ...r }, n) {
+    return e.createElement("span", { ref: n, slot: "label", ...r }, l);
   }
 );
 Q.displayName = "Select.Label";
-const U = r.forwardRef(
-  function({ children: l, ...t }, c) {
-    return r.createElement("span", { ref: c, slot: "description", ...t }, l);
+const U = e.forwardRef(
+  function({ children: l, ...r }, n) {
+    return e.createElement("span", { ref: n, slot: "description", ...r }, l);
   }
 );
 U.displayName = "Select.Description";
-const W = r.forwardRef(
-  function({ children: l, ...t }, c) {
-    return r.createElement("span", { ref: c, slot: "error", ...t }, l);
+const W = e.forwardRef(
+  function({ children: l, ...r }, n) {
+    return e.createElement("span", { ref: n, slot: "error", ...r }, l);
   }
 );
 W.displayName = "Select.Error";
-const X = r.forwardRef(
-  function({ children: l, ...t }, c) {
-    return r.createElement("span", { ref: c, slot: "leading", ...t }, l);
+const X = e.forwardRef(
+  function({ children: l, ...r }, n) {
+    return e.createElement("span", { ref: n, slot: "leading", ...r }, l);
   }
 );
 X.displayName = "Select.Leading";
-const Y = r.forwardRef(
-  function({ children: l, ...t }, c) {
-    return r.createElement("span", { ref: c, slot: "trailing", ...t }, l);
+const Y = e.forwardRef(
+  function({ children: l, ...r }, n) {
+    return e.createElement("span", { ref: n, slot: "trailing", ...r }, l);
   }
 );
 Y.displayName = "Select.Trailing";

package/dist/SelectionPopup.cjs.js

@@ -1 +1,2 @@
-"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;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),F=require("./_internals-5a21394b.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.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import l, { useRef as j, useEffect as L, useLayoutEffect as B } from "react";
-import { w as k } from "./_internals-f8fb69a8.mjs";
+import { w as k } from "./_internals-d86cc997.mjs";
 const q = typeof window < "u" ? B : L, z = l.forwardRef(function(b, w) {
   const {
     children: P,