@pipe0/react 0.0.2

package/dist/utils/render-slot.d.mts

@@ -0,0 +1,44 @@
+import { ComponentProps, ElementType, ReactElement, ReactNode, Ref } from "react";
+
+//#region src/utils/render-slot.d.ts
+/**
+ * Single-arg render slot. The function form receives `{ ...domProps, ...state }`
+ * merged into one object — consumers destructure exactly what they need.
+ *
+ * Three forms:
+ * - `render={<MyEl />}`               → cloneElement(MyEl, mergedProps); state stays off DOM
+ * - `render={(p) => <MyEl {...p}/>}`  → render({ ...mergedProps, ...state }); destructure to keep state off DOM
+ * - omitted                           → createElement(defaultTagName, mergedProps)
+ *
+ * `mergedProps` = base-ui's `mergeProps(internalProps, externalProps)` — event handlers
+ * chain right-to-left, `className` strings concatenate, `style` is shallow-merged. Refs
+ * from internal/external/`ref` parameter are combined into a single ref callback.
+ */
+type RenderProp<DOMProps, State> = ReactElement | ((merged: DOMProps & State) => ReactNode);
+interface RenderSlotOptions<Tag extends ElementType, State> {
+  defaultTagName: Tag;
+  render?: RenderProp<ComponentProps<Tag>, State>;
+  /** Library-supplied state. Available only via the function-form render. */
+  state: State;
+  /** DOM-shape props synthesized by the wrapping component. */
+  props: ComponentProps<Tag>;
+  /**
+   * DOM-shape props the wrapping component received from a parent slot
+   * (e.g. trigger props from `<HoverCardTrigger render={<X />}>`). Merged on top
+   * of `props` using base-ui's `mergeProps`.
+   */
+  externalProps?: Record<string, unknown>;
+  /** Ref forwarded by the wrapping component (via `React.forwardRef`). */
+  ref?: Ref<unknown>;
+}
+declare function renderSlot<Tag extends ElementType, State>({
+  defaultTagName,
+  render,
+  state,
+  props,
+  externalProps,
+  ref
+}: RenderSlotOptions<Tag, State>): ReactNode;
+//#endregion
+export { RenderProp, renderSlot };
+//# sourceMappingURL=render-slot.d.mts.map

package/dist/utils/render-slot.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-slot.d.mts","names":[],"sources":["../../src/utils/render-slot.ts"],"mappings":";;;;;AAwBA;;;;;;;;;;;KAAY,UAAA,oBAA8B,YAAA,KAAiB,MAAA,EAAQ,QAAA,GAAW,KAAA,KAAU,SAAA;AAAA,UAEvE,iBAAA,aAA8B,WAAA;EAC7C,cAAA,EAAgB,GAAA;EAChB,MAAA,GAAS,UAAA,CAAW,cAAA,CAAe,GAAA,GAAM,KAAA;EAJ6C;EAMtF,KAAA,EAAO,KAAA;EANwF;EAQ/F,KAAA,EAAO,cAAA,CAAe,GAAA;EANU;;;;;EAYhC,aAAA,GAAgB,MAAA;EAVyB;EAYzC,GAAA,GAAM,GAAA;AAAA;AAAA,iBAYQ,UAAA,aAAuB,WAAA,QAAA,CAAA;EACrC,cAAA;EACA,MAAA;EACA,KAAA;EACA,KAAA;EACA,aAAA;EACA;AAAA,GACC,iBAAA,CAAkB,GAAA,EAAK,KAAA,IAAS,SAAA"}

package/dist/utils/render-slot.mjs

@@ -0,0 +1,30 @@
+import { cloneElement, createElement } from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+
+//#region src/utils/render-slot.ts
+function mergeRefs(refs) {
+	return (value) => {
+		for (const ref of refs) if (typeof ref === "function") ref(value);
+		else if (ref) ref.current = value;
+	};
+}
+function renderSlot({ defaultTagName, render, state, props, externalProps, ref }) {
+	const merged = mergeProps(props, externalProps ?? {});
+	const propsRef = props.ref;
+	const externalRef = externalProps?.ref;
+	if (ref || externalRef || propsRef) merged.ref = mergeRefs([
+		propsRef,
+		externalRef,
+		ref
+	]);
+	if (typeof render === "function") return render({
+		...merged,
+		...state
+	});
+	if (render) return cloneElement(render, merged);
+	return createElement(defaultTagName, merged);
+}
+
+//#endregion
+export { renderSlot };
+//# sourceMappingURL=render-slot.mjs.map

