@adea-ai/ui 0.83.1 → 0.85.0

package/dist/components/composites/catalog-browser/catalog-browser.js

@@ -0,0 +1,378 @@
+import { cn } from "../../../lib/utils.js";
+import { Button } from "../../ui/button/button.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "../../ui/empty/empty.js";
+import { InputGroup, InputGroupAddon, InputGroupInput } from "../../ui/input-group/input-group.js";
+import { ScrollArea } from "../../ui/scroll-area/scroll-area.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/tabs/tabs.js";
+import { keyedRows } from "../../../lib/keyed-rows.js";
+import { CatalogBrowserGroup, CatalogLoadingState } from "./catalog-browser-group.js";
+import { className, createComponent, effect, insert, memo, setAttribute, template } from "solid-js/web";
+import { ArrowLeft, Blocks, Search } from "lucide-solid";
+import { For, Show, createEffect, createMemo, createSignal, onCleanup } from "solid-js";
+//#region src/components/composites/catalog-browser/catalog-browser.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="flex min-w-0 shrink-0 flex-wrap items-center gap-2 px-4 pt-2"><span class="text-muted-foreground ms-auto text-sm"role=status>`);
+var _tmpl$3 = /*#__PURE__*/ template(`<div class="grid min-w-0 gap-5">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<p class="text-destructive px-4 pt-2 text-sm"role=alert>`);
+var _tmpl$5 = /*#__PURE__*/ template(`<p class="text-muted-foreground text-sm">`);
+var _tmpl$6 = /*#__PURE__*/ template(`<div class="flex min-h-0 min-w-0 flex-1 flex-col gap-3"data-catalog-browser-detail>`);
+function CatalogBrowser(props) {
+	const [expandedGroups, setExpandedGroups] = createSignal(/* @__PURE__ */ new Set());
+	const [returnKey, setReturnKey] = createSignal();
+	const [lastSelectedId, setLastSelectedId] = createSignal();
+	const rowRefs = /* @__PURE__ */ new Map();
+	let searchInput;
+	let backButton;
+	const selectedTab = createMemo(() => props.tabs.find((tab) => tab.id === props.tab));
+	const supplemental = () => selectedTab()?.kind === "supplemental";
+	const selected = createMemo(() => {
+		const id = props.selectedId;
+		return id && !supplemental() ? props.entries.find((entry) => entry.id === id) : void 0;
+	});
+	const groupRows = keyedRows(() => props.groups, (group) => group.id);
+	const [wide, setWide] = createSignal(typeof window === "undefined" || window.matchMedia("(min-width: 48rem)").matches);
+	const updateWide = (event) => setWide(event.matches);
+	createEffect(() => {
+		if (typeof window === "undefined") return;
+		const query = window.matchMedia("(min-width: 48rem)");
+		query.addEventListener("change", updateWide);
+		onCleanup(() => query.removeEventListener("change", updateWide));
+	});
+	createEffect(() => {
+		const open = props.open;
+		const selectedId = props.selectedId;
+		const selectedEntry = selected();
+		if (!open) {
+			setExpandedGroups(/* @__PURE__ */ new Set());
+			setLastSelectedId(void 0);
+			setReturnKey(void 0);
+			return;
+		}
+		if (selectedId && selectedEntry) {
+			const previous = lastSelectedId();
+			setLastSelectedId(selectedId);
+			if (selectedId !== previous) window.requestAnimationFrame(() => {
+				if (props.open && props.selectedId === selectedId) backButton?.focus();
+			});
+			return;
+		}
+		if (!lastSelectedId()) return;
+		const key = returnKey();
+		setLastSelectedId(void 0);
+		setReturnKey(void 0);
+		window.requestAnimationFrame(() => {
+			if (!props.open || props.selectedId) return;
+			const row = key ? rowRefs.get(key) : void 0;
+			if (row?.isConnected) row.focus();
+			else searchInput?.focus();
+		});
+	});
+	const registerRow = (key, element) => {
+		if (element) rowRefs.set(key, element);
+		else rowRefs.delete(key);
+	};
+	const selectEntry = (key, value) => {
+		setReturnKey(key);
+		props.onSelect(value);
+	};
+	const toggleGroup = (id) => {
+		setExpandedGroups((current) => {
+			const next = new Set(current);
+			if (next.has(id)) next.delete(id);
+			else next.add(id);
+			return next;
+		});
+	};
+	const previewCount = () => wide() ? 6 : 3;
+	const countLabel = () => props.status === "loading" ? props.loadingLabel : props.resultLabel(props.resultCount);
+	const supplementalContent = () => props.renderSupplementalView?.(props.tab);
+	return (() => {
+		var _el$ = _tmpl$();
+		insert(_el$, createComponent(Show, {
+			get when() {
+				return selected();
+			},
+			get fallback() {
+				return createComponent(Tabs, {
+					"class": "flex min-h-0 min-w-0 flex-1 flex-col gap-0",
+					get value() {
+						return props.tab;
+					},
+					onChange: (value) => value && props.onTabChange(value),
+					get children() {
+						return [createComponent(TabsList, {
+							get ["aria-label"]() {
+								return props.tabsLabel;
+							},
+							"class": "ms-auto max-w-full flex-wrap px-4 pt-2",
+							get children() {
+								return createComponent(For, {
+									get each() {
+										return props.tabs;
+									},
+									children: (tab) => createComponent(TabsTrigger, {
+										get value() {
+											return tab.id;
+										},
+										get children() {
+											return tab.label;
+										}
+									})
+								});
+							}
+						}), createComponent(TabsContent, {
+							get value() {
+								return props.tab;
+							},
+							"class": "flex min-h-0 min-w-0 flex-1 flex-col gap-3",
+							get children() {
+								return createComponent(Show, {
+									get when() {
+										return supplemental();
+									},
+									get fallback() {
+										return [
+											createComponent(Show, {
+												get when() {
+													return props.installError;
+												},
+												children: (message) => (() => {
+													var _el$5 = _tmpl$4();
+													insert(_el$5, message);
+													return _el$5;
+												})()
+											}),
+											(() => {
+												var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
+												insert(_el$2, () => props.filterControl, _el$3);
+												insert(_el$2, createComponent(InputGroup, {
+													"class": "min-w-0 flex-1 sm:max-w-md",
+													get children() {
+														return [createComponent(InputGroupAddon, { get children() {
+															return createComponent(Search, { "aria-hidden": "true" });
+														} }), createComponent(InputGroupInput, {
+															ref: (element) => searchInput = element,
+															type: "search",
+															get ["aria-label"]() {
+																return props.searchLabel;
+															},
+															get placeholder() {
+																return props.searchPlaceholder;
+															},
+															get value() {
+																return props.query;
+															},
+															onInput: (event) => props.onQueryChange(event.currentTarget.value)
+														})];
+													}
+												}), _el$3);
+												insert(_el$3, countLabel);
+												return _el$2;
+											})(),
+											createComponent(ScrollArea, {
+												role: "region",
+												get ["aria-label"]() {
+													return props.resultsRegionLabel;
+												},
+												orientation: "vertical",
+												"class": "flex min-h-0 min-w-0 flex-1 flex-col gap-5 px-4 pb-4",
+												get children() {
+													return [
+														createComponent(Show, {
+															get when() {
+																return props.status === "error";
+															},
+															get children() {
+																return createComponent(Empty, {
+																	"class": "min-h-0 min-w-0 flex-1",
+																	get role() {
+																		return props.catalogError.role ?? "alert";
+																	},
+																	get children() {
+																		return [createComponent(EmptyHeader, { get children() {
+																			return [
+																				createComponent(EmptyMedia, {
+																					variant: "icon",
+																					get children() {
+																						return createComponent(Blocks, { "aria-hidden": "true" });
+																					}
+																				}),
+																				createComponent(EmptyTitle, { get children() {
+																					return props.catalogError.title;
+																				} }),
+																				createComponent(EmptyDescription, { get children() {
+																					return props.catalogError.description;
+																				} })
+																			];
+																		} }), createComponent(Show, {
+																			get when() {
+																				return props.catalogErrorAction;
+																			},
+																			get children() {
+																				return createComponent(EmptyContent, { get children() {
+																					return props.catalogErrorAction;
+																				} });
+																			}
+																		})];
+																	}
+																});
+															}
+														}),
+														createComponent(Show, {
+															get when() {
+																return props.status === "loading";
+															},
+															get children() {
+																return createComponent(CatalogLoadingState, { get label() {
+																	return props.loadingLabel;
+																} });
+															}
+														}),
+														createComponent(Show, {
+															get when() {
+																return props.status === "ready";
+															},
+															get children() {
+																return createComponent(Show, {
+																	get when() {
+																		return props.resultCount > 0;
+																	},
+																	get fallback() {
+																		return createComponent(Empty, {
+																			"class": "min-h-0 min-w-0 flex-1",
+																			role: "status",
+																			get children() {
+																				return [createComponent(EmptyHeader, { get children() {
+																					return [
+																						createComponent(EmptyMedia, {
+																							variant: "icon",
+																							get children() {
+																								return createComponent(Blocks, { "aria-hidden": "true" });
+																							}
+																						}),
+																						createComponent(EmptyTitle, { get children() {
+																							return props.emptyState.title;
+																						} }),
+																						createComponent(EmptyDescription, { get children() {
+																							return props.emptyState.description;
+																						} })
+																					];
+																				} }), createComponent(Show, {
+																					get when() {
+																						return props.emptyStateAction;
+																					},
+																					get children() {
+																						return createComponent(EmptyContent, { get children() {
+																							return props.emptyStateAction;
+																						} });
+																					}
+																				})];
+																			}
+																		});
+																	},
+																	get children() {
+																		var _el$4 = _tmpl$3();
+																		insert(_el$4, createComponent(For, {
+																			get each() {
+																				return groupRows();
+																			},
+																			children: (row) => createComponent(CatalogBrowserGroup, {
+																				get group() {
+																					return row.item();
+																				},
+																				get expanded() {
+																					return expandedGroups().has(row.item().id);
+																				},
+																				get previewCount() {
+																					return previewCount();
+																				},
+																				get disabled() {
+																					return props.interactionDisabled ?? false;
+																				},
+																				get installedLabel() {
+																					return props.installedLabel;
+																				},
+																				get publishedByLabel() {
+																					return props.publishedByLabel;
+																				},
+																				get showMoreLabel() {
+																					return props.showMoreLabel;
+																				},
+																				get showLessLabel() {
+																					return props.showLessLabel;
+																				},
+																				get renderIcon() {
+																					return props.renderIcon;
+																				},
+																				onSelect: (entry, key) => selectEntry(key, entry.value),
+																				onRef: registerRow,
+																				onToggle: toggleGroup
+																			})
+																		}));
+																		return _el$4;
+																	}
+																});
+															}
+														}),
+														createComponent(For, {
+															get each() {
+																return props.notices ?? [];
+															},
+															children: (notice) => (() => {
+																var _el$6 = _tmpl$5();
+																insert(_el$6, () => notice.message);
+																effect(() => setAttribute(_el$6, "role", notice.role));
+																return _el$6;
+															})()
+														})
+													];
+												}
+											})
+										];
+									},
+									get children() {
+										return supplementalContent();
+									}
+								});
+							}
+						})];
+					}
+				});
+			},
+			children: (entry) => (() => {
+				var _el$7 = _tmpl$6();
+				insert(_el$7, createComponent(Button, {
+					ref: (element) => backButton = element,
+					variant: "ghost",
+					size: "sm",
+					onClick: () => props.onBack(),
+					"class": "mx-4 mt-2 self-start",
+					get children() {
+						return [createComponent(ArrowLeft, {
+							"data-icon": "inline-start",
+							"aria-hidden": "true"
+						}), memo(() => props.backLabel)];
+					}
+				}), null);
+				insert(_el$7, createComponent(ScrollArea, {
+					role: "region",
+					get ["aria-label"]() {
+						return props.detailRegionLabel;
+					},
+					orientation: "vertical",
+					"class": "min-h-0 min-w-0 flex-1 px-4 pb-4",
+					get children() {
+						return props.renderDetail(entry().value);
+					}
+				}), null);
+				return _el$7;
+			})()
+		}));
+		effect(() => className(_el$, cn("flex min-h-0 min-w-0 flex-1 flex-col", props.class)));
+		return _el$;
+	})();
+}
+//#endregion
+export { CatalogBrowser };
+
+//# sourceMappingURL=catalog-browser.js.map

