@versini/ui-panel 1.0.8 → 1.0.10

package/dist/chunks/{index.CM2ohLS2.js → index.BV7w1tBT.js}

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as D, Fragment as M } from "react/jsx-runtime";
 import y from "clsx";
 import * as c from "react";
-import { useRef as b, useReducer as N, useEffect as _, useId as x } from "react";
-import { useFloating as $, useClick as S, useDismiss as O, useRole as F, useInteractions as P, useMergeRefs as k, FloatingPortal as L, FloatingOverlay as U, FloatingFocusManager as V } from "@floating-ui/react";
-const w = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", j = {
+import { useRef as A, useReducer as N, useEffect as _, useId as w } from "react";
+import { useFloating as x, useClick as $, useDismiss as S, useRole as O, useInteractions as F, useMergeRefs as P, FloatingPortal as k, FloatingOverlay as L, FloatingFocusManager as U } from "@floating-ui/react";
+const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -11,9 +11,9 @@ const w = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", j = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, B = (e, n) => {
+}, j = (e, n) => {
   switch (n == null ? void 0 : n.type) {
-    case w:
+    case I:
       return {
         ...e,
         announcement: n.payload
@@ -26,7 +26,7 @@ const w = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", j = {
     default:
       return e;
   }
-}, q = ({
+}, B = ({
   onAnnouncementClear: e,
   dispatch: n
 }) => {
@@ -41,16 +41,16 @@ const w = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", j = {
   dispatch: l
 }) => {
   (o == null ? void 0 : o.current) !== null && clearTimeout(o.current), e !== null && l({
-    type: w,
+    type: I,
     payload: e
   }), n && (o.current = setTimeout(
-    () => q({
+    () => B({
       onAnnouncementClear: t,
       dispatch: l
     }),
     n
   ));
-}, H = ({
+}, q = ({
   children: e,
   announcementTimeoutRef: n,
   announcementDelay: o,
@@ -73,7 +73,7 @@ const w = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", j = {
     dispatch: a
   });
 };
-function X({
+function W({
   children: e,
   className: n,
   politeness: o,
@@ -82,21 +82,21 @@ function X({
   clearAnnouncementDelay: r,
   onAnnouncementClear: a,
   visible: s,
-  ...f
+  ...p
 }) {
-  const u = b(), d = b(), [m, p] = N(B, {
+  const u = A(), d = A(), [m, f] = N(j, {
     announcement: null
   });
   let h = o;
-  typeof h > "u" && (h = t ? j[t] : "assertive"), _(() => {
-    H({
+  typeof h > "u" && (h = t ? V[t] : "assertive"), _(() => {
+    q({
       announcementTimeoutRef: u,
       announcementDelay: l,
       children: e,
       clearAnnouncementDelay: r,
       clearAnnouncementTimeoutRef: d,
       onAnnouncementClear: a,
-      dispatch: p
+      dispatch: f
     });
   }, [
     e,
@@ -113,38 +113,38 @@ function X({
       "aria-live": h,
       ...t && { role: t },
       className: g,
-      ...f,
+      ...p,
       children: m.announcement
     }
   );
 }
 const E = c.createContext(null);
-function z({
+function H({
   initialOpen: e = !1,
   open: n,
   onOpenChange: o
 } = {}) {
-  const [t, l] = c.useState(e), [r, a] = c.useState(), [s, f] = c.useState(), u = n ?? t, d = o ?? l, m = $({
+  const [t, l] = c.useState(e), [r, a] = c.useState(), [s, p] = c.useState(), u = n ?? t, d = o ?? l, m = x({
     open: u,
     onOpenChange: d
-  }), p = m.context, h = S(p, {
+  }), f = m.context, h = $(f, {
     enabled: n == null
-  }), g = O(p, {
+  }), g = S(f, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), T = F(p), A = P([h, g, T]);
+  }), T = O(f), b = F([h, g, T]);
   return c.useMemo(
     () => ({
       open: u,
       setOpen: d,
-      ...A,
+      ...b,
       ...m,
       labelId: r,
       descriptionId: s,
       setLabelId: a,
-      setDescriptionId: f
+      setDescriptionId: p
     }),
-    [u, d, A, m, r, s]
+    [u, d, b, m, r, s]
   );
 }
 const v = () => {
@@ -153,25 +153,22 @@ const v = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function I(e) {
-  return x();
-}
-function Y({
+function X({
   children: e,
   ...n
 }) {
-  const o = z(n);
+  const o = H(n);
   return /* @__PURE__ */ i(E.Provider, { value: o, children: e });
 }
-const Z = c.forwardRef(function(e, n) {
-  const { context: o, ...t } = v(), l = k([t.refs.setFloating, n]);
+const Y = c.forwardRef(function(e, n) {
+  const { context: o, ...t } = v(), l = P([t.refs.setFloating, n]);
   if (!o.open)
     return null;
   const { overlayBackground: r, ...a } = e, s = y("grid place-items-center", {
     [`${r}`]: r,
     "bg-black sm:bg-black/[.8]": !r
   });
-  return /* @__PURE__ */ i(L, { children: /* @__PURE__ */ i(U, { className: s, lockScroll: !0, children: /* @__PURE__ */ i(V, { context: o, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(k, { children: /* @__PURE__ */ i(L, { className: s, lockScroll: !0, children: /* @__PURE__ */ i(U, { context: o, children: /* @__PURE__ */ i(
     "div",
     {
       ref: l,
@@ -181,20 +178,20 @@ const Z = c.forwardRef(function(e, n) {
       children: a.children
     }
   ) }) }) });
-}), ee = c.forwardRef(function({ children: e, ...n }, o) {
-  const { setLabelId: t } = v(), l = I();
+}), Z = c.forwardRef(function({ children: e, ...n }, o) {
+  const { setLabelId: t } = v(), l = w();
   return c.useLayoutEffect(() => (t(l), () => t(void 0)), [l, t]), /* @__PURE__ */ i("h1", { ...n, ref: o, id: l, children: e });
-}), ne = c.forwardRef(function({ children: e, ...n }, o) {
-  const { setDescriptionId: t } = v(), l = I();
+}), ee = c.forwardRef(function({ children: e, ...n }, o) {
+  const { setDescriptionId: t } = v(), l = w();
   return c.useLayoutEffect(() => (t(l), () => t(void 0)), [l, t]), /* @__PURE__ */ i("div", { ...n, ref: o, id: l, children: e });
-}), oe = c.forwardRef(function(e, n) {
+}), ne = c.forwardRef(function(e, n) {
   const { setOpen: o } = v(), { trigger: t, className: l, ...r } = e, a = c.useCallback(() => o(!1), [o]);
   return /* @__PURE__ */ i("div", { className: l, children: c.cloneElement(t, {
     ref: n,
     onClick: a,
     ...r
   }) });
-}), G = (e) => {
+}), z = (e) => {
   let n = "";
   if (typeof e == "number" || typeof e == "string")
     n = "m-" + e;
@@ -203,7 +200,7 @@ const Z = c.forwardRef(function(e, n) {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), n = o.join(" ");
   }
   return n;
-}, te = ({
+}, oe = ({
   children: e,
   fill: n,
   viewBox: o,
@@ -212,10 +209,10 @@ const Z = c.forwardRef(function(e, n) {
   defaultClassName: r,
   spacing: a,
   title: s,
-  semantic: f = !1,
+  semantic: p = !1,
   ...u
 }) => {
-  const d = G(a), m = y(
+  const d = z(a), m = y(
     d,
     t || r
   );
@@ -228,34 +225,34 @@ const Z = c.forwardRef(function(e, n) {
         viewBox: o || l,
         fill: n || "currentColor",
         role: "img",
-        "aria-hidden": !f,
+        "aria-hidden": !p,
         focusable: !1,
         ...u,
         children: e
       }
     ),
-    s && f && /* @__PURE__ */ i("span", { className: "sr-only", children: s })
+    s && p && /* @__PURE__ */ i("span", { className: "sr-only", children: s })
   ] });
 };
 /*!
-  @versini/ui-private v1.4.16
+  @versini/ui-private v1.4.17
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.16",
-    buildTime: "09/27/2024 10:43 AM EDT",
+    version: "1.4.17",
+    buildTime: "09/28/2024 06:29 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 export {
-  X as LiveRegion,
-  Y as Modal,
-  oe as ModalClose,
-  Z as ModalContent,
-  ne as ModalDescription,
-  ee as ModalHeading,
-  te as SvgIcon
+  W as LiveRegion,
+  X as Modal,
+  ne as ModalClose,
+  Y as ModalContent,
+  ee as ModalDescription,
+  Z as ModalHeading,
+  oe as SvgIcon
 };

package/dist/index.js

@@ -1,14 +1,14 @@
-import { jsx as l, jsxs as y, Fragment as z } from "react/jsx-runtime";
+import { jsx as l, jsxs as y, Fragment as V } from "react/jsx-runtime";
 import o from "clsx";
-import E, { lazy as U, useRef as P, useEffect as j, Suspense as O } from "react";
+import E, { lazy as z, useRef as U, useEffect as j, Suspense as O } from "react";
 /*!
-  @versini/ui-panel v1.0.8
+  @versini/ui-panel v1.0.10
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.0.8",
-    buildTime: "09/27/2024 10:44 AM EDT",
+    version: "1.0.10",
+    buildTime: "09/28/2024 06:29 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -288,13 +288,13 @@ const $ = E.forwardRef(
 );
 $.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v1.1.8
+  @versini/ui-button v1.1.10
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.1.8",
-    buildTime: "09/27/2024 10:43 AM EDT",
+    version: "1.1.10",
+    buildTime: "09/28/2024 06:29 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -337,12 +337,12 @@ const Q = E.forwardRef(
       spacing: f,
       noBackground: v,
       align: _
-    }), A = o({
+    }), P = o({
       "text-copy-accent-dark": r === "light" && !i,
       "text-copy-light": r === "dark" && !i,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
-    }), V = w ? o(
+    }), A = w ? o(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -359,7 +359,7 @@ const Q = E.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: V, children: /* @__PURE__ */ y(
+    return /* @__PURE__ */ l("div", { className: A, children: /* @__PURE__ */ y(
       M,
       {
         ref: I,
@@ -370,7 +370,7 @@ const Q = E.forwardRef(
         ...N,
         children: [
           c && /* @__PURE__ */ l("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ l("div", { className: A, children: e }),
+          /* @__PURE__ */ l("div", { className: P, children: e }),
           m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
         ]
       }
@@ -403,7 +403,7 @@ const Z = (e) => {
     u,
     a || d
   );
-  return /* @__PURE__ */ y(z, { children: [
+  return /* @__PURE__ */ y(V, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -422,13 +422,13 @@ const Z = (e) => {
   ] });
 };
 /*!
-  @versini/ui-private v1.4.16
+  @versini/ui-private v1.4.17
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.16",
-    buildTime: "09/27/2024 10:43 AM EDT",
+    version: "1.4.17",
+    buildTime: "09/28/2024 06:29 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -455,13 +455,13 @@ const re = ({
   }
 );
 /*!
-  @versini/ui-icons v1.13.0
+  @versini/ui-icons v1.13.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.13.0",
-    buildTime: "09/27/2024 10:43 AM EDT",
+    version: "1.13.1",
+    buildTime: "09/28/2024 06:29 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -487,8 +487,8 @@ const p = "panel", x = "messagebox", te = ({
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), k = (e) => U(
-  () => import("./chunks/index.CM2ohLS2.js").then((t) => ({
+}), k = (e) => z(
+  () => import("./chunks/index.BV7w1tBT.js").then((t) => ({
     default: t[e]
   }))
 ), ae = k("Modal"), oe = k("ModalClose"), ie = k("ModalContent"), le = k("ModalDescription"), de = k("ModalHeading"), ge = ({
@@ -501,7 +501,7 @@ const p = "panel", x = "messagebox", te = ({
   kind: g = p,
   className: i
 }) => {
-  const h = P(""), s = te({ className: i, kind: g, borderMode: d });
+  const h = U(""), s = te({ className: i, kind: g, borderMode: d });
   return j(() => (e && (h.current = document.title, document.title = `${r} | ${h.current}`), () => {
     e && (document.title = h.current);
   }), [r, e]), /* @__PURE__ */ l(O, { fallback: /* @__PURE__ */ l("div", {}), children: e && /* @__PURE__ */ l(ae, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(ie, { className: s.main, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "1.0.8",
+	"version": "1.0.10",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -37,19 +37,16 @@
 		"react": "^18.3.1",
 		"react-dom": "^18.3.1"
 	},
-	"devDependencies": {
-		"@versini/ui-styles": "1.10.2"
-	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "1.1.8",
-		"@versini/ui-icons": "1.13.0",
-		"@versini/ui-private": "1.4.16",
+		"@versini/ui-button": "1.1.10",
+		"@versini/ui-icons": "1.13.1",
+		"@versini/ui-private": "1.4.17",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.13"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "04197d90dcc3ff0223fe3fbcaa663b62c76439fa"
+	"gitHead": "b417963dbfdb84030181bf0aba5b25bba66b21c1"
 }