package/dist/utils/render-slot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-slot.mjs","names":[],"sources":["../../src/utils/render-slot.ts"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport {\n  type ComponentProps,\n  cloneElement,\n  createElement,\n  type ElementType,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\n/**\n * Single-arg render slot. The function form receives `{ ...domProps, ...state }`\n * merged into one object — consumers destructure exactly what they need.\n *\n * Three forms:\n * - `render={<MyEl />}`               → cloneElement(MyEl, mergedProps); state stays off DOM\n * - `render={(p) => <MyEl {...p}/>}`  → render({ ...mergedProps, ...state }); destructure to keep state off DOM\n * - omitted                           → createElement(defaultTagName, mergedProps)\n *\n * `mergedProps` = base-ui's `mergeProps(internalProps, externalProps)` — event handlers\n * chain right-to-left, `className` strings concatenate, `style` is shallow-merged. Refs\n * from internal/external/`ref` parameter are combined into a single ref callback.\n */\nexport type RenderProp<DOMProps, State> = ReactElement | ((merged: DOMProps & State) => ReactNode);\n\nexport interface RenderSlotOptions<Tag extends ElementType, State> {\n  defaultTagName: Tag;\n  render?: RenderProp<ComponentProps<Tag>, State>;\n  /** Library-supplied state. Available only via the function-form render. */\n  state: State;\n  /** DOM-shape props synthesized by the wrapping component. */\n  props: ComponentProps<Tag>;\n  /**\n   * DOM-shape props the wrapping component received from a parent slot\n   * (e.g. trigger props from `<HoverCardTrigger render={<X />}>`). Merged on top\n   * of `props` using base-ui's `mergeProps`.\n   */\n  externalProps?: Record<string, unknown>;\n  /** Ref forwarded by the wrapping component (via `React.forwardRef`). */\n  ref?: Ref<unknown>;\n}\n\nfunction mergeRefs<T>(refs: ReadonlyArray<Ref<T> | undefined>): (value: T | null) => void {\n  return (value) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(value);\n      else if (ref) (ref as { current: T | null }).current = value;\n    }\n  };\n}\n\nexport function renderSlot<Tag extends ElementType, State>({\n  defaultTagName,\n  render,\n  state,\n  props,\n  externalProps,\n  ref,\n}: RenderSlotOptions<Tag, State>): ReactNode {\n  const merged = mergeProps<Tag>(props as never, (externalProps ?? {}) as never) as Record<\n    string,\n    unknown\n  >;\n\n  const propsRef = (props as { ref?: Ref<unknown> }).ref;\n  const externalRef = (externalProps as { ref?: Ref<unknown> } | undefined)?.ref;\n  if (ref || externalRef || propsRef) {\n    merged.ref = mergeRefs([propsRef, externalRef, ref]);\n  }\n\n  if (typeof render === \"function\") {\n    return render({\n      ...(merged as object),\n      ...(state as object),\n    } as ComponentProps<Tag> & State);\n  }\n  if (render) {\n    return cloneElement(render as ReactElement<ComponentProps<Tag>>, merged as ComponentProps<Tag>);\n  }\n  return createElement(defaultTagName, merged as object);\n}\n"],"mappings":";;;;AA2CA,SAAS,UAAa,MAAoE;AACxF,SAAQ,UAAU;AAChB,OAAK,MAAM,OAAO,KAChB,KAAI,OAAO,QAAQ,WAAY,KAAI,MAAM;WAChC,IAAK,CAAC,IAA8B,UAAU;;;AAK7D,SAAgB,WAA2C,EACzD,gBACA,QACA,OACA,OACA,eACA,OAC2C;CAC3C,MAAM,SAAS,WAAgB,OAAiB,iBAAiB,EAAE,CAAW;CAK9E,MAAM,WAAY,MAAiC;CACnD,MAAM,cAAe,eAAsD;AAC3E,KAAI,OAAO,eAAe,SACxB,QAAO,MAAM,UAAU;EAAC;EAAU;EAAa;EAAI,CAAC;AAGtD,KAAI,OAAO,WAAW,WACpB,QAAO,OAAO;EACZ,GAAI;EACJ,GAAI;EACL,CAAgC;AAEnC,KAAI,OACF,QAAO,aAAa,QAA6C,OAA8B;AAEjG,QAAO,cAAc,gBAAgB,OAAiB"}

package/dist/widgets/avatar-group.d.mts

