@lumeweb/portal-framework-ui 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lumeweb/portal-framework-ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "files": [
     "dist",
@@ -11,8 +11,7 @@
   "exports": {
     ".": {
       "types": "./dist/esm/index.d.ts",
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.cjs"
+      "import": "./dist/esm/index.js"
     },
     "./images": {
       "types": "./dist/esm/images.d.ts",
@@ -23,33 +22,33 @@
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "fast-deep-equal": "^3.1.3",
-    "react-is": "^19.1.4",
-    "use-debounce": "^10.1.0",
-    "@lumeweb/portal-sdk": "0.1.0",
-    "@lumeweb/portal-framework-ui-core": "0.1.0"
+    "react-is": "^19.2.6",
+    "use-debounce": "^10.1.1",
+    "@lumeweb/portal-analytics": "0.1.0",
+    "@lumeweb/portal-sdk": "0.1.1",
+    "@lumeweb/portal-framework-ui-core": "0.1.1"
   },
   "devDependencies": {
     "@rollup/plugin-image": "^3.0.3",
     "fake-indexeddb": "^6.2.5",
-    "tsdown": "v0.19.0-beta.5",
-    "vite-tsconfig-paths": "^6.0.4",
+    "tsdown": "0.21.10",
     "@lumeweb/tsdown-config": "0.0.0"
   },
   "peerDependencies": {
-    "@conform-to/react": "^1.15.1",
+    "@conform-to/react": "^1.19.2",
     "@hookform/resolvers": "5.2.2",
-    "@lexical/code": "^0.38.2 || ^0.39.0",
-    "@lexical/html": "^0.38.2",
-    "@lexical/link": "^0.38.2",
-    "@lexical/list": "^0.38.2",
-    "@lexical/markdown": "^0.38.2",
-    "@lexical/react": "^0.38.2",
-    "@lexical/rich-text": "^0.38.2",
-    "@lexical/selection": "^0.38.2",
-    "@lexical/utils": "^0.38.2",
+    "@lexical/code": "^0.38.2 || ^0.39.0 || ^0.44.0",
+    "@lexical/html": "^0.38.2 || ^0.44.0",
+    "@lexical/link": "^0.38.2 || ^0.44.0",
+    "@lexical/list": "^0.38.2 || ^0.44.0",
+    "@lexical/markdown": "^0.38.2 || ^0.44.0",
+    "@lexical/react": "^0.38.2 || ^0.44.0",
+    "@lexical/rich-text": "^0.38.2 || ^0.44.0",
+    "@lexical/selection": "^0.38.2 || ^0.44.0",
+    "@lexical/utils": "^0.38.2 || ^0.44.0",
     "@radix-ui/react-icons": "^1.3.2",
-    "@refinedev/react-hook-form": "^5.0.3",
-    "@refinedev/react-router": "^2.0.3",
+    "@refinedev/react-hook-form": "^5.0.4",
+    "@refinedev/react-router": "^2.0.4",
     "@refinedev/react-table": "^6.0.1",
     "@tanstack/react-table": "^8.21.3",
     "browser-level": "^3.0.0",
@@ -58,14 +57,14 @@
     "jotai": "^2.15.2",
     "lexical": "^0.38.2",
     "lodash": "^4.17.21",
-    "lucide-react": "^0.562.0",
-    "react": "^19.2.3",
-    "react-hook-form": "^7.71.0",
+    "lucide-react": "0.577.0",
+    "react": "^19.2.6",
+    "react-hook-form": "^7.75.0",
     "react-keybind": "^0.10.0",
-    "react-router": "^7.12.0",
-    "zod": "4.3.5",
+    "react-router": "^7.15.0",
+    "zod": "^4.4.3",
     "zustand": "^5.0.9",
-    "@lumeweb/portal-framework-core": "^0.1.0"
+    "@lumeweb/portal-framework-core": "^0.1.1"
   },
   "repository": {
     "type": "git",
@@ -73,6 +72,6 @@
   },
   "scripts": {
     "build": "tsdown",
-    "lint": "eslint ."
+    "lint": "oxlint ."
   }
 }

package/dist/cjs/_virtual/rolldown_runtime.cjs

@@ -1,47 +0,0 @@
-//#region rolldown:runtime
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esmMin = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-var __exportAll = (all, symbols) => {
-	let target = {};
-	for (var name in all) {
-		__defProp(target, name, {
-			get: all[name],
-			enumerable: true
-		});
-	}
-	if (symbols) {
-		__defProp(target, Symbol.toStringTag, { value: "Module" });
-	}
-	return target;
-};
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") {
-		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-			key = keys[i];
-			if (!__hasOwnProp.call(to, key) && key !== except) {
-				__defProp(to, key, {
-					get: ((k) => from[k]).bind(null, key),
-					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-				});
-			}
-		}
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-var __toCommonJS = (mod) => __hasOwnProp.call(mod, "module.exports") ? mod["module.exports"] : __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-//#endregion
-
-exports.__esmMin = __esmMin;
-exports.__exportAll = __exportAll;
-exports.__toCommonJS = __toCommonJS;
-exports.__toESM = __toESM;

