nogbase-ui 1.0.0

package/dist/layout.mjs

@@ -0,0 +1,599 @@
+import { j as i } from "./jsx-runtime-R4VT8aVc.js";
+import { T as b } from "./ThemeProvider-CpY05Gd2.js";
+import { AnimatePresence as E, motion as p, useMotionValue as w, useTransform as S, animate as I } from "framer-motion";
+import { useContext as f, useRef as M, useState as H, useEffect as N } from "react";
+import { o as y } from "./utils-BsFkjDy5.js";
+import { styled as t } from "@linaria/react";
+import { t as o } from "./themeCssVariables-CBmoYPJ3.js";
+import { createPortal as O } from "react-dom";
+import { R as Mn, u as Tn } from "./useResizeHandle-BL0vTx8N.js";
+const T = (e, n, a) => ({
+  transition: {
+    opacity: {
+      duration: n,
+      ease: "easeInOut"
+    },
+    [e]: {
+      duration: a,
+      ease: "easeInOut"
+    }
+  }
+}), C = (e, n, a) => ({
+  opacity: 0,
+  [e]: 0,
+  ...T(e, n, a)
+}), W = (e, n, a, s, r) => ({
+  initial: {
+    ...C(n, a, s)
+  },
+  animate: {
+    opacity: 1,
+    [n]: e ? r === "fit-content" ? "fit-content" : n === "width" ? "100%" : r : 0,
+    ...T(n, a, s)
+  },
+  exit: {
+    ...C(n, a, s)
+  }
+}), dn = ({
+  children: e,
+  isExpanded: n,
+  dimension: a = "height",
+  animationDurations: s = "default",
+  mode: r = "scroll-height",
+  containAnimation: d = !0,
+  initial: l = !0
+}) => {
+  const { theme: g } = f(b), c = M(null), [m, u] = H(0), h = g.animation.duration.normal, _ = s === "default" ? {
+    opacity: h,
+    size: h
+  } : s, x = () => {
+    r === "scroll-height" && a === "height" && y(c.current) && u(c.current.scrollHeight);
+  }, v = W(
+    n,
+    a,
+    _.opacity,
+    _.size,
+    r === "fit-content" ? "fit-content" : m
+  );
+  return /* @__PURE__ */ i.jsx(E, { initial: l, children: n && /* @__PURE__ */ i.jsx(
+    p.div,
+    {
+      ref: c,
+      initial: "initial",
+      animate: "animate",
+      exit: "exit",
+      variants: v,
+      onAnimationStart: x,
+      style: d ? {
+        display: "flex",
+        flexDirection: "column",
+        overflow: "hidden",
+        width: "100%"
+      } : void 0,
+      children: e
+    }
+  ) });
+}, G = {
+  noFile: "/images/placeholders/background/no_file_bg.png",
+  noNote: "/images/placeholders/background/no_note_bg.png",
+  noRecord: "/images/placeholders/background/no_record_bg.png",
+  noMatchRecord: "/images/placeholders/background/no_match_record_bg.png",
+  noTask: "/images/placeholders/background/no_task_bg.png",
+  errorIndex: "/images/placeholders/background/error_index_bg.png",
+  emptyTimeline: "/images/placeholders/background/empty_timeline_bg.png",
+  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
+  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
+  emptyFunctions: "/images/placeholders/background/empty_functions_bg.png",
+  emptyInbox: "/images/placeholders/background/empty_inbox_bg.png",
+  error404: "/images/placeholders/background/404_bg.png",
+  error500: "/images/placeholders/background/500_bg.png",
+  noDeletedRecord: "/images/placeholders/background/no_deleted_record_bg.png",
+  noWidgets: "/images/placeholders/background/no_widgets_bg.png",
+  notShared: "/images/placeholders/background/not_shared_bg.png"
+}, V = {
+  noFile: "/images/placeholders/dark-background/no_file_bg.png",
+  noNote: "/images/placeholders/dark-background/no_note_bg.png",
+  noRecord: "/images/placeholders/dark-background/no_record_bg.png",
+  noMatchRecord: "/images/placeholders/dark-background/no_match_record_bg.png",
+  noTask: "/images/placeholders/dark-background/no_task_bg.png",
+  errorIndex: "/images/placeholders/dark-background/error_index_bg.png",
+  emptyTimeline: "/images/placeholders/dark-background/empty_timeline_bg.png",
+  emptyInbox: "/images/placeholders/dark-background/empty_inbox_bg.png",
+  error404: "/images/placeholders/dark-background/404_bg.png",
+  error500: "/images/placeholders/dark-background/500_bg.png",
+  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
+  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
+  emptyFunctions: "/images/placeholders/dark-background/empty_functions_bg.png",
+  noDeletedRecord: "/images/placeholders/dark-background/no_deleted_record_bg.png",
+  noWidgets: "/images/placeholders/dark-background/no_widgets_bg.png",
+  notShared: "/images/placeholders/dark-background/not_shared_bg.png"
+}, X = {
+  noFile: "/images/placeholders/dark-moving-image/no_file.png",
+  noNote: "/images/placeholders/dark-moving-image/no_note.png",
+  noRecord: "/images/placeholders/dark-moving-image/no_record.png",
+  noMatchRecord: "/images/placeholders/dark-moving-image/no_match_record.png",
+  noTask: "/images/placeholders/dark-moving-image/no_task.png",
+  errorIndex: "/images/placeholders/dark-moving-image/error_index.png",
+  emptyTimeline: "/images/placeholders/dark-moving-image/empty_timeline.png",
+  emptyInbox: "/images/placeholders/dark-moving-image/empty_inbox.png",
+  error404: "/images/placeholders/dark-moving-image/404.png",
+  error500: "/images/placeholders/dark-moving-image/500.png",
+  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
+  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
+  emptyFunctions: "/images/placeholders/dark-moving-image/empty_functions.png",
+  noDeletedRecord: "/images/placeholders/dark-moving-image/no_deleted_record.png",
+  noWidgets: "/images/placeholders/dark-moving-image/no_widgets.png",
+  notShared: "/images/placeholders/dark-moving-image/not_shared.png"
+}, K = {
+  noFile: "/images/placeholders/moving-image/no_file.png",
+  noNote: "/images/placeholders/moving-image/no_note.png",
+  noRecord: "/images/placeholders/moving-image/no_record.png",
+  noMatchRecord: "/images/placeholders/moving-image/no_match_record.png",
+  noTask: "/images/placeholders/moving-image/no_task.png",
+  errorIndex: "/images/placeholders/moving-image/error_index.png",
+  emptyTimeline: "/images/placeholders/moving-image/empty_timeline.png",
+  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
+  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
+  emptyFunctions: "/images/placeholders/moving-image/empty_functions.png",
+  emptyInbox: "/images/placeholders/moving-image/empty_inbox.png",
+  error404: "/images/placeholders/moving-image/404.png",
+  error500: "/images/placeholders/moving-image/500.png",
+  noDeletedRecord: "/images/placeholders/moving-image/no_deleted_record.png",
+  noWidgets: "/images/placeholders/moving-image/no_widgets.png",
+  notShared: "/images/placeholders/moving-image/not_shared.png"
+}, Y = /* @__PURE__ */ t("div")({
+  name: "StyledContainer",
+  class: "swnayh4",
+  propsAsIs: !1
+}), U = () => ({
+  type: e
+}) => e === "error500" || e === "error404" ? "245px" : "160px", Z = /* @__PURE__ */ t("img")({
+  name: "StyledBackgroundImage",
+  class: "s1f952kx",
+  propsAsIs: !1,
+  vars: {
+    "s1f952kx-0": [U()]
+  }
+}), $ = (e) => e === "error500" || e === "error404" ? "185px" : "130px", cn = ({
+  type: e
+}) => {
+  const {
+    colorScheme: n
+  } = f(b), a = w(window.innerWidth / 2), s = w(window.innerHeight / 2), r = S(a, [0, window.innerWidth], [-2, 2]), d = S(s, [0, window.innerHeight], [-2, 2]);
+  return N(() => {
+    const l = (c) => {
+      const m = "touches" in c ? c.touches[0].clientX : c.clientX, u = "touches" in c ? c.touches[0].clientY : c.clientY;
+      a.set(m), s.set(u);
+    }, g = () => {
+      I(a, window.innerWidth / 2, {
+        type: "spring",
+        stiffness: 100,
+        damping: 10
+      }), I(s, window.innerHeight / 2, {
+        type: "spring",
+        stiffness: 100,
+        damping: 10
+      });
+    };
+    return window.addEventListener("mousemove", l), window.addEventListener("touchmove", l), window.document.addEventListener("mouseleave", g), () => {
+      window.removeEventListener("mousemove", l), window.removeEventListener("touchmove", l), window.document.removeEventListener("mouseleave", g);
+    };
+  }, [a, s]), /* @__PURE__ */ i.jsxs(Y, { children: [
+    /* @__PURE__ */ i.jsx(Z, { src: n === "dark" ? V[e] : G[e], alt: "", type: e }),
+    /* @__PURE__ */ i.jsx(p.img, { src: n === "dark" ? X[e] : K[e], alt: "", style: {
+      position: "absolute",
+      maxWidth: $(e),
+      maxHeight: $(e),
+      zIndex: 2,
+      translateX: r,
+      translateY: d
+    }, transition: {
+      type: "spring",
+      stiffness: 100,
+      damping: 10
+    } })
+  ] });
+}, q = /* @__PURE__ */ t("div")({
+  name: "StyledEmptyContainerBase",
+  class: "s1vz89hu",
+  propsAsIs: !1
+}), J = p.create(q), ln = ({
+  children: e,
+  className: n,
+  width: a,
+  initial: s,
+  animate: r,
+  transition: d
+}) => /* @__PURE__ */ i.jsx(J, { className: n, style: y(a) ? {
+  width: `${a}px`
+} : void 0, initial: s, animate: r, transition: d, children: e }), gn = {
+  initial: {
+    opacity: 0
+  },
+  animate: {
+    opacity: 1
+  },
+  transition: {
+    duration: 0.15
+  }
+}, pn = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderEmptyTextContainer",
+  class: "a1l5iy1p",
+  propsAsIs: !1
+}), mn = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderEmptyTitle",
+  class: "atxm3dn",
+  propsAsIs: !1
+}), un = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderEmptySubTitle",
+  class: "a2d77h5",
+  propsAsIs: !1
+}), hn = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderErrorContainer",
+  class: "aavbctx",
+  propsAsIs: !1
+}), _n = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderErrorTextContainer",
+  class: "au6uqso",
+  propsAsIs: !1
+}), xn = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderErrorTitle",
+  class: "ai1fvbp",
+  propsAsIs: !1
+}), vn = /* @__PURE__ */ t("div")({
+  name: "AnimatedPlaceholderErrorSubTitle",
+  class: "a1d3sslv",
+  propsAsIs: !1
+}), Q = () => ({
+  backgroundColor: e
+}) => e ?? "transparent", ee = () => ({
+  rounded: e
+}) => e ? o.border.radius.md : o.border.radius.sm, ne = () => ({
+  fullWidth: e
+}) => e ? "100%" : "auto", ae = /* @__PURE__ */ t("div")({
+  name: "StyledCard",
+  class: "sd4crf2",
+  propsAsIs: !1,
+  vars: {
+    "sd4crf2-0": [Q()],
+    "sd4crf2-1": [ee()],
+    "sd4crf2-2": [ne()]
+  }
+}), bn = ({
+  children: e,
+  className: n,
+  fullWidth: a,
+  rounded: s,
+  backgroundColor: r,
+  ...d
+}) => /* @__PURE__ */ i.jsx(
+  ae,
+  {
+    className: n,
+    fullWidth: a,
+    rounded: s,
+    backgroundColor: r,
+    ...d,
+    children: e
+  }
+), oe = () => ({
+  divider: e
+}) => e ? `1px solid ${o.border.color.medium}` : "none", se = () => ({
+  isClickable: e
+}) => e ? "pointer" : "default", re = () => ({
+  hasHoverHighlight: e
+}) => e ? o.background.transparent.light : "transparent", te = /* @__PURE__ */ t("div")({
+  name: "StyledCardContentBase",
+  class: "s52v5f4",
+  propsAsIs: !1,
+  vars: {
+    "s52v5f4-0": [oe()],
+    "s52v5f4-1": [se()],
+    "s52v5f4-2": [re()]
+  }
+}), ie = p.create(te), fn = ({
+  children: e,
+  className: n,
+  divider: a,
+  isClickable: s,
+  hasHoverHighlight: r,
+  ...d
+}) => /* @__PURE__ */ i.jsx(
+  ie,
+  {
+    className: n,
+    divider: a,
+    isClickable: s,
+    hasHoverHighlight: r,
+    ...d,
+    children: e
+  }
+), de = () => ({
+  divider: e = !0
+}) => e ? `1px solid ${o.border.color.medium}` : "0", ce = /* @__PURE__ */ t("div")({
+  name: "StyledCardFooter",
+  class: "sidswdn",
+  propsAsIs: !1,
+  vars: {
+    "sidswdn-0": [de()]
+  }
+}), yn = ({
+  children: e,
+  className: n,
+  divider: a,
+  ...s
+}) => (
+  // oxlint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ i.jsx(ce, { className: n, divider: a, ...s, children: e })
+), le = /* @__PURE__ */ t("div")({
+  name: "StyledCardHeader",
+  class: "sfxvzrr",
+  propsAsIs: !1
+}), kn = ({
+  children: e,
+  className: n,
+  ...a
+}) => (
+  // oxlint-disable-next-line react/jsx-props-no-spreading
+  /* @__PURE__ */ i.jsx(le, { className: n, ...a, children: e })
+), ge = () => ({
+  overlay: e,
+  isInContainer: n
+}) => n || e === "light" ? o.background.overlayTertiary : o.background.overlayPrimary, pe = () => ({
+  isInContainer: e
+}) => e ? "absolute" : "fixed", me = () => ({
+  backdropZIndex: e
+}) => e, ue = /* @__PURE__ */ t("div")({
+  name: "StyledModalBackdrop",
+  class: "sacab3x",
+  propsAsIs: !1,
+  vars: {
+    "sacab3x-0": [ge()],
+    "sacab3x-1": [pe()],
+    "sacab3x-2": [me()]
+  }
+}), he = ue, _e = 40, xe = 39, ve = () => ({
+  overlay: e
+}) => e === "dark" ? o.boxShadow.superHeavy : e === "transparent" ? "none" : o.boxShadow.strong, be = () => ({
+  overlay: e
+}) => e === "transparent" ? "transparent" : o.background.primary, fe = () => ({
+  isMobile: e,
+  overlay: n,
+  smallBorderRadius: a
+}) => e === !0 || n === "transparent" ? "0" : a === !0 ? o.spacing[1] : o.border.radius.md, ye = () => ({
+  modalZIndex: e
+}) => e, ke = () => ({
+  gap: e
+}) => e !== void 0 ? `var(--t-spacing-${e})` : "unset", Ae = () => ({
+  isMobile: e,
+  size: n,
+  narrowWidth: a
+}) => {
+  if (a === !0) return `calc(400px - ${o.spacing[32]})`;
+  if (e) return o.modal.size.fullscreen.width ?? "auto";
+  switch (n) {
+    case "small":
+      return o.modal.size.sm.width ?? "auto";
+    case "medium":
+      return o.modal.size.md.width ?? "auto";
+    case "large":
+      return o.modal.size.lg.width ?? "auto";
+    case "extraLarge":
+      return o.modal.size.xl.width ?? "auto";
+    default:
+      return "auto";
+  }
+}, we = () => ({
+  padding: e
+}) => {
+  switch (e) {
+    case "none":
+      return o.spacing[0];
+    case "small":
+      return o.spacing[2];
+    case "medium":
+      return o.spacing[4];
+    case "large":
+      return o.spacing[6];
+    default:
+      return "auto";
+  }
+}, Se = () => ({
+  isMobile: e,
+  size: n,
+  autoHeight: a
+}) => a === !0 ? "auto" : e ? o.modal.size.fullscreen.height ?? "auto" : n === "extraLarge" ? o.modal.size.xl.height ?? "auto" : "auto", Ie = () => ({
+  isMobile: e
+}) => e ? "none" : "90dvh", Ce = /* @__PURE__ */ t("div")({
+  name: "StyledModalDiv",
+  class: "s17gs6x9",
+  propsAsIs: !1,
+  vars: {
+    "s17gs6x9-0": [ve()],
+    "s17gs6x9-1": [be()],
+    "s17gs6x9-2": [fe()],
+    "s17gs6x9-3": [ye()],
+    "s17gs6x9-4": [ke()],
+    "s17gs6x9-5": [Ae()],
+    "s17gs6x9-6": [we()],
+    "s17gs6x9-7": [Se()],
+    "s17gs6x9-8": [Ie()]
+  }
+}), $e = p.create(Ce), Ee = p.create(he), Me = {
+  hidden: {
+    opacity: 0
+  },
+  visible: {
+    opacity: 1
+  },
+  exit: {
+    opacity: 0
+  }
+}, An = ({
+  isOpen: e,
+  children: n,
+  size: a = "medium",
+  padding: s = "medium",
+  overlay: r = "dark",
+  isMobile: d = !1,
+  isInContainer: l = !1,
+  container: g,
+  gap: c,
+  smallBorderRadius: m,
+  narrowWidth: u,
+  autoHeight: h,
+  modalZIndex: _ = _e,
+  backdropZIndex: x = xe,
+  backdropTestId: v = "modal-backdrop",
+  backdropClickOutsideId: R,
+  preventClickOutside: P,
+  onBackdropMouseDown: j,
+  modalRef: D
+}) => {
+  const {
+    theme: L
+  } = f(b), z = M(null), B = D ?? z, F = (A) => {
+    A.stopPropagation(), j?.(A);
+  }, k = /* @__PURE__ */ i.jsx(E, { mode: "wait", children: e && /* @__PURE__ */ i.jsx(Ee, { "data-testid": v, "data-click-outside-id": R, onMouseDown: F, overlay: r, backdropZIndex: x, isInContainer: l, children: /* @__PURE__ */ i.jsx($e, { ref: B, size: a, padding: s, initial: "hidden", animate: "visible", exit: "exit", layout: !0, overlay: r, variants: Me, transition: {
+    duration: L.animation.duration.normal
+  }, isMobile: d, gap: c, smallBorderRadius: m, narrowWidth: u, autoHeight: h, modalZIndex: _, "data-globally-prevent-click-outside": P, children: n }) }) });
+  return y(g) ? O(k, g) : k;
+}, Te = () => ({
+  isVerticallyCentered: e
+}) => e ? "center" : "stretch", Re = () => ({
+  gap: e
+}) => e !== void 0 ? `var(--t-spacing-${e})` : "unset", Pe = () => ({
+  isHorizontallyCentered: e
+}) => e ? "center" : "flex-start", je = () => ({
+  overflowHidden: e
+}) => e ? "hidden" : "visible", De = () => ({
+  noPadding: e,
+  contentPadding: n
+}) => e === !0 ? "0" : n !== void 0 ? `var(--t-spacing-${n})` : o.spacing[10], Le = /* @__PURE__ */ t("div")({
+  name: "StyledContent",
+  class: "scpim0n",
+  propsAsIs: !1,
+  vars: {
+    "scpim0n-0": [Te()],
+    "scpim0n-1": [Re()],
+    "scpim0n-2": [Pe()],
+    "scpim0n-3": [je()],
+    "scpim0n-4": [De()]
+  }
+}), wn = ({
+  children: e,
+  isVerticallyCentered: n,
+  isHorizontallyCentered: a,
+  noPadding: s,
+  overflowHidden: r,
+  gap: d,
+  contentPadding: l
+}) => /* @__PURE__ */ i.jsx(Le, { isVerticallyCentered: n, isHorizontallyCentered: a, noPadding: s, overflowHidden: r, gap: d, contentPadding: l, children: e }), ze = () => ({
+  autoHeight: e
+}) => e ? "auto" : "60px", Be = () => ({
+  centered: e
+}) => e ? "center" : "flex-end", Fe = () => ({
+  smallPadding: e
+}) => e ? o.spacing[3] : o.spacing[5], He = /* @__PURE__ */ t("div")({
+  name: "StyledFooter",
+  class: "s24wwpy",
+  propsAsIs: !1,
+  vars: {
+    "s24wwpy-0": [ze()],
+    "s24wwpy-1": [Be()],
+    "s24wwpy-2": [Fe()]
+  }
+}), Sn = ({
+  children: e,
+  autoHeight: n,
+  centered: a,
+  smallPadding: s,
+  className: r
+}) => /* @__PURE__ */ i.jsx(He, { autoHeight: n, centered: a, smallPadding: s, className: r, children: e }), Ne = () => ({
+  autoHeight: e
+}) => e ? "auto" : "60px", Oe = () => ({
+  noPadding: e,
+  paddingHorizontal: n
+}) => n !== void 0 ? `0 var(--t-spacing-${n})` : e === !0 ? "0" : o.spacing[5], We = () => ({
+  backgroundColor: e
+}) => e ?? "unset", Ge = () => ({
+  hasBorderBottom: e
+}) => e ? `1px solid ${o.border.color.medium}` : "none", Ve = () => ({
+  paddingHorizontal: e
+}) => e !== void 0 ? `padding-left: ${o.spacing[4]}; padding-right: ${o.spacing[4]};` : "", Xe = /* @__PURE__ */ t("div")({
+  name: "StyledHeader",
+  class: "s1vlgrbs",
+  propsAsIs: !1,
+  vars: {
+    "s1vlgrbs-0": [Ne()],
+    "s1vlgrbs-1": [Oe()],
+    "s1vlgrbs-2": [We()],
+    "s1vlgrbs-3": [Ge()],
+    "s1vlgrbs-4": [Ve()]
+  }
+}), In = ({
+  children: e,
+  noPadding: n,
+  autoHeight: a,
+  hasBorderBottom: s,
+  paddingHorizontal: r,
+  backgroundColor: d
+}) => /* @__PURE__ */ i.jsx(Xe, { noPadding: n, autoHeight: a, hasBorderBottom: s, paddingHorizontal: r, backgroundColor: d, children: e });
+var Ke = /* @__PURE__ */ ((e) => (e.Left = "left", e.Center = "center", e))(Ke || {}), Ye = /* @__PURE__ */ ((e) => (e.Primary = "primary", e.Secondary = "secondary", e.Tertiary = "tertiary", e))(Ye || {});
+const Ue = () => ({
+  fontColor: e
+}) => e === "primary" ? o.font.color.primary : e === "secondary" ? o.font.color.secondary : o.font.color.tertiary, Ze = () => ({
+  alignment: e
+}) => e, qe = () => ({
+  fullWidth: e
+}) => e ? "100%" : "auto", Je = /* @__PURE__ */ t("div")({
+  name: "StyledSection",
+  class: "s1ggnbl9",
+  propsAsIs: !1,
+  vars: {
+    "s1ggnbl9-0": [Ue()],
+    "s1ggnbl9-1": [Ze()],
+    "s1ggnbl9-2": [qe()]
+  }
+}), Cn = ({
+  children: e,
+  className: n,
+  alignment: a = "left",
+  fullWidth: s = !0,
+  fontColor: r = "primary"
+  /* Primary */
+}) => /* @__PURE__ */ i.jsx(Je, { className: n, alignment: a, fullWidth: s, fontColor: r, children: e });
+export {
+  dn as AnimatedExpandableContainer,
+  cn as AnimatedPlaceholder,
+  ln as AnimatedPlaceholderEmptyContainer,
+  un as AnimatedPlaceholderEmptySubTitle,
+  pn as AnimatedPlaceholderEmptyTextContainer,
+  mn as AnimatedPlaceholderEmptyTitle,
+  hn as AnimatedPlaceholderErrorContainer,
+  vn as AnimatedPlaceholderErrorSubTitle,
+  _n as AnimatedPlaceholderErrorTextContainer,
+  xn as AnimatedPlaceholderErrorTitle,
+  G as BACKGROUND,
+  bn as Card,
+  fn as CardContent,
+  yn as CardFooter,
+  kn as CardHeader,
+  V as DARK_BACKGROUND,
+  X as DARK_MOVING_IMAGE,
+  gn as EMPTY_PLACEHOLDER_TRANSITION_PROPS,
+  K as MOVING_IMAGE,
+  An as Modal,
+  he as ModalBackdrop,
+  wn as ModalContent,
+  Sn as ModalFooter,
+  In as ModalHeader,
+  Mn as ResizeHandle,
+  Cn as Section,
+  Ke as SectionAlignment,
+  Ye as SectionFontColor,
+  C as getCommonStyles,
+  W as getExpandableAnimationConfig,
+  T as getTransitionValues,
+  Tn as useResizeHandle
+};