@@ -0,0 +1,36 @@
+import { RenderProp } from "../utils/render-slot.mjs";
+import * as _$react from "react";
+import { ComponentProps } from "react";
+import { VariantProps } from "class-variance-authority";
+import { ProviderName } from "@pipe0/base";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/widgets/avatar-group.d.ts
+declare const avatarGroupVariants: (props?: ({
+  size?: "sm" | "md" | "lg" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+interface AvatarGroupState {
+  providers: readonly ProviderName[];
+  shown: readonly ProviderName[];
+  remaining: number;
+}
+interface AvatarGroupProps extends Omit<ComponentProps<"div">, "children">, VariantProps<typeof avatarGroupVariants> {
+  providers: readonly ProviderName[];
+  /** Maximum tile slots before the overflow indicator. Default 4. */
+  max?: number;
+  /** Show the +N overflow tile when providers exceed `max`. Default true. */
+  showCount?: boolean;
+  render?: RenderProp<ComponentProps<"div">, AvatarGroupState>;
+}
+/**
+ * Horizontal stack of provider tiles. Each tile is a brand-colored rectangle
+ * with the provider's logo on top; tiles overlap slightly to read as a group.
+ * Defaults to a maximum of 4 tiles, then a "+N" overflow tile.
+ *
+ * Pure visual — no popover. For a hover-card with cost-per-provider, see
+ * `<CatalogProviderAvatars>`.
+ */
+declare const AvatarGroup: _$react.ForwardRefExoticComponent<Omit<AvatarGroupProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { AvatarGroup, AvatarGroupProps, AvatarGroupState };
+//# sourceMappingURL=avatar-group.d.mts.map

package/dist/widgets/avatar-group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.mts","names":[],"sources":["../../src/widgets/avatar-group.tsx"],"mappings":";;;;;;;;cAMM,mBAAA,GAAmB,KAAA;;IASvB,iCAAA,CAAA,SAAA;AAAA,UA4Be,gBAAA;EACf,SAAA,WAAoB,YAAA;EACpB,KAAA,WAAgB,YAAA;EAChB,SAAA;AAAA;AAAA,UAGe,gBAAA,SACP,IAAA,CAAK,cAAA,sBACX,YAAA,QAAoB,mBAAA;EACtB,SAAA,WAAoB,YAAA;;EAEpB,GAAA;EAVA;EAYA,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,gBAAA;AAAA;;;;AAR7C;;;;;cAmBa,WAAA,EAAW,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,gBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/widgets/avatar-group.mjs

@@ -0,0 +1,114 @@
+import { cn } from "../lib/utils.mjs";
+import { renderSlot } from "../utils/render-slot.mjs";
+import { forwardRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { getProviderEntry } from "@pipe0/base";
+
+//#region src/widgets/avatar-group.tsx
+const avatarGroupVariants = cva("pz:relative pz:inline-flex pz:items-center", {
+	variants: { size: {
+		sm: "",
+		md: "",
+		lg: ""
+	} },
+	defaultVariants: { size: "md" }
+});
+const tileSize = {
+	sm: "pz:h-5 pz:w-5",
+	md: "pz:h-8 pz:w-8",
+	lg: "pz:h-12 pz:w-12"
+};
+const tileLogoSize = {
+	sm: "pz:size-3",
+	md: "pz:size-5",
+	lg: "pz:size-7"
+};
+const tileOverlap = {
+	sm: "pz:-ml-1",
+	md: "pz:-ml-1.5",
+	lg: "pz:-ml-2"
+};
+const overflowText = {
+	sm: "pz:text-[9px]",
+	md: "pz:text-xs",
+	lg: "pz:text-sm"
+};
+const DEFAULT_MAX_TILES = 4;
+/**
+* Horizontal stack of provider tiles. Each tile is a brand-colored rectangle
+* with the provider's logo on top; tiles overlap slightly to read as a group.
+* Defaults to a maximum of 4 tiles, then a "+N" overflow tile.
+*
+* Pure visual — no popover. For a hover-card with cost-per-provider, see
+* `<CatalogProviderAvatars>`.
+*/
+const AvatarGroup = forwardRef(function AvatarGroup({ providers, size, max = DEFAULT_MAX_TILES, showCount = true, className, render, ...rest }, ref) {
+	if (!providers.length) return null;
+	const sizeKey = size ?? "md";
+	const renderOverflow = providers.length > max && showCount;
+	const visibleSlots = renderOverflow ? max - 1 : max;
+	const shown = providers.slice(0, visibleSlots);
+	const remaining = providers.length - shown.length;
+	return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: {
+			providers,
+			shown,
+			remaining
+		},
+		props: {
+			"data-p0": "avatar-group",
+			className: cn(avatarGroupVariants({ size }), className),
+			children: /* @__PURE__ */ jsxs(Fragment$1, { children: [shown.map((provider, i) => /* @__PURE__ */ jsx(ProviderTile, {
+				provider,
+				size: sizeKey,
+				first: i === 0
+			}, provider)), renderOverflow ? /* @__PURE__ */ jsx(OverflowTile, {
+				size: sizeKey,
+				count: remaining,
+				first: shown.length === 0
+			}) : null] })
+		},
+		externalProps: rest,
+		ref
+	});
+});
+const tileBase = "pz:relative pz:flex pz:items-center pz:justify-center pz:rounded-md pz:overflow-hidden pz:ring-2 pz:ring-background pz:shrink-0";
+function ProviderTile({ provider, size, first }) {
+	const entry = getProviderEntry(provider);
+	const bg = entry?.background;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "avatar-group-tile",
+		className: cn(tileBase, tileSize[size], first ? void 0 : tileOverlap[size]),
+		title: entry?.label ?? provider,
+		children: [bg ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "pz:absolute pz:inset-0 dark:pz:hidden",
+			style: { backgroundColor: bg.light }
+		}), /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "pz:absolute pz:inset-0 pz:hidden dark:pz:block",
+			style: { backgroundColor: bg.dark }
+		})] }) : /* @__PURE__ */ jsx("div", {
+			"aria-hidden": "true",
+			className: "pz:absolute pz:inset-0 pz:bg-muted"
+		}), entry?.logoUrl ? /* @__PURE__ */ jsx("img", {
+			src: entry.logoUrl,
+			alt: entry.label ?? provider,
+			className: cn("pz:relative pz:object-contain", tileLogoSize[size])
+		}) : null]
+	});
+}
+function OverflowTile({ size, count, first }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "avatar-group-overflow",
+		className: cn(tileBase, "pz:bg-muted pz:text-muted-foreground pz:font-medium", tileSize[size], overflowText[size], first ? void 0 : tileOverlap[size]),
+		children: ["+", count]
+	});
+}
+
+//#endregion
+export { AvatarGroup };
+//# sourceMappingURL=avatar-group.mjs.map

