@smwb/ui-solid 0.1.0

package/dist/components/dataDisplay/chat/useChatStickToBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChatStickToBottom.js","sources":["../../../../src/components/dataDisplay/chat/useChatStickToBottom.ts"],"sourcesContent":["import { type Accessor, createEffect, onCleanup } from \"solid-js\";\n\nexport interface CreateChatStickToBottomParams {\n  container: Accessor<HTMLElement | null | undefined>;\n  messages: Accessor<readonly { id: string }[]>;\n  threshold?: number;\n}\n\nexport function isScrolledToBottom(element: HTMLElement, threshold = 24): boolean {\n  return element.scrollHeight - element.scrollTop - element.clientHeight <= threshold;\n}\n\nexport function scrollChatToBottom(element: HTMLElement): void {\n  element.scrollTop = element.scrollHeight;\n}\n\n/**\n * Solid port of useChatStickToBottom — keeps the scroll pinned to the newest\n * message while preserving position when older messages are prepended.\n */\nexport function createChatStickToBottom(params: CreateChatStickToBottomParams): void {\n  const threshold = params.threshold ?? 24;\n  let isAtBottom = true;\n  let previousScrollHeight = 0;\n  let previousFirstMessageId: string | undefined;\n  let previousLastMessageId: string | undefined;\n  let initialized = false;\n\n  // Scroll listener tracks whether the user is currently pinned to the bottom.\n  createEffect(() => {\n    const element = params.container();\n    if (!element) return;\n\n    const handleScroll = (): void => {\n      isAtBottom = isScrolledToBottom(element, threshold);\n    };\n\n    handleScroll();\n    element.addEventListener(\"scroll\", handleScroll, { passive: true });\n    onCleanup(() => element.removeEventListener(\"scroll\", handleScroll));\n  });\n\n  // Re-pin / preserve position whenever the message list changes.\n  createEffect(() => {\n    const messages = params.messages();\n    const element = params.container();\n    if (!element) return;\n\n    const firstMessageId = messages[0]?.id;\n    const lastMessageId = messages[messages.length - 1]?.id;\n\n    if (!initialized) {\n      scrollChatToBottom(element);\n      isAtBottom = true;\n      initialized = true;\n    } else {\n      const prepended =\n        firstMessageId !== undefined &&\n        firstMessageId !== previousFirstMessageId &&\n        lastMessageId === previousLastMessageId;\n      const appended = lastMessageId !== undefined && lastMessageId !== previousLastMessageId;\n\n      if (prepended && previousScrollHeight > 0) {\n        element.scrollTop += element.scrollHeight - previousScrollHeight;\n      } else if (appended && isAtBottom) {\n        scrollChatToBottom(element);\n      }\n    }\n\n    previousScrollHeight = element.scrollHeight;\n    previousFirstMessageId = firstMessageId;\n    previousLastMessageId = lastMessageId;\n  });\n}\n"],"names":["isScrolledToBottom","element","threshold","scrollChatToBottom","createChatStickToBottom","params","isAtBottom","previousScrollHeight","previousFirstMessageId","previousLastMessageId","initialized","createEffect","handleScroll","onCleanup","messages","firstMessageId","lastMessageId","prepended","appended"],"mappings":";AAQO,SAASA,EAAmBC,GAAsBC,IAAY,IAAa;AAChF,SAAOD,EAAQ,eAAeA,EAAQ,YAAYA,EAAQ,gBAAgBC;AAC5E;AAEO,SAASC,EAAmBF,GAA4B;AAC7D,EAAAA,EAAQ,YAAYA,EAAQ;AAC9B;AAMO,SAASG,EAAwBC,GAA6C;AACnF,QAAMH,IAAYG,EAAO,aAAa;AACtC,MAAIC,IAAa,IACbC,IAAuB,GACvBC,GACAC,GACAC,IAAc;AAGlB,EAAAC,EAAa,MAAM;AACjB,UAAMV,IAAUI,EAAO,UAAA;AACvB,QAAI,CAACJ,EAAS;AAEd,UAAMW,IAAe,MAAY;AAC/B,MAAAN,IAAaN,EAAmBC,GAASC,CAAS;AAAA,IACpD;AAEA,IAAAU,EAAA,GACAX,EAAQ,iBAAiB,UAAUW,GAAc,EAAE,SAAS,IAAM,GAClEC,EAAU,MAAMZ,EAAQ,oBAAoB,UAAUW,CAAY,CAAC;AAAA,EACrE,CAAC,GAGDD,EAAa,MAAM;AACjB,UAAMG,IAAWT,EAAO,SAAA,GAClBJ,IAAUI,EAAO,UAAA;AACvB,QAAI,CAACJ,EAAS;AAEd,UAAMc,IAAiBD,EAAS,CAAC,GAAG,IAC9BE,IAAgBF,EAASA,EAAS,SAAS,CAAC,GAAG;AAErD,QAAI,CAACJ;AACH,MAAAP,EAAmBF,CAAO,GAC1BK,IAAa,IACbI,IAAc;AAAA,SACT;AACL,YAAMO,IACJF,MAAmB,UACnBA,MAAmBP,KACnBQ,MAAkBP,GACdS,IAAWF,MAAkB,UAAaA,MAAkBP;AAElE,MAAIQ,KAAaV,IAAuB,IACtCN,EAAQ,aAAaA,EAAQ,eAAeM,IACnCW,KAAYZ,KACrBH,EAAmBF,CAAO;AAAA,IAE9B;AAEA,IAAAM,IAAuBN,EAAQ,cAC/BO,IAAyBO,GACzBN,IAAwBO;AAAA,EAC1B,CAAC;AACH;"}

package/dist/components/dataDisplay/chat/utils.d.ts

@@ -0,0 +1,26 @@
+import { type ChatAttachment, type ChatLayoutMode, type ChatMessageDeliveryStatus, type ChatMessageStatus, type ChatMessageStatusIcons } from "./types";
+export declare function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus;
+export declare function resolveChatMessageStatusIcon(status: ChatMessageStatus, icons?: ChatMessageStatusIcons & Record<string, string | undefined>): string | undefined;
+export declare function resolveChatMessageStatusLabel(status: ChatMessageStatus): string;
+export declare function isImageAttachment(attachment: ChatAttachment): boolean;
+export declare function formatChatTimestamp(value?: string | Date): string;
+export declare function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[];
+export declare function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode;
+export declare function getChatLayoutActions(allowedLayouts: ChatLayoutMode[], currentLayout?: ChatLayoutMode): Exclude<ChatLayoutMode, "closed">[];
+export declare function shouldShowChatCloseButton(options: {
+    floatingTrigger?: boolean | undefined;
+    embedded?: boolean | undefined;
+    overlayContext?: boolean | undefined;
+    effectiveLayout?: ChatLayoutMode | undefined;
+    showCloseButton?: boolean | undefined;
+}): boolean;
+export interface ChatComposerNewlineOptions {
+    shiftEnterNewline?: boolean;
+    ctrlEnterNewline?: boolean;
+}
+export declare function shouldComposerNewlineOnEnter(event: {
+    key: string;
+    shiftKey: boolean;
+    ctrlKey: boolean;
+    metaKey: boolean;
+}, options?: ChatComposerNewlineOptions): boolean;

package/dist/components/dataDisplay/chat/utils.js

