@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/LICENSE

@@ -0,0 +1,9 @@
+MIT License
+
+Copyright (c) 2024-2026 Hammer Technologies LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -1,45 +1 @@
-# @lumeweb/portal-framework-ui
-
-## ⚠️ IMPORTANT NOTICE ⚠️
-
-**This package is created solely for the purpose of setting up OIDC (OpenID Connect) trusted publishing with npm.**
-
-This is **NOT** a functional package and contains **NO** code or functionality beyond the OIDC setup configuration.
-
-## Purpose
-
-This package exists to:
-1. Configure OIDC trusted publishing for the package name `@lumeweb/portal-framework-ui`
-2. Enable secure, token-less publishing from CI/CD workflows
-3. Establish provenance for packages published under this name
-
-## What is OIDC Trusted Publishing?
-
-OIDC trusted publishing allows package maintainers to publish packages directly from their CI/CD workflows without needing to manage npm access tokens. Instead, it uses OpenID Connect to establish trust between the CI/CD provider (like GitHub Actions) and npm.
-
-## Setup Instructions
-
-To properly configure OIDC trusted publishing for this package:
-
-1. Go to [npmjs.com](https://www.npmjs.com/) and navigate to your package settings
-2. Configure the trusted publisher (e.g., GitHub Actions)
-3. Specify the repository and workflow that should be allowed to publish
-4. Use the configured workflow to publish your actual package
-
-## DO NOT USE THIS PACKAGE
-
-This package is a placeholder for OIDC configuration only. It:
-- Contains no executable code
-- Provides no functionality
-- Should not be installed as a dependency
-- Exists only for administrative purposes
-
-## More Information
-
-For more details about npm's trusted publishing feature, see:
-- [npm Trusted Publishing Documentation](https://docs.npmjs.com/generating-provenance-statements)
-- [GitHub Actions OIDC Documentation](https://docs.github.com/en/actions/deployment/security-hardening-your-deployments/about-security-hardening-with-openid-connect)
-
----
-
-**Maintained for OIDC setup purposes only**
+# `@lumeweb/portal-framework-ui`

package/dist/cjs/_virtual/rolldown_runtime.cjs

@@ -0,0 +1,47 @@
+//#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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+//#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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+//#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

@@ -0,0 +1,138 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,55 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,18 @@
+//#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

package/dist/cjs/components/KeyboardShortcutDialog.cjs

@@ -0,0 +1,60 @@
+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/KeyboardShortcutDialog.tsx
+var KeyboardShortcutDialog;
+var init_KeyboardShortcutDialog = require_rolldown_runtime.__esmMin((() => {
+	KeyboardShortcutDialog = ({ onOpenChange, open, shortcuts }) => {
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Dialog, {
+			onOpenChange,
+			open,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_lumeweb_portal_framework_ui_core.DialogContent, {
+				className: "max-w-md",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "absolute right-4 top-4",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Button, {
+							className: "h-8 w-8",
+							onClick: () => onOpenChange(false),
+							size: "icon",
+							variant: "ghost",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-4 w-4" })
+						})
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogHeader, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.DialogTitle, { children: "Keyboard Shortcuts" }) }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "grid gap-2",
+						children: Object.entries(shortcuts).map(([action, keys]) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+								className: "text-muted-foreground text-sm",
+								children: action
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "flex gap-1",
+								children: (Array.isArray(keys) ? keys : [keys]).map((key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_lumeweb_portal_framework_ui_core.Badge, {
+									variant: "outline",
+									children: key
+								}, key))
+							})]
+						}, action))
+					})
+				]
+			})
+		});
+	};
+}));
+
+//#endregion
+init_KeyboardShortcutDialog();
+exports.KeyboardShortcutDialog = KeyboardShortcutDialog;
+Object.defineProperty(exports, 'init_KeyboardShortcutDialog', {
+  enumerable: true,
+  get: function () {
+    return init_KeyboardShortcutDialog;
+  }
+});
+//# sourceMappingURL=KeyboardShortcutDialog.cjs.map

package/dist/cjs/components/KeyboardShortcutDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcutDialog.cjs","names":["Dialog","DialogContent","Button","X","DialogHeader","DialogTitle","Badge"],"sources":["../../../src/components/KeyboardShortcutDialog.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from \"@lumeweb/portal-framework-ui-core\";\nimport { X } from \"lucide-react\";\nimport React, { type FunctionComponent } from \"react\";\n\ninterface KeyboardShortcutDialogProps {\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  shortcuts: Record<string, string | string[]>;\n}\n\nexport const KeyboardShortcutDialog: FunctionComponent<\n  KeyboardShortcutDialogProps\n> = ({ onOpenChange, open, shortcuts }) => {\n  return (\n    <Dialog onOpenChange={onOpenChange} open={open}>\n      <DialogContent className=\"max-w-md\">\n        <div className=\"absolute right-4 top-4\">\n          <Button\n            className=\"h-8 w-8\"\n            onClick={() => onOpenChange(false)}\n            size=\"icon\"\n            variant=\"ghost\">\n            <X className=\"h-4 w-4\" />\n          </Button>\n        </div>\n        <DialogHeader>\n          <DialogTitle>Keyboard Shortcuts</DialogTitle>\n        </DialogHeader>\n        <div className=\"grid gap-2\">\n          {Object.entries(shortcuts).map(([action, keys]) => (\n            <div className=\"flex items-center justify-between\" key={action}>\n              <span className=\"text-muted-foreground text-sm\">{action}</span>\n              <div className=\"flex gap-1\">\n                {(Array.isArray(keys) ? keys : [keys]).map((key) => (\n                  <Badge key={key} variant=\"outline\">\n                    {key}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          ))}\n        </div>\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":";;;;;;;;;;CAiBa,0BAER,EAAE,cAAc,MAAM,gBAAgB;AACzC,SACE,2CAACA;GAAqB;GAAoB;aACxC,4CAACC;IAAc,WAAU;;KACvB,2CAAC;MAAI,WAAU;gBACb,2CAACC;OACC,WAAU;OACV,eAAe,aAAa,MAAM;OAClC,MAAK;OACL,SAAQ;iBACR,2CAACC,kBAAE,WAAU,YAAY;QAClB;OACL;KACN,2CAACC,4DACC,2CAACC,2DAAY,uBAAgC,GAChC;KACf,2CAAC;MAAI,WAAU;gBACZ,OAAO,QAAQ,UAAU,CAAC,KAAK,CAAC,QAAQ,UACvC,4CAAC;OAAI,WAAU;kBACb,2CAAC;QAAK,WAAU;kBAAiC;SAAc,EAC/D,2CAAC;QAAI,WAAU;mBACX,MAAM,QAAQ,KAAK,GAAG,OAAO,CAAC,KAAK,EAAE,KAAK,QAC1C,2CAACC;SAAgB,SAAQ;mBACtB;WADS,IAEJ,CACR;SACE;SARgD,OASlD,CACN;OACE;;KACQ;IACT"}

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

@@ -0,0 +1,12 @@
+import { FunctionComponent } from "react";
+
+//#region src/components/KeyboardShortcutDialog.d.ts
+interface KeyboardShortcutDialogProps {
+  onOpenChange: (open: boolean) => void;
+  open: boolean;
+  shortcuts: Record<string, string | string[]>;
+}
+declare const KeyboardShortcutDialog: FunctionComponent<KeyboardShortcutDialogProps>;
+//#endregion
+export { KeyboardShortcutDialog };
+//# sourceMappingURL=KeyboardShortcutDialog.d.cts.map