@smwb/ui-solid 0.4.0 → 0.5.0

package/dist/headless/source/components/base/ripple/ripple.jsx

@@ -60,4 +60,4 @@ export {
   Ripple,
   ripple_default as default
 };
-//# sourceMappingURL=ripple.js.map
+//# sourceMappingURL=ripple.jsx.map

package/dist/headless/source/components/clickAwayListener/clickAwayListener.jsx

@@ -70,4 +70,4 @@ export {
   ClickAwayListener,
   clickAwayListener_default as default
 };
-//# sourceMappingURL=clickAwayListener.js.map
+//# sourceMappingURL=clickAwayListener.jsx.map

package/dist/headless/source/components/dataDisplay/accordion/accordion.jsx

@@ -79,4 +79,4 @@ export {
   Accordion,
   accordion_default as default
 };
-//# sourceMappingURL=accordion.js.map
+//# sourceMappingURL=accordion.jsx.map

package/dist/headless/source/components/dataDisplay/assetGrid/assetGrid.jsx

@@ -0,0 +1,115 @@
+import { For, Show, createMemo, createSignal, mergeProps, onCleanup, onMount, splitProps } from "solid-js";
+import cn from "clsx";
+import { createVirtualList } from "../../../primitives/createVirtualList";
+function AssetGrid(props) {
+  const merged = mergeProps({ minColumn: 160, gap: 8, overscan: 2, loadingCount: 12 }, props);
+  const [local] = splitProps(merged, [
+    "items",
+    "renderItem",
+    "minColumn",
+    "rowHeight",
+    "gap",
+    "overscan",
+    "loading",
+    "loadingCount",
+    "emptyLabel",
+    "class",
+    "style"
+  ]);
+  let viewportEl;
+  const [width, setWidth] = createSignal(0);
+  const [height, setHeight] = createSignal(0);
+  const [ready, setReady] = createSignal(false);
+  onMount(() => {
+    if (!viewportEl || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(() => {
+      if (!viewportEl) return;
+      setWidth(viewportEl.clientWidth);
+      setHeight(viewportEl.clientHeight);
+      setReady(true);
+    });
+    ro.observe(viewportEl);
+    onCleanup(() => ro.disconnect());
+  });
+  const cols = createMemo(() => {
+    const w = width();
+    if (w <= 0) return 1;
+    return Math.max(1, Math.floor((w + local.gap) / (local.minColumn + local.gap)));
+  });
+  const rowCount = createMemo(() => Math.ceil(local.items.length / cols()));
+  const rowStride = () => local.rowHeight + local.gap;
+  const vl = createVirtualList({
+    itemCount: rowCount,
+    itemHeight: rowStride,
+    viewportHeight: () => height() || 1,
+    overscan: local.overscan
+  });
+  const visibleRows = createMemo(() => {
+    const out = [];
+    for (let row = vl.startIndex(); row < vl.endIndex(); row++) out.push(row);
+    return out;
+  });
+  const rowStyle = () => ({
+    display: "grid",
+    "grid-template-columns": `repeat(${cols()}, minmax(0, 1fr))`,
+    gap: `${local.gap}px`,
+    height: `${local.rowHeight}px`,
+    "margin-bottom": `${local.gap}px`
+  });
+  const plainStyle = () => ({
+    display: "grid",
+    "grid-template-columns": `repeat(auto-fill, minmax(${local.minColumn}px, 1fr))`,
+    gap: `${local.gap}px`,
+    "grid-auto-rows": `${local.rowHeight}px`
+  });
+  return <div
+    ref={(el) => viewportEl = el}
+    class={cn("smwb-asset-grid", local.class)}
+    style={local.style}
+    onScroll={vl.onScroll}
+  >
+      <Show
+    when={!local.loading}
+    fallback={<div class="smwb-asset-grid__plain" style={plainStyle()}>
+            <For each={Array.from({ length: local.loadingCount })}>
+              {() => <div class="smwb-asset-grid__skeleton" style={{ height: `${local.rowHeight}px` }} />}
+            </For>
+          </div>}
+  >
+        <Show
+    when={local.items.length > 0}
+    fallback={<div class="smwb-asset-grid__empty">{local.emptyLabel}</div>}
+  >
+          <Show
+    when={ready()}
+    fallback={<div class="smwb-asset-grid__plain" style={plainStyle()}>
+                <For each={local.items}>{(item, index) => local.renderItem(item, index())}</For>
+              </div>}
+  >
+            <div class="smwb-asset-grid__sizer" style={{ height: `${vl.totalHeight()}px`, position: "relative" }}>
+              <div
+    class="smwb-asset-grid__band"
+    style={{ position: "absolute", top: "0", left: "0", right: "0", transform: `translateY(${vl.offsetY()}px)` }}
+  >
+                <For each={visibleRows()}>
+                  {(row) => <div class="smwb-asset-grid__row" style={rowStyle()}>
+                      <For each={Array.from({ length: cols() }, (_, c) => row * cols() + c)}>
+                        {(index) => <Show when={index < local.items.length}>
+                            {local.renderItem(local.items[index], index)}
+                          </Show>}
+                      </For>
+                    </div>}
+                </For>
+              </div>
+            </div>
+          </Show>
+        </Show>
+      </Show>
+    </div>;
+}
+var assetGrid_default = AssetGrid;
+export {
+  AssetGrid,
+  assetGrid_default as default
+};
+//# sourceMappingURL=assetGrid.jsx.map

package/dist/headless/source/components/dataDisplay/assetGrid/assetGrid.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/assetGrid/assetGrid.tsx"],"sourcesContent":["import { type JSX, For, Show, createMemo, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { createVirtualList } from \"../../../primitives/createVirtualList\";\n\nexport interface AssetGridProps<T> {\n  items: T[];\n  /** Render one cell. `index` is the absolute index into `items`. */\n  renderItem: (item: T, index: number) => JSX.Element;\n  /** Minimum column width (px); drives the column count from the measured width. Default 160. */\n  minColumn?: number;\n  /** Fixed cell height (px). */\n  rowHeight: number;\n  /** Gap (px) between cells on both axes. Default 8. */\n  gap?: number;\n  /** Extra rows rendered above/below the viewport. Default 2. */\n  overscan?: number;\n  loading?: boolean;\n  /** Skeleton tile count while loading. Default 12. */\n  loadingCount?: number;\n  emptyLabel?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties | string;\n}\n\n/**\n * A virtualized, data-shape-agnostic asset grid: measures its own width to pick a\n * column count, windows rows via `createVirtualList`, and renders only the visible\n * cells through a `renderItem` slot — with loading skeletons + an empty state. The\n * windowing math every catalog app reimplements, upstreamed. SSR-safe: before it\n * can measure (server + first paint) it renders a plain auto-fill grid of all\n * items, then virtualizes after mount.\n */\nexport function AssetGrid<T>(props: AssetGridProps<T>): JSX.Element {\n  const merged = mergeProps({ minColumn: 160, gap: 8, overscan: 2, loadingCount: 12 }, props);\n  const [local] = splitProps(merged, [\n    \"items\",\n    \"renderItem\",\n    \"minColumn\",\n    \"rowHeight\",\n    \"gap\",\n    \"overscan\",\n    \"loading\",\n    \"loadingCount\",\n    \"emptyLabel\",\n    \"class\",\n    \"style\",\n  ]);\n\n  let viewportEl: HTMLDivElement | undefined;\n  const [width, setWidth] = createSignal(0);\n  const [height, setHeight] = createSignal(0);\n  const [ready, setReady] = createSignal(false);\n\n  onMount(() => {\n    if (!viewportEl || typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(() => {\n      if (!viewportEl) return;\n      setWidth(viewportEl.clientWidth);\n      setHeight(viewportEl.clientHeight);\n      setReady(true);\n    });\n    ro.observe(viewportEl);\n    onCleanup(() => ro.disconnect());\n  });\n\n  const cols = createMemo(() => {\n    const w = width();\n    if (w <= 0) return 1;\n    return Math.max(1, Math.floor((w + local.gap) / (local.minColumn + local.gap)));\n  });\n  const rowCount = createMemo(() => Math.ceil(local.items.length / cols()));\n  const rowStride = (): number => local.rowHeight + local.gap;\n\n  const vl = createVirtualList({\n    itemCount: rowCount,\n    itemHeight: rowStride,\n    viewportHeight: () => height() || 1,\n    overscan: local.overscan,\n  });\n\n  const visibleRows = createMemo(() => {\n    const out: number[] = [];\n    for (let row = vl.startIndex(); row < vl.endIndex(); row++) out.push(row);\n    return out;\n  });\n\n  const rowStyle = (): JSX.CSSProperties => ({\n    display: \"grid\",\n    \"grid-template-columns\": `repeat(${cols()}, minmax(0, 1fr))`,\n    gap: `${local.gap}px`,\n    height: `${local.rowHeight}px`,\n    \"margin-bottom\": `${local.gap}px`,\n  });\n\n  const plainStyle = (): JSX.CSSProperties => ({\n    display: \"grid\",\n    \"grid-template-columns\": `repeat(auto-fill, minmax(${local.minColumn}px, 1fr))`,\n    gap: `${local.gap}px`,\n    \"grid-auto-rows\": `${local.rowHeight}px`,\n  });\n\n  return (\n    <div\n      ref={(el) => (viewportEl = el)}\n      class={cn(\"smwb-asset-grid\", local.class)}\n      style={local.style}\n      onScroll={vl.onScroll}\n    >\n      <Show\n        when={!local.loading}\n        fallback={\n          <div class=\"smwb-asset-grid__plain\" style={plainStyle()}>\n            <For each={Array.from({ length: local.loadingCount })}>\n              {() => <div class=\"smwb-asset-grid__skeleton\" style={{ height: `${local.rowHeight}px` }} />}\n            </For>\n          </div>\n        }\n      >\n        <Show\n          when={local.items.length > 0}\n          fallback={<div class=\"smwb-asset-grid__empty\">{local.emptyLabel}</div>}\n        >\n          <Show\n            when={ready()}\n            fallback={\n              <div class=\"smwb-asset-grid__plain\" style={plainStyle()}>\n                <For each={local.items}>{(item, index) => local.renderItem(item, index())}</For>\n              </div>\n            }\n          >\n            <div class=\"smwb-asset-grid__sizer\" style={{ height: `${vl.totalHeight()}px`, position: \"relative\" }}>\n              <div\n                class=\"smwb-asset-grid__band\"\n                style={{ position: \"absolute\", top: \"0\", left: \"0\", right: \"0\", transform: `translateY(${vl.offsetY()}px)` }}\n              >\n                <For each={visibleRows()}>\n                  {(row) => (\n                    <div class=\"smwb-asset-grid__row\" style={rowStyle()}>\n                      <For each={Array.from({ length: cols() }, (_, c) => row * cols() + c)}>\n                        {(index) => (\n                          <Show when={index < local.items.length}>\n                            {local.renderItem(local.items[index] as T, index)}\n                          </Show>\n                        )}\n                      </For>\n                    </div>\n                  )}\n                </For>\n              </div>\n            </div>\n          </Show>\n        </Show>\n      </Show>\n    </div>\n  );\n}\n\nexport default AssetGrid;\n"],"mappings":"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","names":[],"file":"assetGrid.jsx"}

