jclib-ui 1.0.95 → 1.0.97

package/dist/jclib-ui.es.js

@@ -8066,8 +8066,6 @@ const ContainerFixed = styled.div`
   display: grid;
   place-items: center;
 
-  animation: FadeIn 0.2s both;
-
   & > .mod-panel {
     background-color: var(--pn-color);
     border: 1px solid var(--pn-color);
@@ -19202,17 +19200,20 @@ const Container$1 = styled.div`
   --toggle-color-white: #fff;
   --toggle-color-text: var(--bs-body-color);
 
-  display: flex;
-  align-items: center;
   user-select: none;
   margin: 2px 0;
 
-  .toggle {
-    display: inline-flex;
-    align-items: center;
+  & > label {
+    display: flex;
+    align-items: flex-start;
     gap: 5px;
 
     cursor: ${(props) => !props.disabled ? "pointer" : "default"};
+
+    & > div {
+      margin-top: 3px;
+      margin-right: -5px;
+    }
   }
 
   input {
@@ -19254,39 +19255,28 @@ function Toggle({
       });
     }
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Container$1,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Container$1, { checked, disabled, className, ...rest, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "label",
     {
-      checked,
-      disabled,
-      className: `form-switch ${className}`,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "label",
-        {
-          className: "toggle",
-          style: {
-            flexDirection: toRight ? "row-reverse" : "row",
-            justifyContent: toRight ? "space-between" : "flex-start",
-            alignItems: toRight ? "flex-start" : "center"
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                disabled,
-                type: "checkbox",
-                className: "form-check-input",
-                checked,
-                onChange: handleClick
-              }
-            ),
-            children && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "title", children })
-          ]
-        }
-      )
+      style: {
+        flexDirection: toRight ? "row-reverse" : "row",
+        justifyContent: toRight ? "space-between" : "flex-start"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "form-switch", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "input",
+          {
+            disabled,
+            type: "checkbox",
+            className: "form-check-input",
+            checked,
+            onChange: handleClick
+          }
+        ) }),
+        children && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "title", children })
+      ]
     }
-  );
+  ) });
 }
 const Container = styled.div`
   --margin-up: 15px;