@memobit/libs 2.1.0 → 3.1.0

package/dist/components/AvatarInitials/AvatarInitials2.js

@@ -0,0 +1,73 @@
+import './AvatarInitials.css';
+/* empty css               */
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+var n = [
+  {
+    background: "#f6a821",
+    color: "#1a1a1a"
+  },
+  {
+    background: "#1bbf89",
+    color: "#ffffff"
+  },
+  {
+    background: "#56c0e0",
+    color: "#1a1a1a"
+  },
+  {
+    background: "#db524b",
+    color: "#ffffff"
+  },
+  {
+    background: "#8b6fff",
+    color: "#ffffff"
+  },
+  {
+    background: "#f7af3e",
+    color: "#1a1a1a"
+  },
+  {
+    background: "#3f859a",
+    color: "#ffffff"
+  },
+  {
+    background: "#b6443e",
+    color: "#ffffff"
+  },
+  {
+    background: "#168963",
+    color: "#ffffff"
+  },
+  {
+    background: "#616779",
+    color: "#ffffff"
+  }
+];
+function e(f) {
+  const r = f.trim().split(/\s+/);
+  return r.length === 0 || f.trim() === "" ? "?" : r.length === 1 ? r[0][0]?.toUpperCase() ?? "?" : (r[0][0] + r[r.length - 1][0]).toUpperCase();
+}
+function s(f) {
+  let r = 0;
+  for (const a of f) r += a.charCodeAt(0);
+  return r % n.length;
+}
+var k = ({ name: f, size: r = "medium", shape: a = "rounded", className: c = "" }) => {
+  const o = e(f), { background: i, color: l } = n[s(o)];
+  return /* @__PURE__ */ t("div", {
+    className: `avatar-initials avatar-initials--${r} avatar-initials--${a} ${c}`,
+    style: {
+      backgroundColor: i,
+      color: l
+    },
+    title: f,
+    children: /* @__PURE__ */ t("span", {
+      className: "avatar-initials__text",
+      children: o
+    })
+  });
+};
+export {
+  k as AvatarInitials
+};

package/dist/components/BMI/BMI.css