package/dist/cjs/components/Copyable.cjs

@@ -1,60 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-
-//#region src/components/Copyable.tsx
-function Copyable({ text, displayText, maxLength = 20, className, copyTooltip = "Copy", copiedTooltip = "Copied!", showIcon = true }) {
-	const [isCopied, setIsCopied] = (0, react.useState)(false);
-	const timerRef = (0, react.useRef)(null);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-		};
-	}, []);
-	const handleCopy = async () => {
-		try {
-			await navigator.clipboard.writeText(text);
-			setIsCopied(true);
-			if (timerRef.current) clearTimeout(timerRef.current);
-			timerRef.current = setTimeout(() => {
-				setIsCopied(false);
-				timerRef.current = null;
-			}, 2e3);
-		} catch (err) {
-			console.error("Failed to copy text: ", err);
-		}
-	};
-	const textToDisplay = displayText || text;
-	const truncatedText = textToDisplay.length > maxLength ? `${textToDisplay.substring(0, maxLength)}...` : textToDisplay;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-			type: "button",
-			onClick: handleCopy,
-			"aria-label": isCopied ? copiedTooltip : copyTooltip,
-			className: (0, _lumeweb_portal_framework_ui_core.cn)("inline-flex items-center gap-1 text-sm hover:bg-muted/50 rounded px-2 py-1 transition-colors", "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", className),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "font-mono",
-				children: truncatedText
-			}), showIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-				className: "text-muted-foreground",
-				children: isCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: "h-3 w-3" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, { className: "h-3 w-3" })
-			})]
-		})
-	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.TooltipContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: isCopied ? copiedTooltip : copyTooltip }) })] }) });
-}
-var init_Copyable = require_rolldown_runtime.__esmMin((() => {}));
-
-//#endregion
-init_Copyable();
-exports.Copyable = Copyable;
-Object.defineProperty(exports, 'init_Copyable', {
-  enumerable: true,
-  get: function () {
-    return init_Copyable;
-  }
-});
-//# sourceMappingURL=Copyable.cjs.map