package/dist/components/composites/catalog-browser/catalog-browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-browser.js","names":["createEffect","createMemo","createSignal","For","onCleanup","Show","ArrowLeft","Blocks","Search","keyedRows","Button","Empty","EmptyContent","EmptyDescription","EmptyHeader","EmptyMedia","EmptyTitle","InputGroup","InputGroupAddon","InputGroupInput","Tabs","TabsContent","TabsList","TabsTrigger","ScrollArea","cn","CatalogBrowserGroup","CatalogLoadingState","CatalogBrowserProps","CatalogBrowser","props","Value","expandedGroups","setExpandedGroups","ReadonlySet","Set","returnKey","setReturnKey","lastSelectedId","setLastSelectedId","rowRefs","Map","HTMLButtonElement","searchInput","HTMLInputElement","backButton","selectedTab","tabs","find","tab","id","supplemental","kind","selected","selectedId","entries","entry","undefined","groupRows","groups","group","wide","setWide","window","matchMedia","matches","updateWide","event","MediaQueryListEvent","query","addEventListener","removeEventListener","open","selectedEntry","previous","requestAnimationFrame","focus","key","row","get","isConnected","registerRow","element","set","delete","selectEntry","value","onSelect","toggleGroup","current","next","has","add","previewCount","countLabel","status","loadingLabel","resultLabel","resultCount","supplementalContent","renderSupplementalView","_el$","_tmpl$","_$insert","_$createComponent","when","fallback","onChange","onTabChange","children","aria-label","tabsLabel","each","label","installError","message","_el$5","_tmpl$4","_el$2","_tmpl$2","_el$3","firstChild","filterControl","ref","type","searchLabel","placeholder","searchPlaceholder","onInput","onQueryChange","currentTarget","role","resultsRegionLabel","orientation","catalogError","variant","title","description","catalogErrorAction","emptyState","emptyStateAction","_el$4","_tmpl$3","item","expanded","disabled","interactionDisabled","installedLabel","publishedByLabel","showMoreLabel","showLessLabel","renderIcon","onRef","onToggle","notices","notice","_el$6","_tmpl$5","_$effect","_$setAttribute","_el$7","_tmpl$6","size","onClick","onBack","_$memo","backLabel","detailRegionLabel","renderDetail","_$className","class","_$createComponent","_$setAttribute","_$memo","_$className"],"sources":["../../../../src/components/composites/catalog-browser/catalog-browser.tsx"],"sourcesContent":["import { createEffect, createMemo, createSignal, For, onCleanup, Show } from 'solid-js'\nimport { ArrowLeft, Blocks, Search } from 'lucide-solid'\nimport { keyedRows } from '#lib/keyed-rows'\nimport { Button } from '../../ui/button'\nimport {\n  Empty,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n} from '../../ui/empty'\nimport { InputGroup, InputGroupAddon, InputGroupInput } from '../../ui/input-group'\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui/tabs'\nimport { ScrollArea } from '../../ui/scroll-area'\nimport { cn } from '#lib/utils'\nimport { CatalogBrowserGroup, CatalogLoadingState } from './catalog-browser-group'\nimport type { CatalogBrowserProps } from './catalog-types'\n\nexport function CatalogBrowser<Value>(props: CatalogBrowserProps<Value>) {\n  const [expandedGroups, setExpandedGroups] = createSignal<ReadonlySet<string>>(new Set())\n  const [returnKey, setReturnKey] = createSignal<string>()\n  const [lastSelectedId, setLastSelectedId] = createSignal<string>()\n  const rowRefs = new Map<string, HTMLButtonElement>()\n  let searchInput: HTMLInputElement | undefined\n  let backButton: HTMLButtonElement | undefined\n\n  const selectedTab = createMemo(() => props.tabs.find((tab) => tab.id === props.tab))\n  const supplemental = () => selectedTab()?.kind === 'supplemental'\n  const selected = createMemo(() => {\n    const id = props.selectedId\n    return id && !supplemental() ? props.entries.find((entry) => entry.id === id) : undefined\n  })\n  const groupRows = keyedRows(\n    () => props.groups,\n    (group) => group.id\n  )\n  const [wide, setWide] = createSignal(\n    typeof window === 'undefined' || window.matchMedia('(min-width: 48rem)').matches\n  )\n  const updateWide = (event: MediaQueryListEvent) => setWide(event.matches)\n\n  createEffect(() => {\n    if (typeof window === 'undefined') return\n    const query = window.matchMedia('(min-width: 48rem)')\n    query.addEventListener('change', updateWide)\n    onCleanup(() => query.removeEventListener('change', updateWide))\n  })\n\n  createEffect(() => {\n    const open = props.open\n    const selectedId = props.selectedId\n    const selectedEntry = selected()\n    if (!open) {\n      setExpandedGroups(new Set<string>())\n      setLastSelectedId(undefined)\n      setReturnKey(undefined)\n      return\n    }\n    if (selectedId && selectedEntry) {\n      const previous = lastSelectedId()\n      setLastSelectedId(selectedId)\n      if (selectedId !== previous) {\n        window.requestAnimationFrame(() => {\n          if (props.open && props.selectedId === selectedId) backButton?.focus()\n        })\n      }\n      return\n    }\n    const previous = lastSelectedId()\n    if (!previous) return\n    const key = returnKey()\n    setLastSelectedId(undefined)\n    setReturnKey(undefined)\n    window.requestAnimationFrame(() => {\n      if (!props.open || props.selectedId) return\n      const row = key ? rowRefs.get(key) : undefined\n      if (row?.isConnected) row.focus()\n      else searchInput?.focus()\n    })\n  })\n\n  const registerRow = (key: string, element: HTMLButtonElement | undefined) => {\n    if (element) rowRefs.set(key, element)\n    else rowRefs.delete(key)\n  }\n  const selectEntry = (key: string, value: Value) => {\n    setReturnKey(key)\n    props.onSelect(value)\n  }\n  const toggleGroup = (id: string) => {\n    setExpandedGroups((current) => {\n      const next = new Set(current)\n      if (next.has(id)) next.delete(id)\n      else next.add(id)\n      return next\n    })\n  }\n  const previewCount = () => (wide() ? 6 : 3)\n  const countLabel = () =>\n    props.status === 'loading' ? props.loadingLabel : props.resultLabel(props.resultCount)\n  const supplementalContent = () => props.renderSupplementalView?.(props.tab)\n\n  return (\n    <div class={cn('flex min-h-0 min-w-0 flex-1 flex-col', props.class)}>\n      <Show\n        when={selected()}\n        fallback={\n          <Tabs\n            class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-0\"\n            value={props.tab}\n            onChange={(value) => value && props.onTabChange(value)}\n          >\n            <TabsList aria-label={props.tabsLabel} class=\"ms-auto max-w-full flex-wrap px-4 pt-2\">\n              <For each={props.tabs}>\n                {(tab) => <TabsTrigger value={tab.id}>{tab.label}</TabsTrigger>}\n              </For>\n            </TabsList>\n            <TabsContent value={props.tab} class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-3\">\n              <Show\n                when={supplemental()}\n                fallback={\n                  <>\n                    <Show when={props.installError}>\n                      {(message) => (\n                        <p class=\"text-destructive px-4 pt-2 text-sm\" role=\"alert\">\n                          {message()}\n                        </p>\n                      )}\n                    </Show>\n                    <div class=\"flex min-w-0 shrink-0 flex-wrap items-center gap-2 px-4 pt-2\">\n                      {props.filterControl}\n                      <InputGroup class=\"min-w-0 flex-1 sm:max-w-md\">\n                        <InputGroupAddon>\n                          <Search aria-hidden=\"true\" />\n                        </InputGroupAddon>\n                        <InputGroupInput\n                          ref={(element) => (searchInput = element)}\n                          type=\"search\"\n                          aria-label={props.searchLabel}\n                          placeholder={props.searchPlaceholder}\n                          value={props.query}\n                          onInput={(event) => props.onQueryChange(event.currentTarget.value)}\n                        />\n                      </InputGroup>\n                      <span class=\"text-muted-foreground ms-auto text-sm\" role=\"status\">\n                        {countLabel()}\n                      </span>\n                    </div>\n                    <ScrollArea\n                      role=\"region\"\n                      aria-label={props.resultsRegionLabel}\n                      orientation=\"vertical\"\n                      class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-5 px-4 pb-4\"\n                    >\n                      <Show when={props.status === 'error'}>\n                        <Empty\n                          class=\"min-h-0 min-w-0 flex-1\"\n                          role={props.catalogError.role ?? 'alert'}\n                        >\n                          <EmptyHeader>\n                            <EmptyMedia variant=\"icon\">\n                              <Blocks aria-hidden=\"true\" />\n                            </EmptyMedia>\n                            <EmptyTitle>{props.catalogError.title}</EmptyTitle>\n                            <EmptyDescription>{props.catalogError.description}</EmptyDescription>\n                          </EmptyHeader>\n                          <Show when={props.catalogErrorAction}>\n                            <EmptyContent>{props.catalogErrorAction}</EmptyContent>\n                          </Show>\n                        </Empty>\n                      </Show>\n                      <Show when={props.status === 'loading'}>\n                        <CatalogLoadingState label={props.loadingLabel} />\n                      </Show>\n                      <Show when={props.status === 'ready'}>\n                        <Show\n                          when={props.resultCount > 0}\n                          fallback={\n                            <Empty class=\"min-h-0 min-w-0 flex-1\" role=\"status\">\n                              <EmptyHeader>\n                                <EmptyMedia variant=\"icon\">\n                                  <Blocks aria-hidden=\"true\" />\n                                </EmptyMedia>\n                                <EmptyTitle>{props.emptyState.title}</EmptyTitle>\n                                <EmptyDescription>{props.emptyState.description}</EmptyDescription>\n                              </EmptyHeader>\n                              <Show when={props.emptyStateAction}>\n                                <EmptyContent>{props.emptyStateAction}</EmptyContent>\n                              </Show>\n                            </Empty>\n                          }\n                        >\n                          <div class=\"grid min-w-0 gap-5\">\n                            <For each={groupRows()}>\n                              {(row) => (\n                                <CatalogBrowserGroup\n                                  group={row.item()}\n                                  expanded={expandedGroups().has(row.item().id)}\n                                  previewCount={previewCount()}\n                                  disabled={props.interactionDisabled ?? false}\n                                  installedLabel={props.installedLabel}\n                                  publishedByLabel={props.publishedByLabel}\n                                  showMoreLabel={props.showMoreLabel}\n                                  showLessLabel={props.showLessLabel}\n                                  renderIcon={props.renderIcon}\n                                  onSelect={(entry, key) => selectEntry(key, entry.value)}\n                                  onRef={registerRow}\n                                  onToggle={toggleGroup}\n                                />\n                              )}\n                            </For>\n                          </div>\n                        </Show>\n                      </Show>\n                      <For each={props.notices ?? []}>\n                        {(notice) => (\n                          <p class=\"text-muted-foreground text-sm\" role={notice.role}>\n                            {notice.message}\n                          </p>\n                        )}\n                      </For>\n                    </ScrollArea>\n                  </>\n                }\n              >\n                {supplementalContent()}\n              </Show>\n            </TabsContent>\n          </Tabs>\n        }\n      >\n        {(entry) => (\n          <div class=\"flex min-h-0 min-w-0 flex-1 flex-col gap-3\" data-catalog-browser-detail>\n            <Button\n              ref={(element) => (backButton = element)}\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={() => props.onBack()}\n              class=\"mx-4 mt-2 self-start\"\n            >\n              <ArrowLeft data-icon=\"inline-start\" aria-hidden=\"true\" />\n              {props.backLabel}\n            </Button>\n            <ScrollArea\n              role=\"region\"\n              aria-label={props.detailRegionLabel}\n              orientation=\"vertical\"\n              class=\"min-h-0 min-w-0 flex-1 px-4 pb-4\"\n            >\n              {props.renderDetail(entry().value)}\n            </ScrollArea>\n          </div>\n        )}\n      </Show>\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/composites/catalog-browser/catalog-detail.d.ts