@@ -0,0 +1 @@
+.horizontal-bar-container{width:100%;max-width:700px;margin:0 auto}.indicator-section{height:var(--spacing-40);margin-bottom:var(--spacing-4);position:relative}.indicator-pointer{z-index:0;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;transform:translate(-50%)}.indicator-value{background-color:var(--popover-background-color);border:var(--spacing-2) solid #868585;border-radius:var(--radius);padding:var(--spacing-4) var(--spacing-8);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);box-shadow:0 var(--spacing-2) var(--spacing-8) #00000026}.pointer-arrow{border-left:var(--spacing-8) solid transparent;border-right:var(--spacing-8) solid transparent;border-top:var(--spacing-12) solid #868585;width:0;height:0}.horizontal-bar{width:100%;height:var(--spacing-48);border:var(--spacing-4) solid #333;border-radius:var(--spacing-24);box-shadow:0 var(--spacing-4) var(--spacing-12) #0000001a;display:flex;overflow:hidden}.bar-segment{justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.bar-segment:first-child{border-top-left-radius:var(--spacing-8);border-bottom-left-radius:var(--spacing-8)}.bar-segment:last-child{border-top-right-radius:var(--spacing-8);border-bottom-right-radius:var(--spacing-8)}.range-text{color:var(--body-color-accent);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);text-shadow:var(--spacing-1) var(--spacing-1) var(--spacing-2) #0000004d}.labels-row{width:100%;margin-top:var(--spacing-8);display:flex}.label-segment{justify-content:center;align-items:center;display:flex}.label-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);color:var(--body-color);text-align:center;text-transform:uppercase;line-height:1.2}@media (width<=768px){.horizontal-bar{height:var(--spacing-40)}.range-text{font-size:var(--font-size-xxs);text-align:center}.label-text{font-size:var(--font-size-xxs)}.indicator-value{font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8)}}.horizontal-bar-container--is-simplified .indicator-section{margin-bottom:var(--spacing-1);height:var(--spacing-12)}.horizontal-bar-container--is-simplified .indicator-section .indicator-value{display:none}.horizontal-bar-container--is-simplified .horizontal-bar{height:var(--spacing-8);border-width:var(--spacing-1)}.horizontal-bar-container--is-simplified .horizontal-bar .range-text{display:none}.horizontal-bar-container--is-simplified .labels-row{margin-top:var(--spacing-2)}.horizontal-bar-container--is-simplified .labels-row .label-segment .label-text{font-weight:var(--font-weight-normal);text-transform:none}

package/dist/components/BMI/BMI2.js

@@ -0,0 +1,53 @@
+import './BMI.css';
+import { ADULT_RANGES as N, PEDIATRIC_THRESHOLDS as p, calculateBMI as u, getIndicatorColor as g, getIndicatorPosition as I, getPediatricRanges as R, getRangeLabel as f } from "./bmiUtils.js";
+/* empty css    */
+import "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+var $ = ({ weight: n, height: d, age: t, sex: o, isSimplified: c = !1, showLabels: m = !0, showIndicator: h = !0 }) => {
+  const l = u(n, d), i = t !== void 0 && o !== void 0 && t >= 2 && t <= 17 ? R(...p[o][t]) : N, v = I(l, i), b = g(l, i);
+  return /* @__PURE__ */ s("div", {
+    className: `horizontal-bar-container ${c ? "horizontal-bar-container--is-simplified" : ""}`,
+    children: [
+      h && /* @__PURE__ */ e("div", {
+        className: "indicator-section",
+        children: /* @__PURE__ */ s("div", {
+          className: "indicator-pointer",
+          style: { left: `${v}%` },
+          children: [/* @__PURE__ */ e("div", {
+            className: "indicator-value",
+            style: { color: b },
+            children: Math.round(l * 10) / 10
+          }), /* @__PURE__ */ e("div", { className: "pointer-arrow" })]
+        })
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "horizontal-bar",
+        children: i.map((a, r) => /* @__PURE__ */ e("div", {
+          className: "bar-segment",
+          style: {
+            backgroundColor: a.color,
+            width: `${a.percentage}%`
+          },
+          children: /* @__PURE__ */ e("div", {
+            className: "range-text",
+            children: f(a, r, i.length)
+          })
+        }, r))
+      }),
+      m && /* @__PURE__ */ e("div", {
+        className: "labels-row",
+        children: i.map((a, r) => /* @__PURE__ */ e("div", {
+          className: "label-segment",
+          style: { width: `${a.percentage}%` },
+          children: /* @__PURE__ */ e("div", {
+            className: "label-text",
+            children: c && a.shortLabel || a.label
+          })
+        }, r))
+      })
+    ]
+  });
+};
+export {
+  $ as BMI
+};

package/dist/components/BMI/bmiUtils.js

