@plumile/ui 0.1.55 → 0.1.56

package/lib/esm/components/select/SimpleSelect.js

@@ -0,0 +1,185 @@
+import { jsx as a, jsxs as d, Fragment as X } from "react/jsx-runtime";
+import { useState as T, useRef as k, useId as Y, useMemo as Z, useEffect as p, useCallback as _ } from "react";
+import { ChevronDownSvg as $ } from "../../icons/ChevronDownSvg.js";
+import { optionDescription as ee, menuSeparator as ne, actionsContainer as re, trigger as te, valueText as le, optionSelected as ae, optionButton as ce, triggerOpen as se, triggerIconBrand as oe, triggerIconOpen as ie, triggerIcon as de, label as ue, menuOpen as fe, menu as me, container as he } from "./SimpleSelect.css.js";
+import { cx as u } from "../../theme/tools.js";
+import { useUiTranslation as pe } from "../../i18n/useUiTranslation.js";
+const Ne = ({
+  actionsSlot: f,
+  className: F,
+  isDisabled: g = !1,
+  label: b,
+  onChange: M,
+  options: n,
+  placeholder: U,
+  value: o,
+  variant: N = "default"
+}) => {
+  const { t: j } = pe(), [t, s] = T(!1), B = U ?? j("common.select.placeholder"), [l, i] = T(-1), y = k(null), m = k(null), w = k(/* @__PURE__ */ new Map()), x = Y(), q = Z(() => n.find((e) => e.value === o) ?? null, [n, o]);
+  p(() => {
+    if (!t)
+      return;
+    const e = n.findIndex((c) => c.value === o);
+    let r = 0;
+    e >= 0 && (r = e), i(r);
+  }, [t, n, o]), p(() => {
+    if (!t || l < 0 || l >= n.length)
+      return;
+    const e = n[l];
+    if (e == null)
+      return;
+    w.current.get(e.id)?.focus();
+  }, [l, t, n]), p(() => {
+    if (!t)
+      return () => {
+      };
+    const e = (c) => {
+      y.current?.contains(c.target) || s(!1);
+    }, r = (c) => {
+      c.key === "Escape" && (s(!1), m.current?.focus());
+    };
+    return document.addEventListener("mousedown", e), window.addEventListener("keydown", r), () => {
+      document.removeEventListener("mousedown", e), window.removeEventListener("keydown", r);
+    };
+  }, [t]), p(() => {
+    w.current.clear();
+  }, [n]);
+  const v = _(() => {
+    s(!1), requestAnimationFrame(() => {
+      m.current?.focus();
+    });
+  }, []), H = () => {
+    g || s((e) => !e);
+  }, D = (e) => {
+    M(e), v();
+  }, P = (e) => {
+    g || (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), s(!0));
+  }, C = (e) => {
+    n.length !== 0 && i((r) => {
+      if (r < 0) {
+        let h = n.length - 1;
+        return e === 1 && (h = 0), h;
+      }
+      return (r + e + n.length) % n.length;
+    });
+  }, z = (e) => {
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault(), C(1);
+        break;
+      case "ArrowUp":
+        e.preventDefault(), C(-1);
+        break;
+      case "Home":
+        e.preventDefault(), i(0);
+        break;
+      case "End":
+        e.preventDefault(), i(n.length - 1);
+        break;
+      case "Enter":
+      case " ": {
+        if (e.preventDefault(), l >= 0 && l < n.length) {
+          const r = n[l];
+          r != null && D(r.value);
+        }
+        break;
+      }
+      case "Escape":
+        e.preventDefault(), s(!1), m.current?.focus();
+        break;
+    }
+  }, G = (e) => (r) => {
+    w.current.set(e, r);
+  };
+  let I;
+  b != null && (I = `${x}-label`);
+  const J = () => typeof f == "function" ? f(v) : f ?? null, Q = n.map((e, r) => {
+    const c = e.value === o, h = u(ce, {
+      [ae]: c
+    });
+    let L = -1;
+    l === r && (L = 0);
+    let R = null;
+    return e.description != null && e.description !== "" && (R = /* @__PURE__ */ a("span", { className: ee, children: e.description })), /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ d(
+      "button",
+      {
+        ref: G(e.id),
+        type: "button",
+        role: "option",
+        "aria-selected": c,
+        className: h,
+        tabIndex: L,
+        onClick: () => {
+          D(e.value);
+        },
+        onMouseEnter: () => {
+          i(r);
+        },
+        children: [
+          /* @__PURE__ */ a("span", { children: e.label }),
+          R
+        ]
+      }
+    ) }, e.id);
+  });
+  let E;
+  l >= 0 && l < n.length && (E = n[l]?.id);
+  let O = null;
+  b != null && (O = /* @__PURE__ */ a("span", { id: I, className: ue, children: b }));
+  let S;
+  t && (S = x);
+  let A = null;
+  f != null && (A = /* @__PURE__ */ d(X, { children: [
+    /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ a("div", { className: ne, role: "separator" }) }),
+    /* @__PURE__ */ a("li", { role: "presentation", children: /* @__PURE__ */ a("div", { className: re, children: J() }) })
+  ] }));
+  let K = null;
+  t && (K = /* @__PURE__ */ d(
+    "ul",
+    {
+      id: x,
+      className: u(me, fe),
+      role: "listbox",
+      "aria-activedescendant": E,
+      tabIndex: -1,
+      onKeyDown: z,
+      children: [
+        Q,
+        A
+      ]
+    }
+  ));
+  const V = u(te({ variant: N }), {
+    [se]: t
+  }), W = u(de, {
+    [ie]: t,
+    [oe]: N === "brand"
+  });
+  return /* @__PURE__ */ d("div", { className: u(he, F), ref: y, children: [
+    O,
+    /* @__PURE__ */ d(
+      "button",
+      {
+        ref: m,
+        type: "button",
+        className: V,
+        "aria-haspopup": "listbox",
+        "aria-expanded": t,
+        "aria-controls": S,
+        "aria-labelledby": I,
+        onClick: H,
+        onKeyDown: P,
+        disabled: g,
+        children: [
+          /* @__PURE__ */ a("span", { className: le, children: q?.label ?? B }),
+          /* @__PURE__ */ a("span", { className: W, children: /* @__PURE__ */ a($, { width: 16, height: 16, "aria-hidden": "true" }) })
+        ]
+      }
+    ),
+    K
+  ] });
+};
+export {
+  Ne as SimpleSelect
+};
+//# sourceMappingURL=SimpleSelect.js.map

