highsoft-ui 1.0.44 → 1.0.46

package/dist/components/Button/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-OuTLNxxd.js";
-import { B as i } from "../../index-BIyJbk_U.js";
+import { B as i } from "../../index-DKE1ODpv.js";
 export {
   i as Button
 };

package/dist/components/Header/index.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as o, Fragment as I } from "react/jsx-runtime";
 import { useState as S, useEffect as q } from "react";
 import { J as z } from "../../index-CMegByeX.js";
-import { _ as d, B as l } from "../../index-BIyJbk_U.js";
-import { N as J, X as A } from "../../index-C5TH1DPz.js";
+import { _ as d, B as l } from "../../index-DKE1ODpv.js";
+import { N as J, X as A } from "../../index-BFhQ-SSv.js";
 import { c as g } from "../../clsx-OuTLNxxd.js";
 import { Container as O } from "../Container/index.js";
 import { ThemedLogo as L } from "../Logo/index.js";

package/dist/components/Notification/index.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
-import { N as f } from "../../index-C5TH1DPz.js";
+import { N as f } from "../../index-BFhQ-SSv.js";
 import "../../clsx-OuTLNxxd.js";
-import "../../index-BIyJbk_U.js";
+import "../../index-DKE1ODpv.js";
 import "../Container/index.js";
 export {
   f as Notification

package/dist/components/PrefPanel/index.js

@@ -2,7 +2,7 @@ import { jsx as C, jsxs as Q, Fragment as Ut } from "react/jsx-runtime";
 import { z as Qn } from "../../index-CMegByeX.js";
 import * as a from "react";
 import { useState as Jn, useLayoutEffect as er } from "react";
-import { _ as be, B as tr } from "../../index-BIyJbk_U.js";
+import { _ as be, B as tr } from "../../index-DKE1ODpv.js";
 import { c as nr } from "../../clsx-OuTLNxxd.js";
 import { useMounted as rr } from "../../utils.js";
 import * as zt from "react-dom";
@@ -2947,50 +2947,58 @@ function vs() {
       /* @__PURE__ */ C(ar, {}),
       /* @__PURE__ */ C(Ji, { className: ge.anchor })
     ] }) }),
-    /* @__PURE__ */ C(ts, { children: /* @__PURE__ */ C(ns, { sideOffset: 8, className: ge.container, children: r && /* @__PURE__ */ Q(Ut, { children: [
-      /* @__PURE__ */ C("span", { children: "Appearance" }),
-      /* @__PURE__ */ Q(
-        Qe,
-        {
-          id: "system",
-          name: "theme",
-          checked: e === "system",
-          onChange: () => n("system"),
-          children: [
-            /* @__PURE__ */ C(sr, {}),
-            "Auto (",
-            t,
-            ")"
-          ]
-        }
-      ),
-      /* @__PURE__ */ Q(
-        Qe,
-        {
-          id: "light",
-          name: "theme",
-          checked: e === "light",
-          onChange: () => n("light"),
-          children: [
-            /* @__PURE__ */ C(lr, {}),
-            "Light"
-          ]
-        }
-      ),
-      /* @__PURE__ */ Q(
-        Qe,
-        {
-          id: "dark",
-          name: "theme",
-          checked: e === "dark",
-          onChange: () => n("dark"),
-          children: [
-            /* @__PURE__ */ C(cr, {}),
-            "Dark"
-          ]
-        }
-      )
-    ] }) }) })
+    /* @__PURE__ */ C(ts, { children: /* @__PURE__ */ C(
+      ns,
+      {
+        sideOffset: 8,
+        hideWhenDetached: !0,
+        className: ge.container,
+        children: r && /* @__PURE__ */ Q(Ut, { children: [
+          /* @__PURE__ */ C("span", { children: "Appearance" }),
+          /* @__PURE__ */ Q(
+            Qe,
+            {
+              id: "system",
+              name: "theme",
+              checked: e === "system",
+              onChange: () => n("system"),
+              children: [
+                /* @__PURE__ */ C(sr, {}),
+                "Auto (",
+                t,
+                ")"
+              ]
+            }
+          ),
+          /* @__PURE__ */ Q(
+            Qe,
+            {
+              id: "light",
+              name: "theme",
+              checked: e === "light",
+              onChange: () => n("light"),
+              children: [
+                /* @__PURE__ */ C(lr, {}),
+                "Light"
+              ]
+            }
+          ),
+          /* @__PURE__ */ Q(
+            Qe,
+            {
+              id: "dark",
+              name: "theme",
+              checked: e === "dark",
+              onChange: () => n("dark"),
+              children: [
+                /* @__PURE__ */ C(cr, {}),
+                "Dark"
+              ]
+            }
+          )
+        ] })
+      }
+    ) })
   ] });
 }
 export {

package/dist/{index-C5TH1DPz.js → index-BFhQ-SSv.js}

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as r } from "react/jsx-runtime";
 import "react";
-import { _ as c, B as l } from "./index-BIyJbk_U.js";
+import { _ as c, B as l } from "./index-DKE1ODpv.js";
 import { c as _ } from "./clsx-OuTLNxxd.js";
 import { Container as d } from "./components/Container/index.js";
 var f = function(i) {

package/dist/{index-BIyJbk_U.js → index-DKE1ODpv.js}

@@ -63,6 +63,7 @@ const f = "_button_1d72z_270", h = "_content_1d72z_312", b = "_neutral_1d72z_318
     i,
     {
       className: g(
+        "hsui-button",
         c,
         t.button,
         t[n],

package/dist/main.js

@@ -1,10 +1,10 @@
 import { J as e, z as t } from "./index-CMegByeX.js";
-import { B as m } from "./index-BIyJbk_U.js";
+import { B as m } from "./index-DKE1ODpv.js";
 import { Container as p } from "./components/Container/index.js";
 import { GPTInput as n } from "./components/GPTInput/index.js";
 import { Header as s, SubHeader as u } from "./components/Header/index.js";
 import { Logo as d } from "./components/Logo/index.js";
-import { N as h } from "./index-C5TH1DPz.js";
+import { N as h } from "./index-BFhQ-SSv.js";
 import { PrefPanel as H } from "./components/PrefPanel/index.js";
 export {
   m as Button,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.44",
+  "version": "1.0.46",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",