package/dist/widgets/avatar-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.mjs","names":[],"sources":["../../src/widgets/avatar-group.tsx"],"sourcesContent":["import { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { type ComponentProps, type CSSProperties, forwardRef } from \"react\";\nimport { cn } from \"../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../utils/render-slot.js\";\n\nconst avatarGroupVariants = cva(\"pz:relative pz:inline-flex pz:items-center\", {\n  variants: {\n    size: {\n      sm: \"\",\n      md: \"\",\n      lg: \"\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nconst tileSize = {\n  sm: \"pz:h-5 pz:w-5\",\n  md: \"pz:h-8 pz:w-8\",\n  lg: \"pz:h-12 pz:w-12\",\n} as const;\n\nconst tileLogoSize = {\n  sm: \"pz:size-3\",\n  md: \"pz:size-5\",\n  lg: \"pz:size-7\",\n} as const;\n\nconst tileOverlap = {\n  sm: \"pz:-ml-1\",\n  md: \"pz:-ml-1.5\",\n  lg: \"pz:-ml-2\",\n} as const;\n\nconst overflowText = {\n  sm: \"pz:text-[9px]\",\n  md: \"pz:text-xs\",\n  lg: \"pz:text-sm\",\n} as const;\n\nconst DEFAULT_MAX_TILES = 4;\n\nexport interface AvatarGroupState {\n  providers: readonly ProviderName[];\n  shown: readonly ProviderName[];\n  remaining: number;\n}\n\nexport interface AvatarGroupProps\n  extends Omit<ComponentProps<\"div\">, \"children\">,\n    VariantProps<typeof avatarGroupVariants> {\n  providers: readonly ProviderName[];\n  /** Maximum tile slots before the overflow indicator. Default 4. */\n  max?: number;\n  /** Show the +N overflow tile when providers exceed `max`. Default true. */\n  showCount?: boolean;\n  render?: RenderProp<ComponentProps<\"div\">, AvatarGroupState>;\n}\n\n/**\n * Horizontal stack of provider tiles. Each tile is a brand-colored rectangle\n * with the provider's logo on top; tiles overlap slightly to read as a group.\n * Defaults to a maximum of 4 tiles, then a \"+N\" overflow tile.\n *\n * Pure visual — no popover. For a hover-card with cost-per-provider, see\n * `<CatalogProviderAvatars>`.\n */\nexport const AvatarGroup = forwardRef<HTMLDivElement, AvatarGroupProps>(function AvatarGroup(\n  { providers, size, max = DEFAULT_MAX_TILES, showCount = true, className, render, ...rest },\n  ref,\n) {\n  if (!providers.length) return null;\n\n  const sizeKey = size ?? \"md\";\n  const overflows = providers.length > max;\n  const renderOverflow = overflows && showCount;\n  const visibleSlots = renderOverflow ? max - 1 : max;\n  const shown = providers.slice(0, visibleSlots);\n  const remaining = providers.length - shown.length;\n\n  const state: AvatarGroupState = { providers, shown, remaining };\n\n  return renderSlot({\n    defaultTagName: \"div\",\n    render,\n    state,\n    props: {\n      \"data-p0\": \"avatar-group\",\n      className: cn(avatarGroupVariants({ size }), className),\n      children: (\n        <>\n          {shown.map((provider, i) => (\n            <ProviderTile key={provider} provider={provider} size={sizeKey} first={i === 0} />\n          ))}\n          {renderOverflow ? (\n            <OverflowTile size={sizeKey} count={remaining} first={shown.length === 0} />\n          ) : null}\n        </>\n      ),\n    } as ComponentProps<\"div\">,\n    externalProps: rest as Record<string, unknown>,\n    ref,\n  });\n});\n\nconst tileBase =\n  \"pz:relative pz:flex pz:items-center pz:justify-center pz:rounded-md pz:overflow-hidden pz:ring-2 pz:ring-background pz:shrink-0\";\n\nfunction ProviderTile({\n  provider,\n  size,\n  first,\n}: {\n  provider: ProviderName;\n  size: \"sm\" | \"md\" | \"lg\";\n  first: boolean;\n}) {\n  const entry = getProviderEntry(provider);\n  const bg = entry?.background;\n  return (\n    <div\n      data-p0=\"avatar-group-tile\"\n      className={cn(tileBase, tileSize[size], first ? undefined : tileOverlap[size])}\n      title={entry?.label ?? provider}\n    >\n      {bg ? (\n        <>\n          <div\n            aria-hidden=\"true\"\n            className=\"pz:absolute pz:inset-0 dark:pz:hidden\"\n            style={{ backgroundColor: bg.light } as CSSProperties}\n          />\n          <div\n            aria-hidden=\"true\"\n            className=\"pz:absolute pz:inset-0 pz:hidden dark:pz:block\"\n            style={{ backgroundColor: bg.dark } as CSSProperties}\n          />\n        </>\n      ) : (\n        <div aria-hidden=\"true\" className=\"pz:absolute pz:inset-0 pz:bg-muted\" />\n      )}\n      {entry?.logoUrl ? (\n        <img\n          src={entry.logoUrl}\n          alt={entry.label ?? provider}\n          className={cn(\"pz:relative pz:object-contain\", tileLogoSize[size])}\n        />\n      ) : null}\n    </div>\n  );\n}\n\nfunction OverflowTile({\n  size,\n  count,\n  first,\n}: {\n  size: \"sm\" | \"md\" | \"lg\";\n  count: number;\n  first: boolean;\n}) {\n  return (\n    <div\n      data-p0=\"avatar-group-overflow\"\n      className={cn(\n        tileBase,\n        \"pz:bg-muted pz:text-muted-foreground pz:font-medium\",\n        tileSize[size],\n        overflowText[size],\n        first ? undefined : tileOverlap[size],\n      )}\n    >\n      +{count}\n    </div>\n  );\n}\n\nexport { avatarGroupVariants, tileSize as avatarSize };\n"],"mappings":";;;;;;;;AAMA,MAAM,sBAAsB,IAAI,8CAA8C;CAC5E,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EAAE,MAAM,MAAM;CAChC,CAAC;AAEF,MAAM,WAAW;CACf,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,cAAc;CAClB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,eAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,oBAAoB;;;;;;;;;AA2B1B,MAAa,cAAc,WAA6C,SAAS,YAC/E,EAAE,WAAW,MAAM,MAAM,mBAAmB,YAAY,MAAM,WAAW,QAAQ,GAAG,QACpF,KACA;AACA,KAAI,CAAC,UAAU,OAAQ,QAAO;CAE9B,MAAM,UAAU,QAAQ;CAExB,MAAM,iBADY,UAAU,SAAS,OACD;CACpC,MAAM,eAAe,iBAAiB,MAAM,IAAI;CAChD,MAAM,QAAQ,UAAU,MAAM,GAAG,aAAa;CAC9C,MAAM,YAAY,UAAU,SAAS,MAAM;AAI3C,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAL8B;GAAE;GAAW;GAAO;GAAW;EAM7D,OAAO;GACL,WAAW;GACX,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,UAAU;GACvD,UACE,8CACG,MAAM,KAAK,UAAU,MACpB,oBAAC,cAAD;IAAuC;IAAU,MAAM;IAAS,OAAO,MAAM;IAAK,EAA/D,SAA+D,CAClF,EACD,iBACC,oBAAC,cAAD;IAAc,MAAM;IAAS,OAAO;IAAW,OAAO,MAAM,WAAW;IAAK,IAC1E,KACH;GAEN;EACD,eAAe;EACf;EACD,CAAC;EACF;AAEF,MAAM,WACJ;AAEF,SAAS,aAAa,EACpB,UACA,MACA,SAKC;CACD,MAAM,QAAQ,iBAAiB,SAAS;CACxC,MAAM,KAAK,OAAO;AAClB,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,UAAU,SAAS,OAAO,QAAQ,SAAY,YAAY,MAAM;EAC9E,OAAO,OAAO,SAAS;YAHzB,CAKG,KACC,8CACE,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,OAAO,EAAE,iBAAiB,GAAG,OAAO;GACpC,GACF,oBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GACV,OAAO,EAAE,iBAAiB,GAAG,MAAM;GACnC,EACD,MAEH,oBAAC,OAAD;GAAK,eAAY;GAAO,WAAU;GAAuC,GAE1E,OAAO,UACN,oBAAC,OAAD;GACE,KAAK,MAAM;GACX,KAAK,MAAM,SAAS;GACpB,WAAW,GAAG,iCAAiC,aAAa,MAAM;GAClE,IACA,KACA;;;AAIV,SAAS,aAAa,EACpB,MACA,OACA,SAKC;AACD,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GACT,UACA,uDACA,SAAS,OACT,aAAa,OACb,QAAQ,SAAY,YAAY,MACjC;YARH,CASC,KACG,MACE"}

