@arkitektbedriftene/fe-lib 5.7.1 → 5.7.2

package/dist/system/components/Button.d.ts

@@ -1,3 +1,3 @@
-export declare const Button: ({ className, isLoading, disabled, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const Button: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
     isLoading?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+} & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/system/components/Button.es.js

@@ -1,10 +1,12 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { jsxs as n, jsx as s } from "react/jsx-runtime";
 import l from "clsx";
-import { Spinner as s } from "./Spinner.es.js";
-const d = ({ className: e, isLoading: t, disabled: m, ...r }) => /* @__PURE__ */ n("button", { className: l("btn", e), type: "button", disabled: m || t, "data-loading": t, ...r, children: [
-  t && /* @__PURE__ */ o(s, { className: "-ml-2" }),
-  r.children
-] });
+import { forwardRef as p } from "react";
+import { Spinner as f } from "./Spinner.es.js";
+const c = p(({ className: r, isLoading: t, disabled: o, children: m, ...e }, a) => /* @__PURE__ */ n("button", { ref: a, className: l("btn", r), type: "button", disabled: o || t, "data-loading": t, ...e, children: [
+  t && /* @__PURE__ */ s(f, { className: "-ml-2" }),
+  m
+] }));
+c.displayName = "Button";
 export {
-  d as Button
+  c as Button
 };

package/dist/system/components/Tag.d.ts

@@ -13,11 +13,11 @@ declare const colors: {
     info: string;
 };
 export type TagColors = keyof typeof colors;
-export declare function Tag({ children, size, color, icon, className, ...props }: {
+export declare const Tag: import('react').ForwardRefExoticComponent<{
     children: ReactNode;
     size?: keyof typeof sizes;
     color?: keyof typeof colors;
     className?: string;
     icon?: ReactNode;
-} & React.HTMLAttributes<HTMLElement>): import("react/jsx-runtime").JSX.Element;
+} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/system/components/Tag.es.js

@@ -1,6 +1,7 @@
-import { jsxs as a } from "react/jsx-runtime";
+import { jsxs as g } from "react/jsx-runtime";
 import c from "clsx";
-const g = {
+import { forwardRef as o } from "react";
+const d = {
   sm: "px-2 py-0.5 text-xs",
   md: "px-2 py-0.5 text-sm"
 }, x = {
@@ -11,33 +12,32 @@ const g = {
   danger: "bg-danger-dark text-danger-light",
   warning: "bg-warning-dark text-warning-light",
   info: "bg-info-dark text-info-light"
-};
-function l({
+}, l = o(({
   children: t,
   size: e = "sm",
   color: s = "secondary",
   icon: r,
-  className: n,
-  ...i
-}) {
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: c(
-        "inline-flex items-center justify-center rounded-sm gap-x-2",
-        "[&>svg]:shrink-0",
-        g[e],
-        x[s],
-        n
-      ),
-      ...i,
-      children: [
-        r,
-        t
-      ]
-    }
-  );
-}
+  className: a,
+  ...n
+}, i) => /* @__PURE__ */ g(
+  "div",
+  {
+    ref: i,
+    className: c(
+      "inline-flex items-center justify-center rounded-sm gap-x-2",
+      "[&>svg]:shrink-0",
+      d[e],
+      x[s],
+      a
+    ),
+    ...n,
+    children: [
+      r,
+      t
+    ]
+  }
+));
+l.displayName = "Tag";
 export {
   l as Tag
 };

package/dist/system/components/UserMenu.d.ts

@@ -1,9 +1,9 @@
-export declare const UserMenuButton: ({ firstname, lastname }: {
+export declare const UserMenuButton: import('react').ForwardRefExoticComponent<{
     firstname: string;
     lastname: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const UserMenuCompany: ({ className, name, username }: {
+} & import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const UserMenuCompany: import('react').ForwardRefExoticComponent<{
     className?: string;
     name: string;
     username: string;
-}) => import("react/jsx-runtime").JSX.Element;
+} & import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/system/components/UserMenu.es.js

@@ -1,29 +1,32 @@
-import { jsxs as a, jsx as c } from "react/jsx-runtime";
-import r from "clsx";
-import { G as n } from "../../iconBase-LROS5hdG.js";
-function i(t) {
-  return n({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" }, child: [] }] })(t);
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import m from "clsx";
+import { forwardRef as c } from "react";
+import { G as i } from "../../iconBase-LROS5hdG.js";
+function o(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" }, child: [] }] })(e);
 }
-function d(t) {
-  return n({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M406.5 399.6C387.4 352.9 341.5 320 288 320l-64 0c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3l64 0c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z" }, child: [] }] })(t);
+function l(e) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M406.5 399.6C387.4 352.9 341.5 320 288 320l-64 0c-53.5 0-99.4 32.9-118.5 79.6C69.9 362.2 48 311.7 48 256C48 141.1 141.1 48 256 48s208 93.1 208 208c0 55.7-21.9 106.2-57.5 143.6zm-40.1 32.7C334.4 452.4 296.6 464 256 464s-78.4-11.6-110.5-31.7c7.3-36.7 39.7-64.3 78.5-64.3l64 0c38.8 0 71.2 27.6 78.5 64.3zM256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-272a40 40 0 1 1 0-80 40 40 0 1 1 0 80zm-88-40a88 88 0 1 0 176 0 88 88 0 1 0 -176 0z" }, child: [] }] })(e);
 }
-const h = ({ firstname: t, lastname: e }) => /* @__PURE__ */ a("button", { type: "button", className: "btn gap-x-2", children: [
-  /* @__PURE__ */ c(d, { size: 16 }),
+const p = c(({ firstname: e, lastname: t, ...s }, r) => /* @__PURE__ */ a("button", { ref: r, type: "button", className: "btn gap-x-2", ...s, children: [
+  /* @__PURE__ */ n(l, { size: 16 }),
   /* @__PURE__ */ a("span", { className: "md:hidden", children: [
-    t[0],
-    e[0]
+    e[0],
+    t[0]
   ] }),
   /* @__PURE__ */ a("span", { className: "hidden md:inline max-w-[120px] truncate", children: [
-    t,
+    e,
     " ",
-    e
+    t
   ] }),
-  /* @__PURE__ */ c(i, { size: 12, className: "max-sm:hidden" })
-] }), u = ({ className: t, name: e, username: s }) => /* @__PURE__ */ a("div", { className: r(t), children: [
-  /* @__PURE__ */ c("div", { className: "text-sm truncate", children: e }),
-  /* @__PURE__ */ c("div", { className: "text-xs opacity-70 truncate", children: s })
-] });
+  /* @__PURE__ */ n(o, { size: 12, className: "max-sm:hidden" })
+] })), u = c(({ className: e, name: t, username: s, ...r }, d) => /* @__PURE__ */ a("div", { ref: d, className: m(e), ...r, children: [
+  /* @__PURE__ */ n("div", { className: "text-sm truncate", children: t }),
+  /* @__PURE__ */ n("div", { className: "text-xs opacity-70 truncate", children: s })
+] }));
+p.displayName = "UserMenuButton";
+u.displayName = "UserMenuCompany";
 export {
-  h as UserMenuButton,
+  p as UserMenuButton,
   u as UserMenuCompany
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "5.7.1",
+  "version": "5.7.2",
   "type": "module",
   "exports": {
     "./oidc": {