package/dist/cjs/components/Copyable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Copyable.cjs","names":["TooltipProvider","Tooltip","TooltipTrigger","Check","Copy","TooltipContent"],"sources":["../../../src/components/Copyable.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\";\nimport { Copy, Check } from \"lucide-react\";\nimport { cn, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"@lumeweb/portal-framework-ui-core\";\n\ninterface CopyableProps {\n  /**\n   * The text to be copied\n   */\n  text: string;\n  /**\n   * The display text (if different from the copied text)\n   */\n  displayText?: string;\n  /**\n   * Maximum length before truncating (default: 20)\n   */\n  maxLength?: number;\n  /**\n   * Additional CSS classes\n   */\n  className?: string;\n  /**\n   * Tooltip text for copy action (default: \"Copy\")\n   */\n  copyTooltip?: string;\n  /**\n   * Tooltip text when copied (default: \"Copied!\")\n   */\n  copiedTooltip?: string;\n  /**\n   * Whether to show the copy icon (default: true)\n   */\n  showIcon?: boolean;\n}\n\nexport function Copyable({\n  text,\n  displayText,\n  maxLength = 20,\n  className,\n  copyTooltip = \"Copy\",\n  copiedTooltip = \"Copied!\",\n  showIcon = true,\n}: CopyableProps) {\n  const [isCopied, setIsCopied] = useState(false);\n  const timerRef = useRef<NodeJS.Timeout | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n    };\n  }, []);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setIsCopied(true);\n      \n      // Clear any existing timer before setting a new one\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n      \n      // Set new timer and store its ID in the ref\n      timerRef.current = setTimeout(() => {\n        setIsCopied(false);\n        timerRef.current = null;\n      }, 2000);\n    } catch (err) {\n      console.error(\"Failed to copy text: \", err);\n    }\n  };\n\n  const textToDisplay = displayText || text;\n  const truncatedText = textToDisplay.length > maxLength \n    ? `${textToDisplay.substring(0, maxLength)}...` \n    : textToDisplay;\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            type=\"button\"\n            onClick={handleCopy}\n            aria-label={isCopied ? copiedTooltip : copyTooltip}\n            className={cn(\n              \"inline-flex items-center gap-1 text-sm hover:bg-muted/50 rounded px-2 py-1 transition-colors\",\n              \"focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n              className\n            )}\n          >\n            <span className=\"font-mono\">{truncatedText}</span>\n            {showIcon && (\n              <span className=\"text-muted-foreground\">\n                {isCopied ? (\n                  <Check className=\"h-3 w-3\" />\n                ) : (\n                  <Copy className=\"h-3 w-3\" />\n                )}\n              </span>\n            )}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>\n          <p>{isCopied ? copiedTooltip : copyTooltip}</p>\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"],"mappings":";;;;;;;;AAmCA,SAAgB,SAAS,EACvB,MACA,aACA,YAAY,IACZ,WACA,cAAc,QACd,gBAAgB,WAChB,WAAW,QACK;CAChB,MAAM,CAAC,UAAU,mCAAwB,MAAM;CAC/C,MAAM,6BAAyC,KAAK;AAEpD,4BAAgB;AACd,eAAa;AACX,OAAI,SAAS,QACX,cAAa,SAAS,QAAQ;;IAGjC,EAAE,CAAC;CAEN,MAAM,aAAa,YAAY;AAC7B,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,KAAK;AACzC,eAAY,KAAK;AAGjB,OAAI,SAAS,QACX,cAAa,SAAS,QAAQ;AAIhC,YAAS,UAAU,iBAAiB;AAClC,gBAAY,MAAM;AAClB,aAAS,UAAU;MAClB,IAAK;WACD,KAAK;AACZ,WAAQ,MAAM,yBAAyB,IAAI;;;CAI/C,MAAM,gBAAgB,eAAe;CACrC,MAAM,gBAAgB,cAAc,SAAS,YACzC,GAAG,cAAc,UAAU,GAAG,UAAU,CAAC,OACzC;AAEJ,QACE,2CAACA,+DACC,4CAACC,wDACC,2CAACC;EAAe;YACd,4CAAC;GACC,MAAK;GACL,SAAS;GACT,cAAY,WAAW,gBAAgB;GACvC,qDACE,gGACA,uEACA,UACD;cAED,2CAAC;IAAK,WAAU;cAAa;KAAqB,EACjD,YACC,2CAAC;IAAK,WAAU;cACb,WACC,2CAACC,sBAAM,WAAU,YAAY,GAE7B,2CAACC,qBAAK,WAAU,YAAY;KAEzB;IAEF;GACM,EACjB,2CAACC,8DACC,2CAAC,iBAAG,WAAW,gBAAgB,cAAgB,GAChC,IACT,GACM"}

package/dist/cjs/components/Copyable.d.cts

@@ -1,43 +0,0 @@
-//#region src/components/Copyable.d.ts
-interface CopyableProps {
-  /**
-   * The text to be copied
-   */
-  text: string;
-  /**
-   * The display text (if different from the copied text)
-   */
-  displayText?: string;
-  /**
-   * Maximum length before truncating (default: 20)
-   */
-  maxLength?: number;
-  /**
-   * Additional CSS classes
-   */
-  className?: string;
-  /**
-   * Tooltip text for copy action (default: "Copy")
-   */
-  copyTooltip?: string;
-  /**
-   * Tooltip text when copied (default: "Copied!")
-   */
-  copiedTooltip?: string;
-  /**
-   * Whether to show the copy icon (default: true)
-   */
-  showIcon?: boolean;
-}
-declare function Copyable({
-  text,
-  displayText,
-  maxLength,
-  className,
-  copyTooltip,
-  copiedTooltip,
-  showIcon
-}: CopyableProps): any;
-//#endregion
-export { Copyable };
-//# sourceMappingURL=Copyable.d.cts.map

package/dist/cjs/components/FilterChip.cjs

