@versini/ui-panel 1.0.15 → 1.1.0

package/dist/chunks/{index.AUArUGH7.js → index.CgcpUI_B.js}

@@ -1,9 +1,9 @@
-import { jsx as i, jsxs as M, Fragment as D } from "react/jsx-runtime";
+import { jsx as i, jsxs as T, Fragment as D } from "react/jsx-runtime";
 import y from "clsx";
 import * as c from "react";
-import { useRef as b, useReducer as N, useEffect as _, useId as w } from "react";
-import { useFloating as x, useClick as S, useDismiss as $, useRole as O, useInteractions as F, useMergeRefs as k, FloatingPortal as L, FloatingOverlay as P, FloatingFocusManager as U } from "@floating-ui/react";
-const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
+import { useRef as A, useReducer as M, useEffect as _, useId as R } from "react";
+import { useFloating as x, useClick as S, useDismiss as $, useRole as F, useInteractions as O, useMergeRefs as P, FloatingPortal as k, FloatingOverlay as L, FloatingFocusManager as U } from "@floating-ui/react";
+const w = "SET_ANNOUNCEMENT", I = "CLEAR_ANNOUNCEMENT", V = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -11,14 +11,14 @@ const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, j = (e, n) => {
+}, B = (e, n) => {
   switch (n == null ? void 0 : n.type) {
-    case I:
+    case w:
       return {
         ...e,
         announcement: n.payload
       };
-    case R:
+    case I:
       return {
         ...e,
         announcement: null
@@ -26,27 +26,27 @@ const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
     default:
       return e;
   }
-}, B = ({
+}, j = ({
   onAnnouncementClear: e,
   dispatch: n
 }) => {
   n({
-    type: R
+    type: I
   }), typeof e == "function" && e();
 }, C = ({
   children: e,
   clearAnnouncementDelay: n,
   clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: t,
-  dispatch: l
+  onAnnouncementClear: l,
+  dispatch: t
 }) => {
-  (o == null ? void 0 : o.current) !== null && clearTimeout(o.current), e !== null && l({
-    type: I,
+  clearTimeout(o.current), e !== null && t({
+    type: w,
     payload: e
   }), n && (o.current = setTimeout(
-    () => B({
-      onAnnouncementClear: t,
-      dispatch: l
+    () => j({
+      onAnnouncementClear: l,
+      dispatch: t
     }),
     n
   ));
@@ -54,21 +54,21 @@ const I = "SET_ANNOUNCEMENT", R = "CLEAR_ANNOUNCEMENT", V = {
   children: e,
   announcementTimeoutRef: n,
   announcementDelay: o,
-  clearAnnouncementDelay: t,
-  clearAnnouncementTimeoutRef: l,
+  clearAnnouncementDelay: l,
+  clearAnnouncementTimeoutRef: t,
   onAnnouncementClear: r,
   dispatch: a
 }) => {
   clearTimeout(n.current), o ? n.current = setTimeout(C, o, {
     children: e,
-    clearAnnouncementDelay: t,
-    clearAnnouncementTimeoutRef: l,
+    clearAnnouncementDelay: l,
+    clearAnnouncementTimeoutRef: t,
     onAnnouncementClear: r,
     dispatch: a
   }) : C({
     children: e,
-    clearAnnouncementDelay: t,
-    clearAnnouncementTimeoutRef: l,
+    clearAnnouncementDelay: l,
+    clearAnnouncementTimeoutRef: t,
     onAnnouncementClear: r,
     dispatch: a
   });
@@ -77,21 +77,21 @@ function W({
   children: e,
   className: n,
   politeness: o,
-  role: t = null,
-  announcementDelay: l,
+  role: l = null,
+  announcementDelay: t,
   clearAnnouncementDelay: r,
   onAnnouncementClear: a,
   visible: s,
   ...p
 }) {
-  const u = b(), d = b(), [m, f] = N(j, {
+  const u = A(null), d = A(null), [m, f] = M(B, {
     announcement: null
   });
   let h = o;
-  typeof h > "u" && (h = t ? V[t] : "assertive"), _(() => {
+  typeof h > "u" && (h = l ? V[l] : "assertive"), _(() => {
     q({
       announcementTimeoutRef: u,
-      announcementDelay: l,
+      announcementDelay: t,
       children: e,
       clearAnnouncementDelay: r,
       clearAnnouncementTimeoutRef: d,
@@ -100,7 +100,7 @@ function W({
     });
   }, [
     e,
-    l,
+    t,
     r,
     a
   ]);
@@ -111,7 +111,7 @@ function W({
     "div",
     {
       "aria-live": h,
-      ...t && { role: t },
+      ...l && { role: l },
       className: g,
       ...p,
       children: m.announcement
@@ -124,7 +124,7 @@ function H({
   open: n,
   onOpenChange: o
 } = {}) {
-  const [t, l] = c.useState(e), [r, a] = c.useState(), [s, p] = c.useState(), u = n ?? t, d = o ?? l, m = x({
+  const [l, t] = c.useState(e), [r, a] = c.useState(), [s, p] = c.useState(), u = n ?? l, d = o ?? t, m = x({
     open: u,
     onOpenChange: d
   }), f = m.context, h = S(f, {
@@ -132,19 +132,19 @@ function H({
   }), g = $(f, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), T = O(f), A = F([h, g, T]);
+  }), N = F(f), b = O([h, g, N]);
   return c.useMemo(
     () => ({
       open: u,
       setOpen: d,
-      ...A,
+      ...b,
       ...m,
       labelId: r,
       descriptionId: s,
       setLabelId: a,
       setDescriptionId: p
     }),
-    [u, d, A, m, r, s]
+    [u, d, b, m, r, s]
   );
 }
 const v = () => {
@@ -161,32 +161,32 @@ function X({
   return /* @__PURE__ */ i(E.Provider, { value: o, children: e });
 }
 const Y = c.forwardRef(function(e, n) {
-  const { context: o, ...t } = v(), l = k([t.refs.setFloating, n]);
+  const { context: o, ...l } = v(), t = P([l.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(P, { className: s, lockScroll: !0, children: /* @__PURE__ */ i(U, { 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,
-      "aria-labelledby": t.labelId,
-      "aria-describedby": t.descriptionId,
-      ...t.getFloatingProps(a),
+      ref: t,
+      "aria-labelledby": l.labelId,
+      "aria-describedby": l.descriptionId,
+      ...l.getFloatingProps(a),
       children: a.children
     }
   ) }) }) });
 }), 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 });
+  const { setLabelId: l } = v(), t = R();
+  return c.useLayoutEffect(() => (l(t), () => l(void 0)), [t, l]), /* @__PURE__ */ i("h1", { ...n, ref: o, id: t, children: e });
 }), 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 });
+  const { setDescriptionId: l } = v(), t = R();
+  return c.useLayoutEffect(() => (l(t), () => l(void 0)), [t, l]), /* @__PURE__ */ i("div", { ...n, ref: o, id: t, children: e });
 }), 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, {
+  const { setOpen: o } = v(), { trigger: l, className: t, ...r } = e, a = c.useCallback(() => o(!1), [o]);
+  return /* @__PURE__ */ i("div", { className: t, children: c.cloneElement(l, {
     ref: n,
     onClick: a,
     ...r
@@ -204,8 +204,8 @@ const Y = c.forwardRef(function(e, n) {
   children: e,
   fill: n,
   viewBox: o,
-  className: t,
-  defaultViewBox: l,
+  className: l,
+  defaultViewBox: t,
   defaultClassName: r,
   spacing: a,
   title: s,
@@ -214,15 +214,15 @@ const Y = c.forwardRef(function(e, n) {
 }) => {
   const d = z(a), m = y(
     d,
-    t || r
+    l || r
   );
-  return /* @__PURE__ */ M(D, { children: [
+  return /* @__PURE__ */ T(D, { children: [
     /* @__PURE__ */ i(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         className: m,
-        viewBox: o || l,
+        viewBox: o || t,
         fill: n || "currentColor",
         role: "img",
         "aria-hidden": !p,
@@ -235,13 +235,13 @@ const Y = c.forwardRef(function(e, n) {
   ] });
 };
 /*!
-  @versini/ui-private v1.4.18
+  @versini/ui-private v1.5.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.18",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.5.0",
+    buildTime: "12/18/2024 12:34 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

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.15
+  @versini/ui-panel v1.1.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.0.15",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.1.0",
+    buildTime: "12/18/2024 12:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -288,13 +288,13 @@ const $ = E.forwardRef(
 );
 $.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v1.1.11
+  @versini/ui-button v1.2.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.1.11",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.2.0",
+    buildTime: "12/18/2024 12:35 PM EST",
     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.18
+  @versini/ui-private v1.5.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.18",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.5.0",
+    buildTime: "12/18/2024 12:34 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -455,13 +455,13 @@ const re = ({
   }
 );
 /*!
-  @versini/ui-icons v1.15.2
+  @versini/ui-icons v1.16.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.15.2",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.16.0",
+    buildTime: "12/18/2024 12:35 PM EST",
     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.AUArUGH7.js").then((t) => ({
+}), k = (e) => z(
+  () => import("./chunks/index.CgcpUI_B.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.15",
+	"version": "1.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -34,19 +34,19 @@
 		"test": "vitest run"
 	},
 	"peerDependencies": {
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
+		"react": "^18.3.1 || ^19.0.0",
+		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "1.1.11",
-		"@versini/ui-icons": "1.15.2",
-		"@versini/ui-private": "1.4.18",
+		"@versini/ui-button": "1.2.0",
+		"@versini/ui-icons": "1.16.0",
+		"@versini/ui-private": "1.5.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.15"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a1eda2c717accc8904a7b0552489690d4da5dece"
+	"gitHead": "413e5c7cd8228d2f135f54fa897101401207229b"
 }