package/dist/widgets/emoji-glyph.d.mts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/emoji-glyph.d.ts
+declare function EmojiGlyph({
+  char
+}: {
+  char: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EmojiGlyph };
+//# sourceMappingURL=emoji-glyph.d.mts.map

package/dist/widgets/emoji-glyph.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-glyph.d.mts","names":[],"sources":["../../src/widgets/emoji-glyph.tsx"],"mappings":";;;iBAAgB,UAAA,CAAA;EAAa;AAAA;EAAU,IAAA;AAAA,IAAc,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/emoji-glyph.mjs

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/widgets/emoji-glyph.tsx
+function EmojiGlyph({ char }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		children: char
+	});
+}
+
+//#endregion
+export { EmojiGlyph };
+//# sourceMappingURL=emoji-glyph.mjs.map

package/dist/widgets/emoji-glyph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji-glyph.mjs","names":[],"sources":["../../src/widgets/emoji-glyph.tsx"],"sourcesContent":["export function EmojiGlyph({ char }: { char: string }) {\n  return <span aria-hidden>{char}</span>;\n}\n"],"mappings":";;;AAAA,SAAgB,WAAW,EAAE,QAA0B;AACrD,QAAO,oBAAC,QAAD;EAAM;YAAa;EAAY"}

package/dist/widgets/field-type-badge.d.mts

@@ -0,0 +1,13 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/field-type-badge.d.ts
+declare function FieldTypeBadge({
+  type,
+  format
+}: {
+  type: string;
+  format?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { FieldTypeBadge };
+//# sourceMappingURL=field-type-badge.d.mts.map

package/dist/widgets/field-type-badge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-type-badge.d.mts","names":[],"sources":["../../src/widgets/field-type-badge.tsx"],"mappings":";;;iBAWgB,cAAA,CAAA;EAAiB,IAAA;EAAM;AAAA;EAAY,IAAA;EAAc,MAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/field-type-badge.mjs

@@ -0,0 +1,30 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Braces, CircleHelp, Hash, ToggleLeft, Type } from "lucide-react";
+
+//#region src/widgets/field-type-badge.tsx
+const ICON_BY_TYPE = {
+	string: Type,
+	number: Hash,
+	boolean: ToggleLeft,
+	json: Braces
+};
+function FieldTypeBadge({ type, format }) {
+	const Icon = ICON_BY_TYPE[type] ?? CircleHelp;
+	const title = format ? `${type}:${format}` : type;
+	return /* @__PURE__ */ jsxs("span", {
+		title,
+		"aria-label": title,
+		className: "pz:inline-flex pz:items-center pz:gap-1 pz:text-xs pz:text-muted-foreground",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			className: "pz:size-3.5",
+			strokeWidth: 1.5
+		}), format ? /* @__PURE__ */ jsx("span", {
+			className: "pz:font-mono",
+			children: format
+		}) : null]
+	});
+}
+
+//#endregion
+export { FieldTypeBadge };
+//# sourceMappingURL=field-type-badge.mjs.map