@@ -1,60 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-const require_components_ThemedBadge = require('./ThemedBadge.cjs');
-let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-
-//#region src/components/FilterChip.tsx
-function FilterChip({ className, label, onRemove, variant = "default" }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_ThemedBadge.ThemedBadge, {
-		className: (0, _lumeweb_portal_framework_ui_core.cn)("gap-1 pr-1.5", className),
-		config: FILTER_CHIP_THEME,
-		value: variant,
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: label }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
-			"aria-label": `Remove ${label} filter`,
-			className: "ml-1 h-5 w-5 p-0 hover:bg-transparent",
-			onClick: onRemove,
-			variant: "ghost",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-3.5 w-3.5" })
-		})]
-	});
-}
-var FILTER_CHIP_THEME;
-var init_FilterChip = require_rolldown_runtime.__esmMin((() => {
-	require_components_ThemedBadge.init_ThemedBadge();
-	FILTER_CHIP_THEME = {
-		date: {
-			base: "bg-blue-100 text-blue-800",
-			dark: "dark:bg-blue-900/20 dark:text-blue-200",
-			hover: "hover:bg-blue-200/80 dark:hover:bg-blue-800/80"
-		},
-		default: {
-			base: "bg-muted/40 text-muted-foreground",
-			dark: "dark:bg-gray-700 dark:text-gray-300",
-			hover: "hover:bg-muted/60 dark:hover:bg-gray-600"
-		},
-		numeric: {
-			base: "bg-purple-100 text-purple-800",
-			dark: "dark:bg-purple-900/20 dark:text-purple-200",
-			hover: "hover:bg-purple-200/80 dark:hover:bg-purple-800/80"
-		},
-		text: {
-			base: "bg-green-100 text-green-800",
-			dark: "dark:bg-green-900/20 dark:text-green-200",
-			hover: "hover:bg-green-200/80 dark:hover:bg-green-800/80"
-		}
-	};
-}));
-
-//#endregion
-init_FilterChip();
-exports.FilterChip = FilterChip;
-Object.defineProperty(exports, 'init_FilterChip', {
-  enumerable: true,
-  get: function () {
-    return init_FilterChip;
-  }
-});
-//# sourceMappingURL=FilterChip.cjs.map

package/dist/cjs/components/FilterChip.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterChip.cjs","names":["ThemedBadge","Button","X"],"sources":["../../../src/components/FilterChip.tsx"],"sourcesContent":["import { Button, cn } from \"@lumeweb/portal-framework-ui-core\";\nimport { X } from \"lucide-react\";\nimport React from \"react\";\n\nimport { ThemedBadge } from \"@/components/ThemedBadge\";\nimport { type BadgeConfig } from \"@/types\";\n\ntype FilterChipVariant = \"date\" | \"default\" | \"numeric\" | \"text\";\n\nconst FILTER_CHIP_THEME: BadgeConfig<FilterChipVariant> = {\n  date: {\n    base: \"bg-blue-100 text-blue-800\",\n    dark: \"dark:bg-blue-900/20 dark:text-blue-200\",\n    hover: \"hover:bg-blue-200/80 dark:hover:bg-blue-800/80\",\n  },\n  default: {\n    base: \"bg-muted/40 text-muted-foreground\",\n    dark: \"dark:bg-gray-700 dark:text-gray-300\",\n    hover: \"hover:bg-muted/60 dark:hover:bg-gray-600\",\n  },\n  numeric: {\n    base: \"bg-purple-100 text-purple-800\",\n    dark: \"dark:bg-purple-900/20 dark:text-purple-200\",\n    hover: \"hover:bg-purple-200/80 dark:hover:bg-purple-800/80\",\n  },\n  text: {\n    base: \"bg-green-100 text-green-800\",\n    dark: \"dark:bg-green-900/20 dark:text-green-200\",\n    hover: \"hover:bg-green-200/80 dark:hover:bg-green-800/80\",\n  },\n};\n\nexport function FilterChip({\n  className,\n  label,\n  onRemove,\n  variant = \"default\",\n}: {\n  className?: string;\n  label: string;\n  onRemove: () => void;\n  variant?: FilterChipVariant;\n}) {\n  return (\n    <ThemedBadge\n      className={cn(\"gap-1 pr-1.5\", className)}\n      config={FILTER_CHIP_THEME}\n      value={variant}>\n      <span>{label}</span>\n      <Button\n        aria-label={`Remove ${label} filter`}\n        className=\"ml-1 h-5 w-5 p-0 hover:bg-transparent\"\n        onClick={onRemove}\n        variant=\"ghost\">\n        <X className=\"h-3.5 w-3.5\" />\n      </Button>\n    </ThemedBadge>\n  );\n}\n"],"mappings":";;;;;;;;;AAgCA,SAAgB,WAAW,EACzB,WACA,OACA,UACA,UAAU,aAMT;AACD,QACE,4CAACA;EACC,qDAAc,gBAAgB,UAAU;EACxC,QAAQ;EACR,OAAO;aACP,2CAAC,oBAAM,QAAa,EACpB,2CAACC;GACC,cAAY,UAAU,MAAM;GAC5B,WAAU;GACV,SAAS;GACT,SAAQ;aACR,2CAACC,kBAAE,WAAU,gBAAgB;IACtB;GACG;;;;kDApDqC;CAKjD,oBAAoD;EACxD,MAAM;GACJ,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD,SAAS;GACP,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD,SAAS;GACP,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACD,MAAM;GACJ,MAAM;GACN,MAAM;GACN,OAAO;GACR;EACF"}

