@pipe0/react 0.0.2

package/dist/widgets/widget-strip.mjs

@@ -0,0 +1,42 @@
+import { WidgetView } from "./widget-view.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/widgets/widget-strip.tsx
+/** Canonical render order for WidgetStrip. Kinds not in this list are rendered
+* after the listed ones in insertion order. Keep stable across consumers. */
+const ORDER = [
+	"provider_logo",
+	"logo_url",
+	"emoji",
+	"icon",
+	"pricing",
+	"field_type"
+];
+function WidgetStrip({ widgets, size, className }) {
+	if (!widgets) return null;
+	const tagged = [];
+	for (const kind of ORDER) {
+		const payload = widgets[kind];
+		if (payload) tagged.push({
+			kind,
+			...payload
+		});
+	}
+	if (tagged.length === 0) return null;
+	return /* @__PURE__ */ jsx("span", {
+		className,
+		style: {
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 6
+		},
+		children: tagged.map((w, i) => /* @__PURE__ */ jsx(WidgetView, {
+			widget: w,
+			size
+		}, `${w.kind}-${i}`))
+	});
+}
+
+//#endregion
+export { WidgetStrip };
+//# sourceMappingURL=widget-strip.mjs.map

package/dist/widgets/widget-strip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-strip.mjs","names":[],"sources":["../../src/widgets/widget-strip.tsx"],"sourcesContent":["import type { Widget, WidgetsByKind } from \"@pipe0/base\";\nimport { WidgetView } from \"./widget-view.js\";\n\n/** Canonical render order for WidgetStrip. Kinds not in this list are rendered\n * after the listed ones in insertion order. Keep stable across consumers. */\nconst ORDER: (keyof WidgetsByKind)[] = [\n  \"provider_logo\",\n  \"logo_url\",\n  \"emoji\",\n  \"icon\",\n  \"pricing\",\n  \"field_type\",\n];\n\nexport function WidgetStrip({\n  widgets,\n  size,\n  className,\n}: {\n  widgets: WidgetsByKind | undefined;\n  size?: number;\n  className?: string;\n}) {\n  if (!widgets) return null;\n\n  const tagged: Widget[] = [];\n  for (const kind of ORDER) {\n    const payload = widgets[kind];\n    if (payload) tagged.push({ kind, ...payload } as Widget);\n  }\n\n  if (tagged.length === 0) return null;\n\n  return (\n    <span className={className} style={{ display: \"inline-flex\", alignItems: \"center\", gap: 6 }}>\n      {tagged.map((w, i) => (\n        <WidgetView key={`${w.kind}-${i}`} widget={w} size={size} />\n      ))}\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAKA,MAAM,QAAiC;CACrC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,YAAY,EAC1B,SACA,MACA,aAKC;AACD,KAAI,CAAC,QAAS,QAAO;CAErB,MAAM,SAAmB,EAAE;AAC3B,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,UAAU,QAAQ;AACxB,MAAI,QAAS,QAAO,KAAK;GAAE;GAAM,GAAG;GAAS,CAAW;;AAG1D,KAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,QACE,oBAAC,QAAD;EAAiB;EAAW,OAAO;GAAE,SAAS;GAAe,YAAY;GAAU,KAAK;GAAG;YACxF,OAAO,KAAK,GAAG,MACd,oBAAC,YAAD;GAAmC,QAAQ;GAAS;GAAQ,EAA3C,GAAG,EAAE,KAAK,GAAG,IAA8B,CAC5D;EACG"}

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