package/dist/headless/source/components/dataDisplay/assetGrid/index.js

@@ -0,0 +1,5 @@
+import { AssetGrid } from "./assetGrid";
+export {
+  AssetGrid
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/assetGrid/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/assetGrid/index.ts"],
+  "sourcesContent": ["export { AssetGrid } from \"./assetGrid\";\nexport type { AssetGridProps } from \"./assetGrid\";\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;",
+  "names": []
+}

package/dist/headless/source/components/dataDisplay/avatar/avatar.jsx

@@ -92,4 +92,4 @@ export {
   AvatarGroup,
   avatar_default as default
 };
-//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.jsx.map

package/dist/headless/source/components/dataDisplay/badge/badge.jsx

@@ -53,4 +53,4 @@ export {
   Badge,
   badge_default as default
 };
-//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.jsx.map

package/dist/headless/source/components/dataDisplay/card/card.jsx

@@ -51,4 +51,4 @@ export {
   Card,
   card_default as default
 };
-//# sourceMappingURL=card.js.map
+//# sourceMappingURL=card.jsx.map

package/dist/headless/source/components/dataDisplay/carousel/carousel.jsx

@@ -404,4 +404,4 @@ export {
   Carousel,
   carousel_default as default
 };
-//# sourceMappingURL=carousel.js.map
+//# sourceMappingURL=carousel.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chat.jsx

@@ -152,4 +152,4 @@ export {
   Chat,
   chat_default as default
 };
-//# sourceMappingURL=chat.js.map
+//# sourceMappingURL=chat.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatAttachmentImage.jsx

@@ -50,4 +50,4 @@ export {
   ChatAttachmentImage,
   chatAttachmentImage_default as default
 };
-//# sourceMappingURL=chatAttachmentImage.js.map
+//# sourceMappingURL=chatAttachmentImage.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatAttachments.jsx

@@ -32,4 +32,4 @@ export {
   ChatAttachments,
   chatAttachments_default as default
 };
-//# sourceMappingURL=chatAttachments.js.map
+//# sourceMappingURL=chatAttachments.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatComposer.jsx

@@ -167,4 +167,4 @@ export {
   ChatComposer,
   chatComposer_default as default
 };
-//# sourceMappingURL=chatComposer.js.map
+//# sourceMappingURL=chatComposer.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatHeader.jsx

@@ -52,4 +52,4 @@ export {
   ChatHeader,
   chatHeader_default as default
 };
-//# sourceMappingURL=chatHeader.js.map
+//# sourceMappingURL=chatHeader.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatIconButton.jsx

@@ -35,4 +35,4 @@ export {
   ChatIconButton,
   chatIconButton_default as default
 };
-//# sourceMappingURL=chatIconButton.js.map
+//# sourceMappingURL=chatIconButton.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatLayout.jsx

@@ -118,4 +118,4 @@ export {
   ChatLayout,
   chatLayout_default as default
 };
-//# sourceMappingURL=chatLayout.js.map
+//# sourceMappingURL=chatLayout.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageAvatar.jsx

@@ -16,4 +16,4 @@ export {
   ChatMessageAvatar,
   chatMessageAvatar_default as default
 };
-//# sourceMappingURL=chatMessageAvatar.js.map
+//# sourceMappingURL=chatMessageAvatar.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageBubble.jsx

@@ -53,4 +53,4 @@ export {
   ChatMessageBubble,
   chatMessageBubble_default as default
 };
-//# sourceMappingURL=chatMessageBubble.js.map
+//# sourceMappingURL=chatMessageBubble.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageIncoming.jsx

@@ -18,4 +18,4 @@ export {
   ChatMessageIncoming,
   chatMessageIncoming_default as default
 };
-//# sourceMappingURL=chatMessageIncoming.js.map
+//# sourceMappingURL=chatMessageIncoming.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageItem.jsx

@@ -53,4 +53,4 @@ export {
   ChatMessageItem,
   chatMessageItem_default as default
 };
-//# sourceMappingURL=chatMessageItem.js.map
+//# sourceMappingURL=chatMessageItem.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageOutgoing.jsx

@@ -22,4 +22,4 @@ export {
   ChatMessageOutgoing,
   chatMessageOutgoing_default as default
 };
-//# sourceMappingURL=chatMessageOutgoing.js.map
+//# sourceMappingURL=chatMessageOutgoing.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageSkeleton.jsx

@@ -30,4 +30,4 @@ export {
   ChatMessageSkeleton,
   chatMessageSkeleton_default as default
 };
-//# sourceMappingURL=chatMessageSkeleton.js.map
+//# sourceMappingURL=chatMessageSkeleton.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageStatus.jsx

@@ -32,4 +32,4 @@ export {
   ChatMessageStatus,
   chatMessageStatus_default as default
 };
-//# sourceMappingURL=chatMessageStatus.js.map
+//# sourceMappingURL=chatMessageStatus.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessageSystem.jsx

@@ -14,4 +14,4 @@ export {
   ChatMessageSystem,
   chatMessageSystem_default as default
 };
-//# sourceMappingURL=chatMessageSystem.js.map
+//# sourceMappingURL=chatMessageSystem.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatMessages.jsx

@@ -60,4 +60,4 @@ export {
   ChatMessages,
   chatMessages_default as default
 };
-//# sourceMappingURL=chatMessages.js.map
+//# sourceMappingURL=chatMessages.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatOverlayLayout.jsx

@@ -57,4 +57,4 @@ export {
   ChatOverlayLayout,
   chatOverlayLayout_default as default
 };
-//# sourceMappingURL=chatOverlayLayout.js.map
+//# sourceMappingURL=chatOverlayLayout.jsx.map

package/dist/headless/source/components/dataDisplay/chat/chatShell.jsx

@@ -63,4 +63,4 @@ export {
   ChatShell,
   chatShell_default as default
 };
-//# sourceMappingURL=chatShell.js.map
+//# sourceMappingURL=chatShell.jsx.map

package/dist/headless/source/components/dataDisplay/chip/chip.jsx

@@ -116,4 +116,4 @@ export {
   Chip,
   chip_default as default
 };
-//# sourceMappingURL=chip.js.map
+//# sourceMappingURL=chip.jsx.map

package/dist/headless/source/components/dataDisplay/chipGroup/chipGroup.jsx

@@ -0,0 +1,50 @@
+import { For, mergeProps, splitProps } from "solid-js";
+import cn from "clsx";
+import { Chip } from "../chip";
+function ChipGroup(props) {
+  const merged = mergeProps({ size: "medium", color: "primary" }, props);
+  const [local, rest] = splitProps(merged, [
+    "options",
+    "value",
+    "multiple",
+    "onChange",
+    "size",
+    "color",
+    "disabled",
+    "class"
+  ]);
+  const selectedValues = () => {
+    if (local.value == null) return [];
+    return Array.isArray(local.value) ? local.value : [local.value];
+  };
+  const isSelected = (value) => selectedValues().includes(value);
+  const toggle = (value) => {
+    if (local.multiple) {
+      const current = selectedValues();
+      const next = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
+      local.onChange?.(next);
+    } else {
+      local.onChange?.(value);
+    }
+  };
+  return <div {...rest} role="group" class={cn("smwb-chip-group", local.class)}>
+      <For each={local.options}>
+        {(option) => <Chip
+    label={option.label}
+    size={local.size}
+    color={local.color}
+    selected={isSelected(option.value)}
+    variant={isSelected(option.value) ? "filled" : "outlined"}
+    disabled={!!(local.disabled || option.disabled)}
+    onClick={() => toggle(option.value)}
+    {...option.icon ? { icon: option.icon } : {}}
+  />}
+      </For>
+    </div>;
+}
+var chipGroup_default = ChipGroup;
+export {
+  ChipGroup,
+  chipGroup_default as default
+};
+//# sourceMappingURL=chipGroup.jsx.map

package/dist/headless/source/components/dataDisplay/chipGroup/chipGroup.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/chipGroup/chipGroup.tsx"],"sourcesContent":["import { type JSX, For, mergeProps, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { Chip, type ChipColor } from \"../chip\";\n\nexport interface ChipGroupOption {\n  value: string;\n  label: string;\n  icon?: JSX.Element;\n  disabled?: boolean;\n}\n\nexport interface ChipGroupProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  options: ChipGroupOption[];\n  /** Selected value (single) or values (when `multiple`). */\n  value?: string | string[];\n  /** Allow more than one selected chip (value becomes a string[]). */\n  multiple?: boolean;\n  onChange?: (value: string | string[]) => void;\n  size?: \"small\" | \"medium\";\n  color?: ChipColor;\n  disabled?: boolean;\n}\n\n/**\n * A multi/single-select toggle group built on `Chip` — the \"chip as a toggle\"\n * loop (selected → filled, else outlined; `role=group`) that apps re-hand-roll\n * for filters / segmented controls. Pass an `options` array and a controlled\n * `value`; `onChange` returns the next value (string, or string[] when multiple).\n */\nexport function ChipGroup(props: ChipGroupProps): JSX.Element {\n  const merged = mergeProps({ size: \"medium\" as const, color: \"primary\" as ChipColor }, props);\n  const [local, rest] = splitProps(merged, [\n    \"options\",\n    \"value\",\n    \"multiple\",\n    \"onChange\",\n    \"size\",\n    \"color\",\n    \"disabled\",\n    \"class\",\n  ]);\n\n  const selectedValues = (): string[] => {\n    if (local.value == null) return [];\n    return Array.isArray(local.value) ? local.value : [local.value];\n  };\n  const isSelected = (value: string): boolean => selectedValues().includes(value);\n\n  const toggle = (value: string): void => {\n    if (local.multiple) {\n      const current = selectedValues();\n      const next = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];\n      local.onChange?.(next);\n    } else {\n      local.onChange?.(value);\n    }\n  };\n\n  return (\n    <div {...rest} role=\"group\" class={cn(\"smwb-chip-group\", local.class)}>\n      <For each={local.options}>\n        {(option) => (\n          <Chip\n            label={option.label}\n            size={local.size}\n            color={local.color}\n            selected={isSelected(option.value)}\n            variant={isSelected(option.value) ? \"filled\" : \"outlined\"}\n            disabled={!!(local.disabled || option.disabled)}\n            onClick={() => toggle(option.value)}\n            {...(option.icon ? { icon: option.icon } : {})}\n          />\n        )}\n      </For>\n    </div>\n  );\n}\n\nexport default ChipGroup;\n"],"mappings":"AAAA,SAAmB,KAAK,YAAY,kBAAkB;AACtD,OAAO,QAAQ;AACf,SAAS,YAA4B;AA2B9B,SAAS,UAAU,OAAoC;AAC5D,QAAM,SAAS,WAAW,EAAE,MAAM,UAAmB,OAAO,UAAuB,GAAG,KAAK;AAC3F,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,MAAgB;AACrC,QAAI,MAAM,SAAS,KAAM,QAAO,CAAC;AACjC,WAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,MAAM,QAAQ,CAAC,MAAM,KAAK;AAAA,EAChE;AACA,QAAM,aAAa,CAAC,UAA2B,eAAe,EAAE,SAAS,KAAK;AAE9E,QAAM,SAAS,CAAC,UAAwB;AACtC,QAAI,MAAM,UAAU;AAClB,YAAM,UAAU,eAAe;AAC/B,YAAM,OAAO,QAAQ,SAAS,KAAK,IAAI,QAAQ,OAAO,CAAC,MAAM,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,KAAK;AAC9F,YAAM,WAAW,IAAI;AAAA,IACvB,OAAO;AACL,YAAM,WAAW,KAAK;AAAA,IACxB;AAAA,EACF;AAEA,SACE,CAAC,QAAQ,MAAM,KAAK,QAAQ,OAAO,GAAG,mBAAmB,MAAM,KAAK,GAAG;AAAA,MACrE,CAAC,IAAI,MAAM,MAAM,SAAS;AAAA,SACvB,CAAC,WACA,CAAC;AAAA,IACC,OAAO,OAAO;AAAA,IACd,MAAM,MAAM;AAAA,IACZ,OAAO,MAAM;AAAA,IACb,UAAU,WAAW,OAAO,KAAK;AAAA,IACjC,SAAS,WAAW,OAAO,KAAK,IAAI,WAAW;AAAA,IAC/C,UAAU,CAAC,EAAE,MAAM,YAAY,OAAO;AAAA,IACtC,SAAS,MAAM,OAAO,OAAO,KAAK;AAAA,QAC7B,OAAO,OAAO,EAAE,MAAM,OAAO,KAAK,IAAI,CAAC;AAAA,EAC9C,GACA;AAAA,MACJ,EAbC,IAaK;AAAA,IACR,EAfC;AAiBL;AAEA,IAAO,oBAAQ;","names":[],"file":"chipGroup.jsx"}

