@midas-ds/components 10.1.1 → 10.2.0

package/ColorSchemeSwitch-CbAWIJCg.js

@@ -0,0 +1,106 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import * as d from "react";
+import { a as h, T as a } from "./ToggleButtonGroup-Ceh9_yBM.js";
+import { c as s } from "./createLucideIcon-DeWljiyi.js";
+import { $ as r } from "./VisuallyHidden-D-4z1VgU.js";
+import './assets/ColorSchemeSwitch.css';/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const p = s("Laptop", [
+  [
+    "path",
+    {
+      d: "M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16",
+      key: "tarvll"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const u = s("Moon", [
+  ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const y = s("Sun", [
+  ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "m4.93 4.93 1.41 1.41", key: "149t6j" }],
+  ["path", { d: "m17.66 17.66 1.41 1.41", key: "ptbguv" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
+  ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
+]), k = "_button_1dy1i_1", c = {
+  button: k
+}, b = ({
+  selector: o = "body",
+  defaultValue: i = /* @__PURE__ */ new Set(["light dark"])
+}) => {
+  const [n, m] = d.useState(i);
+  return d.useEffect(() => {
+    const l = document.querySelector(o);
+    l ? l.style.setProperty(
+      "color-scheme",
+      Array.from(n).join(" ")
+    ) : console.warn(`No element found for selector: "${o}"`);
+  }, [n, o]), /* @__PURE__ */ t(
+    h,
+    {
+      selectionMode: "single",
+      selectedKeys: n,
+      onSelectionChange: m,
+      disallowEmptySelection: !0,
+      children: [
+        /* @__PURE__ */ t(
+          a,
+          {
+            id: "light dark",
+            className: c.button,
+            children: [
+              /* @__PURE__ */ e(p, {}),
+              /* @__PURE__ */ e(r, { children: "Systeminställning" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          a,
+          {
+            id: "light",
+            className: c.button,
+            children: [
+              /* @__PURE__ */ e(y, {}),
+              /* @__PURE__ */ e(r, { children: "Ljust läge" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          a,
+          {
+            id: "dark",
+            className: c.button,
+            children: [
+              /* @__PURE__ */ e(u, {}),
+              /* @__PURE__ */ e(r, { children: "Mörkt läge" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  b as C
+};

package/ColorSchemeSwitch-JRrCyYVv.cjs

@@ -0,0 +1,16 @@
+"use strict";require('./assets/ColorSchemeSwitch.css');const e=require("react/jsx-runtime"),u=require("react"),r=require("./ToggleButtonGroup-BuU_6dYe.cjs"),l=require("./createLucideIcon-DAY4oS-S.cjs"),s=require("./VisuallyHidden-CtXvK_Tw.cjs");function h(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const i=h(u);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const p=l.createLucideIcon("Laptop",[["path",{d:"M20 16V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v9m16 0H4m16 0 1.28 2.55a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45L4 16",key:"tarvll"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const m=l.createLucideIcon("Moon",[["path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z",key:"a7tn18"}]]);/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const g=l.createLucideIcon("Sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]]),y="_button_1dy1i_1",a={button:y},f=({selector:t="body",defaultValue:c=new Set(["light dark"])})=>{const[o,n]=i.useState(c);return i.useEffect(()=>{const d=document.querySelector(t);d?d.style.setProperty("color-scheme",Array.from(o).join(" ")):console.warn(`No element found for selector: "${t}"`)},[o,t]),e.jsxs(r.ToggleButtonGroup,{selectionMode:"single",selectedKeys:o,onSelectionChange:n,disallowEmptySelection:!0,children:[e.jsxs(r.ToggleButton,{id:"light dark",className:a.button,children:[e.jsx(p,{}),e.jsx(s.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:"Systeminställning"})]}),e.jsxs(r.ToggleButton,{id:"light",className:a.button,children:[e.jsx(g,{}),e.jsx(s.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:"Ljust läge"})]}),e.jsxs(r.ToggleButton,{id:"dark",className:a.button,children:[e.jsx(m,{}),e.jsx(s.$5c3e21d68f1c4674$export$439d29a4e110a164,{children:"Mörkt läge"})]})]})};exports.ColorSchemeSwitch=f;