@@ -0,0 +1,21 @@
+import { type JSX } from 'solid-js';
+/** Shared item summary and action frame for catalog-owned detail content. */
+export declare function CatalogDetail(props: {
+    title: string;
+    description: string;
+    category: string;
+    publisher: string;
+    publishedByLabel: (publisher: string) => string;
+    leading?: JSX.Element;
+    eyebrow?: string;
+    badges?: JSX.Element;
+    action?: JSX.Element;
+    status?: JSX.Element;
+    children?: JSX.Element;
+}): JSX.Element;
+/** A shared surface and heading for host-specific fields, permissions, and copy. */
+export declare function CatalogDetailSection(props: {
+    title: string;
+    children?: JSX.Element;
+}): JSX.Element;
+//# sourceMappingURL=catalog-detail.d.ts.map

package/dist/components/composites/catalog-browser/catalog-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-detail.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-detail.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,GAAG,EAAE,MAAM,UAAU,CAAA;AAIzD,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,KAAK,EAAE;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACvB,eA6BA;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CAAE,eAcpF"}

package/dist/components/composites/catalog-browser/catalog-detail.js

@@ -0,0 +1,92 @@
+import { Badge } from "../../ui/badge/badge.js";
+import { Card, CardContent, CardFooter, CardHeader } from "../../ui/card/card.js";
+import { createComponent, insert, memo, setAttribute, template } from "solid-js/web";
+import { Show, createUniqueId } from "solid-js";
+//#region src/components/composites/catalog-browser/catalog-detail.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<span class=shrink-0>`);
+var _tmpl$2 = /*#__PURE__*/ template(`<div class="grid min-w-0 gap-1.5"><div class="flex min-w-0 flex-wrap items-center gap-1.5"></div><h2 class="text-base leading-tight font-semibold tracking-tight"></h2><p class="text-muted-foreground text-sm"></p><p class="text-muted-foreground text-xs">`);
+var _tmpl$3 = /*#__PURE__*/ template(`<article class="grid min-w-0 gap-4"data-catalog-detail><div class="grid min-w-0 gap-3">`);
+var _tmpl$4 = /*#__PURE__*/ template(`<h3 class="text-sm font-semibold tracking-tight">`);
+var _tmpl$5 = /*#__PURE__*/ template(`<section class=min-w-0>`);
+/** Shared item summary and action frame for catalog-owned detail content. */
+function CatalogDetail(props) {
+	return (() => {
+		var _el$ = _tmpl$3(), _el$8 = _el$.firstChild;
+		insert(_el$, createComponent(Card, { get children() {
+			return [createComponent(CardHeader, {
+				"class": "flex-row items-start gap-3",
+				get children() {
+					return [createComponent(Show, {
+						get when() {
+							return props.leading;
+						},
+						get children() {
+							var _el$2 = _tmpl$();
+							insert(_el$2, () => props.leading);
+							return _el$2;
+						}
+					}), (() => {
+						var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
+						insert(_el$4, createComponent(Show, {
+							get when() {
+								return props.eyebrow;
+							},
+							get children() {
+								return createComponent(Badge, {
+									variant: "outline",
+									get children() {
+										return props.eyebrow;
+									}
+								});
+							}
+						}), null);
+						insert(_el$4, createComponent(Badge, {
+							variant: "secondary",
+							get children() {
+								return props.category;
+							}
+						}), null);
+						insert(_el$4, () => props.badges, null);
+						insert(_el$5, () => props.title);
+						insert(_el$6, () => props.description);
+						insert(_el$7, () => props.publishedByLabel(props.publisher));
+						return _el$3;
+					})()];
+				}
+			}), createComponent(CardFooter, {
+				"class": "flex-wrap justify-between gap-3",
+				get children() {
+					return [memo(() => props.action), memo(() => props.status)];
+				}
+			})];
+		} }), _el$8);
+		insert(_el$8, () => props.children);
+		return _el$;
+	})();
+}
+/** A shared surface and heading for host-specific fields, permissions, and copy. */
+function CatalogDetailSection(props) {
+	const headingId = `catalog-detail-section-${createUniqueId()}`;
+	return (() => {
+		var _el$9 = _tmpl$5();
+		setAttribute(_el$9, "aria-labelledby", headingId);
+		insert(_el$9, createComponent(Card, { get children() {
+			return [createComponent(CardHeader, { get children() {
+				var _el$0 = _tmpl$4();
+				setAttribute(_el$0, "id", headingId);
+				insert(_el$0, () => props.title);
+				return _el$0;
+			} }), createComponent(CardContent, {
+				"class": "grid min-w-0 gap-3",
+				get children() {
+					return props.children;
+				}
+			})];
+		} }));
+		return _el$9;
+	})();
+}
+//#endregion
+export { CatalogDetail, CatalogDetailSection };
+
+//# sourceMappingURL=catalog-detail.js.map