package/dist/cjs/components/FilterChip.d.cts

@@ -1,16 +0,0 @@
-//#region src/components/FilterChip.d.ts
-type FilterChipVariant = "date" | "default" | "numeric" | "text";
-declare function FilterChip({
-  className,
-  label,
-  onRemove,
-  variant
-}: {
-  className?: string;
-  label: string;
-  onRemove: () => void;
-  variant?: FilterChipVariant;
-}): any;
-//#endregion
-export { FilterChip };
-//# sourceMappingURL=FilterChip.d.cts.map

package/dist/cjs/components/Forms.cjs

@@ -1,138 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-let _conform_to_react = require("@conform-to/react");
-
-//#region src/components/Forms.tsx
-function ErrorList({ errors, id }) {
-	const errorsToRender = errors?.filter(Boolean);
-	if (!errorsToRender?.length) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
-		className: "flex flex-col gap-1",
-		id,
-		children: errorsToRender.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-			className: "text-destructive-foreground text-[12px]",
-			children: e
-		}, e))
-	});
-}
-function TextareaField({ className, errors, labelProps, textareaProps }) {
-	const fallbackId = (0, react.useId)();
-	const id = textareaProps.id ?? textareaProps.name ?? fallbackId;
-	const errorId = errors?.length ? `${id}-error` : void 0;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className,
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Label, {
-				htmlFor: id,
-				...labelProps
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Textarea, {
-				"aria-describedby": errorId,
-				"aria-invalid": errorId ? true : void 0,
-				id,
-				...textareaProps
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "min-h-[32px] pb-1 pt-1",
-				children: errorId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, {
-					errors,
-					id: errorId
-				}) : null
-			})
-		]
-	});
-}
-var Field, FieldCheckbox;
-var init_Forms = require_rolldown_runtime.__esmMin((() => {
-	Field = ({ className, errors, inputProps, labelProps }) => {
-		const fallbackId = (0, react.useId)();
-		const id = inputProps.id ?? fallbackId;
-		const errorId = errors?.length ? `${id}-error` : void 0;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className,
-			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Label, {
-					...labelProps,
-					className: "text-secondary-foreground text-sm font-semibold",
-					htmlFor: id
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Input, {
-					...inputProps,
-					"aria-describedby": errorId,
-					"aria-invalid": errorId ? true : void 0,
-					className: "bg-input border-border placeholder-input-placeholder mt-4",
-					id
-				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: "min-h-[32px] px-4 pb-3 pt-1",
-					children: errorId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, {
-						errors,
-						id: errorId
-					}) : null
-				})
-			]
-		});
-	};
-	FieldCheckbox = ({ className, errors, inputProps, labelProps }) => {
-		const { defaultChecked, key, ...checkboxProps } = inputProps;
-		const checkedValue = inputProps.value ?? "on";
-		const input = (0, _conform_to_react.useInputControl)({
-			formId: inputProps.form,
-			initialValue: defaultChecked ? checkedValue : void 0,
-			key,
-			name: inputProps.name
-		});
-		const fallbackId = (0, react.useId)();
-		const id = inputProps.id ?? fallbackId;
-		const errorId = errors?.length ? `${id}-error` : void 0;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, _lumeweb_portal_framework_ui_core.cn)("text-foreground flex items-center space-x-2", className),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Checkbox, {
-				...checkboxProps,
-				"aria-describedby": errorId,
-				"aria-invalid": errorId ? true : void 0,
-				checked: input.value === checkedValue,
-				id,
-				onBlur: (event) => {
-					input.blur();
-					inputProps.onBlur?.(event);
-				},
-				onCheckedChange: (state) => {
-					input.change(state.valueOf() ? checkedValue : "");
-					inputProps.onCheckedChange?.(state);
-				},
-				onFocus: (event) => {
-					input.focus();
-					inputProps.onFocus?.(event);
-				},
-				type: "button"
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Label, {
-				...labelProps,
-				htmlFor: id
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "min-h-[32px] px-4 pb-3 pt-1",
-			children: errorId ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorList, {
-				errors,
-				id: errorId
-			}) : null
-		})] });
-	};
-}));
-
-//#endregion
-init_Forms();
-exports.ErrorList = ErrorList;
-exports.Field = Field;
-exports.FieldCheckbox = FieldCheckbox;
-exports.TextareaField = TextareaField;
-Object.defineProperty(exports, 'init_Forms', {
-  enumerable: true,
-  get: function () {
-    return init_Forms;
-  }
-});
-//# sourceMappingURL=Forms.cjs.map

