@stihl-design-system/components 1.0.0-RC.4 → 1.0.0-RC.6

package/link.SAcKvzJ3.js

@@ -0,0 +1,115 @@
+"use client";
+import { j as d } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as g } from "./chunks/index.CvOaL64Y.js";
+import { u as h } from "./chunks/useBreakpoint.5xBNDiCf.js";
+import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/link.D61tKkSK.css';const S = "_root_rd44x_151", b = "_root--highlight_rd44x_219", j = "_root--dark-highlight_rd44x_219", L = "_root--filled_rd44x_297", C = "_root--outline_rd44x_325", N = "_root--ghost_rd44x_352", T = "_root--ghost-flush_rd44x_377", B = "_root--small_rd44x_383", E = "_root--dark-filled_rd44x_460", R = "_root--dark-outline_rd44x_519", V = "_root--dark-ghost_rd44x_577", q = "_root--dark-ghost-flush_rd44x_633", w = "_root--icon-left_rd44x_692", A = "_root--icon-only_rd44x_708", J = "_root--icon-only-small_rd44x_717", K = "_label--hidden_rd44x_728", o = {
+  root: S,
+  "root--highlight": "_root--highlight_rd44x_219",
+  rootHighlight: b,
+  "root--dark-highlight": "_root--dark-highlight_rd44x_219",
+  rootDarkHighlight: j,
+  "root--filled": "_root--filled_rd44x_297",
+  rootFilled: L,
+  "root--outline": "_root--outline_rd44x_325",
+  rootOutline: C,
+  "root--ghost": "_root--ghost_rd44x_352",
+  rootGhost: N,
+  "root--ghost-flush": "_root--ghost-flush_rd44x_377",
+  rootGhostFlush: T,
+  "root--small": "_root--small_rd44x_383",
+  rootSmall: B,
+  "root--dark-filled": "_root--dark-filled_rd44x_460",
+  rootDarkFilled: E,
+  "root--dark-outline": "_root--dark-outline_rd44x_519",
+  rootDarkOutline: R,
+  "root--dark-ghost": "_root--dark-ghost_rd44x_577",
+  rootDarkGhost: V,
+  "root--dark-ghost-flush": "_root--dark-ghost-flush_rd44x_633",
+  rootDarkGhostFlush: q,
+  "root--icon-left": "_root--icon-left_rd44x_692",
+  rootIconLeft: w,
+  "root--icon-only": "_root--icon-only_rd44x_708",
+  rootIconOnly: A,
+  "root--icon-only-small": "_root--icon-only-small_rd44x_717",
+  rootIconOnlySmall: J,
+  "label--hidden": "_label--hidden_rd44x_728",
+  labelHidden: K
+}, W = ({
+  children: c,
+  aria: k,
+  className: u,
+  dataTrackingid: x,
+  download: f,
+  hideLabel: s = !1,
+  href: i,
+  iconName: n,
+  iconPosition: m = "left",
+  iconSource: a,
+  isFlush: l = !1,
+  referrerPolicy: D,
+  rel: y,
+  size: _ = "medium",
+  target: G = "_self",
+  theme: r = "light",
+  variant: t = "filled",
+  ...O
+}) => {
+  const I = g(o.root, u, {
+    // variant
+    [o.rootFilled]: t === "filled",
+    [o.rootHighlight]: t === "highlight",
+    [o.rootOutline]: t === "outline",
+    [o.rootGhost]: t === "ghost" && l !== !0,
+    // isFlush
+    [o.rootGhostFlush]: t === "ghost" && l === !0,
+    // dark theme
+    [o.rootDarkFilled]: r === "dark" && t === "filled",
+    [o.rootDarkHighlight]: r === "dark" && t === "highlight",
+    [o.rootDarkOutline]: r === "dark" && t === "outline",
+    [o.rootDarkGhost]: r === "dark" && t === "ghost" && l !== !0,
+    // dark isFlush
+    [o.rootDarkGhostFlush]: r === "dark" && t === "ghost" && l === !0,
+    // size
+    [o.rootSmall]: _ === "small",
+    // icon position
+    [o.rootIconLeft]: m === "left",
+    // icon only
+    [o.rootIconOnly]: h(s) && _ === "medium",
+    [o.rootIconOnlySmall]: h(s) && _ === "small"
+  }), p = g({
+    // hide label only visually to keep them available for assistive technologies
+    [o.labelHidden]: h(s)
+  }), F = r === "light" && t === "filled" || r === "dark" && t === "outline" || r === "dark" && t === "ghost" ? "dark" : "light", e = i === void 0 ? "span" : "a";
+  return /* @__PURE__ */ d.jsxs(
+    e,
+    {
+      className: I,
+      "data-trackingid": x,
+      ...e === "a" && {
+        href: i,
+        target: G,
+        rel: y,
+        referrerPolicy: D,
+        download: f
+      },
+      ...k,
+      ...O,
+      children: [
+        /* @__PURE__ */ d.jsx("span", { className: p, children: c }),
+        (n || a) && /* @__PURE__ */ d.jsx(
+          H,
+          {
+            name: n,
+            theme: F,
+            source: a,
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  W as DSLink
+};

package/linkstandalone.DNe0Nydm.js

@@ -0,0 +1,79 @@
+"use client";
+import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
+import { c as x } from "./chunks/index.CvOaL64Y.js";
+import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
+import "react";
+import './assets/linkstandalone.Bx8Uvo0G.css';const j = "_root_79ned_76", v = "_root--highlight_79ned_152", L = "_root--neutral-dark_79ned_228", N = "_root--highlight-dark_79ned_304", I = "_root--active_79ned_380", A = "_root--icon-left_79ned_386", o = {
+  root: j,
+  "root--highlight": "_root--highlight_79ned_152",
+  rootHighlight: v,
+  "root--neutral-dark": "_root--neutral-dark_79ned_228",
+  rootNeutralDark: L,
+  "root--highlight-dark": "_root--highlight-dark_79ned_304",
+  rootHighlightDark: N,
+  "root--active": "_root--active_79ned_380",
+  rootActive: I,
+  "root--icon-left": "_root--icon-left_79ned_386",
+  rootIconLeft: A
+}, C = ({
+  children: h,
+  aria: s,
+  active: _,
+  className: g,
+  dataTrackingid: c,
+  download: d,
+  href: e,
+  iconName: a,
+  iconPosition: k = "left",
+  iconSource: n,
+  referrerPolicy: u,
+  rel: f,
+  target: m = "_self",
+  theme: t = "light",
+  variant: r = "neutral",
+  ...D
+}) => {
+  const p = x(o.root, g, {
+    // variant
+    [o.rootHighlight]: r === "highlight",
+    // theme
+    [o.rootNeutralDark]: t === "dark" && r === "neutral",
+    [o.rootHighlightDark]: t === "dark" && r === "highlight",
+    // active
+    [o.rootActive]: _,
+    // icon position
+    [o.rootIconLeft]: k === "left"
+  }), l = e === void 0 ? "span" : "a";
+  return /* @__PURE__ */ i.jsxs(
+    l,
+    {
+      className: p,
+      "data-trackingid": c,
+      ...l === "a" && {
+        href: e,
+        target: m,
+        rel: f,
+        referrerPolicy: u,
+        download: d
+      },
+      ...s,
+      ...D,
+      children: [
+        /* @__PURE__ */ i.jsx("span", { className: o.label, children: h }),
+        (a || n) && /* @__PURE__ */ i.jsx(
+          H,
+          {
+            name: a,
+            theme: t,
+            source: n,
+            size: "medium",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  C as DSLinkStandalone
+};

package/{logo.C_oJ8isW.js → logo.BR_CUXFl.js}

@@ -1,19 +1,19 @@
 "use client";
-import { j as a } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { j as a } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as n } from "./chunks/index.CvOaL64Y.js";
-import './assets/logo.BbHYgnWo.css';const l = "_anchor_12s9w_63", v = "_svg_12s9w_64", e = "_anchor--dark_12s9w_103", x = "_svg-background_12s9w_134", w = "_svg-background--dark_12s9w_137", u = "_svg-text_12s9w_140", i = "_svg-text--dark_12s9w_143", s = {
-  anchor: l,
-  svg: v,
-  "anchor--dark": "_anchor--dark_12s9w_103",
-  anchorDark: e,
-  "svg-background": "_svg-background_12s9w_134",
-  svgBackground: x,
-  "svg-background--dark": "_svg-background--dark_12s9w_137",
-  svgBackgroundDark: w,
-  "svg-text": "_svg-text_12s9w_140",
-  svgText: u,
-  "svg-text--dark": "_svg-text--dark_12s9w_143",
-  svgTextDark: i
+import './assets/logo.C05WqGId.css';const d = "_anchor_1z0x0_76", l = "_svg_1z0x0_77", v = "_anchor--dark_1z0x0_116", e = "_svg-background_1z0x0_147", u = "_svg-background--dark_1z0x0_150", i = "_svg-text_1z0x0_153", z = "_svg-text--dark_1z0x0_156", s = {
+  anchor: d,
+  svg: l,
+  "anchor--dark": "_anchor--dark_1z0x0_116",
+  anchorDark: v,
+  "svg-background": "_svg-background_1z0x0_147",
+  svgBackground: e,
+  "svg-background--dark": "_svg-background--dark_1z0x0_150",
+  svgBackgroundDark: u,
+  "svg-text": "_svg-text_1z0x0_153",
+  svgText: i,
+  "svg-text--dark": "_svg-text--dark_1z0x0_156",
+  svgTextDark: z
 }, B = ({
   aria: _,
   className: c,
@@ -21,7 +21,7 @@ import './assets/logo.BbHYgnWo.css';const l = "_anchor_12s9w_63", v = "_svg_12s9
   target: h = "_self",
   theme: g,
   variant: k = "standard",
-  ...d
+  ...x
 }) => {
   const t = k === "background" || g === "dark", o = /* @__PURE__ */ a.jsxs(
     "svg",
@@ -59,7 +59,7 @@ import './assets/logo.BbHYgnWo.css';const l = "_anchor_12s9w_63", v = "_svg_12s9
       href: r,
       target: h,
       ..._,
-      ...d,
+      ...x,
       children: o
     }
   ) : o;

package/notification.Csn5QCR2.js

@@ -0,0 +1,9 @@
+"use client";
+import "./chunks/jsx-runtime.C115EyI4.js";
+import "./chunks/index.CvOaL64Y.js";
+import "./chunks/Icon.n4XZrQ4N.js";
+import { D as e } from "./chunks/Notification.DVVuSOqG.js";
+import "./button.L1lgCuM9.js";
+export {
+  e as DSNotification
+};

package/{optioncheckbox.CUV1MQhh.js → optioncheckbox.C4l2UIak.js}

@@ -1,17 +1,17 @@
 "use client";
-import { j as e } from "./chunks/jsx-runtime.C-kxDJ4g.js";
+import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
 import { c as s } from "./chunks/index.CvOaL64Y.js";
-import { D as _ } from "./chunks/Icon.9gDIp6p4.js";
-import './assets/optioncheckbox.C-K1FLhc.css';const l = "_root_1sig6_125", k = "_root--disabled_1sig6_144", d = "_checkbox_1sig6_148", n = "_icon-check_1sig6_162", r = "_checkbox--checked_1sig6_181", x = "_checkbox--disabled_1sig6_184", m = "_label_1sig6_201", c = {
+import { D as _ } from "./chunks/Icon.n4XZrQ4N.js";
+import './assets/optioncheckbox.BdRJHcSw.css';const l = "_root_1v9si_151", k = "_root--disabled_1v9si_170", d = "_checkbox_1v9si_174", n = "_icon-check_1v9si_190", r = "_checkbox--checked_1v9si_211", x = "_checkbox--disabled_1v9si_214", m = "_label_1v9si_231", c = {
   root: l,
-  "root--disabled": "_root--disabled_1sig6_144",
+  "root--disabled": "_root--disabled_1v9si_170",
   rootDisabled: k,
   checkbox: d,
-  "icon-check": "_icon-check_1sig6_162",
+  "icon-check": "_icon-check_1v9si_190",
   iconCheck: n,
-  "checkbox--checked": "_checkbox--checked_1sig6_181",
+  "checkbox--checked": "_checkbox--checked_1v9si_211",
   checkboxChecked: r,
-  "checkbox--disabled": "_checkbox--disabled_1sig6_184",
+  "checkbox--disabled": "_checkbox--disabled_1v9si_214",
   checkboxDisabled: x,
   label: m
 }, D = ({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stihl-design-system/components",
   "private": false,
-  "version": "1.0.0-RC.4",
+  "version": "1.0.0-RC.6",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://main--63440bbb95889041542a5ba3.chromatic.com",
   "keywords": [
@@ -74,29 +74,33 @@
     "test:vrt": "npx playwright test --config=playwright.config.vrt.ts"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
+    "@babel/core": "^7.24.9",
     "@juggle/resize-observer": "^3.4.0",
-    "@playwright/test": "^1.44.0",
+    "@playwright/test": "^1.45.2",
     "@react-docgen/cli": "^2.0.3",
-    "@storybook/addon-a11y": "^8.1.1",
-    "@storybook/addon-actions": "^8.1.1",
-    "@storybook/addon-essentials": "^8.1.1",
-    "@storybook/addon-interactions": "^8.1.1",
-    "@storybook/addon-links": "^8.1.1",
-    "@storybook/blocks": "^8.1.1",
-    "@storybook/react": "^8.1.1",
-    "@storybook/react-vite": "^8.1.1",
-    "@storybook/test": "^8.1.1",
-    "@storybook/test-runner": "^0.18.1",
-    "@testing-library/jest-dom": "^6.4.5",
-    "@testing-library/react": "^15.0.7",
-    "@types/node": "^20.12.12",
+    "@storybook/addon-a11y": "^8.2.4",
+    "@storybook/addon-actions": "^8.2.4",
+    "@storybook/addon-essentials": "^8.2.4",
+    "@storybook/addon-interactions": "^8.2.4",
+    "@storybook/addon-links": "^8.2.4",
+    "@storybook/blocks": "^8.2.4",
+    "@storybook/core-events": "^8.2.4",
+    "@storybook/manager-api": "^8.2.4",
+    "@storybook/preview-api": "^8.2.4",
+    "@storybook/react": "^8.2.4",
+    "@storybook/react-vite": "^8.2.4",
+    "@storybook/test": "^8.2.4",
+    "@storybook/test-runner": "^0.19.1",
+    "@storybook/theming": "^8.2.4",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/node": "^20.14.10",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@typescript-eslint/eslint-plugin": "^7.9.0",
     "@typescript-eslint/parser": "^7.9.0",
-    "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react": "^4.3.1",
     "anima-storybook-cli": "^0.13.1",
     "axe-playwright": "^2.0.1",
     "babel-loader": "^9.1.3",
@@ -106,23 +110,23 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-storybook": "^0.8.0",
-    "globby": "^14.0.1",
+    "globby": "^14.0.2",
     "http-server": "^14.1.1",
-    "jsdom": "^24.0.0",
+    "jsdom": "^24.1.0",
     "react": "^18.3.1",
     "react-docgen": "^7.0.3",
     "react-dom": "^18.3.1",
-    "react-intersection-observer": "^9.10.2",
+    "react-intersection-observer": "^9.13.0",
     "react-syntax-highlighter": "^15.5.0",
-    "sass": "^1.77.2",
-    "storybook": "^8.1.1",
+    "sass": "^1.77.8",
+    "storybook": "^8.2.4",
     "typescript": "^5.4.5",
-    "vite": "5.2.11",
+    "vite": "^5.3.4",
     "vite-plugin-dts": "^3.9.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-lib-inject-css": "^2.1.1",
     "vite-plugin-svgr": "^4.2.0",
-    "vitest": "^1.6.0"
+    "vitest": "^2.0.3"
   },
   "peerDependencies": {
     "classnames": "^2.5.1",

package/partials/index.js

@@ -10,8 +10,7 @@ var Yr = { exports: {} }, Je = {}, _r = { exports: {} }, m = {};
  */
 var vt;
 function Vt() {
-  if (vt)
-    return m;
+  if (vt) return m;
   vt = 1;
   var N = Symbol.for("react.element"), d = Symbol.for("react.portal"), J = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), pe = Symbol.for("react.profiler"), ne = Symbol.for("react.provider"), ae = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), $ = Symbol.for("react.suspense"), re = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), V = Symbol.iterator;
   function te(n) {
@@ -27,8 +26,7 @@ function Vt() {
     this.props = n, this.context = u, this.refs = $e, this.updater = g || X;
   }
   oe.prototype.isReactComponent = {}, oe.prototype.setState = function(n, u) {
-    if (typeof n != "object" && typeof n != "function" && n != null)
-      throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+    if (typeof n != "object" && typeof n != "function" && n != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
     this.updater.enqueueSetState(this, n, u, "setState");
   }, oe.prototype.forceUpdate = function(n) {
     this.updater.enqueueForceUpdate(this, n, "forceUpdate");
@@ -44,20 +42,14 @@ function Vt() {
   var ue = Array.isArray, U = Object.prototype.hasOwnProperty, G = { current: null }, fe = { key: !0, ref: !0, __self: !0, __source: !0 };
   function ve(n, u, g) {
     var b, E = {}, P = null, O = null;
-    if (u != null)
-      for (b in u.ref !== void 0 && (O = u.ref), u.key !== void 0 && (P = "" + u.key), u)
-        U.call(u, b) && !fe.hasOwnProperty(b) && (E[b] = u[b]);
+    if (u != null) for (b in u.ref !== void 0 && (O = u.ref), u.key !== void 0 && (P = "" + u.key), u) U.call(u, b) && !fe.hasOwnProperty(b) && (E[b] = u[b]);
     var T = arguments.length - 2;
-    if (T === 1)
-      E.children = g;
+    if (T === 1) E.children = g;
     else if (1 < T) {
-      for (var C = Array(T), M = 0; M < T; M++)
-        C[M] = arguments[M + 2];
+      for (var C = Array(T), M = 0; M < T; M++) C[M] = arguments[M + 2];
       E.children = C;
     }
-    if (n && n.defaultProps)
-      for (b in T = n.defaultProps, T)
-        E[b] === void 0 && (E[b] = T[b]);
+    if (n && n.defaultProps) for (b in T = n.defaultProps, T) E[b] === void 0 && (E[b] = T[b]);
     return { $$typeof: N, type: n, key: P, ref: O, props: E, _owner: G.current };
   }
   function Ce(n, u) {
@@ -80,41 +72,33 @@ function Vt() {
     var P = typeof n;
     (P === "undefined" || P === "boolean") && (n = null);
     var O = !1;
-    if (n === null)
-      O = !0;
-    else
-      switch (P) {
-        case "string":
-        case "number":
-          O = !0;
-          break;
-        case "object":
-          switch (n.$$typeof) {
-            case N:
-            case d:
-              O = !0;
-          }
-      }
-    if (O)
-      return O = n, E = E(O), n = b === "" ? "." + q(O, 0) : b, ue(E) ? (g = "", n != null && (g = n.replace(Te, "$&/") + "/"), Q(E, u, g, "", function(M) {
-        return M;
-      })) : E != null && (Se(E) && (E = Ce(E, g + (!E.key || O && O.key === E.key ? "" : ("" + E.key).replace(Te, "$&/") + "/") + n)), u.push(E)), 1;
-    if (O = 0, b = b === "" ? "." : b + ":", ue(n))
-      for (var T = 0; T < n.length; T++) {
-        P = n[T];
-        var C = b + q(P, T);
-        O += Q(P, u, g, C, E);
-      }
-    else if (C = te(n), typeof C == "function")
-      for (n = C.call(n), T = 0; !(P = n.next()).done; )
-        P = P.value, C = b + q(P, T++), O += Q(P, u, g, C, E);
-    else if (P === "object")
-      throw u = String(n), Error("Objects are not valid as a React child (found: " + (u === "[object Object]" ? "object with keys {" + Object.keys(n).join(", ") + "}" : u) + "). If you meant to render a collection of children, use an array instead.");
+    if (n === null) O = !0;
+    else switch (P) {
+      case "string":
+      case "number":
+        O = !0;
+        break;
+      case "object":
+        switch (n.$$typeof) {
+          case N:
+          case d:
+            O = !0;
+        }
+    }
+    if (O) return O = n, E = E(O), n = b === "" ? "." + q(O, 0) : b, ue(E) ? (g = "", n != null && (g = n.replace(Te, "$&/") + "/"), Q(E, u, g, "", function(M) {
+      return M;
+    })) : E != null && (Se(E) && (E = Ce(E, g + (!E.key || O && O.key === E.key ? "" : ("" + E.key).replace(Te, "$&/") + "/") + n)), u.push(E)), 1;
+    if (O = 0, b = b === "" ? "." : b + ":", ue(n)) for (var T = 0; T < n.length; T++) {
+      P = n[T];
+      var C = b + q(P, T);
+      O += Q(P, u, g, C, E);
+    }
+    else if (C = te(n), typeof C == "function") for (n = C.call(n), T = 0; !(P = n.next()).done; ) P = P.value, C = b + q(P, T++), O += Q(P, u, g, C, E);
+    else if (P === "object") throw u = String(n), Error("Objects are not valid as a React child (found: " + (u === "[object Object]" ? "object with keys {" + Object.keys(n).join(", ") + "}" : u) + "). If you meant to render a collection of children, use an array instead.");
     return O;
   }
   function Y(n, u, g) {
-    if (n == null)
-      return n;
+    if (n == null) return n;
     var b = [], E = 0;
     return Q(n, b, "", "", function(P) {
       return u.call(g, P, E++);
@@ -129,8 +113,7 @@ function Vt() {
         (n._status === 0 || n._status === -1) && (n._status = 2, n._result = g);
       }), n._status === -1 && (n._status = 0, n._result = u);
     }
-    if (n._status === 1)
-      return n._result.default;
+    if (n._status === 1) return n._result.default;
     throw n._result;
   }
   var l = { current: null }, le = { transition: null }, Oe = { ReactCurrentDispatcher: l, ReactCurrentBatchConfig: le, ReactCurrentOwner: G };
@@ -151,26 +134,20 @@ function Vt() {
       return u;
     }) || [];
   }, only: function(n) {
-    if (!Se(n))
-      throw Error("React.Children.only expected to receive a single React element child.");
+    if (!Se(n)) throw Error("React.Children.only expected to receive a single React element child.");
     return n;
   } }, m.Component = oe, m.Fragment = J, m.Profiler = pe, m.PureComponent = A, m.StrictMode = H, m.Suspense = $, m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Oe, m.act = ye, m.cloneElement = function(n, u, g) {
-    if (n == null)
-      throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + n + ".");
+    if (n == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + n + ".");
     var b = ce({}, n.props), E = n.key, P = n.ref, O = n._owner;
     if (u != null) {
-      if (u.ref !== void 0 && (P = u.ref, O = G.current), u.key !== void 0 && (E = "" + u.key), n.type && n.type.defaultProps)
-        var T = n.type.defaultProps;
-      for (C in u)
-        U.call(u, C) && !fe.hasOwnProperty(C) && (b[C] = u[C] === void 0 && T !== void 0 ? T[C] : u[C]);
+      if (u.ref !== void 0 && (P = u.ref, O = G.current), u.key !== void 0 && (E = "" + u.key), n.type && n.type.defaultProps) var T = n.type.defaultProps;
+      for (C in u) U.call(u, C) && !fe.hasOwnProperty(C) && (b[C] = u[C] === void 0 && T !== void 0 ? T[C] : u[C]);
     }
     var C = arguments.length - 2;
-    if (C === 1)
-      b.children = g;
+    if (C === 1) b.children = g;
     else if (1 < C) {
       T = Array(C);
-      for (var M = 0; M < C; M++)
-        T[M] = arguments[M + 2];
+      for (var M = 0; M < C; M++) T[M] = arguments[M + 2];
       b.children = T;
     }
     return { $$typeof: N, type: n.type, key: E, ref: P, props: b, _owner: O };
@@ -671,18 +648,17 @@ function Yt() {
             k != null && (j = he(k) + "/"), Ee(R, r, j, "", function(Nt) {
               return Nt;
             });
-          } else
-            R != null && (Re(R) && (R.key && (!y || y.key !== R.key) && ke(R.key), R = Cr(
-              R,
-              // Keep both the (mapped) and old keys if they differ, just as
-              // traverseAllChildren used to do for objects as children
-              a + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
-              (R.key && (!y || y.key !== R.key) ? (
-                // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
-                // eslint-disable-next-line react-internal/safe-string-coercion
-                he("" + R.key) + "/"
-              ) : "") + k
-            )), r.push(R));
+          } else R != null && (Re(R) && (R.key && (!y || y.key !== R.key) && ke(R.key), R = Cr(
+            R,
+            // Keep both the (mapped) and old keys if they differ, just as
+            // traverseAllChildren used to do for objects as children
+            a + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
+            (R.key && (!y || y.key !== R.key) ? (
+              // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
+              // eslint-disable-next-line react-internal/safe-string-coercion
+              he("" + R.key) + "/"
+            ) : "") + k
+          )), r.push(R));
           return 1;
         }
         var x, D, W = 0, z = o === "" ? or : o + Tr;
@@ -1512,18 +1488,14 @@ function _t() {
  */
 var mt;
 function Bt() {
-  if (mt)
-    return Je;
+  if (mt) return Je;
   mt = 1;
   var N = _t(), d = Symbol.for("react.element"), J = Symbol.for("react.fragment"), H = Object.prototype.hasOwnProperty, pe = N.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ne = { key: !0, ref: !0, __self: !0, __source: !0 };
   function ae(ee, $, re) {
     var L, V = {}, te = null, X = null;
     re !== void 0 && (te = "" + re), $.key !== void 0 && (te = "" + $.key), $.ref !== void 0 && (X = $.ref);
-    for (L in $)
-      H.call($, L) && !ne.hasOwnProperty(L) && (V[L] = $[L]);
-    if (ee && ee.defaultProps)
-      for (L in $ = ee.defaultProps, $)
-        V[L] === void 0 && (V[L] = $[L]);
+    for (L in $) H.call($, L) && !ne.hasOwnProperty(L) && (V[L] = $[L]);
+    if (ee && ee.defaultProps) for (L in $ = ee.defaultProps, $) V[L] === void 0 && (V[L] = $[L]);
     return { $$typeof: d, type: ee, key: te, ref: X, props: V, _owner: pe.current };
   }
   return Je.Fragment = J, Je.jsx = ae, Je.jsxs = ae, Je;