@syntrologie/adapt-faq 2.8.0-canary.21 → 2.8.0-canary.211

package/dist/FAQWidgetLit.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Adaptive FAQ - FAQWidgetLit
+ *
+ * Lit web component equivalent of FAQWidget.tsx.
+ * Renders a collapsible Q&A accordion with search, category grouping,
+ * feedback, and markdown rendering — all as a custom element with no
+ * Shadow DOM (light DOM via createRenderRoot).
+ *
+ * Tag name: <syntro-faq-accordion>
+ *
+ * Decorator-free: uses `static override properties` (tsconfig has no
+ * experimentalDecorators).
+ */
+import { LitElement } from 'lit';
+import type { FAQWidgetRuntime } from './faq-types';
+import type { FAQConfig, FeedbackValue } from './types';
+/**
+ * <syntro-faq-accordion> — light-DOM Lit web component.
+ *
+ * Set properties imperatively (no attribute serialisation for objects):
+ *   el.faqConfig = { expandBehavior: 'single', ... };
+ *   el.runtime   = runtimeInstance;
+ *   el.instanceId = 'my-faq';
+ */
+export declare class FAQAccordionElement extends LitElement {
+    static properties: {
+        faqConfig: {
+            attribute: boolean;
+        };
+        runtime: {
+            attribute: boolean;
+        };
+        instanceId: {
+            type: StringConstructor;
+        };
+        _expandedIds: {
+            state: boolean;
+        };
+        _highlightId: {
+            state: boolean;
+        };
+        _searchQuery: {
+            state: boolean;
+        };
+        _feedbackState: {
+            state: boolean;
+        };
+        _hoveredId: {
+            state: boolean;
+        };
+    };
+    faqConfig: FAQConfig;
+    runtime: FAQWidgetRuntime | null;
+    instanceId: string;
+    _expandedIds: Set<string>;
+    _highlightId: string | null;
+    _searchQuery: string;
+    _feedbackState: Map<string, FeedbackValue>;
+    _hoveredId: string | null;
+    private _unsubContext;
+    private _unsubAccumulator;
+    private _unsubCta;
+    private _unsubDeepLink;
+    private _unsubSessionMetrics;
+    private _highlightTimer;
+    createRenderRoot(): this;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changedProps: Map<string, unknown>): void;
+    private _subscribeAll;
+    private _unsubscribeAll;
+    private _handleToggle;
+    private _handleFeedback;
+    private _visibleQuestions;
+    private _orderedQuestions;
+    private _filteredQuestions;
+    private _categoryGroups;
+    private _renderAnswer;
+    private _renderFeedback;
+    private _renderItem;
+    private _renderItems;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export default FAQAccordionElement;
+//# sourceMappingURL=FAQWidgetLit.d.ts.map

package/dist/FAQWidgetLit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FAQWidgetLit.d.ts","sourceRoot":"","sources":["../src/FAQWidgetLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAGH,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAKhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,KAAK,EAEV,SAAS,EAGT,aAAa,EACd,MAAM,SAAS,CAAC;AA2DjB;;;;;;;GAOG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IAKjD,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;MAYxB;IAMF,SAAS,EAAE,SAAS,CAKlB;IAEF,OAAO,EAAE,gBAAgB,GAAG,IAAI,CAAQ;IAExC,UAAU,EAAE,MAAM,CAAgB;IAGlC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAa;IACtC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAQ;IACnC,YAAY,EAAE,MAAM,CAAM;IAC1B,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,aAAa,CAAC,CAAa;IACvD,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAGjC,OAAO,CAAC,aAAa,CAA6B;IAClD,OAAO,CAAC,iBAAiB,CAA6B;IACtD,OAAO,CAAC,SAAS,CAA6B;IAC9C,OAAO,CAAC,cAAc,CAA6B;IACnD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,eAAe,CAA8C;IAM5D,gBAAgB;IAQhB,iBAAiB;IAKjB,oBAAoB;IAUpB,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAWnD,OAAO,CAAC,aAAa;IAwGrB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,eAAe;IAsCvB,OAAO,CAAC,WAAW;IAmFnB,OAAO,CAAC,YAAY;IAcX,MAAM;CAmHhB;AAUD,eAAe,mBAAmB,CAAC"}

package/dist/chunk-5WRI5ZAA.js

@@ -0,0 +1,31 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+export {
+  __commonJS,
+  __toESM
+};
+//# sourceMappingURL=chunk-5WRI5ZAA.js.map

package/dist/chunk-5WRI5ZAA.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/chunk-S6WIENQP.js

