Make LinkButton available for app UIs

.changeset/small-cherries-swim.md

@@ -0,0 +1,5 @@
+---
+"@badrap/libapp": patch
+---
+
+Make LinkButton available fro app UIs

src/ui/experimental/LinkButton.ts

@@ -0,0 +1,23 @@
+import { UiNode, element, Responsive } from "../internal.js";
+
+type LinkButtonProps = {
+  href: string;
+  variant?: "default" | "primary" | "danger";
+  size?: Responsive<"sm" | "md">;
+  iconSide?: "start" | "end";
+  disabled?: boolean;
+  children?: UiNode;
+} & (
+  | {
+      icon: `material-symbols:${string}`;
+      iconOnly?: Responsive<boolean>;
+    }
+  | {
+      icon?: undefined;
+      iconOnly?: undefined;
+    }
+);
+
+export function LinkButton(props: LinkButtonProps): UiNode {
+  return element("ui-link-button", props);
+}

src/ui/experimental/index.ts

@@ -12,6 +12,7 @@ export { Hidden } from "./Hidden.js";
 export { HiddenInput } from "./HiddenInput.js";
 export { Icon } from "./Icon.js";
 export { Link } from "./Link.js";
+export { LinkButton } from "./LinkButton.js";
 export { List } from "./List.js";
 export { Redirect } from "./Redirect.js";
 export { Switch } from "./Switch.js";