package/lib/esm/components/select/SimpleSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleSelect.js","sources":["../../../../src/components/select/SimpleSelect.tsx"],"sourcesContent":["import {\n  type JSX,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { ChevronDownSvg } from '../../icons/ChevronDownSvg.js';\n\nimport * as styles from './SimpleSelect.css.js';\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.js';\n\nexport type SimpleSelectOption = {\n  id: string;\n  label: string;\n  value: string;\n  description?: string | null;\n};\n\ntype ActionSlot = ReactNode | ((closeMenu: () => void) => ReactNode);\n\ntype Props = {\n  options: readonly SimpleSelectOption[];\n  value: string;\n  onChange: (value: string) => void;\n  label?: ReactNode;\n  placeholder?: string;\n  actionsSlot?: ActionSlot;\n  isDisabled?: boolean;\n  className?: string;\n  variant?: 'default' | 'brand';\n};\n\nexport const SimpleSelect = ({\n  actionsSlot,\n  className,\n  isDisabled = false,\n  label,\n  onChange,\n  options,\n  placeholder,\n  value,\n  variant = 'default',\n}: Props): JSX.Element => {\n  const { t } = useUiTranslation();\n  const [isOpen, setIsOpen] = useState(false);\n  const resolvedPlaceholder = placeholder ?? t('common.select.placeholder');\n  const [focusedIndex, setFocusedIndex] = useState<number>(-1);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLButtonElement | null>(null);\n  const optionRefs = useRef<Map<string, HTMLButtonElement | null>>(new Map());\n  const listboxId = useId();\n\n  const selectedOption = useMemo(() => {\n    return (\n      options.find((option) => {\n        return option.value === value;\n      }) ?? null\n    );\n  }, [options, value]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const selectedIndex = options.findIndex((option) => {\n      return option.value === value;\n    });\n    let nextIndex = 0;\n    if (selectedIndex >= 0) {\n      nextIndex = selectedIndex;\n    }\n    setFocusedIndex(nextIndex);\n  }, [isOpen, options, value]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n    if (focusedIndex < 0 || focusedIndex >= options.length) {\n      return;\n    }\n    const option = options[focusedIndex];\n    if (option == null) {\n      return;\n    }\n    const node = optionRefs.current.get(option.id);\n    node?.focus();\n  }, [focusedIndex, isOpen, options]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      return () => {};\n    }\n\n    const handleClick = (event: MouseEvent) => {\n      if (containerRef.current?.contains(event.target as Node)) {\n        return;\n      }\n      setIsOpen(false);\n    };\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        setIsOpen(false);\n        triggerRef.current?.focus();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClick);\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClick);\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [isOpen]);\n\n  useEffect(() => {\n    optionRefs.current.clear();\n  }, [options]);\n\n  const closeMenu = useCallback(() => {\n    setIsOpen(false);\n    requestAnimationFrame(() => {\n      triggerRef.current?.focus();\n    });\n  }, []);\n\n  const handleToggle = (): void => {\n    if (isDisabled) {\n      return;\n    }\n    setIsOpen((prev) => {\n      return !prev;\n    });\n  };\n\n  const handleSelect = (nextValue: string): void => {\n    onChange(nextValue);\n    closeMenu();\n  };\n\n  const handleTriggerKeyDown = (\n    event: ReactKeyboardEvent<HTMLButtonElement>,\n  ) => {\n    if (isDisabled) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      event.preventDefault();\n      setIsOpen(true);\n    }\n  };\n\n  const moveFocus = (direction: 1 | -1): void => {\n    if (options.length === 0) {\n      return;\n    }\n    setFocusedIndex((prev) => {\n      if (prev < 0) {\n        let fallbackIndex = options.length - 1;\n        if (direction === 1) {\n          fallbackIndex = 0;\n        }\n        return fallbackIndex;\n      }\n      const nextIndex = (prev + direction + options.length) % options.length;\n      return nextIndex;\n    });\n  };\n\n  const handleListKeyDown = (event: ReactKeyboardEvent<HTMLUListElement>) => {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        moveFocus(1);\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        moveFocus(-1);\n        break;\n      case 'Home':\n        event.preventDefault();\n        setFocusedIndex(0);\n        break;\n      case 'End':\n        event.preventDefault();\n        setFocusedIndex(options.length - 1);\n        break;\n      case 'Enter':\n      case ' ': {\n        event.preventDefault();\n        if (focusedIndex >= 0 && focusedIndex < options.length) {\n          const option = options[focusedIndex];\n          if (option != null) {\n            handleSelect(option.value);\n          }\n        }\n        break;\n      }\n      case 'Escape':\n        event.preventDefault();\n        setIsOpen(false);\n        triggerRef.current?.focus();\n        break;\n      default:\n        break;\n    }\n  };\n\n  const registerOptionRef = (optionId: string) => {\n    return (node: HTMLButtonElement | null) => {\n      optionRefs.current.set(optionId, node);\n    };\n  };\n\n  let labelId: string | undefined;\n  if (label != null) {\n    labelId = `${listboxId}-label`;\n  }\n\n  const renderActionsSlot = (): ReactNode | null => {\n    if (typeof actionsSlot === 'function') {\n      return actionsSlot(closeMenu);\n    }\n    return actionsSlot ?? null;\n  };\n\n  const optionItems = options.map((option, index) => {\n    const isSelected = option.value === value;\n    const optionClassName = cx(styles.optionButton, {\n      [styles.optionSelected]: isSelected,\n    });\n    let optionTabIndex = -1;\n    if (focusedIndex === index) {\n      optionTabIndex = 0;\n    }\n\n    let descriptionNode: JSX.Element | null = null;\n    if (option.description != null && option.description !== '') {\n      descriptionNode = (\n        <span className={styles.optionDescription}>{option.description}</span>\n      );\n    }\n\n    return (\n      <li key={option.id} role=\"presentation\">\n        <button\n          ref={registerOptionRef(option.id)}\n          type=\"button\"\n          role=\"option\"\n          aria-selected={isSelected}\n          className={optionClassName}\n          tabIndex={optionTabIndex}\n          onClick={() => {\n            handleSelect(option.value);\n          }}\n          onMouseEnter={() => {\n            setFocusedIndex(index);\n          }}\n        >\n          <span>{option.label}</span>\n          {descriptionNode}\n        </button>\n      </li>\n    );\n  });\n\n  let activeOptionId: string | undefined;\n  if (focusedIndex >= 0 && focusedIndex < options.length) {\n    activeOptionId = options[focusedIndex]?.id;\n  }\n\n  let labelNode: JSX.Element | null = null;\n  if (label != null) {\n    labelNode = (\n      <span id={labelId} className={styles.label}>\n        {label}\n      </span>\n    );\n  }\n\n  let ariaControls: string | undefined;\n  if (isOpen) {\n    ariaControls = listboxId;\n  }\n\n  let actionsSlotNode: ReactNode | null = null;\n  if (actionsSlot != null) {\n    actionsSlotNode = (\n      <>\n        <li role=\"presentation\">\n          <div className={styles.menuSeparator} role=\"separator\" />\n        </li>\n        <li role=\"presentation\">\n          <div className={styles.actionsContainer}>{renderActionsSlot()}</div>\n        </li>\n      </>\n    );\n  }\n\n  let menuNode: JSX.Element | null = null;\n  if (isOpen) {\n    menuNode = (\n      <ul\n        id={listboxId}\n        className={cx(styles.menu, styles.menuOpen)}\n        role=\"listbox\"\n        aria-activedescendant={activeOptionId}\n        tabIndex={-1}\n        onKeyDown={handleListKeyDown}\n      >\n        {optionItems}\n        {actionsSlotNode}\n      </ul>\n    );\n  }\n\n  const triggerClassName = cx(styles.trigger({ variant }), {\n    [styles.triggerOpen]: isOpen,\n  });\n  const triggerIconClassName = cx(styles.triggerIcon, {\n    [styles.triggerIconOpen]: isOpen,\n    [styles.triggerIconBrand]: variant === 'brand',\n  });\n\n  return (\n    <div className={cx(styles.container, className)} ref={containerRef}>\n      {labelNode}\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className={triggerClassName}\n        aria-haspopup=\"listbox\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-labelledby={labelId}\n        onClick={handleToggle}\n        onKeyDown={handleTriggerKeyDown}\n        disabled={isDisabled}\n      >\n        <span className={styles.valueText}>\n          {selectedOption?.label ?? resolvedPlaceholder}\n        </span>\n        <span className={triggerIconClassName}>\n          <ChevronDownSvg width={16} height={16} aria-hidden=\"true\" />\n        </span>\n      </button>\n      {menuNode}\n    </div>\n  );\n};\n"],"names":["SimpleSelect","actionsSlot","className","isDisabled","label","onChange","options","placeholder","value","variant","t","useUiTranslation","isOpen","setIsOpen","useState","resolvedPlaceholder","focusedIndex","setFocusedIndex","containerRef","useRef","triggerRef","optionRefs","listboxId","useId","selectedOption","useMemo","option","useEffect","selectedIndex","nextIndex","handleClick","event","handleKeyDown","closeMenu","useCallback","handleToggle","prev","handleSelect","nextValue","handleTriggerKeyDown","moveFocus","direction","fallbackIndex","handleListKeyDown","registerOptionRef","optionId","node","labelId","renderActionsSlot","optionItems","index","isSelected","optionClassName","cx","styles.optionButton","styles.optionSelected","optionTabIndex","descriptionNode","styles.optionDescription","jsx","jsxs","activeOptionId","labelNode","styles.label","ariaControls","actionsSlotNode","Fragment","styles.menuSeparator","styles.actionsContainer","menuNode","styles.menu","styles.menuOpen","triggerClassName","styles.trigger","styles.triggerOpen","triggerIconClassName","styles.triggerIcon","styles.triggerIconOpen","styles.triggerIconBrand","styles.container","styles.valueText","ChevronDownSvg"],"mappings":"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"}

package/lib/esm/components/subscriptions/RefetchNeededBanner.css.js

@@ -0,0 +1,10 @@
+/* empty css                                       */
+/* empty css                                       */
+var t = "_1onl44v0 txvbqbnvf txvbqboio txvbqbp5o txvbqblxf txvbqb9io txvbqbco txvbqbdoo txvbqbaof txvbqb1rf txvbqb1co txvbqb1qf txvbqbix txvbqbv09 txvbqbv69", x = "_1onl44v1 txvbqb9io txvbqbai6 txvbqbanx txvbqbk4x", q = "_1onl44v2 txvbqbfbo txvbqbamo txvbqb8x", o = "_1onl44v3 txvbqbfbo txvbqb8x txvbqbf4f";
+export {
+  x as content,
+  o as message,
+  t as root,
+  q as title
+};
+//# sourceMappingURL=RefetchNeededBanner.css.js.map

package/lib/esm/components/subscriptions/RefetchNeededBanner.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefetchNeededBanner.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/lib/esm/components/subscriptions/RefetchNeededBanner.js

@@ -0,0 +1,24 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { Button as a } from "../../atomic/atoms/button/Button.js";
+import { cx as n } from "../../theme/tools.js";
+import { useUiTranslation as l } from "../../i18n/useUiTranslation.js";
+import { content as d, title as m, message as f, root as p } from "./RefetchNeededBanner.css.js";
+const g = ({
+  reason: r,
+  onReload: o,
+  className: c
+}) => {
+  const { t: e } = l();
+  let s = e("subscriptions.refetchNeeded.messages.default");
+  return r === "CURSOR_REPLAY_UNAVAILABLE" ? s = e("subscriptions.refetchNeeded.messages.cursorReplayUnavailable") : r === "BUFFER_OVERFLOW" && (s = e("subscriptions.refetchNeeded.messages.bufferOverflow")), /* @__PURE__ */ i("div", { className: n(p, c), children: [
+    /* @__PURE__ */ i("div", { className: d, children: [
+      /* @__PURE__ */ t("p", { className: m, children: e("subscriptions.refetchNeeded.title") }),
+      /* @__PURE__ */ t("p", { className: f, children: s })
+    ] }),
+    /* @__PURE__ */ t(a, { type: "button", variant: "secondary", size: "small", onClick: o, children: e("subscriptions.refetchNeeded.actions.reload") })
+  ] });
+};
+export {
+  g as RefetchNeededBanner
+};
+//# sourceMappingURL=RefetchNeededBanner.js.map

package/lib/esm/components/subscriptions/RefetchNeededBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefetchNeededBanner.js","sources":["../../../../src/components/subscriptions/RefetchNeededBanner.tsx"],"sourcesContent":["import { type JSX } from 'react';\n\nimport { Button } from '../../atomic/atoms/button/Button.js';\nimport { cx } from '../../theme/tools.js';\nimport { useUiTranslation } from '../../i18n/useUiTranslation.js';\n\nimport * as styles from './RefetchNeededBanner.css.js';\n\ntype Props = {\n  reason: string;\n  onReload: () => void;\n  className?: string;\n};\n\nexport const RefetchNeededBanner = ({\n  reason,\n  onReload,\n  className,\n}: Props): JSX.Element => {\n  const { t } = useUiTranslation();\n  let message = t('subscriptions.refetchNeeded.messages.default');\n  if (reason === 'CURSOR_REPLAY_UNAVAILABLE') {\n    message = t('subscriptions.refetchNeeded.messages.cursorReplayUnavailable');\n  } else if (reason === 'BUFFER_OVERFLOW') {\n    message = t('subscriptions.refetchNeeded.messages.bufferOverflow');\n  }\n\n  return (\n    <div className={cx(styles.root, className)}>\n      <div className={styles.content}>\n        <p className={styles.title}>{t('subscriptions.refetchNeeded.title')}</p>\n        <p className={styles.message}>{message}</p>\n      </div>\n      <Button type=\"button\" variant=\"secondary\" size=\"small\" onClick={onReload}>\n        {t('subscriptions.refetchNeeded.actions.reload')}\n      </Button>\n    </div>\n  );\n};\n"],"names":["RefetchNeededBanner","reason","onReload","className","t","useUiTranslation","message","cx","styles.root","jsxs","styles.content","jsx","styles.title","styles.message","Button"],"mappings":";;;;;AAcO,MAAMA,IAAsB,CAAC;AAAA,EAClC,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAA0B;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AACd,MAAIC,IAAUF,EAAE,8CAA8C;AAC9D,SAAIH,MAAW,8BACbK,IAAUF,EAAE,8DAA8D,IACjEH,MAAW,sBACpBK,IAAUF,EAAE,qDAAqD,sBAIhE,OAAA,EAAI,WAAWG,EAAGC,GAAaL,CAAS,GACvC,UAAA;AAAA,IAAA,gBAAAM,EAAC,OAAA,EAAI,WAAWC,GACd,UAAA;AAAA,MAAA,gBAAAC,EAAC,OAAE,WAAWC,GAAe,UAAAR,EAAE,mCAAmC,GAAE;AAAA,MACpE,gBAAAO,EAAC,KAAA,EAAE,WAAWE,GAAiB,UAAAP,EAAA,CAAQ;AAAA,IAAA,GACzC;AAAA,IACA,gBAAAK,EAACG,GAAA,EAAO,MAAK,UAAS,SAAQ,aAAY,MAAK,SAAQ,SAASZ,GAC7D,UAAAE,EAAE,4CAA4C,EAAA,CACjD;AAAA,EAAA,GACF;AAEJ;"}

package/lib/esm/i18n/useUiTranslation.js

@@ -0,0 +1,8 @@
+import { useTranslation as n } from "react-i18next";
+function i() {
+  return n("ui");
+}
+export {
+  i as useUiTranslation
+};
+//# sourceMappingURL=useUiTranslation.js.map

package/lib/esm/i18n/useUiTranslation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTranslation.js","sources":["../../../src/i18n/useUiTranslation.ts"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\n/** Returns i18n helpers bound to the ui namespace. */\nexport function useUiTranslation(): ReturnType<typeof useTranslation> {\n  return useTranslation('ui');\n}\n"],"names":["useUiTranslation","useTranslation"],"mappings":";AAGO,SAASA,IAAsD;AACpE,SAAOC,EAAe,IAAI;AAC5B;"}