package/dist/cjs/components/Forms.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Forms.cjs","names":["Label","Textarea","Input","Checkbox"],"sources":["../../../src/components/Forms.tsx"],"sourcesContent":["import { type FieldName, useInputControl } from \"@conform-to/react\";\nimport {\n  Checkbox,\n  cn,\n  Input,\n  Label,\n  Textarea,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport React, { useId } from \"react\";\n\nexport const Field = ({\n  className,\n  errors,\n  inputProps,\n  labelProps,\n}: {\n  className?: string;\n  errors?: ListOfErrors;\n  inputProps: React.HTMLProps<HTMLInputElement> & {\n    name: FieldName<string>;\n  };\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n}) => {\n  const fallbackId = useId();\n  const id = inputProps.id ?? fallbackId;\n  const errorId = errors?.length ? `${id}-error` : undefined;\n  return (\n    <div className={className}>\n      <Label\n        {...labelProps}\n        className=\"text-secondary-foreground text-sm font-semibold\"\n        htmlFor={id}\n      />\n      <Input\n        {...inputProps}\n        aria-describedby={errorId}\n        aria-invalid={errorId ? true : undefined}\n        className=\"bg-input border-border placeholder-input-placeholder mt-4\"\n        id={id}\n      />\n      <div className=\"min-h-[32px] px-4 pb-3 pt-1\">\n        {errorId ? <ErrorList errors={errors} id={errorId} /> : null}\n      </div>\n    </div>\n  );\n};\n\nexport const FieldCheckbox = ({\n  className,\n  errors,\n  inputProps,\n  labelProps,\n}: {\n  className?: string;\n  errors?: ListOfErrors;\n  inputProps: React.ComponentPropsWithoutRef<typeof Checkbox> & {\n    form: string;\n    name: string;\n    value?: string;\n  };\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n}) => {\n  const { defaultChecked, key, ...checkboxProps } = inputProps;\n  const checkedValue = inputProps.value ?? \"on\";\n  const input = useInputControl({\n    formId: inputProps.form,\n    initialValue: defaultChecked ? checkedValue : undefined,\n    key,\n    name: inputProps.name,\n  });\n  const fallbackId = useId();\n  const id = inputProps.id ?? fallbackId;\n  const errorId = errors?.length ? `${id}-error` : undefined;\n  return (\n    <>\n      <div\n        className={cn(\n          \"text-foreground flex items-center space-x-2\",\n          className,\n        )}>\n        <Checkbox\n          {...checkboxProps}\n          aria-describedby={errorId}\n          aria-invalid={errorId ? true : undefined}\n          checked={input.value === checkedValue}\n          id={id}\n          onBlur={(event) => {\n            input.blur();\n            inputProps.onBlur?.(event);\n          }}\n          onCheckedChange={(state) => {\n            input.change(state.valueOf() ? checkedValue : \"\");\n            inputProps.onCheckedChange?.(state);\n          }}\n          onFocus={(event) => {\n            input.focus();\n            inputProps.onFocus?.(event);\n          }}\n          type=\"button\"\n        />\n        <Label {...labelProps} htmlFor={id} />\n      </div>\n      <div className=\"min-h-[32px] px-4 pb-3 pt-1\">\n        {errorId ? <ErrorList errors={errors} id={errorId} /> : null}\n      </div>\n    </>\n  );\n};\n\nexport type ListOfErrors = (null | string | undefined)[] | null | undefined;\n\nexport function ErrorList({\n  errors,\n  id,\n}: {\n  errors?: ListOfErrors;\n  id?: string;\n}) {\n  const errorsToRender = errors?.filter(Boolean);\n  if (!errorsToRender?.length) return null;\n  return (\n    <ul className=\"flex flex-col gap-1\" id={id}>\n      {errorsToRender.map((e) => (\n        <li className=\"text-destructive-foreground text-[12px]\" key={e}>\n          {e}\n        </li>\n      ))}\n    </ul>\n  );\n}\nexport function TextareaField({\n  className,\n  errors,\n  labelProps,\n  textareaProps,\n}: {\n  className?: string;\n  errors?: ListOfErrors;\n  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n  textareaProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n}) {\n  const fallbackId = useId();\n  const id = textareaProps.id ?? textareaProps.name ?? fallbackId;\n  const errorId = errors?.length ? `${id}-error` : undefined;\n  return (\n    <div className={className}>\n      <Label htmlFor={id} {...labelProps} />\n      <Textarea\n        aria-describedby={errorId}\n        aria-invalid={errorId ? true : undefined}\n        id={id}\n        {...textareaProps}\n      />\n      <div className=\"min-h-[32px] pb-1 pt-1\">\n        {errorId ? <ErrorList errors={errors} id={errorId} /> : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA+GA,SAAgB,UAAU,EACxB,QACA,MAIC;CACD,MAAM,iBAAiB,QAAQ,OAAO,QAAQ;AAC9C,KAAI,CAAC,gBAAgB,OAAQ,QAAO;AACpC,QACE,2CAAC;EAAG,WAAU;EAA0B;YACrC,eAAe,KAAK,MACnB,2CAAC;GAAG,WAAU;aACX;KAD0D,EAExD,CACL;GACC;;AAGT,SAAgB,cAAc,EAC5B,WACA,QACA,YACA,iBAMC;CACD,MAAM,+BAAoB;CAC1B,MAAM,KAAK,cAAc,MAAM,cAAc,QAAQ;CACrD,MAAM,UAAU,QAAQ,SAAS,GAAG,GAAG,UAAU;AACjD,QACE,4CAAC;EAAe;;GACd,2CAACA;IAAM,SAAS;IAAI,GAAI;KAAc;GACtC,2CAACC;IACC,oBAAkB;IAClB,gBAAc,UAAU,OAAO;IAC3B;IACJ,GAAI;KACJ;GACF,2CAAC;IAAI,WAAU;cACZ,UAAU,2CAAC;KAAkB;KAAQ,IAAI;MAAW,GAAG;KACpD;;GACF;;;;CAlJG,SAAS,EACpB,WACA,QACA,YACA,iBAQI;EACJ,MAAM,+BAAoB;EAC1B,MAAM,KAAK,WAAW,MAAM;EAC5B,MAAM,UAAU,QAAQ,SAAS,GAAG,GAAG,UAAU;AACjD,SACE,4CAAC;GAAe;;IACd,2CAACD;KACC,GAAI;KACJ,WAAU;KACV,SAAS;MACT;IACF,2CAACE;KACC,GAAI;KACJ,oBAAkB;KAClB,gBAAc,UAAU,OAAO;KAC/B,WAAU;KACN;MACJ;IACF,2CAAC;KAAI,WAAU;eACZ,UAAU,2CAAC;MAAkB;MAAQ,IAAI;OAAW,GAAG;MACpD;;IACF;;CAIG,iBAAiB,EAC5B,WACA,QACA,YACA,iBAUI;EACJ,MAAM,EAAE,gBAAgB,KAAK,GAAG,kBAAkB;EAClD,MAAM,eAAe,WAAW,SAAS;EACzC,MAAM,+CAAwB;GAC5B,QAAQ,WAAW;GACnB,cAAc,iBAAiB,eAAe;GAC9C;GACA,MAAM,WAAW;GAClB,CAAC;EACF,MAAM,+BAAoB;EAC1B,MAAM,KAAK,WAAW,MAAM;EAC5B,MAAM,UAAU,QAAQ,SAAS,GAAG,GAAG,UAAU;AACjD,SACE,qFACE,4CAAC;GACC,qDACE,+CACA,UACD;cACD,2CAACC;IACC,GAAI;IACJ,oBAAkB;IAClB,gBAAc,UAAU,OAAO;IAC/B,SAAS,MAAM,UAAU;IACrB;IACJ,SAAS,UAAU;AACjB,WAAM,MAAM;AACZ,gBAAW,SAAS,MAAM;;IAE5B,kBAAkB,UAAU;AAC1B,WAAM,OAAO,MAAM,SAAS,GAAG,eAAe,GAAG;AACjD,gBAAW,kBAAkB,MAAM;;IAErC,UAAU,UAAU;AAClB,WAAM,OAAO;AACb,gBAAW,UAAU,MAAM;;IAE7B,MAAK;KACL,EACF,2CAACH;IAAM,GAAI;IAAY,SAAS;KAAM;IAClC,EACN,2CAAC;GAAI,WAAU;aACZ,UAAU,2CAAC;IAAkB;IAAQ,IAAI;KAAW,GAAG;IACpD,IACL"}