@@ -0,0 +1,59 @@
+import { CHAT_MESSAGE_DELIVERY_STATUSES as f, CHAT_EXPAND_LAYOUTS as o, CHAT_MESSAGE_STATUS_ICONS as l, CHAT_MESSAGE_STATUS_LABELS as a } from "./types.js";
+function i(e) {
+  return f.includes(e);
+}
+function g(e, t) {
+  const r = t?.[e];
+  if (r)
+    return r;
+  if (i(e))
+    return l[e];
+}
+function S(e) {
+  return i(e) ? a[e] : String(e);
+}
+function m(e) {
+  return e.mimeType?.startsWith("image/") ? !0 : /\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(e.name);
+}
+function h(e) {
+  if (!e)
+    return "";
+  const t = e instanceof Date ? e : new Date(e);
+  return Number.isNaN(t.getTime()) ? String(e) : new Intl.DateTimeFormat(void 0, {
+    hour: "2-digit",
+    minute: "2-digit"
+  }).format(t);
+}
+function s(e) {
+  return e == null ? ["floating"] : e.length === 0 ? [] : o.filter((t) => e.includes(t));
+}
+function C(e, t) {
+  return t && t !== "closed" && e.includes(t) ? t : e[0] ?? "floating";
+}
+function T(e, t) {
+  return s(e).filter(
+    (r) => r !== "closed" && r !== t
+  );
+}
+function A(e) {
+  return e.showCloseButton === !1 ? !1 : e.showCloseButton === !0 || e.overlayContext && e.floatingTrigger && !e.embedded && (e.effectiveLayout === "floating" || e.effectiveLayout === "fullHeight") ? !0 : !!(e.floatingTrigger && !e.embedded && e.effectiveLayout === "floating");
+}
+function E(e, t = {}) {
+  if (e.key !== "Enter")
+    return !1;
+  const { shiftEnterNewline: r = !0, ctrlEnterNewline: u = !0 } = t, n = e.ctrlKey || e.metaKey;
+  return !!(r && e.shiftKey && !n || u && n && !e.shiftKey);
+}
+export {
+  h as formatChatTimestamp,
+  T as getChatLayoutActions,
+  i as isChatMessageDeliveryStatus,
+  m as isImageAttachment,
+  C as pickInitialLayout,
+  s as resolveAllowedLayouts,
+  g as resolveChatMessageStatusIcon,
+  S as resolveChatMessageStatusLabel,
+  E as shouldComposerNewlineOnEnter,
+  A as shouldShowChatCloseButton
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/dataDisplay/chat/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/dataDisplay/chat/utils.ts"],"sourcesContent":["import {\n  type ChatAttachment,\n  type ChatLayoutMode,\n  CHAT_EXPAND_LAYOUTS,\n  CHAT_MESSAGE_DELIVERY_STATUSES,\n  CHAT_MESSAGE_STATUS_ICONS,\n  CHAT_MESSAGE_STATUS_LABELS,\n  type ChatMessageDeliveryStatus,\n  type ChatMessageStatus,\n  type ChatMessageStatusIcons,\n} from \"./types\";\n\nexport function isChatMessageDeliveryStatus(status: ChatMessageStatus): status is ChatMessageDeliveryStatus {\n  return CHAT_MESSAGE_DELIVERY_STATUSES.includes(status as ChatMessageDeliveryStatus);\n}\n\nexport function resolveChatMessageStatusIcon(\n  status: ChatMessageStatus,\n  icons?: ChatMessageStatusIcons & Record<string, string | undefined>\n): string | undefined {\n  const custom = icons?.[status];\n  if (custom) {\n    return custom;\n  }\n\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_ICONS[status];\n  }\n\n  return undefined;\n}\n\nexport function resolveChatMessageStatusLabel(status: ChatMessageStatus): string {\n  if (isChatMessageDeliveryStatus(status)) {\n    return CHAT_MESSAGE_STATUS_LABELS[status];\n  }\n\n  return String(status);\n}\n\nexport function isImageAttachment(attachment: ChatAttachment): boolean {\n  if (attachment.mimeType?.startsWith(\"image/\")) {\n    return true;\n  }\n\n  return /\\.(png|jpe?g|gif|webp|bmp|svg)$/i.test(attachment.name);\n}\n\nexport function formatChatTimestamp(value?: string | Date): string {\n  if (!value) {\n    return \"\";\n  }\n\n  const date = value instanceof Date ? value : new Date(value);\n\n  if (Number.isNaN(date.getTime())) {\n    return String(value);\n  }\n\n  return new Intl.DateTimeFormat(undefined, {\n    hour: \"2-digit\",\n    minute: \"2-digit\",\n  }).format(date);\n}\n\nexport function resolveAllowedLayouts(input?: ChatLayoutMode[]): ChatLayoutMode[] {\n  if (input == null) {\n    return [\"floating\"];\n  }\n\n  if (input.length === 0) {\n    return [];\n  }\n\n  return CHAT_EXPAND_LAYOUTS.filter((mode) => input.includes(mode));\n}\n\nexport function pickInitialLayout(allowed: ChatLayoutMode[], preferred?: ChatLayoutMode): ChatLayoutMode {\n  if (preferred && preferred !== \"closed\" && allowed.includes(preferred)) {\n    return preferred;\n  }\n\n  return allowed[0] ?? \"floating\";\n}\n\nexport function getChatLayoutActions(\n  allowedLayouts: ChatLayoutMode[],\n  currentLayout?: ChatLayoutMode\n): Exclude<ChatLayoutMode, \"closed\">[] {\n  return resolveAllowedLayouts(allowedLayouts).filter(\n    (mode): mode is Exclude<ChatLayoutMode, \"closed\"> => mode !== \"closed\" && mode !== currentLayout\n  );\n}\n\nexport function shouldShowChatCloseButton(options: {\n  floatingTrigger?: boolean | undefined;\n  embedded?: boolean | undefined;\n  overlayContext?: boolean | undefined;\n  effectiveLayout?: ChatLayoutMode | undefined;\n  showCloseButton?: boolean | undefined;\n}): boolean {\n  if (options.showCloseButton === false) {\n    return false;\n  }\n\n  if (options.showCloseButton === true) {\n    return true;\n  }\n\n  if (\n    options.overlayContext &&\n    options.floatingTrigger &&\n    !options.embedded &&\n    (options.effectiveLayout === \"floating\" || options.effectiveLayout === \"fullHeight\")\n  ) {\n    return true;\n  }\n\n  return Boolean(options.floatingTrigger && !options.embedded && options.effectiveLayout === \"floating\");\n}\n\nexport interface ChatComposerNewlineOptions {\n  shiftEnterNewline?: boolean;\n  ctrlEnterNewline?: boolean;\n}\n\nexport function shouldComposerNewlineOnEnter(\n  event: { key: string; shiftKey: boolean; ctrlKey: boolean; metaKey: boolean },\n  options: ChatComposerNewlineOptions = {}\n): boolean {\n  if (event.key !== \"Enter\") {\n    return false;\n  }\n\n  const { shiftEnterNewline = true, ctrlEnterNewline = true } = options;\n  const isCtrl = event.ctrlKey || event.metaKey;\n\n  if (shiftEnterNewline && event.shiftKey && !isCtrl) {\n    return true;\n  }\n\n  if (ctrlEnterNewline && isCtrl && !event.shiftKey) {\n    return true;\n  }\n\n  return false;\n}\n"],"names":["isChatMessageDeliveryStatus","status","CHAT_MESSAGE_DELIVERY_STATUSES","resolveChatMessageStatusIcon","icons","custom","CHAT_MESSAGE_STATUS_ICONS","resolveChatMessageStatusLabel","CHAT_MESSAGE_STATUS_LABELS","isImageAttachment","attachment","formatChatTimestamp","value","date","resolveAllowedLayouts","input","CHAT_EXPAND_LAYOUTS","mode","pickInitialLayout","allowed","preferred","getChatLayoutActions","allowedLayouts","currentLayout","shouldShowChatCloseButton","options","shouldComposerNewlineOnEnter","event","shiftEnterNewline","ctrlEnterNewline","isCtrl"],"mappings":";AAYO,SAASA,EAA4BC,GAAgE;AAC1G,SAAOC,EAA+B,SAASD,CAAmC;AACpF;AAEO,SAASE,EACdF,GACAG,GACoB;AACpB,QAAMC,IAASD,IAAQH,CAAM;AAC7B,MAAII;AACF,WAAOA;AAGT,MAAIL,EAA4BC,CAAM;AACpC,WAAOK,EAA0BL,CAAM;AAI3C;AAEO,SAASM,EAA8BN,GAAmC;AAC/E,SAAID,EAA4BC,CAAM,IAC7BO,EAA2BP,CAAM,IAGnC,OAAOA,CAAM;AACtB;AAEO,SAASQ,EAAkBC,GAAqC;AACrE,SAAIA,EAAW,UAAU,WAAW,QAAQ,IACnC,KAGF,mCAAmC,KAAKA,EAAW,IAAI;AAChE;AAEO,SAASC,EAAoBC,GAA+B;AACjE,MAAI,CAACA;AACH,WAAO;AAGT,QAAMC,IAAOD,aAAiB,OAAOA,IAAQ,IAAI,KAAKA,CAAK;AAE3D,SAAI,OAAO,MAAMC,EAAK,QAAA,CAAS,IACtB,OAAOD,CAAK,IAGd,IAAI,KAAK,eAAe,QAAW;AAAA,IACxC,MAAM;AAAA,IACN,QAAQ;AAAA,EAAA,CACT,EAAE,OAAOC,CAAI;AAChB;AAEO,SAASC,EAAsBC,GAA4C;AAChF,SAAIA,KAAS,OACJ,CAAC,UAAU,IAGhBA,EAAM,WAAW,IACZ,CAAA,IAGFC,EAAoB,OAAO,CAACC,MAASF,EAAM,SAASE,CAAI,CAAC;AAClE;AAEO,SAASC,EAAkBC,GAA2BC,GAA4C;AACvG,SAAIA,KAAaA,MAAc,YAAYD,EAAQ,SAASC,CAAS,IAC5DA,IAGFD,EAAQ,CAAC,KAAK;AACvB;AAEO,SAASE,EACdC,GACAC,GACqC;AACrC,SAAOT,EAAsBQ,CAAc,EAAE;AAAA,IAC3C,CAACL,MAAoDA,MAAS,YAAYA,MAASM;AAAA,EAAA;AAEvF;AAEO,SAASC,EAA0BC,GAM9B;AACV,SAAIA,EAAQ,oBAAoB,KACvB,KAGLA,EAAQ,oBAAoB,MAK9BA,EAAQ,kBACRA,EAAQ,mBACR,CAACA,EAAQ,aACRA,EAAQ,oBAAoB,cAAcA,EAAQ,oBAAoB,gBAEhE,KAGF,GAAQA,EAAQ,mBAAmB,CAACA,EAAQ,YAAYA,EAAQ,oBAAoB;AAC7F;AAOO,SAASC,EACdC,GACAF,IAAsC,IAC7B;AACT,MAAIE,EAAM,QAAQ;AAChB,WAAO;AAGT,QAAM,EAAE,mBAAAC,IAAoB,IAAM,kBAAAC,IAAmB,OAASJ,GACxDK,IAASH,EAAM,WAAWA,EAAM;AAMtC,SAJI,GAAAC,KAAqBD,EAAM,YAAY,CAACG,KAIxCD,KAAoBC,KAAU,CAACH,EAAM;AAK3C;"}