@@ -0,0 +1,265 @@
+var t = {
+  male: {
+    2: [
+      14.7,
+      17.4,
+      18.4
+    ],
+    3: [
+      14,
+      16.7,
+      17.9
+    ],
+    4: [
+      13.7,
+      16.3,
+      17.6
+    ],
+    5: [
+      13.5,
+      16.2,
+      17.7
+    ],
+    6: [
+      13.4,
+      16.4,
+      18
+    ],
+    7: [
+      13.5,
+      16.9,
+      18.7
+    ],
+    8: [
+      13.7,
+      17.5,
+      19.7
+    ],
+    9: [
+      14,
+      18.3,
+      20.9
+    ],
+    10: [
+      14.4,
+      19.1,
+      22.1
+    ],
+    11: [
+      14.9,
+      20.1,
+      23.3
+    ],
+    12: [
+      15.4,
+      21,
+      24.5
+    ],
+    13: [
+      15.9,
+      21.9,
+      25.6
+    ],
+    14: [
+      16.5,
+      22.7,
+      26.5
+    ],
+    15: [
+      17,
+      23.4,
+      27.3
+    ],
+    16: [
+      17.5,
+      24,
+      27.9
+    ],
+    17: [
+      17.8,
+      24.5,
+      28.3
+    ]
+  },
+  female: {
+    2: [
+      14.2,
+      17.1,
+      18
+    ],
+    3: [
+      13.7,
+      16.6,
+      17.6
+    ],
+    4: [
+      13.4,
+      16.3,
+      17.4
+    ],
+    5: [
+      13.2,
+      16.3,
+      17.7
+    ],
+    6: [
+      13.1,
+      16.6,
+      18.2
+    ],
+    7: [
+      13.2,
+      17.1,
+      19.1
+    ],
+    8: [
+      13.4,
+      17.9,
+      20.3
+    ],
+    9: [
+      13.8,
+      18.8,
+      21.6
+    ],
+    10: [
+      14.2,
+      19.8,
+      23
+    ],
+    11: [
+      14.8,
+      20.9,
+      24.4
+    ],
+    12: [
+      15.4,
+      21.9,
+      25.7
+    ],
+    13: [
+      16,
+      22.8,
+      26.8
+    ],
+    14: [
+      16.5,
+      23.5,
+      27.7
+    ],
+    15: [
+      17,
+      24.1,
+      28.4
+    ],
+    16: [
+      17.4,
+      24.5,
+      28.9
+    ],
+    17: [
+      17.7,
+      24.8,
+      29.1
+    ]
+  }
+}, l = [
+  {
+    min: 0,
+    max: 18.5,
+    label: "Underweight",
+    color: "#00BFFF",
+    percentage: 16.7
+  },
+  {
+    min: 18.5,
+    max: 24.9,
+    label: "Normal",
+    color: "#7ED321",
+    percentage: 16.7
+  },
+  {
+    min: 25,
+    max: 29.9,
+    label: "Overweight",
+    color: "#FFD700",
+    percentage: 16.7
+  },
+  {
+    min: 30,
+    max: 34.9,
+    label: "Obese",
+    color: "#FF8C00",
+    percentage: 16.7
+  },
+  {
+    min: 35,
+    max: 39.9,
+    label: "Severely Obese",
+    shortLabel: "Severe",
+    color: "#FF4444",
+    percentage: 16.7
+  },
+  {
+    min: 40,
+    max: 50,
+    label: "Morbidly Obese",
+    shortLabel: "Morbid",
+    color: "#8B0000",
+    percentage: 16.6
+  }
+], c = (e, r, a) => {
+  const n = a + 8;
+  return [
+    {
+      min: e - 5,
+      max: e,
+      label: "Underweight",
+      color: "#00BFFF",
+      percentage: 20
+    },
+    {
+      min: e,
+      max: r,
+      label: "Healthy",
+      color: "#7ED321",
+      percentage: 40
+    },
+    {
+      min: r,
+      max: a,
+      label: "Overweight",
+      color: "#FFD700",
+      percentage: 20
+    },
+    {
+      min: a,
+      max: n,
+      label: "Obese",
+      color: "#FF4444",
+      percentage: 20
+    }
+  ];
+}, i = (e, r) => e / (r / 100) ** 2, m = (e, r) => {
+  let a = 0;
+  for (const n of r) {
+    if (e <= n.max) {
+      const o = (e - n.min) / (n.max - n.min);
+      return a + Math.min(Math.max(o, 0), 1) * n.percentage;
+    }
+    a += n.percentage;
+  }
+  return 100;
+}, g = (e, r) => {
+  for (const a of r) if (e <= a.max) return a.color;
+  return r[r.length - 1].color;
+}, b = (e, r, a) => r === 0 ? `<${e.max}` : r === a - 1 ? `>${e.min}` : `${e.min}–${e.max}`;
+export {
+  l as ADULT_RANGES,
+  t as PEDIATRIC_THRESHOLDS,
+  i as calculateBMI,
+  g as getIndicatorColor,
+  m as getIndicatorPosition,
+  c as getPediatricRanges,
+  b as getRangeLabel
+};

package/dist/components/Badge/Badge.css