package/dist/headless/source/components/dataDisplay/chipGroup/index.js

@@ -0,0 +1,5 @@
+import { ChipGroup } from "./chipGroup";
+export {
+  ChipGroup
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/chipGroup/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/chipGroup/index.ts"],
+  "sourcesContent": ["export { ChipGroup } from \"./chipGroup\";\nexport type { ChipGroupProps, ChipGroupOption } from \"./chipGroup\";\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;",
+  "names": []
+}

package/dist/headless/source/components/dataDisplay/expansionPanel/expansionPanel.jsx

@@ -161,4 +161,4 @@ export {
   ExpansionPanel,
   expansionPanel_default as default
 };
-//# sourceMappingURL=expansionPanel.js.map
+//# sourceMappingURL=expansionPanel.jsx.map

package/dist/headless/source/components/dataDisplay/imagesList/imagesList.jsx

@@ -22,4 +22,4 @@ export {
   ImagesList,
   imagesList_default as default
 };
-//# sourceMappingURL=imagesList.js.map
+//# sourceMappingURL=imagesList.jsx.map

package/dist/headless/source/components/dataDisplay/imagesList/imagesListItem/imagesListItem.jsx

@@ -52,4 +52,4 @@ export {
   ImagesListItem,
   imagesListItem_default as default
 };
-//# sourceMappingURL=imagesListItem.js.map
+//# sourceMappingURL=imagesListItem.jsx.map

package/dist/headless/source/components/dataDisplay/imagesList/imagesListItem/imagesListItemModal.jsx

@@ -27,4 +27,4 @@ export {
   ImagesListItemModal,
   imagesListItemModal_default as default
 };
-//# sourceMappingURL=imagesListItemModal.js.map
+//# sourceMappingURL=imagesListItemModal.jsx.map

package/dist/headless/source/components/dataDisplay/lazyImage/index.js

@@ -0,0 +1,5 @@
+import { LazyImage } from "./lazyImage";
+export {
+  LazyImage
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/lazyImage/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/lazyImage/index.ts"],
+  "sourcesContent": ["export { LazyImage } from \"./lazyImage\";\nexport type { LazyImageProps } from \"./lazyImage\";\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;",
+  "names": []
+}

package/dist/headless/source/components/dataDisplay/lazyImage/lazyImage.jsx

@@ -0,0 +1,64 @@
+import { Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from "solid-js";
+import cn from "clsx";
+import { mergeRefs } from "../../../primitives/mergeRefs";
+function LazyImage(props) {
+  const merged = mergeProps({ lazy: true }, props);
+  const [local, rest] = splitProps(merged, [
+    "src",
+    "alt",
+    "fallback",
+    "lazy",
+    "aspectRatio",
+    "class",
+    "onError",
+    "ref"
+  ]);
+  const [failed, setFailed] = createSignal(false);
+  const [visible, setVisible] = createSignal(!merged.lazy);
+  let imgEl;
+  onMount(() => {
+    if (!local.lazy || visible() || !imgEl) return;
+    if (typeof IntersectionObserver === "undefined") {
+      setVisible(true);
+      return;
+    }
+    const io = new IntersectionObserver((entries) => {
+      if (entries.some((entry) => entry.isIntersecting)) {
+        setVisible(true);
+        io.disconnect();
+      }
+    });
+    io.observe(imgEl);
+    onCleanup(() => io.disconnect());
+  });
+  const onError = (event) => {
+    setFailed(true);
+    local.onError?.(event);
+  };
+  const showFallback = () => failed() || !local.src;
+  const resolvedSrc = () => visible() ? local.src : void 0;
+  const style = () => local.aspectRatio != null ? { "aspect-ratio": String(local.aspectRatio) } : void 0;
+  return <span class={cn("smwb-lazy-image", local.class, { "smwb-lazy-image--empty": showFallback() })} style={style()}>
+      <Show when={showFallback() && local.fallback}>
+        <span class="smwb-lazy-image__fallback">{local.fallback}</span>
+      </Show>
+      <Show when={!showFallback()}>
+        <img
+    {...rest}
+    ref={mergeRefs(local.ref, (el) => imgEl = el)}
+    class="smwb-lazy-image__img"
+    src={resolvedSrc()}
+    alt={local.alt ?? ""}
+    loading={local.lazy ? "lazy" : void 0}
+    decoding="async"
+    onError={onError}
+  />
+      </Show>
+    </span>;
+}
+var lazyImage_default = LazyImage;
+export {
+  LazyImage,
+  lazyImage_default as default
+};
+//# sourceMappingURL=lazyImage.jsx.map

package/dist/headless/source/components/dataDisplay/lazyImage/lazyImage.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/dataDisplay/lazyImage/lazyImage.tsx"],"sourcesContent":["import { type JSX, Show, createSignal, mergeProps, onCleanup, onMount, splitProps } from \"solid-js\";\nimport cn from \"clsx\";\nimport { mergeRefs, type Ref } from \"../../../primitives/mergeRefs\";\n\nexport interface LazyImageProps extends Omit<JSX.ImgHTMLAttributes<HTMLImageElement>, \"onError\"> {\n  /** Image URL. When absent (or after a load error) the `fallback` is shown. */\n  src?: string | undefined;\n  alt?: string | undefined;\n  /** Rendered in place of the image when it is missing or fails to load. */\n  fallback?: JSX.Element | undefined;\n  /** Defer loading until the image scrolls into view (IntersectionObserver). Default true. */\n  lazy?: boolean;\n  /** CSS `aspect-ratio` for the wrapper (e.g. `1`, `\"4 / 3\"`) to reserve space before load. */\n  aspectRatio?: string | number;\n  /** Fires on a load error (after the fallback is swapped in). */\n  onError?: (event: Event) => void;\n  ref?: Ref<HTMLImageElement>;\n}\n\n/**\n * An `<img>` with a built-in `onError` fallback and optional in-viewport lazy\n * loading — the `<img decoding=async onError=…>` + `<Show>` dance hand-rolled in\n * every gallery, in one primitive. SSR-safe: renders the image markup on the\n * server; the IntersectionObserver only runs after mount on the client.\n */\nexport function LazyImage(props: LazyImageProps): JSX.Element {\n  const merged = mergeProps({ lazy: true }, props);\n  const [local, rest] = splitProps(merged, [\n    \"src\",\n    \"alt\",\n    \"fallback\",\n    \"lazy\",\n    \"aspectRatio\",\n    \"class\",\n    \"onError\",\n    \"ref\",\n  ]);\n\n  const [failed, setFailed] = createSignal(false);\n  // When lazy, hold the real src back until the element scrolls into view.\n  const [visible, setVisible] = createSignal(!merged.lazy);\n  let imgEl: HTMLImageElement | undefined;\n\n  onMount(() => {\n    if (!local.lazy || visible() || !imgEl) return;\n    if (typeof IntersectionObserver === \"undefined\") {\n      setVisible(true);\n      return;\n    }\n    const io = new IntersectionObserver((entries) => {\n      if (entries.some((entry) => entry.isIntersecting)) {\n        setVisible(true);\n        io.disconnect();\n      }\n    });\n    io.observe(imgEl);\n    onCleanup(() => io.disconnect());\n  });\n\n  const onError = (event: Event): void => {\n    setFailed(true);\n    local.onError?.(event);\n  };\n\n  const showFallback = (): boolean => failed() || !local.src;\n  const resolvedSrc = (): string | undefined => (visible() ? local.src : undefined);\n  const style = (): JSX.CSSProperties | undefined =>\n    local.aspectRatio != null ? { \"aspect-ratio\": String(local.aspectRatio) } : undefined;\n\n  return (\n    <span class={cn(\"smwb-lazy-image\", local.class, { \"smwb-lazy-image--empty\": showFallback() })} style={style()}>\n      <Show when={showFallback() && local.fallback}>\n        <span class=\"smwb-lazy-image__fallback\">{local.fallback}</span>\n      </Show>\n      <Show when={!showFallback()}>\n        <img\n          {...rest}\n          ref={mergeRefs(local.ref, (el) => (imgEl = el as HTMLImageElement))}\n          class=\"smwb-lazy-image__img\"\n          src={resolvedSrc()}\n          alt={local.alt ?? \"\"}\n          loading={local.lazy ? \"lazy\" : undefined}\n          decoding=\"async\"\n          onError={onError}\n        />\n      </Show>\n    </span>\n  );\n}\n\nexport default LazyImage;\n"],"mappings":"AAAA,SAAmB,MAAM,cAAc,YAAY,WAAW,SAAS,kBAAkB;AACzF,OAAO,QAAQ;AACf,SAAS,iBAA2B;AAuB7B,SAAS,UAAU,OAAoC;AAC5D,QAAM,SAAS,WAAW,EAAE,MAAM,KAAK,GAAG,KAAK;AAC/C,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,QAAQ;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAa,KAAK;AAE9C,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,CAAC,OAAO,IAAI;AACvD,MAAI;AAEJ,UAAQ,MAAM;AACZ,QAAI,CAAC,MAAM,QAAQ,QAAQ,KAAK,CAAC,MAAO;AACxC,QAAI,OAAO,yBAAyB,aAAa;AAC/C,iBAAW,IAAI;AACf;AAAA,IACF;AACA,UAAM,KAAK,IAAI,qBAAqB,CAAC,YAAY;AAC/C,UAAI,QAAQ,KAAK,CAAC,UAAU,MAAM,cAAc,GAAG;AACjD,mBAAW,IAAI;AACf,WAAG,WAAW;AAAA,MAChB;AAAA,IACF,CAAC;AACD,OAAG,QAAQ,KAAK;AAChB,cAAU,MAAM,GAAG,WAAW,CAAC;AAAA,EACjC,CAAC;AAED,QAAM,UAAU,CAAC,UAAuB;AACtC,cAAU,IAAI;AACd,UAAM,UAAU,KAAK;AAAA,EACvB;AAEA,QAAM,eAAe,MAAe,OAAO,KAAK,CAAC,MAAM;AACvD,QAAM,cAAc,MAA2B,QAAQ,IAAI,MAAM,MAAM;AACvE,QAAM,QAAQ,MACZ,MAAM,eAAe,OAAO,EAAE,gBAAgB,OAAO,MAAM,WAAW,EAAE,IAAI;AAE9E,SACE,CAAC,KAAK,OAAO,GAAG,mBAAmB,MAAM,OAAO,EAAE,0BAA0B,aAAa,EAAE,CAAC,GAAG,OAAO,MAAM,GAAG;AAAA,MAC7G,CAAC,KAAK,MAAM,aAAa,KAAK,MAAM,UAAU;AAAA,QAC5C,CAAC,KAAK,MAAM,6BAA6B,MAAM,SAAS,EAAvD,KAA8D;AAAA,MACjE,EAFC,KAEM;AAAA,MACP,CAAC,KAAK,MAAM,CAAC,aAAa,GAAG;AAAA,QAC3B,CAAC;AAAA,QACK;AAAA,IACJ,KAAK,UAAU,MAAM,KAAK,CAAC,OAAQ,QAAQ,EAAuB;AAAA,IAClE,MAAM;AAAA,IACN,KAAK,YAAY;AAAA,IACjB,KAAK,MAAM,OAAO;AAAA,IAClB,SAAS,MAAM,OAAO,SAAS;AAAA,IAC/B,SAAS;AAAA,IACT,SAAS;AAAA,EACX,EAAE;AAAA,MACJ,EAXC,KAWM;AAAA,IACT,EAhBC;AAkBL;AAEA,IAAO,oBAAQ;","names":[],"file":"lazyImage.jsx"}

package/dist/headless/source/components/dataDisplay/list/list.jsx

@@ -21,4 +21,4 @@ export {
   List,
   list_default as default
 };
-//# sourceMappingURL=list.js.map
+//# sourceMappingURL=list.jsx.map

package/dist/headless/source/components/dataDisplay/list/listItem.jsx

@@ -50,4 +50,4 @@ export {
   ListItem,
   listItem_default as default
 };
-//# sourceMappingURL=listItem.js.map
+//# sourceMappingURL=listItem.jsx.map

package/dist/headless/source/components/dataDisplay/table/table.jsx

@@ -43,4 +43,4 @@ export {
   Table,
   table_default as default
 };
-//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.jsx.map

package/dist/headless/source/components/dataDisplay/table/tableBody.jsx

@@ -12,4 +12,4 @@ export {
   TableBody,
   tableBody_default as default
 };
-//# sourceMappingURL=tableBody.js.map
+//# sourceMappingURL=tableBody.jsx.map

package/dist/headless/source/components/dataDisplay/table/tableCell.jsx

@@ -13,4 +13,4 @@ export {
   TableCell,
   tableCell_default as default
 };
-//# sourceMappingURL=tableCell.js.map
+//# sourceMappingURL=tableCell.jsx.map

package/dist/headless/source/components/dataDisplay/table/tableHead.jsx

@@ -12,4 +12,4 @@ export {
   TableHead,
   tableHead_default as default
 };
-//# sourceMappingURL=tableHead.js.map
+//# sourceMappingURL=tableHead.jsx.map

package/dist/headless/source/components/dataDisplay/table/tableHeadCell.jsx

@@ -50,4 +50,4 @@ export {
   TableHeadCell,
   tableHeadCell_default as default
 };
-//# sourceMappingURL=tableHeadCell.js.map
+//# sourceMappingURL=tableHeadCell.jsx.map

package/dist/headless/source/components/dataDisplay/table/tablePagination/tablePagination.jsx

@@ -44,4 +44,4 @@ export {
   TablePagination,
   tablePagination_default as default
 };
-//# sourceMappingURL=tablePagination.js.map
+//# sourceMappingURL=tablePagination.jsx.map

package/dist/headless/source/components/dataDisplay/table/tableRow.jsx

@@ -22,4 +22,4 @@ export {
   TableRow,
   tableRow_default as default
 };
-//# sourceMappingURL=tableRow.js.map
+//# sourceMappingURL=tableRow.jsx.map

package/dist/headless/source/components/dataDisplay/thumbCard/index.js

@@ -0,0 +1,5 @@
+import { ThumbCard } from "./thumbCard";
+export {
+  ThumbCard
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/dataDisplay/thumbCard/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/dataDisplay/thumbCard/index.ts"],
+  "sourcesContent": ["export { ThumbCard } from \"./thumbCard\";\nexport type { ThumbCardProps } from \"./thumbCard\";\n"],
+  "mappings": "AAAA,SAAS,iBAAiB;",
+  "names": []
+}