@gobolt/genesis 0.1.1 → 0.1.3

package/dist/components/Notification/Notification.js

@@ -1,29 +1,30 @@
 import { jsxs as X, jsx as b } from "react/jsx-runtime";
-import { SIZE as _, TYPOGRAPHY_VARIANT as S, STATE as P } from "../../constants/index.js";
+import { SIZE as _, STATE as P, TYPOGRAPHY_VARIANT as S } from "../../constants/index.js";
 import "../Avatar/styles.js";
 import "../Badge/styles.js";
 import "../../providers/BreakpointThemeProvider.js";
-import { a as C } from "../../Typography-CoZ5qD-t.js";
-import { n as J } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { a as C } from "../../Typography-B2J8CPnt.js";
+import { n as J } from "../../styled-components.browser.esm-C47QHsU4.js";
 import "../Breadcrumb/styles.js";
 import U from "../Button/Button.js";
 import "../Card/styles.js";
 import "../Checkbox/styles.js";
+import "../DateRangePicker/DateRangePicker.js";
 import "react";
 import "../ErrorBoundaryFallback/styles.js";
-import "../Input/styles.js";
+import "../../styles-XuoEGUZZ.js";
 import "../Layout/Content/styles.js";
 import "../Message/styles.js";
-import "../../styles-CWdUpZom.js";
+import "../../styles-DNay6iFa.js";
 import "../Progress/styles.js";
-import "../../styles/global-styles.js";
 import "../Row/styles.js";
+import "../../styles/global-styles.js";
 import "../Row/RowLabelValue/styles.js";
 import "../Row/RowActions/styles.js";
 import "../SegmentedControls/styles.js";
 import "../Select/styles.js";
 import "../Switch/styles.js";
-import "../../styles-qerRs7Rn.js";
+import "../../styles-Wpm1RiGr.js";
 import "../Tabs/styles.js";
 import "../Tile/styles.js";
 import "../Toast/styles.js";