package/dist/cjs/components/Forms.d.cts

@@ -1,55 +0,0 @@
-import { FieldName } from "@conform-to/react";
-import { Checkbox } from "@lumeweb/portal-framework-ui-core";
-import React from "react";
-
-//#region src/components/Forms.d.ts
-declare const Field: ({
-  className,
-  errors,
-  inputProps,
-  labelProps
-}: {
-  className?: string;
-  errors?: ListOfErrors;
-  inputProps: React.HTMLProps<HTMLInputElement> & {
-    name: FieldName<string>;
-  };
-  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
-}) => any;
-declare const FieldCheckbox: ({
-  className,
-  errors,
-  inputProps,
-  labelProps
-}: {
-  className?: string;
-  errors?: ListOfErrors;
-  inputProps: React.ComponentPropsWithoutRef<typeof Checkbox> & {
-    form: string;
-    name: string;
-    value?: string;
-  };
-  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
-}) => any;
-type ListOfErrors = (null | string | undefined)[] | null | undefined;
-declare function ErrorList({
-  errors,
-  id
-}: {
-  errors?: ListOfErrors;
-  id?: string;
-}): any;
-declare function TextareaField({
-  className,
-  errors,
-  labelProps,
-  textareaProps
-}: {
-  className?: string;
-  errors?: ListOfErrors;
-  labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
-  textareaProps: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-}): any;
-//#endregion
-export { ErrorList, Field, FieldCheckbox, ListOfErrors, TextareaField };
-//# sourceMappingURL=Forms.d.cts.map