package/dist/widgets/field-type-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-type-badge.mjs","names":[],"sources":["../../src/widgets/field-type-badge.tsx"],"sourcesContent":["import { Braces, CircleHelp, Hash, type LucideIcon, ToggleLeft, Type } from \"lucide-react\";\n\n// Lucide pictograms for the canonical `RecordFieldType` values. `unknown` and\n// anything unmapped fall back to a question-mark glyph.\nconst ICON_BY_TYPE: Record<string, LucideIcon> = {\n  string: Type,\n  number: Hash,\n  boolean: ToggleLeft,\n  json: Braces,\n};\n\nexport function FieldTypeBadge({ type, format }: { type: string; format?: string }) {\n  const Icon = ICON_BY_TYPE[type] ?? CircleHelp;\n  const title = format ? `${type}:${format}` : type;\n  return (\n    <span\n      title={title}\n      aria-label={title}\n      className=\"pz:inline-flex pz:items-center pz:gap-1 pz:text-xs pz:text-muted-foreground\"\n    >\n      <Icon className=\"pz:size-3.5\" strokeWidth={1.5} />\n      {format ? <span className=\"pz:font-mono\">{format}</span> : null}\n    </span>\n  );\n}\n"],"mappings":";;;;AAIA,MAAM,eAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,MAAM;CACP;AAED,SAAgB,eAAe,EAAE,MAAM,UAA6C;CAClF,MAAM,OAAO,aAAa,SAAS;CACnC,MAAM,QAAQ,SAAS,GAAG,KAAK,GAAG,WAAW;AAC7C,QACE,qBAAC,QAAD;EACS;EACP,cAAY;EACZ,WAAU;YAHZ,CAKE,oBAAC,MAAD;GAAM,WAAU;GAAc,aAAa;GAAO,GACjD,SAAS,oBAAC,QAAD;GAAM,WAAU;aAAgB;GAAc,IAAG,KACtD"}

package/dist/widgets/icon-glyph.d.mts

@@ -0,0 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { IconKey } from "@pipe0/base";
+
+//#region src/widgets/icon-glyph.d.ts
+declare function IconGlyph({
+  keyName,
+  className,
+  size
+}: {
+  keyName: IconKey;
+  className?: string;
+  size?: number;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { IconGlyph };
+//# sourceMappingURL=icon-glyph.d.mts.map

package/dist/widgets/icon-glyph.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-glyph.d.mts","names":[],"sources":["../../src/widgets/icon-glyph.tsx"],"mappings":";;;;iBA+FgB,SAAA,CAAA;EACd,OAAA;EACA,SAAA;EACA;AAAA;EAEA,OAAA,EAAS,OAAA;EACT,SAAA;EACA,IAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/icon-glyph.mjs

@@ -0,0 +1,59 @@
+import { jsx } from "react/jsx-runtime";
+import { Activity, Award, Banknote, BarChart3, BookOpen, Boxes, Braces, Brain, Briefcase, BriefcaseBusiness, Building2, Calendar, Code2, Compass, Contact, Download, Factory, Filter, GraduationCap, Handshake, History, Languages, LetterText, Library, Linkedin, List, Mail, MapPin, Medal, Plug, Search, Shuffle, Sigma, SlidersHorizontal, Sparkles, Star, Swords, Tags, Type, Upload, User, Workflow, Zap } from "lucide-react";
+
+//#region src/widgets/icon-glyph.tsx
+const iconMap = {
+	school: GraduationCap,
+	user: User,
+	location: MapPin,
+	language: Languages,
+	brain: Brain,
+	book: BookOpen,
+	money: Banknote,
+	office: Building2,
+	search: Search,
+	output: Upload,
+	input: Download,
+	plug: Plug,
+	mix: Shuffle,
+	job: BriefcaseBusiness,
+	linkedin: Linkedin,
+	text: Type,
+	workflow: Workflow,
+	letter: LetterText,
+	source: Sigma,
+	web: Compass,
+	activity: Activity,
+	boxes: Boxes,
+	cometition: Swords,
+	bill: Banknote,
+	bolt: Zap,
+	star: Star,
+	scholar: Library,
+	briefcase: Briefcase,
+	history: History,
+	sparkles: Sparkles,
+	list: List,
+	sliders: SlidersHorizontal,
+	factory: Factory,
+	award: Award,
+	tags: Tags,
+	handshake: Handshake,
+	contact: Contact,
+	mail: Mail,
+	calendar: Calendar,
+	chart: BarChart3,
+	code: Code2,
+	braces: Braces,
+	filter: Filter
+};
+function IconGlyph({ keyName, className, size }) {
+	return /* @__PURE__ */ jsx(iconMap[keyName] ?? Medal, {
+		className,
+		size
+	});
+}
+
+//#endregion
+export { IconGlyph };
+//# sourceMappingURL=icon-glyph.mjs.map

package/dist/widgets/icon-glyph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-glyph.mjs","names":[],"sources":["../../src/widgets/icon-glyph.tsx"],"sourcesContent":["import type { IconKey } from \"@pipe0/base\";\nimport {\n  Activity,\n  Award,\n  Banknote,\n  BarChart3,\n  BookOpen,\n  Boxes,\n  Braces,\n  Brain,\n  Briefcase,\n  BriefcaseBusiness,\n  Building2,\n  Calendar,\n  Code2,\n  Compass,\n  Contact,\n  Download,\n  Factory,\n  Filter,\n  GraduationCap,\n  Handshake,\n  History,\n  Languages,\n  LetterText,\n  Library,\n  Linkedin,\n  List,\n  Mail,\n  MapPin,\n  Medal,\n  Plug,\n  Search,\n  Shuffle,\n  Sigma,\n  SlidersHorizontal,\n  Sparkles,\n  Star,\n  Swords,\n  Tags,\n  Type,\n  Upload,\n  User,\n  Workflow,\n  Zap,\n} from \"lucide-react\";\nimport type { ComponentType } from \"react\";\n\nconst iconMap: Record<IconKey, ComponentType<{ className?: string; size?: number }>> = {\n  school: GraduationCap,\n  user: User,\n  location: MapPin,\n  language: Languages,\n  brain: Brain,\n  book: BookOpen,\n  money: Banknote,\n  office: Building2,\n  search: Search,\n  output: Upload,\n  input: Download,\n  plug: Plug,\n  mix: Shuffle,\n  job: BriefcaseBusiness,\n  linkedin: Linkedin,\n  text: Type,\n  workflow: Workflow,\n  letter: LetterText,\n  source: Sigma,\n  web: Compass,\n  activity: Activity,\n  boxes: Boxes,\n  cometition: Swords,\n  bill: Banknote,\n  bolt: Zap,\n  star: Star,\n  scholar: Library,\n  // expanded set\n  briefcase: Briefcase,\n  history: History,\n  sparkles: Sparkles,\n  list: List,\n  sliders: SlidersHorizontal,\n  factory: Factory,\n  award: Award,\n  tags: Tags,\n  handshake: Handshake,\n  contact: Contact,\n  mail: Mail,\n  calendar: Calendar,\n  chart: BarChart3,\n  code: Code2,\n  braces: Braces,\n  filter: Filter,\n};\n\nexport function IconGlyph({\n  keyName,\n  className,\n  size,\n}: {\n  keyName: IconKey;\n  className?: string;\n  size?: number;\n}) {\n  const Icon = iconMap[keyName] ?? Medal;\n  return <Icon className={className} size={size} />;\n}\n"],"mappings":";;;;AAgDA,MAAM,UAAiF;CACrF,QAAQ;CACR,MAAM;CACN,UAAU;CACV,UAAU;CACV,OAAO;CACP,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,KAAK;CACL,UAAU;CACV,MAAM;CACN,UAAU;CACV,QAAQ;CACR,QAAQ;CACR,KAAK;CACL,UAAU;CACV,OAAO;CACP,YAAY;CACZ,MAAM;CACN,MAAM;CACN,MAAM;CACN,SAAS;CAET,WAAW;CACX,SAAS;CACT,UAAU;CACV,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;CACV,OAAO;CACP,MAAM;CACN,QAAQ;CACR,QAAQ;CACT;AAED,SAAgB,UAAU,EACxB,SACA,WACA,QAKC;AAED,QAAO,oBADM,QAAQ,YAAY,OAC1B;EAAiB;EAAiB;EAAQ"}