@@ -0,0 +1,14 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { Widget } from "@pipe0/base";
+
+//#region src/widgets/widget-view.d.ts
+declare function WidgetView({
+  widget,
+  size
+}: {
+  widget: Widget;
+  size?: number;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { WidgetView };
+//# sourceMappingURL=widget-view.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"widget-view.d.mts","names":[],"sources":["../../src/widgets/widget-view.tsx"],"mappings":";;;;iBAQgB,UAAA,CAAA;EAAa,MAAA;EAAQ;AAAA;EAAU,MAAA,EAAQ,MAAA;EAAQ,IAAA;AAAA,IAAe,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/widgets/widget-view.mjs

@@ -0,0 +1,36 @@
+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 { jsx } from "react/jsx-runtime";
+
+//#region src/widgets/widget-view.tsx
+function WidgetView({ widget, size }) {
+	switch (widget.kind) {
+		case "provider_logo": return /* @__PURE__ */ jsx(ProviderLogo, {
+			provider: widget.provider,
+			size
+		});
+		case "emoji": return /* @__PURE__ */ jsx(EmojiGlyph, { char: widget.char });
+		case "icon": return /* @__PURE__ */ jsx(IconGlyph, {
+			keyName: widget.key,
+			size
+		});
+		case "logo_url": return /* @__PURE__ */ jsx(LogoUrl, {
+			url: widget.url,
+			alt: widget.alt,
+			size
+		});
+		case "pricing": return /* @__PURE__ */ jsx(PricingBadge, { credits: widget.credits });
+		case "field_type": return /* @__PURE__ */ jsx(FieldTypeBadge, {
+			type: widget.type,
+			format: widget.format
+		});
+	}
+}
+
+//#endregion
+export { WidgetView };
+//# sourceMappingURL=widget-view.mjs.map

package/dist/widgets/widget-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"widget-view.mjs","names":[],"sources":["../../src/widgets/widget-view.tsx"],"sourcesContent":["import type { Widget } from \"@pipe0/base\";\nimport { EmojiGlyph } from \"./emoji-glyph.js\";\nimport { FieldTypeBadge } from \"./field-type-badge.js\";\nimport { IconGlyph } from \"./icon-glyph.js\";\nimport { LogoUrl } from \"./logo-url.js\";\nimport { PricingBadge } from \"./pricing-badge.js\";\nimport { ProviderLogo } from \"./provider-logo.js\";\n\nexport function WidgetView({ widget, size }: { widget: Widget; size?: number }) {\n  switch (widget.kind) {\n    case \"provider_logo\":\n      return <ProviderLogo provider={widget.provider} size={size} />;\n    case \"emoji\":\n      return <EmojiGlyph char={widget.char} />;\n    case \"icon\":\n      return <IconGlyph keyName={widget.key} size={size} />;\n    case \"logo_url\":\n      return <LogoUrl url={widget.url} alt={widget.alt} size={size} />;\n    case \"pricing\":\n      return <PricingBadge credits={widget.credits} />;\n    case \"field_type\":\n      return <FieldTypeBadge type={widget.type} format={widget.format} />;\n  }\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,WAAW,EAAE,QAAQ,QAA2C;AAC9E,SAAQ,OAAO,MAAf;EACE,KAAK,gBACH,QAAO,oBAAC,cAAD;GAAc,UAAU,OAAO;GAAgB;GAAQ;EAChE,KAAK,QACH,QAAO,oBAAC,YAAD,EAAY,MAAM,OAAO,MAAQ;EAC1C,KAAK,OACH,QAAO,oBAAC,WAAD;GAAW,SAAS,OAAO;GAAW;GAAQ;EACvD,KAAK,WACH,QAAO,oBAAC,SAAD;GAAS,KAAK,OAAO;GAAK,KAAK,OAAO;GAAW;GAAQ;EAClE,KAAK,UACH,QAAO,oBAAC,cAAD,EAAc,SAAS,OAAO,SAAW;EAClD,KAAK,aACH,QAAO,oBAAC,gBAAD;GAAgB,MAAM,OAAO;GAAM,QAAQ,OAAO;GAAU"}

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@pipe0/react",
+  "version": "0.0.2",
+  "type": "module",
+  "publishConfig": {
+    "provenance": false,
+    "access": "public"
+  },
+  "exports": {
+    ".": {
+      "@pipezero/dev": "./src/index.ts",
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs"
+    },
+    "./styles": "./dist/styles/pipe0-form.css"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.3.0",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@floating-ui/react": "^0.26.0",
+    "@hookform/resolvers": "^5.2.1",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/react-table": "^8.21.3",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/react": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
+    "@tiptap/suggestion": "^2.12.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "jsonata": "^2.1.0",
+    "lucide-react": "^0.475.0",
+    "react-hook-form": "^7.62.0",
+    "shadcn": "^4.2.0",
+    "swr": "^2.4.1",
+    "tailwind-merge": "^3.3.1",
+    "tw-animate-css": "^1.4.0",
+    "zod": "4.1.12",
+    "@pipe0/base": "0.0.2"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/cli": "^4.2.3",
+    "@tailwindcss/vite": "^4.1.11",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "^10.3.5",
+    "tailwindcss": "^4.1.11",
+    "tailwindcss-animate": "^1.0.7",
+    "tsdown": "^0.21.9",
+    "typescript": "^5.9.3",
+    "vite": "npm:rolldown-vite@7.2.1"
+  },
+  "scripts": {
+    "dev:css": "tailwindcss -i src/styles/pipe0.css -o dist/styles/pipe0-form.css --watch",
+    "dev:server": "tsc -b --watch --noEmit",
+    "dev": "pnpm run \"/^dev:/\"",
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}