package/dist/components/dataDisplay/chip/chip.d.ts

@@ -0,0 +1,28 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type ChipColor = "default" | "primary" | "secondary" | "error" | "success" | "warning" | "info";
+export interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {
+    variant?: "filled" | "outlined";
+    size?: "small" | "medium";
+    color?: ChipColor;
+    onDelete?: (event: MouseEvent & {
+        currentTarget: HTMLButtonElement;
+        target: Element;
+    }) => void;
+    icon?: JSX.Element;
+    deleteIcon?: JSX.Element;
+    label: string;
+    onClick?: () => void;
+    onDeleteMouseDown?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;
+    disabled?: boolean;
+    asLink?: boolean;
+    href?: string;
+    /** Open the link in a new tab (asLink only). */
+    target?: string;
+    selected?: boolean;
+    /** Accessible label for the delete control. */
+    deleteAriaLabel?: string;
+    ref?: Ref<HTMLSpanElement | HTMLAnchorElement>;
+}
+export declare function Chip(props: ChipProps): JSX.Element;
+export default Chip;

package/dist/components/dataDisplay/chip/chip.js

@@ -0,0 +1,125 @@
+import { createComponent as o, use as b, spread as g, mergeProps as w, insert as l, memo as $, template as i, addEventListener as D, effect as P, setAttribute as C, delegateEvents as y } from "solid-js/web";
+import '../../../assets/styles/less/components/chip/chip.entry.css';/* empty css                                                   */
+import { mergeProps as L, splitProps as z, Show as s } from "solid-js";
+import A from "clsx";
+import { mergeRefs as h } from "../../../primitives/mergeRefs.js";
+import { callHandler as R } from "../../../primitives/callHandler.js";
+import { Icon as I } from "../../base/icon/icon.js";
+import { Ripple as E } from "../../base/ripple/ripple.js";
+var M = /* @__PURE__ */ i("<span class=smwb-chip__icon>"), x = /* @__PURE__ */ i("<span class=smwb-chip__label>"), H = /* @__PURE__ */ i("<button type=button class=smwb-chip__delete-icon>"), K = /* @__PURE__ */ i("<a>"), S = /* @__PURE__ */ i("<span>");
+function Q(v) {
+  const _ = L({
+    target: "_blank",
+    variant: "filled",
+    size: "medium",
+    color: "default",
+    disabled: !1,
+    deleteAriaLabel: "Remove"
+  }, v), [e, c] = z(_, ["label", "class", "deleteIcon", "icon", "onDelete", "onDeleteMouseDown", "asLink", "href", "target", "selected", "variant", "size", "color", "disabled", "onClick", "deleteAriaLabel", "ref"]);
+  let d;
+  const m = (t) => {
+    e.disabled || d?.onRipple(t);
+  }, k = (t) => {
+    R(e.onDeleteMouseDown, t), t.stopPropagation();
+  }, u = () => A("smwb-chip", `smwb-${e.variant}`, `smwb-chip_size-${e.size}`, e.color !== "default" && `smwb-chip_color-${e.color}`, e.class, {
+    "smwb-disabled": e.disabled,
+    "smwb-selected": e.selected
+  }), a = () => !!e.onClick && !e.disabled, p = () => [o(s, {
+    get when() {
+      return e.icon;
+    },
+    get children() {
+      var t = M();
+      return l(t, () => e.icon), t;
+    }
+  }), (() => {
+    var t = x();
+    return l(t, () => e.label), t;
+  })(), o(s, {
+    get when() {
+      return e.onDelete;
+    },
+    get children() {
+      var t = H();
+      return t.$$mousedown = k, D(t, "click", e.onDelete, !0), l(t, o(s, {
+        get when() {
+          return e.deleteIcon;
+        },
+        get fallback() {
+          return o(I, {
+            name: "cancel",
+            size: 18,
+            fill: 1
+          });
+        },
+        get children() {
+          return e.deleteIcon;
+        }
+      })), P((r) => {
+        var n = e.deleteAriaLabel, f = e.disabled;
+        return n !== r.e && C(t, "aria-label", r.e = n), f !== r.t && (t.disabled = r.t = f), r;
+      }, {
+        e: void 0,
+        t: void 0
+      }), t;
+    }
+  }), o(E, {
+    actionRef: (t) => d = t
+  })];
+  return o(s, {
+    get when() {
+      return $(() => !!e.asLink)() && e.href;
+    },
+    get fallback() {
+      return (() => {
+        var t = S(), r = h(e.ref);
+        return typeof r == "function" && b(r, t), g(t, w(c, {
+          "data-testid": "chip",
+          get class() {
+            return u();
+          },
+          get role() {
+            return a() ? "button" : void 0;
+          },
+          get tabindex() {
+            return a() ? 0 : void 0;
+          },
+          get "aria-disabled"() {
+            return e.disabled || void 0;
+          },
+          get onClick() {
+            return a() ? () => e.onClick?.() : void 0;
+          },
+          get onKeyDown() {
+            return a() ? (n) => {
+              (n.key === "Enter" || n.key === " ") && (n.preventDefault(), e.onClick?.());
+            } : void 0;
+          },
+          onPointerDown: m
+        }), !1, !0), l(t, p), t;
+      })();
+    },
+    get children() {
+      var t = K(), r = h(e.ref);
+      return typeof r == "function" && b(r, t), g(t, w(c, {
+        "data-testid": "chip-link",
+        get class() {
+          return u();
+        },
+        get href() {
+          return e.href;
+        },
+        onPointerDown: m,
+        get target() {
+          return e.target;
+        },
+        rel: "noreferrer"
+      }), !1, !0), l(t, p), t;
+    }
+  });
+}
+y(["click", "mousedown"]);
+export {
+  Q as Chip
+};
+//# sourceMappingURL=chip.js.map