package/dist/widgets/index.d.mts

@@ -0,0 +1,9 @@
+import { AvatarGroup, AvatarGroupProps, AvatarGroupState } from "./avatar-group.mjs";
+import { EmojiGlyph } from "./emoji-glyph.mjs";
+import { FieldTypeBadge } from "./field-type-badge.mjs";
+import { IconGlyph } from "./icon-glyph.mjs";
+import { LogoUrl } from "./logo-url.mjs";
+import { PricingBadge } from "./pricing-badge.mjs";
+import { ProviderLogo } from "./provider-logo.mjs";
+import { WidgetStrip } from "./widget-strip.mjs";
+import { WidgetView } from "./widget-view.mjs";

package/dist/widgets/index.mjs

@@ -0,0 +1,11 @@
+import { IconGlyph } from "./icon-glyph.mjs";
+import { FieldTypeBadge } from "./field-type-badge.mjs";
+import { EmojiGlyph } from "./emoji-glyph.mjs";
+import { LogoUrl } from "./logo-url.mjs";
+import { PricingBadge } from "./pricing-badge.mjs";
+import { ProviderLogo } from "./provider-logo.mjs";
+import { WidgetView } from "./widget-view.mjs";
+import { WidgetStrip } from "./widget-strip.mjs";
+import { AvatarGroup } from "./avatar-group.mjs";
+
+export {  };

package/dist/widgets/logo-url.d.mts