@@ -0,0 +1,578 @@
+// ../../design-system/dist/tokens/colors.js
+var base = {
+  white: "#ffffff",
+  black: "#000000"
+};
+var brand = {
+  0: "#2c0b0a",
+  1: "#5b1715",
+  2: "#89221f",
+  3: "#b72e2a",
+  4: "#d44844",
+  5: "#dd6d69",
+  6: "#e5918f",
+  7: "#eeb6b4",
+  8: "#f6dada",
+  9: "#faebea"
+};
+var slateGrey = {
+  0: "#07080a",
+  1: "#0f1318",
+  2: "#0e1114",
+  3: "#1c222a",
+  4: "#2b333f",
+  5: "#394454",
+  6: "#475569",
+  7: "#677384",
+  8: "#87919f",
+  9: "#a8afba",
+  10: "#cbd0d7",
+  11: "#e8eaee",
+  12: "#f6f7f9"
+};
+var green = {
+  0: "#07230a",
+  1: "#0e4514",
+  2: "#16681e",
+  3: "#1d8a28",
+  4: "#24ad32",
+  5: "#4fbd5a",
+  6: "#7acd82",
+  7: "#a5deab",
+  8: "#d0eed3",
+  9: "#e5f6e7"
+};
+var yellow = {
+  0: "#301f09",
+  1: "#5f3e12",
+  2: "#8f5e1b",
+  3: "#be7d24",
+  4: "#ee9c2d",
+  5: "#f1b057",
+  6: "#f5c481",
+  7: "#f8d7ab",
+  8: "#fcebd5",
+  9: "#fdf5ea"
+};
+var red = {
+  0: "#330707",
+  1: "#660f0e",
+  2: "#991616",
+  3: "#cc1e1d",
+  4: "#ff2524",
+  5: "#ff5150",
+  6: "#ff7c7c",
+  7: "#ffa8a7",
+  8: "#ffd3d3",
+  9: "#ffe9e9"
+};
+var blue = {
+  0: "#051533",
+  1: "#0a2a66",
+  2: "#0f3f98",
+  3: "#1454cb",
+  4: "#1969fe",
+  5: "#4787fe",
+  6: "#75a5fe",
+  7: "#a3c3ff",
+  8: "#d1e1ff",
+  9: "#e8f0ff"
+};
+var orange = {
+  0: "#662500",
+  1: "#993d00",
+  2: "#cc5800",
+  3: "#ff7700",
+  4: "#fea85d",
+  5: "#fec58f",
+  6: "#ffd6ae",
+  7: "#fee6cd",
+  8: "#fff1e1",
+  9: "#fff8f0"
+};
+var purple = {
+  0: "#151229",
+  1: "#2a2452",
+  2: "#40357c",
+  3: "#5547a5",
+  4: "#6a59ce",
+  5: "#887ad8",
+  6: "#a69be2",
+  7: "#c3bdeb",
+  8: "#e1def5",
+  9: "#f0eefa"
+};
+var pink = {
+  0: "#37091f",
+  1: "#69123c",
+  2: "#9b1c58",
+  3: "#cd2575",
+  4: "#ff2e92",
+  5: "#ff58a8",
+  6: "#ff82be",
+  7: "#ffabd3",
+  8: "#ffd5e9",
+  9: "#ffeaf4"
+};
+var legacy = {
+  aqua: {
+    0: "#0c5f8d",
+    1: "#146b99",
+    2: "#1d78a6",
+    3: "#2e89b6",
+    4: "#4a9fc4",
+    5: "#6bb4d1",
+    6: "#93cce0",
+    7: "#bddff0",
+    8: "#dceef8",
+    9: "#f2f8fc"
+  },
+  violet: {
+    0: "#6927da",
+    1: "#7839ee",
+    2: "#875bf7",
+    3: "#a48afb",
+    4: "#c3b4fd",
+    5: "#ddd6fe",
+    6: "#ece9fe",
+    7: "#f5f3ff",
+    8: "#fbfaff"
+  },
+  fuchsia: {
+    0: "#9f1ab1",
+    1: "#ba24d5",
+    2: "#d444f1",
+    3: "#e478fa",
+    4: "#eeaafd",
+    5: "#f6d0fe",
+    6: "#fbe8ff",
+    7: "#fdf4ff",
+    8: "#fefaff"
+  },
+  pink: {
+    0: "#a10f5f",
+    1: "#dd2590",
+    2: "#ee46bc",
+    3: "#f670c7",
+    4: "#faa7e0",
+    5: "#fcceee",
+    6: "#fce7f6",
+    7: "#fdf2fa",
+    8: "#fef6fb"
+  }
+};
+var text = {
+  primary: slateGrey[10],
+  secondary: slateGrey[9],
+  tertiary: slateGrey[8]
+};
+var background = {
+  primary: slateGrey[2],
+  secondary: slateGrey[0]
+};
+var border = {
+  primary: slateGrey[4],
+  secondary: slateGrey[3]
+};
+var button = {
+  primary: {
+    text: base.white,
+    icon: base.white,
+    border: brand[3],
+    backgroundDefault: brand[3],
+    backgroundHover: brand[2]
+  },
+  neutral: {
+    text: slateGrey[10],
+    textHover: base.white,
+    icon: slateGrey[10],
+    iconHover: base.white,
+    border: slateGrey[4],
+    background: slateGrey[2]
+  },
+  link: {
+    text: base.white,
+    icon: base.white,
+    hover: brand[5]
+  },
+  error: {
+    text: red[5],
+    hover: red[6]
+  },
+  success: {
+    text: green[5],
+    hover: green[6]
+  }
+};
+var badge = {
+  slateGrey: {
+    content: slateGrey[10],
+    pillOutline: slateGrey[10],
+    borderPrimary: slateGrey[5],
+    borderSecondary: slateGrey[5],
+    background: slateGrey[3]
+  },
+  brand: {
+    content: brand[9],
+    pillOutline: brand[9],
+    borderPrimary: brand[6],
+    borderSecondary: brand[6],
+    background: brand[0]
+  },
+  red: {
+    content: red[8],
+    pillOutline: red[4],
+    borderPrimary: red[2],
+    borderSecondary: red[2],
+    background: red[0]
+  },
+  yellow: {
+    content: yellow[8],
+    pillOutline: yellow[4],
+    borderPrimary: yellow[2],
+    borderSecondary: yellow[2],
+    background: yellow[0]
+  },
+  green: {
+    content: green[8],
+    pillOutline: green[4],
+    borderPrimary: green[2],
+    borderSecondary: green[2],
+    background: green[0]
+  },
+  purple: {
+    content: purple[8],
+    pillOutline: purple[4],
+    borderPrimary: purple[2],
+    borderSecondary: purple[2],
+    background: purple[0]
+  },
+  blue: {
+    content: blue[8],
+    pillOutline: blue[4],
+    borderPrimary: blue[2],
+    borderSecondary: blue[2],
+    background: blue[0]
+  },
+  orange: {
+    content: orange[8],
+    pillOutline: orange[4],
+    borderPrimary: orange[2],
+    borderSecondary: orange[2],
+    background: orange[0]
+  },
+  pink: {
+    content: pink[8],
+    pillOutline: pink[4],
+    borderPrimary: pink[2],
+    borderSecondary: pink[2],
+    background: pink[0]
+  }
+};
+var badgeBanner = {
+  green: {
+    content: green[8],
+    border: green[2],
+    background: green[0]
+  },
+  yellow: {
+    content: yellow[8],
+    border: yellow[2],
+    background: yellow[0]
+  },
+  red: {
+    content: red[8],
+    border: red[2],
+    background: red[0]
+  }
+};
+var alert = {
+  green: {
+    content: green[1],
+    background: green[9]
+  },
+  yellow: {
+    content: yellow[1],
+    background: yellow[9]
+  },
+  red: {
+    content: red[1],
+    background: red[9]
+  }
+};
+var tag = {
+  content: slateGrey[10],
+  border: slateGrey[4],
+  background: slateGrey[3]
+};
+var menu = {
+  backgroundDefault: slateGrey[2],
+  backgroundHover: slateGrey[1],
+  selected: slateGrey[3]
+};
+var inputDropdown = {
+  background: slateGrey[2],
+  icon: slateGrey[10],
+  borderDefault: slateGrey[4],
+  borderSelected: brand[3],
+  textLabel: slateGrey[9],
+  textPlaceholder: slateGrey[8],
+  textHint: slateGrey[8]
+};
+var inputField = {
+  backgroundDefault: slateGrey[2],
+  backgroundDisabled: slateGrey[0],
+  textLabel: slateGrey[9],
+  textPlaceholder: slateGrey[8],
+  textHint: slateGrey[8],
+  textError: red[5],
+  iconDefault: slateGrey[9],
+  iconPlaceholder: slateGrey[10],
+  iconError: red[5],
+  borderDefault: slateGrey[4],
+  borderSelected: brand[3],
+  borderError: red[5]
+};
+var toggle = {
+  handleDefault: base.white,
+  handleDisabled: slateGrey[10],
+  off: {
+    backgroundDefault: slateGrey[4],
+    backgroundHover: slateGrey[5],
+    backgroundDisabled: slateGrey[4]
+  },
+  on: {
+    backgroundDefault: green[3],
+    backgroundHover: green[2],
+    backgroundDisabled: slateGrey[4]
+  }
+};
+var checkbox = {
+  off: {
+    backgroundDefault: "#00000000",
+    backgroundHover: slateGrey[5],
+    backgroundDisabled: slateGrey[2],
+    border: slateGrey[6]
+  },
+  on: {
+    backgroundDefault: green[0],
+    backgroundHover: green[1],
+    backgroundDisabled: slateGrey[2],
+    border: green[3]
+  }
+};
+var avatar = {
+  content: slateGrey[10],
+  background: slateGrey[4]
+};
+var progressBarSlider = {
+  background: slateGrey[4],
+  active: green[3]
+};
+var card = {
+  background: slateGrey[1],
+  content: slateGrey[9],
+  border: slateGrey[4]
+};
+var sidebar = {
+  backgroundDefault: slateGrey[1],
+  backgroundHover: slateGrey[3],
+  backgroundActive: slateGrey[4],
+  border: slateGrey[4],
+  contentPrimary: slateGrey[10],
+  contentSecondary: slateGrey[9],
+  contentTertiary: slateGrey[8]
+};
+var modal = {
+  background: slateGrey[1],
+  content: slateGrey[9],
+  border: slateGrey[4]
+};
+var tab = {
+  activeBackground: slateGrey[3],
+  activeContent: brand[5],
+  inactiveContent: slateGrey[9],
+  border: slateGrey[4]
+};
+var table = {
+  header: {
+    textDefault: slateGrey[9],
+    textHover: slateGrey[8],
+    backgroundDefault: slateGrey[1]
+  },
+  border: slateGrey[4],
+  cell: {
+    textPrimary: slateGrey[10],
+    textSecondary: slateGrey[9],
+    backgroundDefault: slateGrey[2],
+    backgroundHover: slateGrey[1]
+  }
+};
+var breadcrumbs = {
+  textPrimaryDefault: slateGrey[10],
+  textPrimaryHover: slateGrey[10],
+  textSecondaryDefault: slateGrey[8],
+  textSecondaryHover: slateGrey[9],
+  iconPrimary: slateGrey[10],
+  iconSecondary: slateGrey[8]
+};
+var loadingIndicator = {
+  background: green[1],
+  active: green[5]
+};
+var datePicker = {
+  textDefault: slateGrey[10],
+  textSelected: base.white,
+  textDisabled: slateGrey[7],
+  backgroundDefault: slateGrey[2],
+  backgroundMiddle: slateGrey[3],
+  backgroundSelected: brand[3],
+  border: slateGrey[4]
+};
+var scroll = slateGrey[9];
+var colors = {
+  base,
+  brand,
+  slateGrey,
+  green,
+  yellow,
+  red,
+  blue,
+  orange,
+  purple,
+  pink,
+  legacy,
+  text,
+  background,
+  border,
+  button,
+  badge,
+  badgeBanner,
+  alert,
+  tag,
+  menu,
+  inputDropdown,
+  inputField,
+  toggle,
+  checkbox,
+  avatar,
+  progressBarSlider,
+  card,
+  sidebar,
+  modal,
+  tab,
+  table,
+  breadcrumbs,
+  loadingIndicator,
+  datePicker,
+  scroll
+};
+var colors_default = colors;
+
+// ../../design-system/dist/tokens/effects.js
+var shadows = {
+  xs: "0 1px 2px 0 rgba(16,24,40,0.05)",
+  sm: "0 1px 3px 0 rgba(16,24,40,0.10), 0 1px 2px -1px rgba(16,24,40,0.10)",
+  md: "0 4px 6px -1px rgba(16,24,40,0.10), 0 2px 4px -2px rgba(16,24,40,0.10)",
+  lg: "0 10px 15px -3px rgba(16,24,40,0.10), 0 4px 6px -4px rgba(16,24,40,0.10)",
+  xl: "0 20px 25px -5px rgba(16,24,40,0.10), 0 8px 10px -6px rgba(16,24,40,0.10)",
+  "2xl": "0 25px 50px -12px rgba(16,24,40,0.25)",
+  "3xl": "0 35px 60px -15px rgba(16,24,40,0.35)",
+  inner: "inset 0 2px 4px 0 rgba(16,24,40,0.05)",
+  none: "none"
+};
+var focusRings = {
+  primary: "0 0 0 4px rgba(221,109,105,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)",
+  neutral: "0 0 0 4px rgba(135,145,159,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)",
+  error: "0 0 0 4px rgba(255,81,80,0.25), 0 1px 2px 0 rgba(16,24,40,0.05)"
+};
+var backdropBlur = {
+  sm: "8px",
+  md: "16px",
+  lg: "24px",
+  xl: "40px"
+};
+var overlay = {
+  solid: "rgba(0,0,0,0.70)",
+  blur: "rgba(0,0,0,0.25)"
+};
+var glowShadows = {
+  "glow-green": "0 0 20px -8px rgba(34,197,94,0.3)",
+  "glow-brand": "0 0 25px rgba(212,72,68,0.25)",
+  "glow-brand-sm": "0 0 0 1px rgba(212,72,68,0.15)",
+  "glow-brand-md": "0 0 0 2px rgba(212,72,68,0.3)",
+  "glow-brand-active": "0 0.375rem 0.875rem -0.625rem rgba(212,72,68,0.8)",
+  "glow-brand-tab": "0 0.5rem 1.25rem -0.75rem rgba(212,72,68,0.7)",
+  "glow-brand-nav": "0 0.625rem 1.875rem -1.125rem rgba(212,72,68,0.9)"
+};
+var elevationShadows = {
+  "elevation-sm": "0 8px 24px -16px rgba(0,0,0,0.6)",
+  "elevation-md": "0 12px 32px -18px rgba(0,0,0,0.6)",
+  "elevation-lg": "0 18px 48px -24px rgba(0,0,0,0.65)",
+  "elevation-card": "0 0.75rem 2rem -1.25rem rgba(0,0,0,0.7)",
+  "elevation-card-soft": "0 0.75rem 2.375rem -0.75rem rgba(0,0,0,0.4)",
+  "elevation-card-tight": "0 0.625rem 1.625rem -1.125rem rgba(0,0,0,0.6)"
+};
+
+// ../../design-system/dist/tokens/panel-shell.js
+var panelBackground = "linear-gradient(160deg, rgba(7,8,10,0.84) 0%, rgba(14,17,20,0.88) 45%, rgba(15,19,24,0.84) 100%)";
+var panelShadows = {
+  /** Free-floating panel — shadow all sides. */
+  floating: "0 8px 60px rgba(0,0,0,0.5)",
+  /** Docked to left — shadow cast rightward into page. */
+  dockedLeft: "20px 0 60px rgba(0,0,0,0.5)",
+  /** Docked to right — shadow cast leftward into page. */
+  dockedRight: "-20px 0 60px rgba(0,0,0,0.5)"
+};
+var panelBackdropBlur = "12px";
+var fab = {
+  /** Diameter in pixels. */
+  size: 56,
+  /** Inset from the panel's top-left corner in pixels. */
+  inset: 12,
+  /** Background color (always the brand black). */
+  background: base.black,
+  /** Icon / logo color. */
+  color: base.white,
+  /** Border — 2px brand red ring. */
+  border: `2px solid ${brand[3]}`,
+  /** Shadow when the panel is open (inner ring for "active" state). */
+  shadowOpen: "0 4px 24px rgba(0,0,0,0.6), 0 0 0 2px rgba(255,255,255,0.08)",
+  /** Shadow when the panel is closed. */
+  shadowClosed: "0 4px 24px rgba(0,0,0,0.6)"
+};
+var panelBehavior = {
+  /** Minimum panel width when resizing or undocked. */
+  minWidth: 480,
+  /** Minimum panel height when resizing or undocked. */
+  minHeight: 400,
+  /** Edge thickness of resize handles in pixels. */
+  handleSize: 8,
+  /** Pixels the FAB must move before a press becomes a drag (vs a click). */
+  dragThreshold: 5,
+  /** Distance from a viewport edge that triggers edge-dock snapping. */
+  snapThreshold: 20
+};
+var panelShell = {
+  background: panelBackground,
+  shadows: panelShadows,
+  backdropBlur: panelBackdropBlur,
+  fab,
+  behavior: panelBehavior
+};
+var panel_shell_default = panelShell;
+
+export {
+  slateGrey,
+  purple,
+  colors,
+  colors_default,
+  shadows,
+  focusRings,
+  backdropBlur,
+  overlay,
+  glowShadows,
+  elevationShadows,
+  panel_shell_default
+};
+//# sourceMappingURL=chunk-S6WIENQP.js.map