package/dist/components/dataDisplay/chip/chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.js","sources":["../../../../src/components/dataDisplay/chip/chip.tsx"],"sourcesContent":["import { type JSX, Show, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Ripple, type RippleActionsRef } from \"../../base/ripple\";\nimport { Icon } from \"../../base/icon\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\nimport { callHandler } from \"../../../primitives/callHandler\";\n\nexport type ChipColor = \"default\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\";\n\nexport interface ChipProps extends JSX.HTMLAttributes<HTMLSpanElement | HTMLAnchorElement> {\n  variant?: \"filled\" | \"outlined\";\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  onDelete?: (event: MouseEvent & { currentTarget: HTMLButtonElement; target: Element }) => void;\n  icon?: JSX.Element;\n  deleteIcon?: JSX.Element;\n  label: string;\n  onClick?: () => void;\n  onDeleteMouseDown?: JSX.EventHandlerUnion<HTMLButtonElement, MouseEvent>;\n  disabled?: boolean;\n  asLink?: boolean;\n  href?: string;\n  /** Open the link in a new tab (asLink only). */\n  target?: string;\n  selected?: boolean;\n  /** Accessible label for the delete control. */\n  deleteAriaLabel?: string;\n  ref?: Ref<HTMLSpanElement | HTMLAnchorElement>;\n}\n\nexport function Chip(props: ChipProps): JSX.Element {\n  const merged = mergeProps(\n    {\n      target: \"_blank\",\n      variant: \"filled\" as const,\n      size: \"medium\" as const,\n      color: \"default\" as ChipColor,\n      disabled: false,\n      deleteAriaLabel: \"Remove\",\n    },\n    props\n  );\n  const [local, rest] = splitProps(merged, [\n    \"label\",\n    \"class\",\n    \"deleteIcon\",\n    \"icon\",\n    \"onDelete\",\n    \"onDeleteMouseDown\",\n    \"asLink\",\n    \"href\",\n    \"target\",\n    \"selected\",\n    \"variant\",\n    \"size\",\n    \"color\",\n    \"disabled\",\n    \"onClick\",\n    \"deleteAriaLabel\",\n    \"ref\",\n  ]);\n\n  let rippleActions: RippleActionsRef | undefined;\n\n  const onPointerDown = (event: PointerEvent): void => {\n    if (!local.disabled) {\n      rippleActions?.onRipple(event);\n    }\n  };\n\n  const onDeleteMouseDown: JSX.EventHandler<HTMLButtonElement, MouseEvent> = (event) => {\n    callHandler(local.onDeleteMouseDown, event);\n    event.stopPropagation();\n  };\n\n  const classes = (): string =>\n    cn(\n      \"smwb-chip\",\n      `smwb-${local.variant}`,\n      `smwb-chip_size-${local.size}`,\n      local.color !== \"default\" && `smwb-chip_color-${local.color}`,\n      local.class,\n      { \"smwb-disabled\": local.disabled, \"smwb-selected\": local.selected }\n    );\n\n  const clickable = (): boolean => !!local.onClick && !local.disabled;\n\n  const inner = (): JSX.Element => (\n    <>\n      <Show when={local.icon}>\n        <span class=\"smwb-chip__icon\">{local.icon}</span>\n      </Show>\n      <span class=\"smwb-chip__label\">{local.label}</span>\n      <Show when={local.onDelete}>\n        <button\n          type=\"button\"\n          class=\"smwb-chip__delete-icon\"\n          aria-label={local.deleteAriaLabel}\n          disabled={local.disabled}\n          onClick={local.onDelete}\n          onMouseDown={onDeleteMouseDown}\n        >\n          <Show when={local.deleteIcon} fallback={<Icon name=\"cancel\" size={18} fill={1} />}>\n            {local.deleteIcon}\n          </Show>\n        </button>\n      </Show>\n      <Ripple actionRef={(actions) => (rippleActions = actions)} />\n    </>\n  );\n\n  return (\n    <Show\n      when={local.asLink && local.href}\n      fallback={\n        <span\n          {...rest}\n          ref={mergeRefs(local.ref)}\n          data-testid=\"chip\"\n          class={classes()}\n          role={clickable() ? \"button\" : undefined}\n          tabindex={clickable() ? 0 : undefined}\n          aria-disabled={local.disabled || undefined}\n          onClick={clickable() ? () => local.onClick?.() : undefined}\n          onKeyDown={\n            clickable()\n              ? (event) => {\n                  if (event.key === \"Enter\" || event.key === \" \") {\n                    event.preventDefault();\n                    local.onClick?.();\n                  }\n                }\n              : undefined\n          }\n          onPointerDown={onPointerDown}\n        >\n          {inner()}\n        </span>\n      }\n    >\n      <a\n        {...rest}\n        ref={mergeRefs(local.ref)}\n        data-testid=\"chip-link\"\n        class={classes()}\n        href={local.href}\n        onPointerDown={onPointerDown}\n        target={local.target}\n        rel=\"noreferrer\"\n      >\n        {inner()}\n      </a>\n    </Show>\n  );\n}\n\nexport default Chip;\n"],"names":["Chip","props","merged","mergeProps","target","variant","size","color","disabled","deleteAriaLabel","local","rest","splitProps","rippleActions","onPointerDown","event","onRipple","onDeleteMouseDown","callHandler","stopPropagation","classes","cn","class","selected","clickable","onClick","inner","_$createComponent","Show","when","icon","children","_el$","_tmpl$","_$insert","_el$2","_tmpl$2","label","onDelete","_el$3","_tmpl$3","$$mousedown","_$addEventListener","deleteIcon","fallback","Icon","name","fill","_$effect","_p$","_v$","_v$2","e","_$setAttribute","t","undefined","Ripple","actionRef","actions","_$memo","asLink","href","_el$5","_tmpl$5","_ref$2","mergeRefs","ref","_$use","_$spread","_$mergeProps","role","tabindex","onKeyDown","key","preventDefault","_el$4","_tmpl$4","_ref$","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip, default } from "./chip";
+export type { ChipProps, ChipColor } from "./chip";

package/dist/components/dataDisplay/expansionPanel/expansionPanel.d.ts

@@ -0,0 +1,42 @@
+import { type JSX } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export type ExpansionMode = "tile" | "row" | "fullscreen";
+export interface ExpansionPanelLabels {
+    expandRow?: string;
+    collapseRow?: string;
+    expandFullscreen?: string;
+    closeFullscreen?: string;
+    placeholder?: string;
+    placeholderClose?: string;
+}
+export interface ExpansionPanelRenderContext {
+    mode: ExpansionMode;
+    isFullscreen: boolean;
+    isFullRow: boolean;
+}
+export interface ExpansionPanelControlsContext extends ExpansionPanelRenderContext {
+    setMode: (next: ExpansionMode | ((current: ExpansionMode) => ExpansionMode)) => void;
+    toggleRow: () => void;
+    openFullscreen: () => void;
+    closeFullscreen: () => void;
+    labels: Required<ExpansionPanelLabels>;
+}
+type ExpansionPanelChildren = JSX.Element | ((ctx: ExpansionPanelRenderContext) => JSX.Element);
+type ExpansionPanelControls = JSX.Element | ((ctx: ExpansionPanelControlsContext) => JSX.Element);
+export interface ExpansionPanelProps {
+    class?: string;
+    header?: JSX.Element;
+    mode?: ExpansionMode;
+    defaultMode?: ExpansionMode;
+    onModeChange?: (mode: ExpansionMode) => void;
+    disableExpand?: boolean;
+    noControls?: boolean;
+    renderControls?: ExpansionPanelControls;
+    closeOnOutsideClick?: boolean;
+    closeOnEsc?: boolean;
+    labels?: ExpansionPanelLabels;
+    children?: ExpansionPanelChildren;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function ExpansionPanel(props: ExpansionPanelProps): JSX.Element;
+export default ExpansionPanel;

package/dist/components/dataDisplay/expansionPanel/expansionPanel.js

@@ -0,0 +1,174 @@
+import { createComponent as o, insert as r, Portal as L, addEventListener as P, template as m, use as S, effect as B, className as A, memo as h, delegateEvents as D } from "solid-js/web";
+import '../../../assets/styles/less/components/expansionPanel/expansionPanel.entry.css';/* empty css                                                                       */
+import { mergeProps as T, splitProps as I, createEffect as y, onCleanup as E, Show as $ } from "solid-js";
+import K from "clsx";
+import { createControllableState as N } from "../../../primitives/createControllableState.js";
+import { mergeRefs as U } from "../../../primitives/mergeRefs.js";
+import { Button as u } from "../../inputs/button/button.js";
+import { Icon as _ } from "../../base/icon/icon.js";
+var V = /* @__PURE__ */ m("<div class=smwb-expansion-panel__controls>"), j = /* @__PURE__ */ m("<div data-testid=expansion-panel><div class=smwb-expansion-panel__head><div class=smwb-expansion-panel__header></div></div><div class=smwb-expansion-panel__body>"), q = /* @__PURE__ */ m("<div class=smwb-expansion-panel__placeholder data-testid=expansion-panel-placeholder><span>"), G = /* @__PURE__ */ m('<div class="smwb-expansion-panel__overlay smwb-dark"role=dialog aria-modal=true data-testid=expansion-panel-overlay><div class=smwb-expansion-panel__dialog><div class=smwb-expansion-panel__head><div class=smwb-expansion-panel__header></div></div><div class="smwb-expansion-panel__body smwb-expansion-panel__body_fullscreen">');
+const H = {
+  expandRow: "Expand to full row",
+  collapseRow: "Collapse to grid",
+  expandFullscreen: "Expand to fullscreen",
+  closeFullscreen: "Close fullscreen",
+  placeholder: "Panel is open in fullscreen",
+  placeholderClose: "Close"
+};
+function le(F) {
+  const k = T({
+    defaultMode: "tile",
+    disableExpand: !1,
+    noControls: !1,
+    closeOnOutsideClick: !0,
+    closeOnEsc: !0
+  }, F), [n] = I(k, ["class", "header", "mode", "defaultMode", "onModeChange", "disableExpand", "noControls", "renderControls", "closeOnOutsideClick", "closeOnEsc", "labels", "children", "ref"]), [R, s] = N({
+    value: () => n.mode,
+    defaultValue: n.defaultMode,
+    onChange: (e) => n.onModeChange?.(e)
+  }), t = () => ({
+    ...H,
+    ...n.labels
+  }), c = () => n.disableExpand ? "tile" : R(), a = () => c() === "row", f = () => c() === "fullscreen", b = () => s((e) => e === "row" ? "tile" : "row"), w = () => s("fullscreen"), x = () => s("tile"), O = (e) => ({
+    mode: c(),
+    isFullscreen: e,
+    isFullRow: e ? !1 : a(),
+    setMode: s,
+    toggleRow: b,
+    openFullscreen: w,
+    closeFullscreen: x,
+    labels: t()
+  }), v = (e) => {
+    const l = {
+      mode: c(),
+      isFullscreen: e,
+      isFullRow: e ? !1 : a()
+    };
+    return typeof n.children == "function" ? n.children(l) : n.children;
+  }, z = (e) => e ? o(u, {
+    type: "button",
+    variant: "outlined",
+    size: "small",
+    get "aria-label"() {
+      return t().closeFullscreen;
+    },
+    get title() {
+      return t().closeFullscreen;
+    },
+    onClick: x,
+    "data-testid": "expansion-panel-close",
+    get icon() {
+      return o(_, {
+        name: "close",
+        size: 18
+      });
+    }
+  }) : [o(u, {
+    type: "button",
+    variant: "outlined",
+    size: "small",
+    get "aria-pressed"() {
+      return a();
+    },
+    get "aria-label"() {
+      return h(() => !!a())() ? t().collapseRow : t().expandRow;
+    },
+    get title() {
+      return h(() => !!a())() ? t().collapseRow : t().expandRow;
+    },
+    onClick: b,
+    "data-testid": "expansion-panel-row",
+    get icon() {
+      return o(_, {
+        get name() {
+          return a() ? "grid_view" : "table_rows";
+        },
+        size: 18
+      });
+    }
+  }), o(u, {
+    type: "button",
+    variant: "outlined",
+    size: "small",
+    get "aria-label"() {
+      return t().expandFullscreen;
+    },
+    get title() {
+      return t().expandFullscreen;
+    },
+    onClick: w,
+    "data-testid": "expansion-panel-fullscreen",
+    get icon() {
+      return o(_, {
+        name: "open_in_full",
+        size: 18
+      });
+    }
+  })], C = (e) => {
+    if (n.disableExpand || n.noControls) return null;
+    const l = n.renderControls ? typeof n.renderControls == "function" ? n.renderControls(O(e)) : n.renderControls : z(e);
+    return o($, {
+      when: l,
+      children: (i) => (() => {
+        var d = V();
+        return r(d, () => i()), d;
+      })()
+    });
+  };
+  y(() => {
+    if (!f()) return;
+    const e = document.body.style.overflow;
+    document.body.style.overflow = "hidden", E(() => {
+      document.body.style.overflow = e;
+    });
+  }), y(() => {
+    if (!f() || !n.closeOnEsc) return;
+    const e = (l) => {
+      l.key === "Escape" && s("tile");
+    };
+    document.addEventListener("keydown", e), E(() => document.removeEventListener("keydown", e));
+  });
+  const M = () => (() => {
+    var e = j(), l = e.firstChild, i = l.firstChild, d = l.nextSibling, p = U(n.ref);
+    return typeof p == "function" && S(p, e), r(i, () => n.header), r(l, () => C(!1), null), r(d, () => v(!1)), B(() => A(e, K("smwb-expansion-panel", {
+      "smwb-expansion-panel_row": a()
+    }, n.class))), e;
+  })();
+  return o($, {
+    get when() {
+      return f();
+    },
+    get fallback() {
+      return M();
+    },
+    get children() {
+      return [(() => {
+        var e = q(), l = e.firstChild;
+        return r(l, () => t().placeholder), r(e, o(u, {
+          type: "button",
+          variant: "outlined",
+          size: "small",
+          get label() {
+            return t().placeholderClose;
+          },
+          onClick: () => s("tile")
+        }), null), e;
+      })(), o(L, {
+        get mount() {
+          return document.body;
+        },
+        get children() {
+          var e = G(), l = e.firstChild, i = l.firstChild, d = i.firstChild, p = i.nextSibling;
+          return P(e, "click", n.closeOnOutsideClick ? (g) => {
+            g.target === g.currentTarget && s("tile");
+          } : void 0, !0), r(d, () => n.header), r(i, () => C(!0), null), r(p, () => v(!0)), e;
+        }
+      })];
+    }
+  });
+}
+D(["click"]);
+export {
+  le as ExpansionPanel
+};
+//# sourceMappingURL=expansionPanel.js.map

package/dist/components/dataDisplay/expansionPanel/expansionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expansionPanel.js","sources":["../../../../src/components/dataDisplay/expansionPanel/expansionPanel.tsx"],"sourcesContent":["import { type JSX, Show, createEffect, mergeProps, onCleanup, splitProps } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport cn from \"clsx\";\nimport { Button } from \"../../inputs/button\";\nimport { Icon } from \"../../base/icon\";\nimport { createControllableState } from \"../../../primitives/createControllableState\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport type ExpansionMode = \"tile\" | \"row\" | \"fullscreen\";\n\nexport interface ExpansionPanelLabels {\n  expandRow?: string;\n  collapseRow?: string;\n  expandFullscreen?: string;\n  closeFullscreen?: string;\n  placeholder?: string;\n  placeholderClose?: string;\n}\n\nexport interface ExpansionPanelRenderContext {\n  mode: ExpansionMode;\n  isFullscreen: boolean;\n  isFullRow: boolean;\n}\n\nexport interface ExpansionPanelControlsContext extends ExpansionPanelRenderContext {\n  setMode: (next: ExpansionMode | ((current: ExpansionMode) => ExpansionMode)) => void;\n  toggleRow: () => void;\n  openFullscreen: () => void;\n  closeFullscreen: () => void;\n  labels: Required<ExpansionPanelLabels>;\n}\n\ntype ExpansionPanelChildren = JSX.Element | ((ctx: ExpansionPanelRenderContext) => JSX.Element);\ntype ExpansionPanelControls = JSX.Element | ((ctx: ExpansionPanelControlsContext) => JSX.Element);\n\nexport interface ExpansionPanelProps {\n  class?: string;\n  header?: JSX.Element;\n  mode?: ExpansionMode;\n  defaultMode?: ExpansionMode;\n  onModeChange?: (mode: ExpansionMode) => void;\n  disableExpand?: boolean;\n  noControls?: boolean;\n  renderControls?: ExpansionPanelControls;\n  closeOnOutsideClick?: boolean;\n  closeOnEsc?: boolean;\n  labels?: ExpansionPanelLabels;\n  children?: ExpansionPanelChildren;\n  ref?: Ref<HTMLDivElement>;\n}\n\nconst DEFAULT_LABELS: Required<ExpansionPanelLabels> = {\n  expandRow: \"Expand to full row\",\n  collapseRow: \"Collapse to grid\",\n  expandFullscreen: \"Expand to fullscreen\",\n  closeFullscreen: \"Close fullscreen\",\n  placeholder: \"Panel is open in fullscreen\",\n  placeholderClose: \"Close\",\n};\n\nexport function ExpansionPanel(props: ExpansionPanelProps): JSX.Element {\n  const merged = mergeProps(\n    { defaultMode: \"tile\" as ExpansionMode, disableExpand: false, noControls: false, closeOnOutsideClick: true, closeOnEsc: true },\n    props\n  );\n  const [local] = splitProps(merged, [\n    \"class\",\n    \"header\",\n    \"mode\",\n    \"defaultMode\",\n    \"onModeChange\",\n    \"disableExpand\",\n    \"noControls\",\n    \"renderControls\",\n    \"closeOnOutsideClick\",\n    \"closeOnEsc\",\n    \"labels\",\n    \"children\",\n    \"ref\",\n  ]);\n\n  const [mode, setMode] = createControllableState<ExpansionMode>({\n    value: () => local.mode,\n    defaultValue: local.defaultMode,\n    onChange: (next) => local.onModeChange?.(next),\n  });\n\n  const labels = (): Required<ExpansionPanelLabels> => ({ ...DEFAULT_LABELS, ...local.labels });\n  const effectiveMode = (): ExpansionMode => (local.disableExpand ? \"tile\" : mode());\n  const isFullRow = (): boolean => effectiveMode() === \"row\";\n  const isFullscreen = (): boolean => effectiveMode() === \"fullscreen\";\n\n  const toggleRow = (): void => setMode((current) => (current === \"row\" ? \"tile\" : \"row\"));\n  const openFullscreen = (): void => setMode(\"fullscreen\");\n  const closeFullscreen = (): void => setMode(\"tile\");\n\n  const controlsContext = (overlay: boolean): ExpansionPanelControlsContext => ({\n    mode: effectiveMode(),\n    isFullscreen: overlay,\n    isFullRow: overlay ? false : isFullRow(),\n    setMode,\n    toggleRow,\n    openFullscreen,\n    closeFullscreen,\n    labels: labels(),\n  });\n\n  const renderChildren = (overlay: boolean): JSX.Element => {\n    const ctx: ExpansionPanelRenderContext = { mode: effectiveMode(), isFullscreen: overlay, isFullRow: overlay ? false : isFullRow() };\n    return typeof local.children === \"function\" ? local.children(ctx) : local.children;\n  };\n\n  const defaultControls = (overlay: boolean): JSX.Element => {\n    if (overlay) {\n      return (\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-label={labels().closeFullscreen}\n          title={labels().closeFullscreen}\n          onClick={closeFullscreen}\n          data-testid=\"expansion-panel-close\"\n          icon={<Icon name=\"close\" size={18} />}\n        />\n      );\n    }\n    return (\n      <>\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-pressed={isFullRow()}\n          aria-label={isFullRow() ? labels().collapseRow : labels().expandRow}\n          title={isFullRow() ? labels().collapseRow : labels().expandRow}\n          onClick={toggleRow}\n          data-testid=\"expansion-panel-row\"\n          icon={<Icon name={isFullRow() ? \"grid_view\" : \"table_rows\"} size={18} />}\n        />\n        <Button\n          type=\"button\"\n          variant=\"outlined\"\n          size=\"small\"\n          aria-label={labels().expandFullscreen}\n          title={labels().expandFullscreen}\n          onClick={openFullscreen}\n          data-testid=\"expansion-panel-fullscreen\"\n          icon={<Icon name=\"open_in_full\" size={18} />}\n        />\n      </>\n    );\n  };\n\n  const controlBar = (overlay: boolean): JSX.Element => {\n    if (local.disableExpand || local.noControls) return null;\n    const content = local.renderControls\n      ? typeof local.renderControls === \"function\"\n        ? local.renderControls(controlsContext(overlay))\n        : local.renderControls\n      : defaultControls(overlay);\n    return <Show when={content}>{(c) => <div class=\"smwb-expansion-panel__controls\">{c() as JSX.Element}</div>}</Show>;\n  };\n\n  // Lock body scroll while fullscreen.\n  createEffect(() => {\n    if (!isFullscreen()) return;\n    const prev = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    onCleanup(() => {\n      document.body.style.overflow = prev;\n    });\n  });\n\n  // Escape closes fullscreen.\n  createEffect(() => {\n    if (!isFullscreen() || !local.closeOnEsc) return;\n    const onKeyDown = (event: KeyboardEvent): void => {\n      if (event.key === \"Escape\") setMode(\"tile\");\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", onKeyDown));\n  });\n\n  const card = (): JSX.Element => (\n    <div\n      ref={mergeRefs(local.ref)}\n      class={cn(\"smwb-expansion-panel\", { \"smwb-expansion-panel_row\": isFullRow() }, local.class)}\n      data-testid=\"expansion-panel\"\n    >\n      <div class=\"smwb-expansion-panel__head\">\n        <div class=\"smwb-expansion-panel__header\">{local.header}</div>\n        {controlBar(false)}\n      </div>\n      <div class=\"smwb-expansion-panel__body\">{renderChildren(false)}</div>\n    </div>\n  );\n\n  return (\n    <Show when={isFullscreen()} fallback={card()}>\n      <>\n        <div class=\"smwb-expansion-panel__placeholder\" data-testid=\"expansion-panel-placeholder\">\n          <span>{labels().placeholder}</span>\n          <Button type=\"button\" variant=\"outlined\" size=\"small\" label={labels().placeholderClose} onClick={() => setMode(\"tile\")} />\n        </div>\n        <Portal mount={document.body}>\n          <div\n            class=\"smwb-expansion-panel__overlay smwb-dark\"\n            role=\"dialog\"\n            aria-modal=\"true\"\n            data-testid=\"expansion-panel-overlay\"\n            onClick={\n              local.closeOnOutsideClick\n                ? (event) => {\n                    if (event.target === event.currentTarget) setMode(\"tile\");\n                  }\n                : undefined\n            }\n          >\n            <div class=\"smwb-expansion-panel__dialog\">\n              <div class=\"smwb-expansion-panel__head\">\n                <div class=\"smwb-expansion-panel__header\">{local.header}</div>\n                {controlBar(true)}\n              </div>\n              <div class=\"smwb-expansion-panel__body smwb-expansion-panel__body_fullscreen\">{renderChildren(true)}</div>\n            </div>\n          </div>\n        </Portal>\n      </>\n    </Show>\n  );\n}\n\nexport default ExpansionPanel;\n"],"names":["DEFAULT_LABELS","expandRow","collapseRow","expandFullscreen","closeFullscreen","placeholder","placeholderClose","ExpansionPanel","props","merged","mergeProps","defaultMode","disableExpand","noControls","closeOnOutsideClick","closeOnEsc","local","splitProps","mode","setMode","createControllableState","value","defaultValue","onChange","next","onModeChange","labels","effectiveMode","isFullRow","isFullscreen","toggleRow","current","openFullscreen","controlsContext","overlay","renderChildren","ctx","children","defaultControls","_$createComponent","Button","type","variant","size","title","onClick","icon","Icon","name","_$memo","controlBar","content","renderControls","Show","when","c","_el$","_tmpl$","_$insert","createEffect","prev","document","body","style","overflow","onCleanup","onKeyDown","event","key","addEventListener","removeEventListener","card","_el$2","_tmpl$2","_el$3","firstChild","_el$4","_el$5","nextSibling","_ref$","mergeRefs","ref","_$use","header","_$effect","_$className","cn","class","fallback","_el$6","_tmpl$3","_el$7","label","Portal","mount","_el$8","_tmpl$4","_el$9","_el$0","_el$1","_el$10","_$addEventListener","target","currentTarget","undefined","_$delegateEvents"],"mappings":"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"}

package/dist/components/dataDisplay/expansionPanel/index.d.ts

@@ -0,0 +1,2 @@
+export { ExpansionPanel, default } from "./expansionPanel";
+export type { ExpansionPanelProps, ExpansionPanelLabels, ExpansionPanelRenderContext, ExpansionPanelControlsContext, ExpansionMode, } from "./expansionPanel";

package/dist/components/dataDisplay/imagesList/imagesList.d.ts

@@ -0,0 +1,14 @@
+import { type JSX, type ParentProps } from "solid-js";
+import { type Ref } from "../../../primitives/mergeRefs";
+export interface ImagesListProps {
+    class?: string;
+    rowsHeight?: number;
+    cols: number;
+    variant?: "woven" | "masonry" | "default";
+    gap?: number;
+    "aria-label"?: string;
+    id?: string;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function ImagesList(props: ParentProps<ImagesListProps>): JSX.Element;
+export default ImagesList;

package/dist/components/dataDisplay/imagesList/imagesList.js

@@ -0,0 +1,41 @@
+import { createComponent as p, use as b, insert as w, effect as y, className as c, setAttribute as d, setStyleProperty as g, template as H } from "solid-js/web";
+import '../../../assets/styles/less/components/imagesList/imagesList.entry.css';/* empty css                                                               */
+import { mergeProps as P, splitProps as x } from "solid-js";
+import f from "clsx";
+import { ImagesListContext as C } from "./imagesListContext.js";
+import { mergeRefs as I } from "../../../primitives/mergeRefs.js";
+var L = /* @__PURE__ */ H("<div data-testid=images-list><ul>");
+function k(u) {
+  const h = P({
+    gap: 4,
+    cols: 3,
+    rowsHeight: 0,
+    variant: "default"
+  }, u), [r] = x(h, ["class", "children", "gap", "cols", "rowsHeight", "variant", "aria-label", "id", "ref"]);
+  return p(C.Provider, {
+    get value() {
+      return {
+        rowsHeight: r.rowsHeight,
+        variant: r.variant
+      };
+    },
+    get children() {
+      var t = L(), i = t.firstChild, a = I(r.ref);
+      return typeof a == "function" && b(a, t), w(i, () => r.children), y((e) => {
+        var o = f("smwb-gallery", r.class), s = r.id, l = r["aria-label"], n = f("smwb-gallery__list", `smwb-${r.variant}`), m = `${r.cols}`, v = `${r.gap}px`;
+        return o !== e.e && c(t, e.e = o), s !== e.t && d(t, "id", e.t = s), l !== e.a && d(i, "aria-label", e.a = l), n !== e.o && c(i, e.o = n), m !== e.i && g(i, "--cols-count", e.i = m), v !== e.n && g(i, "--gap", e.n = v), e;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0,
+        i: void 0,
+        n: void 0
+      }), t;
+    }
+  });
+}
+export {
+  k as ImagesList
+};
+//# sourceMappingURL=imagesList.js.map

package/dist/components/dataDisplay/imagesList/imagesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagesList.js","sources":["../../../../src/components/dataDisplay/imagesList/imagesList.tsx"],"sourcesContent":["import { type JSX, type ParentProps, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { ImagesListContext } from \"./imagesListContext\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface ImagesListProps {\n  class?: string;\n  rowsHeight?: number;\n  cols: number;\n  variant?: \"woven\" | \"masonry\" | \"default\";\n  gap?: number;\n  \"aria-label\"?: string;\n  id?: string;\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport function ImagesList(props: ParentProps<ImagesListProps>): JSX.Element {\n  const merged = mergeProps({ gap: 4, cols: 3, rowsHeight: 0, variant: \"default\" as const }, props);\n  const [local] = splitProps(merged, [\"class\", \"children\", \"gap\", \"cols\", \"rowsHeight\", \"variant\", \"aria-label\", \"id\", \"ref\"]);\n\n  return (\n    <ImagesListContext.Provider value={{ rowsHeight: local.rowsHeight, variant: local.variant }}>\n      <div class={cn(\"smwb-gallery\", local.class)} data-testid=\"images-list\" ref={mergeRefs(local.ref)} id={local.id}>\n        <ul\n          aria-label={local[\"aria-label\"]}\n          class={cn(\"smwb-gallery__list\", `smwb-${local.variant}`)}\n          style={{ \"--cols-count\": `${local.cols}`, \"--gap\": `${local.gap}px` }}\n        >\n          {local.children}\n        </ul>\n      </div>\n    </ImagesListContext.Provider>\n  );\n}\n\nexport default ImagesList;\n"],"names":["ImagesList","props","merged","mergeProps","gap","cols","rowsHeight","variant","local","splitProps","_$createComponent","ImagesListContext","Provider","value","children","_el$","_tmpl$","_el$2","firstChild","_ref$","mergeRefs","ref","_$use","_$insert","_$effect","_p$","_v$","cn","class","_v$2","id","_v$3","_v$4","_v$5","_v$6","e","_$className","t","_$setAttribute","a","o","i","_$setStyleProperty","n","undefined"],"mappings":";;;;;;;AAiBO,SAASA,EAAWC,GAAkD;AAC3E,QAAMC,IAASC,EAAW;AAAA,IAAEC,KAAK;AAAA,IAAGC,MAAM;AAAA,IAAGC,YAAY;AAAA,IAAGC,SAAS;AAAA,EAAA,GAAsBN,CAAK,GAC1F,CAACO,CAAK,IAAIC,EAAWP,GAAQ,CAAC,SAAS,YAAY,OAAO,QAAQ,cAAc,WAAW,cAAc,MAAM,KAAK,CAAC;AAE3H,SAAAQ,EACGC,EAAkBC,UAAQ;AAAA,IAAA,IAACC,QAAK;AAAA,aAAE;AAAA,QAAEP,YAAYE,EAAMF;AAAAA,QAAYC,SAASC,EAAMD;AAAAA,MAAAA;AAAAA,IAAS;AAAA,IAAA,IAAAO,WAAA;AAAA,UAAAC,IAAAC,EAAAA,GAAAC,IAAAF,EAAAG,YAAAC,IACbC,EAAUZ,EAAMa,GAAG;AAAC,oBAAAF,KAAA,cAAAG,EAAAH,GAAAJ,CAAA,GAAAQ,EAAAN,GAAA,MAM3FT,EAAMM,QAAQ,GAAAU,EAAAC,CAAAA,MAAA;AAAA,YAAAC,IANPC,EAAG,gBAAgBnB,EAAMoB,KAAK,GAACC,IAA2DrB,EAAMsB,IAAEC,IAE9FvB,EAAM,YAAY,GAACwB,IACxBL,EAAG,sBAAsB,QAAQnB,EAAMD,OAAO,EAAE,GAAC0B,IAC/B,GAAGzB,EAAMH,IAAI,IAAE6B,IAAW,GAAG1B,EAAMJ,GAAG;AAAIsB,eAAAA,MAAAD,EAAAU,KAAAC,EAAArB,GAAAU,EAAAU,IAAAT,CAAA,GAAAG,MAAAJ,EAAAY,KAAAC,EAAAvB,GAAA,MAAAU,EAAAY,IAAAR,CAAA,GAAAE,MAAAN,EAAAc,KAAAD,EAAArB,GAAA,cAAAQ,EAAAc,IAAAR,CAAA,GAAAC,MAAAP,EAAAe,KAAAJ,EAAAnB,GAAAQ,EAAAe,IAAAR,CAAA,GAAAC,MAAAR,EAAAgB,KAAAC,EAAAzB,GAAA,gBAAAQ,EAAAgB,IAAAR,CAAA,GAAAC,MAAAT,EAAAkB,KAAAD,EAAAzB,GAAA,SAAAQ,EAAAkB,IAAAT,CAAA,GAAAT;AAAAA,MAAA,GAAA;AAAA,QAAAU,GAAAS;AAAAA,QAAAP,GAAAO;AAAAA,QAAAL,GAAAK;AAAAA,QAAAJ,GAAAI;AAAAA,QAAAH,GAAAG;AAAAA,QAAAD,GAAAC;AAAAA,MAAAA,CAAA,GAAA7B;AAAAA,IAAA;AAAA,EAAA,CAAA;AAO7E;"}

package/dist/components/dataDisplay/imagesList/imagesList.types.d.ts

@@ -0,0 +1,6 @@
+export type ImageItem = {
+    src: string;
+    rows?: number;
+    cols?: number;
+    alt?: string;
+};

package/dist/components/dataDisplay/imagesList/imagesListContext.d.ts

@@ -0,0 +1,6 @@
+export interface ImagesListContextValue {
+    rowsHeight?: number;
+    variant?: "woven" | "masonry" | "default" | null;
+}
+export declare const ImagesListContext: import("solid-js").Context<ImagesListContextValue>;
+export declare const useImagesListContext: () => ImagesListContextValue;