package/dist/cjs/components/InlineAuthLinkBanner.cjs

@@ -1,33 +0,0 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let _lumeweb_portal_framework_ui_core = require("@lumeweb/portal-framework-ui-core");
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_router = require("react-router");
-let react_jsx_runtime = require("react/jsx-runtime");
-
-//#region src/components/InlineAuthLinkBanner.tsx
-function InlineAuthLinkBanner({ className, label, linkClassName, linkLabel, to }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("p", {
-		className: (0, _lumeweb_portal_framework_ui_core.cn)("text-foreground bg-secondary flex w-fit items-center gap-2 rounded-lg p-3 text-left text-sm", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-			className: "text-foreground/80 whitespace-nowrap",
-			children: label
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Link, {
-			className: (0, _lumeweb_portal_framework_ui_core.cn)("text-foreground mx-auto whitespace-nowrap hover:underline hover:underline-offset-4", linkClassName),
-			to,
-			children: linkLabel ?? "Login here →"
-		})]
-	});
-}
-var init_InlineAuthLinkBanner = require_rolldown_runtime.__esmMin((() => {}));
-
-//#endregion
-init_InlineAuthLinkBanner();
-exports.InlineAuthLinkBanner = InlineAuthLinkBanner;
-Object.defineProperty(exports, 'init_InlineAuthLinkBanner', {
-  enumerable: true,
-  get: function () {
-    return init_InlineAuthLinkBanner;
-  }
-});
-//# sourceMappingURL=InlineAuthLinkBanner.cjs.map

package/dist/cjs/components/InlineAuthLinkBanner.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InlineAuthLinkBanner.cjs","names":["Link"],"sources":["../../../src/components/InlineAuthLinkBanner.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React from \"react\";\nimport { Link } from \"react-router\";\n\ninterface InlineAuthLinkBannerProps {\n  className?: string;\n  label: string;\n  linkClassName?: string;\n  linkLabel?: string;\n  to: string;\n}\n\nfunction InlineAuthLinkBanner({\n  className,\n  label,\n  linkClassName,\n  linkLabel,\n  to,\n}: InlineAuthLinkBannerProps) {\n  return (\n    <p\n      className={cn(\n        \"text-foreground bg-secondary flex w-fit items-center gap-2 rounded-lg p-3 text-left text-sm\",\n        className,\n      )}>\n      <span className=\"text-foreground/80 whitespace-nowrap\">{label}</span>\n      <Link\n        className={cn(\n          \"text-foreground mx-auto whitespace-nowrap hover:underline hover:underline-offset-4\",\n          linkClassName,\n        )}\n        to={to}>\n        {linkLabel ?? \"Login here →\"}\n      </Link>\n    </p>\n  );\n}\n\nexport { InlineAuthLinkBanner };\n"],"mappings":";;;;;;;;AAYA,SAAS,qBAAqB,EAC5B,WACA,OACA,eACA,WACA,MAC4B;AAC5B,QACE,4CAAC;EACC,qDACE,+FACA,UACD;aACD,2CAAC;GAAK,WAAU;aAAwC;IAAa,EACrE,2CAACA;GACC,qDACE,sFACA,cACD;GACG;aACH,aAAa;IACT;GACL"}

package/dist/cjs/components/InlineAuthLinkBanner.d.cts

@@ -1,18 +0,0 @@
-//#region src/components/InlineAuthLinkBanner.d.ts
-interface InlineAuthLinkBannerProps {
-  className?: string;
-  label: string;
-  linkClassName?: string;
-  linkLabel?: string;
-  to: string;
-}
-declare function InlineAuthLinkBanner({
-  className,
-  label,
-  linkClassName,
-  linkLabel,
-  to
-}: InlineAuthLinkBannerProps): any;
-//#endregion
-export { InlineAuthLinkBanner };
-//# sourceMappingURL=InlineAuthLinkBanner.d.cts.map