@mayank1513/nthul/dist/client/color-switch/index.js

Unleash the Power of React Server Components! Use multiple themes on your site with confidence, without losing any advantages of React Server Components.

"use client";
"use strict";var a=Object.create;var m=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,y=Object.prototype.hasOwnProperty;var u=(e,r)=>{for(var t in r)m(e,t,{get:r[t],enumerable:!0})},h=(e,r,t,s)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of P(r))!y.call(e,o)&&o!==t&&m(e,o,{get:()=>r[o],enumerable:!(s=C(r,o))||s.enumerable});return e};var g=(e,r,t)=>(t=e!=null?a(T(e)):{},h(r||!e||!e.__esModule?m(t,"default",{value:e,enumerable:!0}):t,e)),k=e=>h(m({},"__esModule",{value:!0}),e);var v={};u(v,{ColorSwitch:()=>b});module.exports=k(v);var l=g(require("r18gs")),d="nthul",x={c:"system",s:"light",t:""},i=e=>(0,l.default)(e!=null?e:d,x);var S=e=>{let[r,t]=i(e),{c:s,s:o,t:n}=r;return{theme:n,colorSchemePreference:s,systemColorScheme:o,resolvedColorScheme:s==="system"?o:s,setColorSchemePreference:c=>{t({...r,c})},setTheme:c=>{t({...r,t:c})}}};var f=require("react/jsx-runtime"),b=({targetId:e,skipSystem:r,size:t,...s})=>{let{setColorSchemePreference:o,resolvedColorScheme:n,colorSchemePreference:c}=S(e),p=()=>{switch(c){case"dark":o("light");break;case"light":o(r?"dark":"system");break;case"system":default:o("dark");break}};return(0,f.jsx)("button",{className:["nthul--color-switch",n,c==="system"?"system":""].join(" "),...s,onClick:p,style:{"--size":`${t}px`},type:"button"})};0&&(module.exports={ColorSwitch});