package/lib/esm/index.js

@@ -1,56 +1,77 @@
 import { THEME_KEY as e, ThemeProvider as t, useTheme as p } from "./theme/ThemeProvider.js";
-import { VisuallyHidden as n } from "./theme/VisuallyHidden.js";
-import { containerQueries as x } from "./theme/containerQueries.js";
-import { colors as a, spacing as i, vars as l } from "./theme/themeContract.js";
-import { cx as u, onlyDefinedStyles as h } from "./theme/tools.js";
-import { firstChildSprinkles as d, hoverSprinkles as T, sprinkles as g } from "./theme/sprinkles.css.js";
-import { opacity as k, screens as L, spacing as b } from "./theme/common.js";
-import { colors as B } from "./theme/colors.js";
-import { Badge as E } from "./atomic/atoms/badge/Badge.js";
-import { Button as V } from "./atomic/atoms/button/Button.js";
-import { LinkButton as H } from "./atomic/atoms/button/LinkButton.js";
-import { Checkbox as K } from "./atomic/atoms/checkbox/Checkbox.js";
-import { Input as P } from "./atomic/atoms/input/Input.js";
-import { Label as U } from "./atomic/atoms/label/Label.js";
-import { Textarea as _ } from "./atomic/atoms/textarea/Textarea.js";
-import { Card as q } from "./atomic/molecules/card/Card.js";
-import { Tabs as A } from "./atomic/molecules/tabs/Tabs.js";
-import { BillingUsageLineChart as G } from "./components/charts/BillingUsageLineChart.js";
-import { ContentLayout as N } from "./components/layout/ContentLayout.js";
-import { TabsContentLayout as R } from "./components/layout/TabsContentLayout.js";
-import { InfoTile as X } from "./components/tile/InfoTile.js";
-import { ChevronDownIcon as $ } from "./svg/ChevronDownIcon.js";
+import { VisuallyHidden as a } from "./theme/VisuallyHidden.js";
+import { containerQueries as n } from "./theme/containerQueries.js";
+import { colors as i, spacing as s, vars as l } from "./theme/themeContract.js";
+import { cx as u, onlyDefinedStyles as d } from "./theme/tools.js";
+import { firstChildSprinkles as h, hoverSprinkles as C, sprinkles as b } from "./theme/sprinkles.css.js";
+import { opacity as B, screens as v, spacing as y } from "./theme/common.js";
+import { colors as k } from "./theme/colors.js";
+import { Badge as V } from "./atomic/atoms/badge/Badge.js";
+import { Button as I } from "./atomic/atoms/button/Button.js";
+import { LinkButton as w } from "./atomic/atoms/button/LinkButton.js";
+import { Checkbox as H } from "./atomic/atoms/checkbox/Checkbox.js";
+import { FormattedDate as N } from "./atomic/atoms/formatted-date/FormattedDate.js";
+import { IconMenuButton as z } from "./atomic/atoms/icon-button/IconMenuButton.js";
+import { Input as K } from "./atomic/atoms/input/Input.js";
+import { Label as R } from "./atomic/atoms/label/Label.js";
+import { Textarea as Y } from "./atomic/atoms/textarea/Textarea.js";
+import { Card as j } from "./atomic/molecules/card/Card.js";
+import { BreadcrumbNavigation as G } from "./atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js";
+import { FormActions as O } from "./atomic/molecules/form-actions/FormActions.js";
+import { Tabs as X } from "./atomic/molecules/tabs/Tabs.js";
+import { ToastProvider as $, useToast as oo } from "./atomic/molecules/toast/ToastProvider.js";
+import { ToastViewport as eo } from "./atomic/molecules/toast/ToastViewport.js";
+import { BillingUsageLineChart as po } from "./components/charts/BillingUsageLineChart.js";
+import { DataTable as ao } from "./components/data-table/DataTable.js";
+import { ContentLayout as no } from "./components/layout/ContentLayout.js";
+import { SimpleSelect as io } from "./components/select/SimpleSelect.js";
+import { RefetchNeededBanner as lo } from "./components/subscriptions/RefetchNeededBanner.js";
+import { TabsContentLayout as uo } from "./components/layout/TabsContentLayout.js";
+import { InfoTile as ho } from "./components/tile/InfoTile.js";
+import { VirtualizedConnectionTable as bo } from "./components/data-table/VirtualizedConnectionTable.js";
+import { ChevronDownIcon as Bo } from "./svg/ChevronDownIcon.js";
 export {
-  E as Badge,
-  G as BillingUsageLineChart,
-  V as Button,
-  q as Card,
-  K as Checkbox,
-  $ as ChevronDownIcon,
-  N as ContentLayout,
-  X as InfoTile,
-  P as Input,
-  U as Label,
-  H as LinkButton,
+  V as Badge,
+  po as BillingUsageLineChart,
+  G as BreadcrumbNavigation,
+  I as Button,
+  j as Card,
+  H as Checkbox,
+  Bo as ChevronDownIcon,
+  no as ContentLayout,
+  ao as DataTable,
+  O as FormActions,
+  N as FormattedDate,
+  z as IconMenuButton,
+  ho as InfoTile,
+  K as Input,
+  R as Label,
+  w as LinkButton,
+  lo as RefetchNeededBanner,
+  io as SimpleSelect,
   e as THEME_KEY,
-  A as Tabs,
-  R as TabsContentLayout,
-  _ as Textarea,
+  X as Tabs,
+  uo as TabsContentLayout,
+  Y as Textarea,
   t as ThemeProvider,
-  n as VisuallyHidden,
-  a as colors,
-  x as containerQueries,
+  $ as ToastProvider,
+  eo as ToastViewport,
+  bo as VirtualizedConnectionTable,
+  a as VisuallyHidden,
+  i as colors,
+  n as containerQueries,
   u as cx,
-  d as firstChildSprinkles,
-  T as hoverSprinkles,
-  h as onlyDefinedStyles,
-  k as opacity,
-  L as screens,
-  i as spacing,
-  g as sprinkles,
-  B as themeColorValues,
-  b as themeSpacingValues,
+  h as firstChildSprinkles,
+  C as hoverSprinkles,
+  d as onlyDefinedStyles,
+  B as opacity,
+  v as screens,
+  s as spacing,
+  b as sprinkles,
+  k as themeColorValues,
+  y as themeSpacingValues,
   p as useTheme,
+  oo as useToast,
   l as vars
 };
 //# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/styles/slots.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=slots.js.map