@@ -0,0 +1 @@
+.badge{--badge-custom-color:var(--body-accent-color);align-items:center;gap:var(--spacing-4);padding:var(--spacing-8) var(--spacing-12);border:var(--spacing-1) solid transparent;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1.5;transition:all .2s;display:inline-flex}.badge-variant--default{background-color:color-mix(in srgb, var(--button-default-hover-background-color) 100%, transparent);color:var(--button-default-color)}.badge-variant--info{background-color:color-mix(in srgb, var(--button-info-background-color) 20%, transparent);color:var(--button-info-background-color)}.badge-variant--success{background-color:color-mix(in srgb, var(--button-success-background-color) 20%, transparent);color:var(--button-success-background-color)}.badge-variant--warning{background-color:color-mix(in srgb, var(--button-warning-background-color) 20%, transparent);color:var(--button-warning-background-color)}.badge-variant--danger{background-color:color-mix(in srgb, var(--button-danger-background-color) 20%, transparent);color:var(--button-danger-background-color)}.badge-variant--custom{border:1px solid var(--badge-custom-color);color:var(--body-color);background-color:#0000}.badge-variant--custom:hover{background-color:color-mix(in srgb, var(--badge-custom-color) 20%, transparent)}.badge-variant--custom.badge--active{background-color:var(--badge-custom-color);color:var(--button-info-color,#fff)}.badge-size--xsmall{padding:var(--spacing-2) 6px;font-size:var(--font-size-xxs)}.badge-size--small{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-xs)}.badge-size--medium{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-xs)}.badge__clear{color:inherit;cursor:pointer;font-size:var(--font-size-md);opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0;line-height:1}.badge__clear:hover{opacity:1}.badge--clickable{cursor:pointer}.badge--active{opacity:1}.badge--inactive{opacity:.5}

package/dist/components/Badge/Badge2.js

@@ -0,0 +1,30 @@
+import './Badge.css';
+import { Tooltip as m } from "../Tooltip/Tooltip2.js";
+/* empty css      */
+import { jsx as s, jsxs as p } from "react/jsx-runtime";
+var y = ({ variant: o = "default", children: n, className: r = "", size: b = "medium", customColor: t, isActive: d, onClick: e, onClear: i }) => {
+  const c = d !== void 0 ? d ? "badge--active" : "badge--inactive" : "", l = e ? "badge--clickable" : "", v = t ? "badge-variant--custom" : `badge-variant--${o}`, g = t ? { "--badge-custom-color": t } : void 0;
+  return /* @__PURE__ */ p("span", {
+    className: `badge ${v} ${r} badge-size--${b} ${c} ${l}`,
+    style: g,
+    onClick: e,
+    tabIndex: e ? 0 : void 0,
+    onKeyDown: e ? (a) => {
+      (a.key === "Enter" || a.key === " ") && (a.preventDefault(), e(a));
+    } : void 0,
+    children: [n, i && /* @__PURE__ */ s(m, {
+      title: "Remove",
+      children: /* @__PURE__ */ s("button", {
+        className: "badge__clear",
+        onClick: (a) => {
+          a.stopPropagation(), i();
+        },
+        type: "button",
+        children: "×"
+      })
+    })]
+  });
+};
+export {
+  y as Badge
+};

package/dist/components/Banner/Banner.css

@@ -0,0 +1 @@
+.banner{--banner-accent-color:var(--body-accent-color);--banner-background-color:var(--card-background-color);--banner-border-color:var(--card-border-color);--banner-color:var(--body-color);border:var(--spacing-1) solid var(--banner-border-color);border-left:var(--spacing-4) solid var(--banner-accent-color);border-radius:var(--radius);background:linear-gradient(90deg, color-mix(in srgb, var(--banner-accent-color) 12%, transparent), transparent 42%), var(--banner-background-color);width:100%;color:var(--banner-color);box-shadow:var(--card-surface-box-shadow,var(--card-box-shadow));display:flex;position:relative}.banner--success{--banner-accent-color:var(--button-success-background-color);--banner-border-color:color-mix(in srgb, var(--button-success-background-color) 45%, var(--card-border-color))}.banner--info{--banner-accent-color:var(--button-info-background-color);--banner-border-color:color-mix(in srgb, var(--button-info-background-color) 45%, var(--card-border-color))}.banner--warning{--banner-accent-color:var(--button-warning-background-color);--banner-border-color:color-mix(in srgb, var(--button-warning-background-color) 45%, var(--card-border-color))}.banner--danger{--banner-accent-color:var(--button-danger-background-color);--banner-border-color:color-mix(in srgb, var(--button-danger-background-color) 45%, var(--card-border-color))}.banner__content{justify-content:space-between;align-items:center;gap:var(--spacing-24);width:100%;padding:var(--spacing-20) var(--spacing-60) var(--spacing-20) var(--spacing-20);display:flex}.banner__copy{min-width:0}.banner__title{color:var(--body-color-accent);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;line-height:1.35}.banner__description{margin:var(--spacing-4) 0 0;color:var(--body-color);font-size:var(--font-size-sm);line-height:1.5}.banner__action{align-items:center;gap:var(--spacing-8);flex:none;display:flex}.banner__dismiss{top:var(--spacing-12);right:var(--spacing-12);width:var(--spacing-32);height:var(--spacing-32);border-radius:var(--radius-sm);color:var(--body-color-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .2s,color .2s;display:inline-flex;position:absolute}.banner__dismiss:hover,.banner__dismiss:focus-visible{background:color-mix(in srgb, var(--banner-accent-color) 12%, transparent);color:var(--banner-accent-color)}.banner__dismiss:focus-visible{outline:var(--spacing-2) solid var(--banner-accent-color);outline-offset:var(--spacing-2)}@media (width<=768px){.banner__content{align-items:flex-start;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-48) var(--spacing-16) var(--spacing-16);flex-direction:column}.banner__action{width:100%}.banner__action .button{justify-content:center;width:100%}}

package/dist/components/Banner/Banner2.js

@@ -0,0 +1,57 @@
+import './Banner.css';
+import { Icon as b } from "../Icon/Icon2.js";
+import { Button as n } from "../Button/Button2.js";
+import { Tooltip as f } from "../Tooltip/Tooltip2.js";
+/* empty css       */
+import { useState as v } from "react";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+var $ = ({ action: s, secondaryAction: i, className: a = "", description: l, dismissLabel: m = "Dismiss", onDismiss: d, showDismiss: c = !0, title: o, variant: t = "default" }) => {
+  const [h, u] = v(!1), _ = s?.variant || (t === "default" ? "default" : t);
+  if (h) return null;
+  const p = () => {
+    u(!0), d?.();
+  };
+  return /* @__PURE__ */ r("section", {
+    className: `banner banner--${t} ${a}`,
+    children: [/* @__PURE__ */ r("div", {
+      className: "banner__content",
+      children: [/* @__PURE__ */ r("div", {
+        className: "banner__copy",
+        children: [/* @__PURE__ */ e("h3", {
+          className: "banner__title",
+          children: o
+        }), /* @__PURE__ */ e("div", {
+          className: "banner__description",
+          children: l
+        })]
+      }), (s || i) && /* @__PURE__ */ r("div", {
+        className: "banner__action",
+        children: [s && /* @__PURE__ */ e(n, {
+          ...s,
+          size: s.size || "small",
+          variant: _,
+          children: s.text
+        }), i && /* @__PURE__ */ e(n, {
+          ...i,
+          size: i.size || "small",
+          variant: i.variant || "ghost",
+          children: i.text
+        })]
+      })]
+    }), c && /* @__PURE__ */ e(f, {
+      title: m,
+      children: /* @__PURE__ */ e("button", {
+        className: "banner__dismiss",
+        type: "button",
+        onClick: p,
+        children: /* @__PURE__ */ e(b, {
+          name: "clear",
+          size: "sm"
+        })
+      })
+    })]
+  });
+};
+export {
+  $ as Banner
+};

package/dist/components/Blockquote/Blockquote.css

@@ -0,0 +1 @@
+.blockquote{gap:var(--spacing-8);--_quote-accent:var(--body-sub-title-color);flex-direction:column;margin:0;display:flex;position:relative}.blockquote--accent{--_quote-accent:var(--body-accent-color)}.blockquote--info{--_quote-accent:var(--rating-color-info)}.blockquote--success{--_quote-accent:var(--rating-color-success)}.blockquote--warning{--_quote-accent:var(--rating-color-warning)}.blockquote--danger{--_quote-accent:var(--rating-color-danger)}.blockquote__quote{align-items:flex-start;gap:var(--spacing-8);color:var(--body-color);line-height:var(--line-height-normal);margin:0;display:flex}.blockquote__icon{color:var(--_quote-accent);margin-top:var(--spacing-2);flex-shrink:0}.blockquote__text{min-width:0}.blockquote__attribution{align-items:baseline;gap:var(--spacing-6);font-size:var(--font-size-sm);color:var(--body-color-muted);flex-wrap:wrap;display:flex}.blockquote__author{font-weight:var(--font-weight-semibold);color:var(--_quote-accent)}.blockquote__author:not(:last-child):after{content:"·";margin-left:var(--spacing-6);color:var(--body-color-muted);font-weight:var(--font-weight-normal)}.blockquote__source{font-style:italic}.blockquote a.blockquote__source{color:var(--links-color);text-decoration:none}.blockquote a.blockquote__source:hover{color:var(--links-hover-color);text-decoration:underline}.blockquote--sm .blockquote__quote{font-size:var(--font-size-sm)}.blockquote--md .blockquote__quote{font-size:var(--font-size-md)}.blockquote--lg .blockquote__quote{font-size:var(--font-size-lg)}.blockquote--bar{padding-left:var(--spacing-16);border-left:var(--spacing-4) solid var(--_quote-accent)}.blockquote--card{padding:var(--spacing-16);border:var(--spacing-1) solid var(--card-border-color);border-left:var(--spacing-4) solid var(--_quote-accent);border-radius:var(--radius);background:var(--card-background-accent-color)}.blockquote--pull{padding:var(--spacing-20) var(--spacing-24);gap:var(--spacing-12)}.blockquote--pull .blockquote__quote{font-size:var(--font-size-xl);font-family:var(--font-family-display);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.blockquote--plain .blockquote__quote{font-style:italic}.blockquote--align-center{text-align:center;align-items:center}.blockquote--align-center .blockquote__quote,.blockquote--align-center .blockquote__attribution{justify-content:center}.blockquote--marked .blockquote__mark{top:calc(var(--spacing-12) * -1);font-family:var(--font-family-display);font-size:var(--font-size-xxxl);line-height:var(--line-height-none);color:var(--_quote-accent);opacity:.18;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;left:0}.blockquote--marked .blockquote__quote{position:relative}.blockquote--marked.blockquote--align-center .blockquote__mark{left:50%;transform:translate(-50%)}.blockquote--marked.blockquote--bar .blockquote__mark,.blockquote--marked.blockquote--card .blockquote__mark{left:var(--spacing-12)}

package/dist/components/Blockquote/Blockquote2.js

@@ -0,0 +1,55 @@
+import './Blockquote.css';
+import { Icon as _ } from "../Icon/Icon2.js";
+/* empty css           */
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+var p = ({ align: r, appearance: a = "bar", author: l, children: i, className: u = "", href: t, icon: s, showQuoteMark: n = !1, size: b = "md", source: o, variant: m = "default" }) => {
+  const k = !!(l || o), q = r ?? (a === "pull" ? "center" : "left");
+  return /* @__PURE__ */ c("figure", {
+    className: [
+      "blockquote",
+      `blockquote--${a}`,
+      `blockquote--${m}`,
+      `blockquote--${b}`,
+      `blockquote--align-${q}`,
+      n ? "blockquote--marked" : "",
+      u
+    ].filter(Boolean).join(" "),
+    children: [
+      n && /* @__PURE__ */ e("span", {
+        className: "blockquote__mark",
+        children: "“"
+      }),
+      /* @__PURE__ */ c("blockquote", {
+        className: "blockquote__quote",
+        cite: t,
+        children: [s && /* @__PURE__ */ e(_, {
+          className: "blockquote__icon",
+          name: s,
+          size: "sm"
+        }), /* @__PURE__ */ e("span", {
+          className: "blockquote__text",
+          children: i
+        })]
+      }),
+      k && /* @__PURE__ */ c("figcaption", {
+        className: "blockquote__attribution",
+        children: [l && /* @__PURE__ */ e("span", {
+          className: "blockquote__author",
+          children: l
+        }), o && (t ? /* @__PURE__ */ e("a", {
+          className: "blockquote__source",
+          href: t,
+          rel: "noreferrer",
+          target: "_blank",
+          children: o
+        }) : /* @__PURE__ */ e("cite", {
+          className: "blockquote__source",
+          children: o
+        }))]
+      })
+    ]
+  });
+};
+export {
+  p as Blockquote
+};

package/dist/components/Breadcrumb/Breadcrumb.css

@@ -0,0 +1 @@
+.breadcrumb__list{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;gap:var(--spacing-8);display:flex}.breadcrumb__link{color:var(--body-accent-color);font-size:var(--font-size-md);font-weight:var(--font-weight-normal);text-decoration:none;transition:all .2s}.breadcrumb__link:hover{color:var(--body-color-accent);text-decoration:underline}.breadcrumb__link:focus{outline:2px solid var(--body-accent-color);outline-offset:2px;border-radius:2px}.breadcrumb__text{color:var(--body-color);font-size:var(--font-size-md);font-weight:var(--font-weight-normal)}.breadcrumb__text--current{color:var(--body-color-accent);font-weight:var(--font-weight-semibold)}.breadcrumb__separator{color:var(--body-color-muted);font-size:var(--font-size-md);-webkit-user-select:none;user-select:none}@media (width<=768px){.breadcrumb__list,.breadcrumb__item{gap:var(--spacing-4)}.breadcrumb__link,.breadcrumb__text,.breadcrumb__separator{font-size:var(--font-size-sm)}}

package/dist/components/Breadcrumb/Breadcrumb2.js

@@ -0,0 +1,36 @@
+import './Breadcrumb.css';
+/* empty css           */
+import "react";
+import { jsx as a, jsxs as t } from "react/jsx-runtime";
+var _ = ({ items: l, separator: s = "/", className: n = "" }) => {
+  const b = (r, e) => {
+    r.onClick && (e.preventDefault(), r.onClick());
+  };
+  return /* @__PURE__ */ a("nav", {
+    className: `breadcrumb ${n}`,
+    children: /* @__PURE__ */ a("ol", {
+      className: "breadcrumb__list",
+      children: l.map((r, e) => {
+        const c = e === l.length - 1;
+        return /* @__PURE__ */ t("li", {
+          className: "breadcrumb__item",
+          children: [r.href && !c ? /* @__PURE__ */ a("a", {
+            href: r.href,
+            className: "breadcrumb__link",
+            onClick: (m) => b(r, m),
+            children: r.label
+          }) : /* @__PURE__ */ a("span", {
+            className: `breadcrumb__text ${c ? "breadcrumb__text--current" : ""}`,
+            children: r.label
+          }), !c && /* @__PURE__ */ a("span", {
+            className: "breadcrumb__separator",
+            children: s
+          })]
+        }, e);
+      })
+    })
+  });
+};
+export {
+  _ as Breadcrumb
+};

package/dist/components/BulkActionBar/BulkActionBar.css

@@ -0,0 +1 @@
+.memobit-bulk-action-bar{justify-content:space-between;align-items:center;gap:var(--spacing-16);padding:var(--spacing-12) var(--spacing-16);background-color:var(--card-background-accent-color);border-radius:var(--radius);z-index:10;display:flex;position:sticky;left:0;right:0;box-shadow:0 4px 16px #0000002e}.memobit-bulk-action-bar--bottom{border-top:1px solid var(--card-border-color);bottom:0}.memobit-bulk-action-bar--top{border-bottom:1px solid var(--card-border-color);top:0}.memobit-bulk-action-bar__label{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--card-color)}.memobit-bulk-action-bar__actions{align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}@media (width<=768px){.memobit-bulk-action-bar{align-items:stretch;gap:var(--spacing-8);padding:var(--spacing-8);flex-direction:column}.memobit-bulk-action-bar__actions{justify-content:flex-end}}

package/dist/components/BulkActionBar/BulkActionBar2.js

@@ -0,0 +1,39 @@
+import './BulkActionBar.css';
+import { Button as m } from "../Button/Button2.js";
+/* empty css              */
+import "react";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+var v = (i) => i.label ? `${i.label} ${i.done}/${i.total}` : `Running ${i.done}/${i.total}`, B = ({ selectionCount: i, visible: o, label: d, progress: a, actions: r, onClear: t, clearLabel: b = "Clear", position: c = "bottom", className: u }) => o ?? i > 0 ? /* @__PURE__ */ n("div", {
+  className: [
+    "memobit-bulk-action-bar",
+    `memobit-bulk-action-bar--${c}`,
+    u
+  ].filter(Boolean).join(" "),
+  children: [/* @__PURE__ */ e("div", {
+    className: "memobit-bulk-action-bar__label",
+    children: a ? v(a) : d ?? `${i} selected`
+  }), /* @__PURE__ */ n("div", {
+    className: "memobit-bulk-action-bar__actions",
+    children: [r.map((l) => /* @__PURE__ */ e(m, {
+      disabled: l.disabled,
+      icon: l.icon,
+      onClick: () => {
+        l.onClick();
+      },
+      size: "medium",
+      title: l.title,
+      variant: l.variant ?? "default",
+      children: l.label
+    }, l.key)), t && /* @__PURE__ */ e(m, {
+      disabled: a !== void 0,
+      icon: "clear",
+      onClick: t,
+      size: "medium",
+      variant: "ghost",
+      children: b
+    })]
+  })]
+}) : null;
+export {
+  B as BulkActionBar
+};

package/dist/components/Button/Button.css

@@ -0,0 +1 @@
+.button{background-color:var(--button-default-background-color);color:var(--button-default-color);border:var(--spacing-1) solid;border-color:var(--button-default-border-color);padding:var(--spacing-12) var(--spacing-16);font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--spacing-8);line-height:1.5;transition:all .2s;display:inline-flex}.button svg,.button img{vertical-align:middle}.button:hover{cursor:pointer}.button.button-rounded{border-radius:var(--radius-sm)}.button.is-full-width{width:100%}.button:not([disabled]):hover{color:var(--button-default-hover-color);background-color:var(--button-default-hover-background-color);border-color:var(--button-default-hover-border-color)}.button:disabled{opacity:.3;cursor:not-allowed}.button--loading{cursor:wait}.button--loading:hover{transform:none}.button__spinner{border:var(--spacing-2) solid transparent;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:1s linear infinite button-spin;display:inline-block}.button.button-small{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-xs)}.button.button-small .button__spinner{width:var(--spacing-12);height:var(--spacing-12)}.button.button-large{padding:var(--spacing-12) var(--spacing-24);font-size:var(--font-size-md)}.button.button-large .button__spinner{width:var(--spacing-16);height:var(--spacing-16)}.button.button-success{background-color:var(--button-success-background-color);border-color:var(--button-success-border-color);color:var(--button-success-color)}.button.button-success:hover{background-color:var(--button-success-hover-background-color);border-color:var(--button-success-hover-border-color);color:var(--button-success-hover-color)}.button.button-warning{background-color:var(--button-warning-background-color);border-color:var(--button-warning-border-color);color:var(--button-warning-color)}.button.button-warning:hover{background-color:var(--button-warning-hover-background-color);border-color:var(--button-warning-hover-border-color);color:var(--button-warning-hover-color)}.button.button-danger{background-color:var(--button-danger-background-color);border-color:var(--button-danger-border-color);color:var(--button-danger-color)}.button.button-danger:hover{background-color:var(--button-danger-hover-background-color);border-color:var(--button-danger-hover-border-color);color:var(--button-danger-hover-color)}.button.button-info{background-color:var(--button-info-background-color);border-color:var(--button-info-border-color);color:var(--button-info-color)}.button.button-info:hover{background-color:var(--button-info-hover-background-color);border-color:var(--button-info-hover-border-color);color:var(--button-info-hover-color)}.button.button-plain{color:var(--button-plain-color);padding:var(--spacing-4);background:0 0;border:none}.button.button-plain:hover{cursor:pointer;color:var(--button-plain-hover-color);background:0 0;transform:none}.button.button-ghost{background-color:var(--button-ghost-background-color);border-color:var(--button-ghost-border-color);color:var(--button-ghost-color);padding:var(--spacing-4) var(--spacing-8)}.button.button-ghost:hover{background-color:var(--button-ghost-hover-background-color);border-color:var(--button-ghost-hover-border-color);color:var(--button-ghost-hover-color);transform:none}@keyframes button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.button{padding:var(--spacing-12)}}