@@ -114,17 +115,17 @@ function ft(t) {
 function lt(t, e) {
   return +d(t) - +d(e);
 }
-function mt(t) {
+function ht(t) {
   const e = d(t);
   return e.setHours(23, 59, 59, 999), e;
 }
-function ht(t) {
+function mt(t) {
   const e = d(t), n = e.getMonth();
   return e.setFullYear(e.getFullYear(), n + 1, 0), e.setHours(23, 59, 59, 999), e;
 }
 function gt(t) {
   const e = d(t);
-  return +mt(e) == +ht(e);
+  return +ht(e) == +mt(e);
 }
 function wt(t, e) {
   const n = d(t), r = d(e), a = Y(n, r), o = Math.abs(
@@ -588,8 +589,8 @@ function Zt(t) {
   return Math.round(n / A) + 1;
 }
 function V(t, e) {
-  var l, w, m, y;
-  const n = d(t), r = n.getFullYear(), a = T(), o = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((w = (l = e == null ? void 0 : e.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((y = (m = a.locale) == null ? void 0 : m.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, s = D(t, 0);
+  var l, w, h, y;
+  const n = d(t), r = n.getFullYear(), a = T(), o = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((w = (l = e == null ? void 0 : e.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((y = (h = a.locale) == null ? void 0 : h.options) == null ? void 0 : y.firstWeekContainsDate) ?? 1, s = D(t, 0);
   s.setFullYear(r + 1, 0, o), s.setHours(0, 0, 0, 0);
   const i = k(s, e), u = D(t, 0);
   u.setFullYear(r, 0, o), u.setHours(0, 0, 0, 0);
@@ -664,8 +665,6 @@ const M = {
     return c(a, e.length);
   }
 }, O = {
-  am: "am",
-  pm: "pm",
   midnight: "midnight",
   noon: "noon",
   morning: "morning",
@@ -677,12 +676,15 @@ const M = {
   G: function(t, e, n) {
     const r = t.getFullYear() > 0 ? 1 : 0;
     switch (e) {
+      // AD, BC
       case "G":
       case "GG":
       case "GGG":
         return n.era(r, { width: "abbreviated" });
+      // A, B
       case "GGGGG":
         return n.era(r, { width: "narrow" });
+      // Anno Domini, Before Christ
       case "GGGG":
       default:
         return n.era(r, { width: "wide" });
@@ -727,22 +729,28 @@ const M = {
   Q: function(t, e, n) {
     const r = Math.ceil((t.getMonth() + 1) / 3);
     switch (e) {
+      // 1, 2, 3, 4
       case "Q":
         return String(r);
+      // 01, 02, 03, 04
       case "QQ":
         return c(r, 2);
+      // 1st, 2nd, 3rd, 4th
       case "Qo":
         return n.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "QQQ":
         return n.quarter(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
         return n.quarter(r, {
           width: "narrow",
           context: "formatting"
         });
+      // 1st quarter, 2nd quarter, ...
       case "QQQQ":
       default:
         return n.quarter(r, {
@@ -755,22 +763,28 @@ const M = {
   q: function(t, e, n) {
     const r = Math.ceil((t.getMonth() + 1) / 3);
     switch (e) {
+      // 1, 2, 3, 4
       case "q":
         return String(r);
+      // 01, 02, 03, 04
       case "qq":
         return c(r, 2);
+      // 1st, 2nd, 3rd, 4th
       case "qo":
         return n.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "qqq":
         return n.quarter(r, {
           width: "abbreviated",
           context: "standalone"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
         return n.quarter(r, {
           width: "narrow",
           context: "standalone"
         });
+      // 1st quarter, 2nd quarter, ...
       case "qqqq":
       default:
         return n.quarter(r, {
@@ -786,18 +800,22 @@ const M = {
       case "M":
       case "MM":
         return M.M(t, e);
+      // 1st, 2nd, ..., 12th
       case "Mo":
         return n.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "MMM":
         return n.month(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // J, F, ..., D
       case "MMMMM":
         return n.month(r, {
           width: "narrow",
           context: "formatting"
         });
+      // January, February, ..., December
       case "MMMM":
       default:
         return n.month(r, { width: "wide", context: "formatting" });
@@ -807,22 +825,28 @@ const M = {
   L: function(t, e, n) {
     const r = t.getMonth();
     switch (e) {
+      // 1, 2, ..., 12
       case "L":
         return String(r + 1);
+      // 01, 02, ..., 12
       case "LL":
         return c(r + 1, 2);
+      // 1st, 2nd, ..., 12th
       case "Lo":
         return n.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "LLL":
         return n.month(r, {
           width: "abbreviated",
           context: "standalone"
         });
+      // J, F, ..., D
       case "LLLLL":
         return n.month(r, {
           width: "narrow",
           context: "standalone"
         });
+      // January, February, ..., December
       case "LLLL":
       default:
         return n.month(r, { width: "wide", context: "standalone" });
@@ -851,6 +875,7 @@ const M = {
   E: function(t, e, n) {
     const r = t.getDay();
     switch (e) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -858,16 +883,19 @@ const M = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "EEEEE":
         return n.day(r, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "EEEEEE":
         return n.day(r, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "EEEE":
       default:
         return n.day(r, {
@@ -880,10 +908,13 @@ const M = {
   e: function(t, e, n, r) {
     const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
     switch (e) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
       case "e":
         return String(o);
+      // Padded numerical value
       case "ee":
         return c(o, 2);
+      // 1st, 2nd, ..., 7th
       case "eo":
         return n.ordinalNumber(o, { unit: "day" });
       case "eee":
@@ -891,16 +922,19 @@ const M = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "eeeee":
         return n.day(a, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "eeeeee":
         return n.day(a, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "eeee":
       default:
         return n.day(a, {
@@ -913,10 +947,13 @@ const M = {
   c: function(t, e, n, r) {
     const a = t.getDay(), o = (a - r.weekStartsOn + 8) % 7 || 7;
     switch (e) {
+      // Numerical value (same as in `e`)
       case "c":
         return String(o);
+      // Padded numerical value
       case "cc":
         return c(o, e.length);
+      // 1st, 2nd, ..., 7th
       case "co":
         return n.ordinalNumber(o, { unit: "day" });
       case "ccc":
@@ -924,16 +961,19 @@ const M = {
           width: "abbreviated",
           context: "standalone"
         });
+      // T
       case "ccccc":
         return n.day(a, {
           width: "narrow",
           context: "standalone"
         });
+      // Tu
       case "cccccc":
         return n.day(a, {
           width: "short",
           context: "standalone"
         });
+      // Tuesday
       case "cccc":
       default:
         return n.day(a, {
@@ -946,27 +986,34 @@ const M = {
   i: function(t, e, n) {
     const r = t.getDay(), a = r === 0 ? 7 : r;
     switch (e) {
+      // 2
       case "i":
         return String(a);
+      // 02
       case "ii":
         return c(a, e.length);
+      // 2nd
       case "io":
         return n.ordinalNumber(a, { unit: "day" });
+      // Tue
       case "iii":
         return n.day(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "iiiii":
         return n.day(r, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "iiiiii":
         return n.day(r, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "iiii":
       default:
         return n.day(r, {
@@ -1097,13 +1144,21 @@ const M = {
     if (r === 0)
       return "Z";
     switch (e) {
+      // Hours and optional minutes
       case "X":
         return I(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
         return p(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
       case "XXXXX":
       case "XXX":
+      // Hours and minutes with `:` delimiter
       default:
         return p(r, ":");
     }
@@ -1112,13 +1167,21 @@ const M = {
   x: function(t, e, n) {
     const r = t.getTimezoneOffset();
     switch (e) {
+      // Hours and optional minutes
       case "x":
         return I(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
         return p(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
       case "xxxxx":
       case "xxx":
+      // Hours and minutes with `:` delimiter
       default:
         return p(r, ":");
     }
@@ -1127,10 +1190,12 @@ const M = {
   O: function(t, e, n) {
     const r = t.getTimezoneOffset();
     switch (e) {
+      // Short
       case "O":
       case "OO":
       case "OOO":
         return "GMT" + j(r, ":");
+      // Long
       case "OOOO":
       default:
         return "GMT" + p(r, ":");
@@ -1140,10 +1205,12 @@ const M = {
   z: function(t, e, n) {
     const r = t.getTimezoneOffset();
     switch (e) {
+      // Short
       case "z":
       case "zz":
       case "zzz":
         return "GMT" + j(r, ":");
+      // Long
       case "zzzz":
       default:
         return "GMT" + p(r, ":");
@@ -1234,32 +1301,32 @@ function ue(t, e, n) {
   const r = t[0] === "Y" ? "years" : "days of the month";
   return `Use \`${t.toLowerCase()}\` instead of \`${t}\` (in \`${e}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
-const de = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, fe = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, le = /^'([^]*?)'?$/, me = /''/g, he = /[a-zA-Z]/;
+const de = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, fe = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, le = /^'([^]*?)'?$/, he = /''/g, me = /[a-zA-Z]/;
 function ge(t, e, n) {
-  var l, w, m, y;
-  const r = T(), a = r.locale ?? G, o = r.firstWeekContainsDate ?? ((w = (l = r.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((y = (m = r.locale) == null ? void 0 : m.options) == null ? void 0 : y.weekStartsOn) ?? 0, i = d(t);
+  var l, w, h, y;
+  const r = T(), a = r.locale ?? G, o = r.firstWeekContainsDate ?? ((w = (l = r.locale) == null ? void 0 : l.options) == null ? void 0 : w.firstWeekContainsDate) ?? 1, s = r.weekStartsOn ?? ((y = (h = r.locale) == null ? void 0 : h.options) == null ? void 0 : y.weekStartsOn) ?? 0, i = d(t);
   if (!ut(i))
     throw new RangeError("Invalid time value");
-  let u = e.match(fe).map((h) => {
-    const g = h[0];
+  let u = e.match(fe).map((m) => {
+    const g = m[0];
     if (g === "p" || g === "P") {
       const E = ne[g];
-      return E(h, a.formatLong);
+      return E(m, a.formatLong);
     }
-    return h;
-  }).join("").match(de).map((h) => {
-    if (h === "''")
+    return m;
+  }).join("").match(de).map((m) => {
+    if (m === "''")
       return { isToken: !1, value: "'" };
-    const g = h[0];
+    const g = m[0];
     if (g === "'")
-      return { isToken: !1, value: we(h) };
+      return { isToken: !1, value: we(m) };
     if (L[g])
-      return { isToken: !0, value: h };
-    if (g.match(he))
+      return { isToken: !0, value: m };
+    if (g.match(me))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + g + "`"
       );
-    return { isToken: !1, value: h };
+    return { isToken: !1, value: m };
   });
   a.localize.preprocessor && (u = a.localize.preprocessor(i, u));
   const f = {
@@ -1267,9 +1334,9 @@ function ge(t, e, n) {
     weekStartsOn: s,
     locale: a
   };
-  return u.map((h) => {
-    if (!h.isToken) return h.value;
-    const g = h.value;
+  return u.map((m) => {
+    if (!m.isToken) return m.value;
+    const g = m.value;
     (se(g) || ie(g)) && ce(g, e, String(t));
     const E = L[g[0]];
     return E(i, g, a.localize, f);
@@ -1277,7 +1344,7 @@ function ge(t, e, n) {
 }
 function we(t) {
   const e = t.match(le);
-  return e ? e[1].replace(me, "'") : t;
+  return e ? e[1].replace(he, "'") : t;
 }
 function ye(t, e, n) {
   const r = T(), a = (n == null ? void 0 : n.locale) ?? r.locale ?? G, o = 2520, s = Y(t, e);
@@ -1289,32 +1356,32 @@ function ye(t, e, n) {
   });
   let u, f;
   s > 0 ? (u = d(e), f = d(t)) : (u = d(t), f = d(e));
-  const l = yt(f, u), w = (N(f) - N(u)) / 1e3, m = Math.round((l - w) / 60);
+  const l = yt(f, u), w = (N(f) - N(u)) / 1e3, h = Math.round((l - w) / 60);
   let y;
-  if (m < 2)
-    return n != null && n.includeSeconds ? l < 5 ? a.formatDistance("lessThanXSeconds", 5, i) : l < 10 ? a.formatDistance("lessThanXSeconds", 10, i) : l < 20 ? a.formatDistance("lessThanXSeconds", 20, i) : l < 40 ? a.formatDistance("halfAMinute", 0, i) : l < 60 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", 1, i) : m === 0 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", m, i);
-  if (m < 45)
-    return a.formatDistance("xMinutes", m, i);
-  if (m < 90)
+  if (h < 2)
+    return n != null && n.includeSeconds ? l < 5 ? a.formatDistance("lessThanXSeconds", 5, i) : l < 10 ? a.formatDistance("lessThanXSeconds", 10, i) : l < 20 ? a.formatDistance("lessThanXSeconds", 20, i) : l < 40 ? a.formatDistance("halfAMinute", 0, i) : l < 60 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", 1, i) : h === 0 ? a.formatDistance("lessThanXMinutes", 1, i) : a.formatDistance("xMinutes", h, i);
+  if (h < 45)
+    return a.formatDistance("xMinutes", h, i);
+  if (h < 90)
     return a.formatDistance("aboutXHours", 1, i);
-  if (m < H) {
-    const h = Math.round(m / 60);
-    return a.formatDistance("aboutXHours", h, i);
+  if (h < H) {
+    const m = Math.round(h / 60);
+    return a.formatDistance("aboutXHours", m, i);
   } else {
-    if (m < o)
+    if (h < o)
       return a.formatDistance("xDays", 1, i);
-    if (m < W) {
-      const h = Math.round(m / H);
-      return a.formatDistance("xDays", h, i);
-    } else if (m < W * 2)
-      return y = Math.round(m / W), a.formatDistance("aboutXMonths", y, i);
+    if (h < W) {
+      const m = Math.round(h / H);
+      return a.formatDistance("xDays", m, i);
+    } else if (h < W * 2)
+      return y = Math.round(h / W), a.formatDistance("aboutXMonths", y, i);
   }
   if (y = wt(f, u), y < 12) {
-    const h = Math.round(m / W);
-    return a.formatDistance("xMonths", h, i);
+    const m = Math.round(h / W);
+    return a.formatDistance("xMonths", m, i);
   } else {
-    const h = y % 12, g = Math.trunc(y / 12);
-    return h < 3 ? a.formatDistance("aboutXYears", g, i) : h < 9 ? a.formatDistance("overXYears", g, i) : a.formatDistance("almostXYears", g + 1, i);
+    const m = y % 12, g = Math.trunc(y / 12);
+    return m < 3 ? a.formatDistance("aboutXYears", g, i) : m < 9 ? a.formatDistance("overXYears", g, i) : a.formatDistance("almostXYears", g + 1, i);
   }
 }
 function be(t, e) {
@@ -1334,7 +1401,7 @@ const Me = (t, e) => {
     default:
       return e.colors.status.info.onsurface;
   }
-}, ze = ({
+}, tn = ({
   message: t,
   state: e = P.info,
   date: n,
@@ -1346,7 +1413,7 @@ const Me = (t, e) => {
 }) => {
   const u = J();
   Me(e, u), u.colors.interactive.utility.border, u.colors.interactive.utility.onsurface;
-  const f = " • ", l = n ? ge(new Date(n), "MMM d, h:mma") : "", w = n ? be(new Date(n), { addSuffix: !0 }) : "", m = i ? `${w}${f}${l}` : w, y = o === _.small ? S.body1 : S.body2;
+  const f = " • ", l = n ? ge(new Date(n), "MMM d, h:mma") : "", w = n ? be(new Date(n), { addSuffix: !0 }) : "", h = i ? `${w}${f}${l}` : w, y = o === _.small ? S.body1 : S.body2;
   return /* @__PURE__ */ X(Z, { state: e, size: o, $isUnread: s, children: [
     s ? /* @__PURE__ */ b(z, { state: e, size: o }) : /* @__PURE__ */ b("div", { style: { width: 8 } }),
     /* @__PURE__ */ b(K, { state: e }),
@@ -1366,7 +1433,7 @@ const Me = (t, e) => {
           variant: y,
           color: u.colors.onsurface["copy-light"],
           isText: !0,
-          children: m
+          children: h
         }
       ) })
     ] }) }),
@@ -1391,5 +1458,5 @@ const Me = (t, e) => {
   ] });
 };
 export {
-  ze as default
+  tn as default
 };

package/dist/components/Notification/NotificationBadge/NotificationBadge.js

@@ -8,8 +8,8 @@ import f from "./icons/Route.js";
 import u from "./icons/Shipment.js";
 import g from "./icons/ShoppingCart.js";
 import h from "./icons/System.js";
-import { BADGE as r, STATE as l } from "../../../constants/index.js";
-import { n as B } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { STATE as l, BADGE as r } from "../../../constants/index.js";
+import { n as B } from "../../../styled-components.browser.esm-C47QHsU4.js";
 import { BadgeWrapper as S, Badge as C, BadgeState as v } from "./styles.js";
 import { getIconColor as y, getBadgeStateIcon as x } from "../../../utils/icon-util.js";
 const A = (e) => {

package/dist/components/Notification/NotificationBadge/__stories__/NotificationBadge.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as NotificationBadge } from '../NotificationBadge';
-
 declare const meta: Meta<typeof NotificationBadge>;
 export default meta;
 type Story = StoryObj<typeof NotificationBadge>;

package/dist/components/Notification/NotificationBadge/__tests__/NotificationBadge.test.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import n from "../NotificationBadge.js";
-import { BADGE as a, STATE as d } from "../../../../constants/index.js";
-import { a as i } from "../../../../setup-BjIR5S0o.js";
+import { STATE as a, BADGE as d } from "../../../../constants/index.js";
+import { a as i } from "../../../../setup-aZdxWCJq.js";
 describe("<NotificationBadge />", () => {
   let e;
   beforeEach(() => {
     e = {
-      badge: a.product,
-      state: d.info
+      badge: d.product,
+      state: a.info
     };
   });
   const o = () => i(/* @__PURE__ */ r(n, { ...e }));

package/dist/components/Notification/NotificationBadge/styles.js

@@ -1,4 +1,4 @@
-import { d as o } from "../../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as o } from "../../../styled-components.browser.esm-C47QHsU4.js";
 const i = o.div`
   position: relative;
   display: flex;

package/dist/components/Notification/__stories__/Notification.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Notification } from '../Notification';
-
 declare const meta: Meta<typeof Notification>;
 export default meta;
 type Story = StoryObj<typeof Notification>;

package/dist/components/Notification/__tests__/Notification.test.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { s, a as i } from "../../../setup-BjIR5S0o.js";
+import { a as s, s as i } from "../../../setup-aZdxWCJq.js";
 import n from "../Notification.js";
 describe("<Notification />", () => {
   let e;
@@ -8,8 +8,8 @@ describe("<Notification />", () => {
       message: "Test notification message"
     };
   });
-  const o = () => i(/* @__PURE__ */ t(n, { ...e }));
+  const o = () => s(/* @__PURE__ */ t(n, { ...e }));
   it("should render the notification message", () => {
-    o(), expect(s.getByText(e.message)).toBeInTheDocument();
+    o(), expect(i.getByText(e.message)).toBeInTheDocument();
   });
 });

package/dist/components/Notification/styles.js

@@ -1,4 +1,4 @@
-import { d as i } from "../../styled-components.browser.esm-CZ1XM4o4.js";
+import { d as i } from "../../styled-components.browser.esm-C47QHsU4.js";
 import { SIZE as e } from "../../constants/index.js";
 const a = i.div`
   display: flex;

package/dist/components/Popover/Popover.d.ts

@@ -6,5 +6,5 @@ export interface PopoverProps {
     onOpenChange?: (visible: boolean) => void;
     align?: "left" | "right" | "top" | "bottom";
 }
-declare const Popover: ({ children, placement, title, align, onOpenChange, }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
+declare const Popover: ({ children, placement, title, align, onOpenChange, ...rest }: PopoverProps) => import("react/jsx-runtime").JSX.Element;
 export default Popover;

package/dist/components/Popover/Popover.js

@@ -1,21 +1,24 @@
-import { jsx as m } from "react/jsx-runtime";
-import { P as s } from "../../styles-CWdUpZom.js";
-const P = ({
+import { jsx as s } from "react/jsx-runtime";
+import { P as m } from "../../styles-DNay6iFa.js";
+const i = ({
   children: o,
-  placement: r = "top",
-  title: t,
+  placement: t = "top",
+  title: r,
   align: p = "top",
-  onOpenChange: e
-}) => /* @__PURE__ */ m(
-  s,
+  onOpenChange: e,
+  ...a
+}) => /* @__PURE__ */ s(
+  m,
   {
-    placement: r,
-    title: t,
+    ...a,
+    "data-testid": "popover",
+    placement: t,
+    title: r,
     onOpenChange: e,
     align: p,
     children: o
   }
 );
 export {
-  P as default
+  i as default
 };