package/lib/esm/styles/slots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/lib/i18n/useUiTranslation.d.ts

@@ -0,0 +1,3 @@
+import { useTranslation } from 'react-i18next';
+export declare function useUiTranslation(): ReturnType<typeof useTranslation>;
+//# sourceMappingURL=useUiTranslation.d.ts.map

package/lib/i18n/useUiTranslation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiTranslation.d.ts","sourceRoot":"","sources":["../../src/i18n/useUiTranslation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAG/C,wBAAgB,gBAAgB,IAAI,UAAU,CAAC,OAAO,cAAc,CAAC,CAEpE"}

package/lib/i18n/useUiTranslation.js

@@ -0,0 +1,5 @@
+import { useTranslation } from 'react-i18next';
+export function useUiTranslation() {
+    return useTranslation('ui');
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVWlUcmFuc2xhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9pMThuL3VzZVVpVHJhbnNsYXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcvQyxNQUFNLFVBQVUsZ0JBQWdCO0lBQzlCLE9BQU8sY0FBYyxDQUFDLElBQUksQ0FBQyxDQUFDO0FBQzlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG4vKiogUmV0dXJucyBpMThuIGhlbHBlcnMgYm91bmQgdG8gdGhlIHVpIG5hbWVzcGFjZS4gKi9cbmV4cG9ydCBmdW5jdGlvbiB1c2VVaVRyYW5zbGF0aW9uKCk6IFJldHVyblR5cGU8dHlwZW9mIHVzZVRyYW5zbGF0aW9uPiB7XG4gIHJldHVybiB1c2VUcmFuc2xhdGlvbigndWknKTtcbn1cbiJdfQ==

package/lib/index.d.ts

@@ -3,14 +3,24 @@ export { Badge } from './atomic/atoms/badge/Badge.js';
 export { Button } from './atomic/atoms/button/Button.js';
 export { LinkButton } from './atomic/atoms/button/LinkButton.js';
 export { Checkbox } from './atomic/atoms/checkbox/Checkbox.js';
+export { FormattedDate } from './atomic/atoms/formatted-date/FormattedDate.js';
+export { IconMenuButton } from './atomic/atoms/icon-button/IconMenuButton.js';
 export { Input } from './atomic/atoms/input/Input.js';
 export { Label } from './atomic/atoms/label/Label.js';
 export { Textarea } from './atomic/atoms/textarea/Textarea.js';
 export { Card } from './atomic/molecules/card/Card.js';
+export { BreadcrumbNavigation, type BreadcrumbMenuConfig, type BreadcrumbMenuItem, type BreadcrumbNode, } from './atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js';
+export { FormActions, type FormActionsProps, } from './atomic/molecules/form-actions/FormActions.js';
 export { Tabs, type TabItem, type TabsProps, } from './atomic/molecules/tabs/Tabs.js';
+export { ToastProvider, type ToastApi, useToast, } from './atomic/molecules/toast/ToastProvider.js';
+export { ToastViewport, type ToastAction, type ToastItem, type ToastKind, type ToastViewportProps, } from './atomic/molecules/toast/ToastViewport.js';
 export { BillingUsageLineChart, type BillingUsageLineChartPoint, type BillingUsageLineChartProps, type BillingUsageLineChartSerie, } from './components/charts/BillingUsageLineChart.js';
+export { DataTable, type DataTableColumn, type DataTableKind, type DataTableProps, type GetRowId, } from './components/data-table/DataTable.js';
 export { ContentLayout, type ContentLayoutProps, } from './components/layout/ContentLayout.js';
+export { SimpleSelect, type SimpleSelectOption, } from './components/select/SimpleSelect.js';
+export { RefetchNeededBanner } from './components/subscriptions/RefetchNeededBanner.js';
 export { TabsContentLayout, type TabsContentLayoutProps, } from './components/layout/TabsContentLayout.js';
 export { InfoTile, type InfoTileProps } from './components/tile/InfoTile.js';
+export { VirtualizedConnectionTable, type InfiniteScrollConfig, type VirtualizationConfig, type VirtualizedConnectionTableProps, } from './components/data-table/VirtualizedConnectionTable.js';
 export { ChevronDownIcon } from './svg/ChevronDownIcon.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,SAAS,GACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,GAChC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,8CAA8C,CAAC;AAC9E,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AACvD,OAAO,EACL,oBAAoB,EACpB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,EACvB,KAAK,cAAc,GACpB,MAAM,kEAAkE,CAAC;AAC1E,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,GACtB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EACL,IAAI,EACJ,KAAK,OAAO,EACZ,KAAK,SAAS,GACf,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,aAAa,EACb,KAAK,QAAQ,EACb,QAAQ,GACT,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,aAAa,EACb,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,kBAAkB,GACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,EAC/B,KAAK,0BAA0B,GAChC,MAAM,8CAA8C,CAAC;AACtD,OAAO,EACL,SAAS,EACT,KAAK,eAAe,EACpB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,QAAQ,GACd,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,YAAY,EACZ,KAAK,kBAAkB,GACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC7E,OAAO,EACL,0BAA0B,EAC1B,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,+BAA+B,GACrC,MAAM,uDAAuD,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/lib/index.js

@@ -3,14 +3,24 @@ export { Badge } from './atomic/atoms/badge/Badge.js';
 export { Button } from './atomic/atoms/button/Button.js';
 export { LinkButton } from './atomic/atoms/button/LinkButton.js';
 export { Checkbox } from './atomic/atoms/checkbox/Checkbox.js';
+export { FormattedDate } from './atomic/atoms/formatted-date/FormattedDate.js';
+export { IconMenuButton } from './atomic/atoms/icon-button/IconMenuButton.js';
 export { Input } from './atomic/atoms/input/Input.js';
 export { Label } from './atomic/atoms/label/Label.js';
 export { Textarea } from './atomic/atoms/textarea/Textarea.js';
 export { Card } from './atomic/molecules/card/Card.js';
+export { BreadcrumbNavigation, } from './atomic/molecules/breadcrumb_navigation/BreadcrumbNavigation.js';
+export { FormActions, } from './atomic/molecules/form-actions/FormActions.js';
 export { Tabs, } from './atomic/molecules/tabs/Tabs.js';
+export { ToastProvider, useToast, } from './atomic/molecules/toast/ToastProvider.js';
+export { ToastViewport, } from './atomic/molecules/toast/ToastViewport.js';
 export { BillingUsageLineChart, } from './components/charts/BillingUsageLineChart.js';
+export { DataTable, } from './components/data-table/DataTable.js';
 export { ContentLayout, } from './components/layout/ContentLayout.js';
+export { SimpleSelect, } from './components/select/SimpleSelect.js';
+export { RefetchNeededBanner } from './components/subscriptions/RefetchNeededBanner.js';
 export { TabsContentLayout, } from './components/layout/TabsContentLayout.js';
 export { InfoTile } from './components/tile/InfoTile.js';
+export { VirtualizedConnectionTable, } from './components/data-table/VirtualizedConnectionTable.js';
 export { ChevronDownIcon } from './svg/ChevronDownIcon.js';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0QsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0QsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3ZELE9BQU8sRUFDTCxJQUFJLEdBR0wsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQ0wscUJBQXFCLEdBSXRCLE1BQU0sOENBQThDLENBQUM7QUFDdEQsT0FBTyxFQUNMLGFBQWEsR0FFZCxNQUFNLHNDQUFzQyxDQUFDO0FBQzlDLE9BQU8sRUFDTCxpQkFBaUIsR0FFbEIsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLCtCQUErQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGhlbWUvaW5kZXguanMnO1xuZXhwb3J0IHsgQmFkZ2UgfSBmcm9tICcuL2F0b21pYy9hdG9tcy9iYWRnZS9CYWRnZS5qcyc7XG5leHBvcnQgeyBCdXR0b24gfSBmcm9tICcuL2F0b21pYy9hdG9tcy9idXR0b24vQnV0dG9uLmpzJztcbmV4cG9ydCB7IExpbmtCdXR0b24gfSBmcm9tICcuL2F0b21pYy9hdG9tcy9idXR0b24vTGlua0J1dHRvbi5qcyc7XG5leHBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4vYXRvbWljL2F0b21zL2NoZWNrYm94L0NoZWNrYm94LmpzJztcbmV4cG9ydCB7IElucHV0IH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvaW5wdXQvSW5wdXQuanMnO1xuZXhwb3J0IHsgTGFiZWwgfSBmcm9tICcuL2F0b21pYy9hdG9tcy9sYWJlbC9MYWJlbC5qcyc7XG5leHBvcnQgeyBUZXh0YXJlYSB9IGZyb20gJy4vYXRvbWljL2F0b21zL3RleHRhcmVhL1RleHRhcmVhLmpzJztcbmV4cG9ydCB7IENhcmQgfSBmcm9tICcuL2F0b21pYy9tb2xlY3VsZXMvY2FyZC9DYXJkLmpzJztcbmV4cG9ydCB7XG4gIFRhYnMsXG4gIHR5cGUgVGFiSXRlbSxcbiAgdHlwZSBUYWJzUHJvcHMsXG59IGZyb20gJy4vYXRvbWljL21vbGVjdWxlcy90YWJzL1RhYnMuanMnO1xuZXhwb3J0IHtcbiAgQmlsbGluZ1VzYWdlTGluZUNoYXJ0LFxuICB0eXBlIEJpbGxpbmdVc2FnZUxpbmVDaGFydFBvaW50LFxuICB0eXBlIEJpbGxpbmdVc2FnZUxpbmVDaGFydFByb3BzLFxuICB0eXBlIEJpbGxpbmdVc2FnZUxpbmVDaGFydFNlcmllLFxufSBmcm9tICcuL2NvbXBvbmVudHMvY2hhcnRzL0JpbGxpbmdVc2FnZUxpbmVDaGFydC5qcyc7XG5leHBvcnQge1xuICBDb250ZW50TGF5b3V0LFxuICB0eXBlIENvbnRlbnRMYXlvdXRQcm9wcyxcbn0gZnJvbSAnLi9jb21wb25lbnRzL2xheW91dC9Db250ZW50TGF5b3V0LmpzJztcbmV4cG9ydCB7XG4gIFRhYnNDb250ZW50TGF5b3V0LFxuICB0eXBlIFRhYnNDb250ZW50TGF5b3V0UHJvcHMsXG59IGZyb20gJy4vY29tcG9uZW50cy9sYXlvdXQvVGFic0NvbnRlbnRMYXlvdXQuanMnO1xuZXhwb3J0IHsgSW5mb1RpbGUsIHR5cGUgSW5mb1RpbGVQcm9wcyB9IGZyb20gJy4vY29tcG9uZW50cy90aWxlL0luZm9UaWxlLmpzJztcbmV4cG9ydCB7IENoZXZyb25Eb3duSWNvbiB9IGZyb20gJy4vc3ZnL0NoZXZyb25Eb3duSWNvbi5qcyc7XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3pELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUNqRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQy9FLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDdEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdkQsT0FBTyxFQUNMLG9CQUFvQixHQUlyQixNQUFNLGtFQUFrRSxDQUFDO0FBQzFFLE9BQU8sRUFDTCxXQUFXLEdBRVosTUFBTSxnREFBZ0QsQ0FBQztBQUN4RCxPQUFPLEVBQ0wsSUFBSSxHQUdMLE1BQU0saUNBQWlDLENBQUM7QUFDekMsT0FBTyxFQUNMLGFBQWEsRUFFYixRQUFRLEdBQ1QsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRCxPQUFPLEVBQ0wsYUFBYSxHQUtkLE1BQU0sMkNBQTJDLENBQUM7QUFDbkQsT0FBTyxFQUNMLHFCQUFxQixHQUl0QixNQUFNLDhDQUE4QyxDQUFDO0FBQ3RELE9BQU8sRUFDTCxTQUFTLEdBS1YsTUFBTSxzQ0FBc0MsQ0FBQztBQUM5QyxPQUFPLEVBQ0wsYUFBYSxHQUVkLE1BQU0sc0NBQXNDLENBQUM7QUFDOUMsT0FBTyxFQUNMLFlBQVksR0FFYixNQUFNLHFDQUFxQyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQ3hGLE9BQU8sRUFDTCxpQkFBaUIsR0FFbEIsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRCxPQUFPLEVBQUUsUUFBUSxFQUFzQixNQUFNLCtCQUErQixDQUFDO0FBQzdFLE9BQU8sRUFDTCwwQkFBMEIsR0FJM0IsTUFBTSx1REFBdUQsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RoZW1lL2luZGV4LmpzJztcbmV4cG9ydCB7IEJhZGdlIH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvYmFkZ2UvQmFkZ2UuanMnO1xuZXhwb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvYnV0dG9uL0J1dHRvbi5qcyc7XG5leHBvcnQgeyBMaW5rQnV0dG9uIH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvYnV0dG9uL0xpbmtCdXR0b24uanMnO1xuZXhwb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuL2F0b21pYy9hdG9tcy9jaGVja2JveC9DaGVja2JveC5qcyc7XG5leHBvcnQgeyBGb3JtYXR0ZWREYXRlIH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvZm9ybWF0dGVkLWRhdGUvRm9ybWF0dGVkRGF0ZS5qcyc7XG5leHBvcnQgeyBJY29uTWVudUJ1dHRvbiB9IGZyb20gJy4vYXRvbWljL2F0b21zL2ljb24tYnV0dG9uL0ljb25NZW51QnV0dG9uLmpzJztcbmV4cG9ydCB7IElucHV0IH0gZnJvbSAnLi9hdG9taWMvYXRvbXMvaW5wdXQvSW5wdXQuanMnO1xuZXhwb3J0IHsgTGFiZWwgfSBmcm9tICcuL2F0b21pYy9hdG9tcy9sYWJlbC9MYWJlbC5qcyc7XG5leHBvcnQgeyBUZXh0YXJlYSB9IGZyb20gJy4vYXRvbWljL2F0b21zL3RleHRhcmVhL1RleHRhcmVhLmpzJztcbmV4cG9ydCB7IENhcmQgfSBmcm9tICcuL2F0b21pYy9tb2xlY3VsZXMvY2FyZC9DYXJkLmpzJztcbmV4cG9ydCB7XG4gIEJyZWFkY3J1bWJOYXZpZ2F0aW9uLFxuICB0eXBlIEJyZWFkY3J1bWJNZW51Q29uZmlnLFxuICB0eXBlIEJyZWFkY3J1bWJNZW51SXRlbSxcbiAgdHlwZSBCcmVhZGNydW1iTm9kZSxcbn0gZnJvbSAnLi9hdG9taWMvbW9sZWN1bGVzL2JyZWFkY3J1bWJfbmF2aWdhdGlvbi9CcmVhZGNydW1iTmF2aWdhdGlvbi5qcyc7XG5leHBvcnQge1xuICBGb3JtQWN0aW9ucyxcbiAgdHlwZSBGb3JtQWN0aW9uc1Byb3BzLFxufSBmcm9tICcuL2F0b21pYy9tb2xlY3VsZXMvZm9ybS1hY3Rpb25zL0Zvcm1BY3Rpb25zLmpzJztcbmV4cG9ydCB7XG4gIFRhYnMsXG4gIHR5cGUgVGFiSXRlbSxcbiAgdHlwZSBUYWJzUHJvcHMsXG59IGZyb20gJy4vYXRvbWljL21vbGVjdWxlcy90YWJzL1RhYnMuanMnO1xuZXhwb3J0IHtcbiAgVG9hc3RQcm92aWRlcixcbiAgdHlwZSBUb2FzdEFwaSxcbiAgdXNlVG9hc3QsXG59IGZyb20gJy4vYXRvbWljL21vbGVjdWxlcy90b2FzdC9Ub2FzdFByb3ZpZGVyLmpzJztcbmV4cG9ydCB7XG4gIFRvYXN0Vmlld3BvcnQsXG4gIHR5cGUgVG9hc3RBY3Rpb24sXG4gIHR5cGUgVG9hc3RJdGVtLFxuICB0eXBlIFRvYXN0S2luZCxcbiAgdHlwZSBUb2FzdFZpZXdwb3J0UHJvcHMsXG59IGZyb20gJy4vYXRvbWljL21vbGVjdWxlcy90b2FzdC9Ub2FzdFZpZXdwb3J0LmpzJztcbmV4cG9ydCB7XG4gIEJpbGxpbmdVc2FnZUxpbmVDaGFydCxcbiAgdHlwZSBCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRQb2ludCxcbiAgdHlwZSBCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRQcm9wcyxcbiAgdHlwZSBCaWxsaW5nVXNhZ2VMaW5lQ2hhcnRTZXJpZSxcbn0gZnJvbSAnLi9jb21wb25lbnRzL2NoYXJ0cy9CaWxsaW5nVXNhZ2VMaW5lQ2hhcnQuanMnO1xuZXhwb3J0IHtcbiAgRGF0YVRhYmxlLFxuICB0eXBlIERhdGFUYWJsZUNvbHVtbixcbiAgdHlwZSBEYXRhVGFibGVLaW5kLFxuICB0eXBlIERhdGFUYWJsZVByb3BzLFxuICB0eXBlIEdldFJvd0lkLFxufSBmcm9tICcuL2NvbXBvbmVudHMvZGF0YS10YWJsZS9EYXRhVGFibGUuanMnO1xuZXhwb3J0IHtcbiAgQ29udGVudExheW91dCxcbiAgdHlwZSBDb250ZW50TGF5b3V0UHJvcHMsXG59IGZyb20gJy4vY29tcG9uZW50cy9sYXlvdXQvQ29udGVudExheW91dC5qcyc7XG5leHBvcnQge1xuICBTaW1wbGVTZWxlY3QsXG4gIHR5cGUgU2ltcGxlU2VsZWN0T3B0aW9uLFxufSBmcm9tICcuL2NvbXBvbmVudHMvc2VsZWN0L1NpbXBsZVNlbGVjdC5qcyc7XG5leHBvcnQgeyBSZWZldGNoTmVlZGVkQmFubmVyIH0gZnJvbSAnLi9jb21wb25lbnRzL3N1YnNjcmlwdGlvbnMvUmVmZXRjaE5lZWRlZEJhbm5lci5qcyc7XG5leHBvcnQge1xuICBUYWJzQ29udGVudExheW91dCxcbiAgdHlwZSBUYWJzQ29udGVudExheW91dFByb3BzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvbGF5b3V0L1RhYnNDb250ZW50TGF5b3V0LmpzJztcbmV4cG9ydCB7IEluZm9UaWxlLCB0eXBlIEluZm9UaWxlUHJvcHMgfSBmcm9tICcuL2NvbXBvbmVudHMvdGlsZS9JbmZvVGlsZS5qcyc7XG5leHBvcnQge1xuICBWaXJ0dWFsaXplZENvbm5lY3Rpb25UYWJsZSxcbiAgdHlwZSBJbmZpbml0ZVNjcm9sbENvbmZpZyxcbiAgdHlwZSBWaXJ0dWFsaXphdGlvbkNvbmZpZyxcbiAgdHlwZSBWaXJ0dWFsaXplZENvbm5lY3Rpb25UYWJsZVByb3BzLFxufSBmcm9tICcuL2NvbXBvbmVudHMvZGF0YS10YWJsZS9WaXJ0dWFsaXplZENvbm5lY3Rpb25UYWJsZS5qcyc7XG5leHBvcnQgeyBDaGV2cm9uRG93bkljb24gfSBmcm9tICcuL3N2Zy9DaGV2cm9uRG93bkljb24uanMnO1xuIl19

package/lib/styles/slots.d.ts

@@ -0,0 +1,2 @@
+export type SlotClasses<TSlot extends string> = Partial<Record<TSlot, string>>;
+//# sourceMappingURL=slots.d.ts.map

package/lib/styles/slots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slots.d.ts","sourceRoot":"","sources":["../../src/styles/slots.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,CAAC,KAAK,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC"}

package/lib/styles/slots.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xvdHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc3R5bGVzL3Nsb3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyaWMgc2xvdC1jbGFzcyBvdmVycmlkZSBjb250cmFjdCBmb3IgVUkgY29tcG9uZW50cy5cbiAqIEVhY2gga2V5IG1hcHMgdG8gYSBDU1MgY2xhc3NOYW1lIGFwcGxpZWQgb24gYSBzcGVjaWZpYyBzbG90LlxuICovXG5leHBvcnQgdHlwZSBTbG90Q2xhc3NlczxUU2xvdCBleHRlbmRzIHN0cmluZz4gPSBQYXJ0aWFsPFJlY29yZDxUU2xvdCwgc3RyaW5nPj47XG4iXX0=

package/lib/types/atomic/atoms/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/atoms/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,UAAU,GACX,kBAAkB,GAClB,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAGhE,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,KAAG,GAAG,CAAC,OAuEzC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/atoms/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAKlD,OAAO,EAOL,KAAK,cAAc,EACpB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,UAAU,GACX,kBAAkB,GAClB,aAAa,GACb,SAAS,GACT,UAAU,GACV,WAAW,CAAC;AAEhB,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC;AAGhE,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GAAG;IACzE,OAAO,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACjD,IAAI,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,OAAO,KAAK,KAAG,GAAG,CAAC,OAyEzC,CAAC"}

package/lib/types/atomic/atoms/formatted-date/FormattedDate.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from 'react';
+type DateValue = string | {
+    toString: () => string;
+};
+type Props = {
+    value: DateValue | null | undefined;
+    fallback?: string;
+    options?: Intl.DateTimeFormatOptions;
+    locale?: string;
+    className?: string;
+};
+export declare const FormattedDate: ({ value, fallback, options, locale, className, }: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=FormattedDate.d.ts.map

package/lib/types/atomic/atoms/formatted-date/FormattedDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedDate.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/atoms/formatted-date/FormattedDate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAW,MAAM,OAAO,CAAC;AAG1C,KAAK,SAAS,GAAG,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;CAAE,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAQF,eAAO,MAAM,aAAa,GAAI,kDAM3B,KAAK,KAAG,GAAG,CAAC,OAqBd,CAAC"}

package/lib/types/atomic/atoms/icon-button/IconMenuButton.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps, type JSX } from 'react';
+import { Button } from '../button/Button.js';
+export type IconMenuButtonProps = Omit<ComponentProps<typeof Button>, 'children' | 'variant' | 'size'> & {
+    label?: string;
+    icon?: JSX.Element | string;
+};
+export declare const IconMenuButton: ({ label, icon, type, ...rest }: IconMenuButtonProps) => JSX.Element;
+//# sourceMappingURL=IconMenuButton.d.ts.map

package/lib/types/atomic/atoms/icon-button/IconMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconMenuButton.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/atoms/icon-button/IconMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,UAAU,GAAG,SAAS,GAAG,MAAM,CAChC,GAAG;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,gCAK5B,mBAAmB,KAAG,GAAG,CAAC,OAc5B,CAAC"}

package/lib/types/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.d.ts

@@ -0,0 +1,14 @@
+import { type JSX } from 'react';
+import type { BreadcrumbMenuConfig, BreadcrumbNode } from './types.js';
+type Props = {
+    node: BreadcrumbNode;
+    menu?: BreadcrumbMenuConfig;
+    ariaLabel: string;
+    searchPlaceholder: string;
+    searchAriaLabel: string;
+    emptyLabel: string;
+    emptyMatchesLabel: string;
+};
+export declare const BreadcrumbMenuDropdown: ({ node, menu, ariaLabel, searchPlaceholder, searchAriaLabel, emptyLabel, emptyMatchesLabel, }: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=BreadcrumbMenuDropdown.d.ts.map

package/lib/types/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbMenuDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEvE,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,cAAc,CAAC;IACrB,IAAI,CAAC,EAAE,oBAAoB,CAAC;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,+FAQpC,KAAK,KAAG,GAAG,CAAC,OAyCd,CAAC"}

package/lib/types/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from 'react';
+import type { BreadcrumbMenuItem } from './types.js';
+type Props = {
+    items: readonly BreadcrumbMenuItem[];
+    selectedId?: string | null;
+    searchPlaceholder: string;
+    searchAriaLabel: string;
+    emptyLabel: string;
+    emptyMatchesLabel: string;
+};
+export declare const BreadcrumbMenuPopover: ({ items, selectedId, searchPlaceholder, searchAriaLabel, emptyLabel, emptyMatchesLabel, }: Props) => JSX.Element;
+export {};
+//# sourceMappingURL=BreadcrumbMenuPopover.d.ts.map

package/lib/types/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbMenuPopover.d.ts","sourceRoot":"","sources":["../../../../../src/atomic/molecules/breadcrumb_navigation/BreadcrumbMenuPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAqB,MAAM,OAAO,CAAC;AAOpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAErD,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,2FAOnC,KAAK,KAAG,GAAG,CAAC,OAyEd,CAAC"}