package/dist/components/composites/catalog-browser/catalog-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-detail.js","names":["createUniqueId","Show","JSX","Badge","Card","CardContent","CardFooter","CardHeader","CatalogDetail","props","title","description","category","publisher","publishedByLabel","leading","Element","eyebrow","badges","action","status","children","_el$","_tmpl$3","_el$8","firstChild","_$insert","_$createComponent","when","_el$2","_tmpl$","_el$3","_tmpl$2","_el$4","_el$5","nextSibling","_el$6","_el$7","variant","_$memo","CatalogDetailSection","headingId","_el$9","_tmpl$5","_$setAttribute","_el$0","_tmpl$4","_$createComponent","_$memo"],"sources":["../../../../src/components/composites/catalog-browser/catalog-detail.tsx"],"sourcesContent":["import { createUniqueId, Show, type JSX } from 'solid-js'\nimport { Badge } from '../../ui/badge'\nimport { Card, CardContent, CardFooter, CardHeader } from '../../ui/card'\n\n/** Shared item summary and action frame for catalog-owned detail content. */\nexport function CatalogDetail(props: {\n  title: string\n  description: string\n  category: string\n  publisher: string\n  publishedByLabel: (publisher: string) => string\n  leading?: JSX.Element\n  eyebrow?: string\n  badges?: JSX.Element\n  action?: JSX.Element\n  status?: JSX.Element\n  children?: JSX.Element\n}) {\n  return (\n    <article class=\"grid min-w-0 gap-4\" data-catalog-detail>\n      <Card>\n        <CardHeader class=\"flex-row items-start gap-3\">\n          <Show when={props.leading}>\n            <span class=\"shrink-0\">{props.leading}</span>\n          </Show>\n          <div class=\"grid min-w-0 gap-1.5\">\n            <div class=\"flex min-w-0 flex-wrap items-center gap-1.5\">\n              <Show when={props.eyebrow}>\n                <Badge variant=\"outline\">{props.eyebrow}</Badge>\n              </Show>\n              <Badge variant=\"secondary\">{props.category}</Badge>\n              {props.badges}\n            </div>\n            <h2 class=\"text-base leading-tight font-semibold tracking-tight\">{props.title}</h2>\n            <p class=\"text-muted-foreground text-sm\">{props.description}</p>\n            <p class=\"text-muted-foreground text-xs\">{props.publishedByLabel(props.publisher)}</p>\n          </div>\n        </CardHeader>\n        <CardFooter class=\"flex-wrap justify-between gap-3\">\n          {props.action}\n          {props.status}\n        </CardFooter>\n      </Card>\n      <div class=\"grid min-w-0 gap-3\">{props.children}</div>\n    </article>\n  )\n}\n\n/** A shared surface and heading for host-specific fields, permissions, and copy. */\nexport function CatalogDetailSection(props: { title: string; children?: JSX.Element }) {\n  const headingId = `catalog-detail-section-${createUniqueId()}`\n  return (\n    <section class=\"min-w-0\" aria-labelledby={headingId}>\n      <Card>\n        <CardHeader>\n          <h3 id={headingId} class=\"text-sm font-semibold tracking-tight\">\n            {props.title}\n          </h3>\n        </CardHeader>\n        <CardContent class=\"grid min-w-0 gap-3\">{props.children}</CardContent>\n      </Card>\n    </section>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAKA,SAAgBQ,cAAcC,OAY3B;CACD,cAAA;EAAA,IAAAa,OAAAC,QAAA,GAAAC,QAAAF,KAAAG;EAAAC,OAAAJ,MAAAK,gBAEKvB,MAAI,EAAA,IAAAiB,WAAA;GAAA,OAAA,CAAAM,gBACFpB,YAAU;IAAA,SAAA;IAAA,IAAAc,WAAA;KAAA,OAAA,CAAAM,gBACR1B,MAAI;MAAA,IAAC2B,OAAI;OAAA,OAAEnB,MAAMM;MAAO;MAAA,IAAAM,WAAA;OAAA,IAAAQ,QAAAC,OAAA;OAAAJ,OAAAG,aACCpB,MAAMM,OAAO;OAAA,OAAAc;MAAA;KAAA,CAAA,UAAA;MAAA,IAAAE,QAAAC,QAAA,GAAAC,QAAAF,MAAAN,YAAAS,QAAAD,MAAAE,aAAAC,QAAAF,MAAAC,aAAAE,QAAAD,MAAAD;MAAAT,OAAAO,OAAAN,gBAIlC1B,MAAI;OAAA,IAAC2B,OAAI;QAAA,OAAEnB,MAAMQ;OAAO;OAAA,IAAAI,WAAA;QAAA,OAAAM,gBACtBxB,OAAK;SAACmC,SAAO;SAAA,IAAAjB,WAAA;UAAA,OAAYZ,MAAMQ;SAAO;QAAA,CAAA;OAAA;MAAA,CAAA,GAAA,IAAA;MAAAS,OAAAO,OAAAN,gBAExCxB,OAAK;OAACmC,SAAO;OAAA,IAAAjB,WAAA;QAAA,OAAcZ,MAAMG;OAAQ;MAAA,CAAA,GAAA,IAAA;MAAAc,OAAAO,aACzCxB,MAAMS,QAAM,IAAA;MAAAQ,OAAAQ,aAEmDzB,MAAMC,KAAK;MAAAgB,OAAAU,aACnC3B,MAAME,WAAW;MAAAe,OAAAW,aACjB5B,MAAMK,iBAAiBL,MAAMI,SAAS,CAAC;MAAA,OAAAkB;KAAA,EAAA,CAAA,CAAA;IAAA;GAAA,CAAA,GAAAJ,gBAGpFrB,YAAU;IAAA,SAAA;IAAA,IAAAe,WAAA;KAAA,OAAA,CAAAkB,WACR9B,MAAMU,MAAM,GAAAoB,WACZ9B,MAAMW,MAAM,CAAA;IAAA;GAAA,CAAA,CAAA;EAAA,EAAA,CAAA,GAAAI,KAAA;EAAAE,OAAAF,aAGgBf,MAAMY,QAAQ;EAAA,OAAAC;CAAA,EAAA,CAAA;AAGrD;;AAGA,SAAgBkB,qBAAqB/B,OAAkD;CACrF,MAAMgC,YAAY,0BAA0BzC,eAAe;CAC3D,cAAA;EAAA,IAAA0C,QAAAC,QAAA;EAAAC,aAAAF,OAAA,mBAC4CD,SAAS;EAAAf,OAAAgB,OAAAf,gBAChDvB,MAAI,EAAA,IAAAiB,WAAA;GAAA,OAAA,CAAAM,gBACFpB,YAAU,EAAA,IAAAc,WAAA;IAAA,IAAAwB,QAAAC,QAAA;IAAAF,aAAAC,OAAA,MACDJ,SAAS;IAAAf,OAAAmB,aACdpC,MAAMC,KAAK;IAAA,OAAAmC;GAAA,EAAA,CAAA,GAAAlB,gBAGftB,aAAW;IAAA,SAAA;IAAA,IAAAgB,WAAA;KAAA,OAA6BZ,MAAMY;IAAQ;GAAA,CAAA,CAAA;EAAA,EAAA,CAAA,CAAA;EAAA,OAAAqB;CAAA,EAAA,CAAA;AAI/D"}

package/dist/components/composites/catalog-browser/catalog-types.d.ts

@@ -0,0 +1,78 @@
+import type { JSX } from 'solid-js';
+/** A host-owned catalog record reduced to the fields needed by the browser. */
+export type CatalogBrowserEntry<Value> = Readonly<{
+    id: string;
+    value: Value;
+    name: string;
+    description: string;
+    category: string;
+    publisher: string;
+    installed: boolean;
+}>;
+/** One stable, host-ordered category in the browser. */
+export type CatalogBrowserGroup<Value> = Readonly<{
+    id: string;
+    label: string;
+    entries: readonly CatalogBrowserEntry<Value>[];
+}>;
+export type CatalogBrowserTab = Readonly<{
+    id: string;
+    label: string;
+    /** A host-rendered view, such as navigation settings, outside the catalog. */
+    kind?: 'catalog' | 'supplemental';
+}>;
+export type CatalogBrowserNotice = Readonly<{
+    id: string;
+    role: 'alert' | 'status';
+    message: string;
+}>;
+export type CatalogBrowserMessage = Readonly<{
+    title: string;
+    description: string;
+    role?: 'alert' | 'status';
+}>;
+export type CatalogBrowserProps<Value> = Readonly<{
+    /** Optional layout hook for the host's containing surface. */
+    class?: string;
+    /** Whether the containing host surface is open; closing it clears view-only state. */
+    open: boolean;
+    tabs: readonly CatalogBrowserTab[];
+    tab: string;
+    tabsLabel: string;
+    onTabChange: (tab: string) => void;
+    /** A host-owned view is rendered in the same tab frame without catalog assumptions. */
+    renderSupplementalView?: (tab: string) => JSX.Element | undefined;
+    query: string;
+    onQueryChange: (query: string) => void;
+    searchLabel: string;
+    searchPlaceholder: string;
+    resultsRegionLabel: string;
+    filterControl?: JSX.Element;
+    resultCount: number;
+    resultLabel: (count: number) => string;
+    loadingLabel: string;
+    status: 'loading' | 'ready' | 'error';
+    catalogError: CatalogBrowserMessage;
+    catalogErrorAction?: JSX.Element;
+    installError?: string;
+    notices?: readonly CatalogBrowserNotice[];
+    emptyState: CatalogBrowserMessage;
+    emptyStateAction?: JSX.Element;
+    groups: readonly CatalogBrowserGroup<Value>[];
+    /** All selectable records, including records omitted by the current filter. */
+    entries: readonly CatalogBrowserEntry<Value>[];
+    selectedId: string | null;
+    onSelect: (value: Value) => void;
+    onBack: () => void;
+    backLabel: string;
+    detailRegionLabel: string;
+    installedLabel: string;
+    publishedByLabel: (publisher: string) => string;
+    showMoreLabel: (entries: readonly CatalogBrowserEntry<Value>[], remainingCount: number) => string;
+    showLessLabel: string;
+    /** Temporarily disables catalog controls while a host menu owns interaction. */
+    interactionDisabled?: boolean;
+    renderIcon: (value: Value) => JSX.Element;
+    renderDetail: (value: Value) => JSX.Element;
+}>;
+//# sourceMappingURL=catalog-types.d.ts.map

package/dist/components/composites/catalog-browser/catalog-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-types.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/catalog-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAEnC,+EAA+E;AAC/E,MAAM,MAAM,mBAAmB,CAAC,KAAK,IAAI,QAAQ,CAAC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,KAAK,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,mBAAmB,CAAC,KAAK,IAAI,QAAQ,CAAC;IAChD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAA;CAC/C,CAAC,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,IAAI,CAAC,EAAE,SAAS,GAAG,cAAc,CAAA;CAClC,CAAC,CAAA;AAEF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC,CAAA;AAEF,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B,CAAC,CAAA;AAEF,MAAM,MAAM,mBAAmB,CAAC,KAAK,IAAI,QAAQ,CAAC;IAChD,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,iBAAiB,EAAE,CAAA;IAClC,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,uFAAuF;IACvF,sBAAsB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,GAAG,SAAS,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC3B,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,YAAY,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;IACrC,YAAY,EAAE,qBAAqB,CAAA;IACnC,kBAAkB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,SAAS,oBAAoB,EAAE,CAAA;IACzC,UAAU,EAAE,qBAAqB,CAAA;IACjC,gBAAgB,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IAC9B,MAAM,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAA;IAC7C,+EAA+E;IAC/E,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAA;IAC9C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,SAAS,mBAAmB,CAAC,KAAK,CAAC,EAAE,EAAE,cAAc,EAAE,MAAM,KAAK,MAAM,CAAA;IACjG,aAAa,EAAE,MAAM,CAAA;IACrB,gFAAgF;IAChF,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAA;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,GAAG,CAAC,OAAO,CAAA;CAC5C,CAAC,CAAA"}

package/dist/components/composites/catalog-browser/index.d.ts

@@ -0,0 +1,4 @@
+export { CatalogBrowser } from './catalog-browser';
+export { CatalogDetail, CatalogDetailSection } from './catalog-detail';
+export type { CatalogBrowserEntry, CatalogBrowserGroup, CatalogBrowserMessage, CatalogBrowserNotice, CatalogBrowserProps, CatalogBrowserTab, } from './catalog-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/composites/catalog-browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/composites/catalog-browser/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AACtE,YAAY,EACV,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iBAAiB,CAAA"}

package/dist/components/composites/catalog-browser/index.js

@@ -0,0 +1,3 @@
+import { CatalogBrowser } from "./catalog-browser.js";
+import { CatalogDetail, CatalogDetailSection } from "./catalog-detail.js";
+export { CatalogBrowser, CatalogDetail, CatalogDetailSection };