@@ -0,0 +1,17 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/logo-url.d.ts
+declare function LogoUrl({
+  url,
+  alt,
+  size,
+  className
+}: {
+  url: string;
+  alt?: string;
+  size?: number;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { LogoUrl };
+//# sourceMappingURL=logo-url.d.mts.map

package/dist/widgets/logo-url.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-url.d.mts","names":[],"sources":["../../src/widgets/logo-url.tsx"],"mappings":";;;iBAAgB,OAAA,CAAA;EACd,GAAA;EACA,GAAA;EACA,IAAA;EACA;AAAA;EAEA,GAAA;EACA,GAAA;EACA,IAAA;EACA,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/logo-url.mjs

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/widgets/logo-url.tsx
+function LogoUrl({ url, alt, size = 16, className }) {
+	return /* @__PURE__ */ jsx("img", {
+		src: url,
+		alt: alt ?? "",
+		width: size,
+		height: size,
+		className,
+		style: { borderRadius: 2 }
+	});
+}
+
+//#endregion
+export { LogoUrl };
+//# sourceMappingURL=logo-url.mjs.map

package/dist/widgets/logo-url.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-url.mjs","names":[],"sources":["../../src/widgets/logo-url.tsx"],"sourcesContent":["export function LogoUrl({\n  url,\n  alt,\n  size = 16,\n  className,\n}: {\n  url: string;\n  alt?: string;\n  size?: number;\n  className?: string;\n}) {\n  return (\n    <img\n      src={url}\n      alt={alt ?? \"\"}\n      width={size}\n      height={size}\n      className={className}\n      style={{ borderRadius: 2 }}\n    />\n  );\n}\n"],"mappings":";;;AAAA,SAAgB,QAAQ,EACtB,KACA,KACA,OAAO,IACP,aAMC;AACD,QACE,oBAAC,OAAD;EACE,KAAK;EACL,KAAK,OAAO;EACZ,OAAO;EACP,QAAQ;EACG;EACX,OAAO,EAAE,cAAc,GAAG;EAC1B"}

package/dist/widgets/pricing-badge.d.mts

@@ -0,0 +1,11 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/widgets/pricing-badge.d.ts
+declare function PricingBadge({
+  credits
+}: {
+  credits: number;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PricingBadge };
+//# sourceMappingURL=pricing-badge.d.mts.map

package/dist/widgets/pricing-badge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-badge.d.mts","names":[],"sources":["../../src/widgets/pricing-badge.tsx"],"mappings":";;;iBAAgB,YAAA,CAAA;EAAe;AAAA;EAAa,OAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/pricing-badge.mjs

@@ -0,0 +1,13 @@
+import { jsxs } from "react/jsx-runtime";
+
+//#region src/widgets/pricing-badge.tsx
+function PricingBadge({ credits }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: "pz:text-xs pz:text-muted-foreground",
+		children: [credits, " cr"]
+	});
+}
+
+//#endregion
+export { PricingBadge };
+//# sourceMappingURL=pricing-badge.mjs.map

package/dist/widgets/pricing-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pricing-badge.mjs","names":[],"sources":["../../src/widgets/pricing-badge.tsx"],"sourcesContent":["export function PricingBadge({ credits }: { credits: number }) {\n  return <span className=\"pz:text-xs pz:text-muted-foreground\">{credits} cr</span>;\n}\n"],"mappings":";;;AAAA,SAAgB,aAAa,EAAE,WAAgC;AAC7D,QAAO,qBAAC,QAAD;EAAM,WAAU;YAAhB,CAAuD,SAAQ,MAAU"}

package/dist/widgets/provider-logo.d.mts

@@ -0,0 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ProviderName } from "@pipe0/base";
+
+//#region src/widgets/provider-logo.d.ts
+declare function ProviderLogo({
+  provider,
+  size,
+  className
+}: {
+  provider: ProviderName;
+  size?: number;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { ProviderLogo };
+//# sourceMappingURL=provider-logo.d.mts.map

package/dist/widgets/provider-logo.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-logo.d.mts","names":[],"sources":["../../src/widgets/provider-logo.tsx"],"mappings":";;;;iBAEgB,YAAA,CAAA;EACd,QAAA;EACA,IAAA;EACA;AAAA;EAEA,QAAA,EAAU,YAAA;EACV,IAAA;EACA,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/provider-logo.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { getProviderEntry } from "@pipe0/base";
+
+//#region src/widgets/provider-logo.tsx
+function ProviderLogo({ provider, size = 16, className }) {
+	const entry = getProviderEntry(provider);
+	if (!entry?.logoUrl) return null;
+	return /* @__PURE__ */ jsx("img", {
+		src: entry.logoUrl,
+		alt: entry.label ?? provider,
+		width: size,
+		height: size,
+		className,
+		style: { borderRadius: 2 }
+	});
+}
+
+//#endregion
+export { ProviderLogo };
+//# sourceMappingURL=provider-logo.mjs.map

package/dist/widgets/provider-logo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-logo.mjs","names":[],"sources":["../../src/widgets/provider-logo.tsx"],"sourcesContent":["import { getProviderEntry, type ProviderName } from \"@pipe0/base\";\n\nexport function ProviderLogo({\n  provider,\n  size = 16,\n  className,\n}: {\n  provider: ProviderName;\n  size?: number;\n  className?: string;\n}) {\n  const entry = getProviderEntry(provider);\n  if (!entry?.logoUrl) return null;\n  return (\n    <img\n      src={entry.logoUrl}\n      alt={entry.label ?? provider}\n      width={size}\n      height={size}\n      className={className}\n      style={{ borderRadius: 2 }}\n    />\n  );\n}\n"],"mappings":";;;;AAEA,SAAgB,aAAa,EAC3B,UACA,OAAO,IACP,aAKC;CACD,MAAM,QAAQ,iBAAiB,SAAS;AACxC,KAAI,CAAC,OAAO,QAAS,QAAO;AAC5B,QACE,oBAAC,OAAD;EACE,KAAK,MAAM;EACX,KAAK,MAAM,SAAS;EACpB,OAAO;EACP,QAAQ;EACG;EACX,OAAO,EAAE,cAAc,GAAG;EAC1B"}

package/dist/widgets/widget-strip.d.mts

@@ -0,0 +1,16 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { WidgetsByKind } from "@pipe0/base";
+
+//#region src/widgets/widget-strip.d.ts
+declare function WidgetStrip({
+  widgets,
+  size,
+  className
+}: {
+  widgets: WidgetsByKind | undefined;
+  size?: number;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { WidgetStrip };
+//# sourceMappingURL=widget-strip.d.mts.map

package/dist/widgets/widget-strip.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-strip.d.mts","names":[],"sources":["../../src/widgets/widget-strip.tsx"],"mappings":";;;;iBAcgB,WAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA;AAAA;EAEA,OAAA,EAAS,aAAA;EACT,IAAA;EACA,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}