package/dist/linkifyText-DZevSX0n.cjs

@@ -0,0 +1 @@
+"use strict";const l=/https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g,o=n=>{const s=[];let t=0;for(const c of n.matchAll(l)){const i=c[0],e=c.index;e>t&&s.push({type:"text",content:n.slice(t,e)}),s.push({type:"link",content:i}),t=e+i.length}return t<n.length&&s.push({type:"text",content:n.slice(t)}),s};exports.linkifyText=o;

package/dist/linkifyText-isyikTlq.js

@@ -0,0 +1,12 @@
+const o = /https?:\/\/[^\s<>[\]]+[^\s<>[\].,;:!?)]/g, i = (n) => {
+  const s = [];
+  let t = 0;
+  for (const c of n.matchAll(o)) {
+    const l = c[0], e = c.index;
+    e > t && s.push({ type: "text", content: n.slice(t, e) }), s.push({ type: "link", content: l }), t = e + l.length;
+  }
+  return t < n.length && s.push({ type: "text", content: n.slice(t) }), s;
+};
+export {
+  i as l
+};

package/dist/navigation/index.d.ts

@@ -0,0 +1,50 @@
+export { AdvancedSettingsToggle } from './link/components/AdvancedSettingsToggle';
+export { ClickToActionLink } from './link/components/ClickToActionLink';
+export { ContactLink } from './link/components/ContactLink';
+export { GithubVersionLink } from './link/components/GithubVersionLink';
+export { RawLink } from './link/components/RawLink';
+export { RoundedLink } from './link/components/RoundedLink';
+export { LinkType, SocialLink } from './link/components/SocialLink';
+export { UndecoratedLink } from './link/components/UndecoratedLink';
+export { CAL_LINK } from './link/constants/Cal';
+export { GITHUB_LINK } from './link/constants/GithubLink';
+export { NOGBASE_PRICING_LINK } from './link/constants/NogbasePricingLink';
+export type { MenuPickerProps } from './menu/components/MenuPicker';
+export { MenuPicker } from './menu/components/MenuPicker';
+export type { MenuItemIconButton, MenuItemProps, } from './menu/menu-item/components/MenuItem';
+export { MenuItem } from './menu/menu-item/components/MenuItem';
+export type { MenuItemAvatarProps } from './menu/menu-item/components/MenuItemAvatar';
+export { MenuItemAvatar } from './menu/menu-item/components/MenuItemAvatar';
+export type { MenuItemDraggableProps } from './menu/menu-item/components/MenuItemDraggable';
+export { MenuItemDraggable } from './menu/menu-item/components/MenuItemDraggable';
+export type { MenuItemHotKeysProps } from './menu/menu-item/components/MenuItemHotKeys';
+export { MenuItemHotKeys } from './menu/menu-item/components/MenuItemHotKeys';
+export { MenuItemMultiSelect } from './menu/menu-item/components/MenuItemMultiSelect';
+export { MenuItemMultiSelectAvatar } from './menu/menu-item/components/MenuItemMultiSelectAvatar';
+export { MenuItemMultiSelectTag } from './menu/menu-item/components/MenuItemMultiSelectTag';
+export type { MenuItemNavigateProps } from './menu/menu-item/components/MenuItemNavigate';
+export { MenuItemNavigate } from './menu/menu-item/components/MenuItemNavigate';
+export { StyledMenuItemSelect, MenuItemSelect, } from './menu/menu-item/components/MenuItemSelect';
+export { MenuItemSelectAvatar } from './menu/menu-item/components/MenuItemSelectAvatar';
+export { MenuItemSelectColor } from './menu/menu-item/components/MenuItemSelectColor';
+export { MenuItemSelectTag } from './menu/menu-item/components/MenuItemSelectTag';
+export type { MenuItemSuggestionProps } from './menu/menu-item/components/MenuItemSuggestion';
+export { MenuItemSuggestion } from './menu/menu-item/components/MenuItemSuggestion';
+export type { MenuItemToggleProps } from './menu/menu-item/components/MenuItemToggle';
+export { MenuItemToggle } from './menu/menu-item/components/MenuItemToggle';
+export type { ColorLabels } from './menu/menu-item/constants/DefaultColorLabels';
+export { DEFAULT_COLOR_LABELS } from './menu/menu-item/constants/DefaultColorLabels';
+export type { MenuItemIconProps } from './menu/menu-item/internals/components/MenuItemIcon';
+export { MenuItemIcon } from './menu/menu-item/internals/components/MenuItemIcon';
+export { StyledIconContainer, MenuItemIconBoxContainer, } from './menu/menu-item/internals/components/MenuItemIconBoxContainer';
+export type { MenuItemIconWithGripSwapProps } from './menu/menu-item/internals/components/MenuItemIconWithGripSwap';
+export { MenuItemIconWithGripSwap } from './menu/menu-item/internals/components/MenuItemIconWithGripSwap';
+export { MenuItemLeftContent } from './menu/menu-item/internals/components/MenuItemLeftContent';
+export type { MenuItemBaseProps } from './menu/menu-item/internals/components/StyledMenuItemBase';
+export { StyledMenuItemBase, StyledMenuItemLabel, StyledMenuItemLabelLight, StyledNoIconFiller, StyledMenuItemLeftContent, StyledMenuItemRightContent, StyledDraggableItem, StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemContextualText, StyledRightMenuItemContextualText, } from './menu/menu-item/internals/components/StyledMenuItemBase';
+export type { MenuItemAccent } from './menu/menu-item/types/MenuItemAccent';
+export type { MenuItemDraggableGripMode } from './menu/menu-item/types/MenuItemDraggableGripMode';
+export { NavigationBar } from './navigation-bar/components/NavigationBar';
+export { NavigationBarItem } from './navigation-bar/components/NavigationBarItem';
+export { NotificationCounter } from './notification-counter/components/NotificationCounter';
+//# sourceMappingURL=index.d.ts.map

package/dist/navigation/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"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"}

package/dist/navigation/link/components/AdvancedSettingsToggle.d.ts

@@ -0,0 +1,8 @@
+type AdvancedSettingsToggleProps = {
+    isAdvancedModeEnabled: boolean;
+    setIsAdvancedModeEnabled: (enabled: boolean) => void;
+    label?: string;
+};
+export declare const AdvancedSettingsToggle: ({ isAdvancedModeEnabled, setIsAdvancedModeEnabled, label, }: AdvancedSettingsToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AdvancedSettingsToggle.d.ts.map