@kurocado-studio/systemhaus-react 1.1.0-develop.3 → 1.1.0-develop.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/exports.js CHANGED
@@ -1,4 +1,4 @@
1
- import{default as v}from"react";import{get as K}from"lodash-es";function w(r,o){(o==null||o>r.length)&&(o=r.length);for(var e=0,a=new Array(o);e<o;e++)a[e]=r[e];return a}function P(r){if(Array.isArray(r))return r}function _(r,o){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var a=[],i=!0,n=!1,t,s;try{for(e=e.call(r);!(i=(t=e.next()).done)&&(a.push(t.value),!(o&&a.length===o));i=!0);}catch(u){n=!0,s=u}finally{try{!i&&e.return!=null&&e.return()}finally{if(n)throw s}}return a}}function S(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(r,o){return P(r)||_(r,o)||M(r,o)||S()}function M(r,o){if(r){if(typeof r=="string")return w(r,o);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(e);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(r,o)}}var E={dimension:{0:"var(--dimension-0)",1:"var(--dimension-1)",2:"var(--dimension-2)",3:"var(--dimension-3)",4:"var(--dimension-4)",5:"var(--dimension-5)",6:"var(--dimension-6)",7:"var(--dimension-7)",8:"var(--dimension-8)",9:"var(--dimension-9)",10:"var(--dimension-10)",11:"var(--dimension-11)",12:"var(--dimension-12)",13:"var(--dimension-13)",14:"var(--dimension-14)",15:"var(--dimension-15)",16:"var(--dimension-16)",17:"var(--dimension-17)",18:"var(--dimension-18)",19:"var(--dimension-19)",20:"var(--dimension-20)",21:"var(--dimension-21)",22:"var(--dimension-22)",23:"var(--dimension-23)",24:"var(--dimension-24)",25:"var(--dimension-25)",26:"var(--dimension-26)",27:"var(--dimension-27)",28:"var(--dimension-28)",29:"var(--dimension-29)",30:"var(--dimension-30)",31:"var(--dimension-31)",32:"var(--dimension-32)",33:"var(--dimension-33)",34:"var(--dimension-34)",35:"var(--dimension-35)",36:"var(--dimension-36)",37:"var(--dimension-37)",38:"var(--dimension-38)",39:"var(--dimension-39)",40:"var(--dimension-40)",41:"var(--dimension-41)",42:"var(--dimension-42)",43:"var(--dimension-43)",44:"var(--dimension-44)",45:"var(--dimension-45)",46:"var(--dimension-46)",47:"var(--dimension-47)",48:"var(--dimension-48)",49:"var(--dimension-49)",50:"var(--dimension-50)",51:"var(--dimension-51)",52:"var(--dimension-52)",53:"var(--dimension-53)",54:"var(--dimension-54)",55:"var(--dimension-55)",56:"var(--dimension-56)",57:"var(--dimension-57)",58:"var(--dimension-58)",59:"var(--dimension-59)",60:"var(--dimension-60)",61:"var(--dimension-61)",62:"var(--dimension-62)",63:"var(--dimension-63)",64:"var(--dimension-64)",65:"var(--dimension-65)",66:"var(--dimension-66)",67:"var(--dimension-67)",68:"var(--dimension-68)",69:"var(--dimension-69)",70:"var(--dimension-70)",71:"var(--dimension-71)",72:"var(--dimension-72)",73:"var(--dimension-73)",74:"var(--dimension-74)",75:"var(--dimension-75)",76:"var(--dimension-76)",77:"var(--dimension-77)",78:"var(--dimension-78)",79:"var(--dimension-79)",80:"var(--dimension-80)",81:"var(--dimension-81)",82:"var(--dimension-82)",83:"var(--dimension-83)",84:"var(--dimension-84)",85:"var(--dimension-85)",86:"var(--dimension-86)",87:"var(--dimension-87)",88:"var(--dimension-88)",89:"var(--dimension-89)",90:"var(--dimension-90)",91:"var(--dimension-91)",92:"var(--dimension-92)",93:"var(--dimension-93)",94:"var(--dimension-94)",95:"var(--dimension-95)",96:"var(--dimension-96)",97:"var(--dimension-97)",98:"var(--dimension-98)",99:"var(--dimension-99)",100:"var(--dimension-100)",sm:"var(--dimension-sm)",lg:"var(--dimension-lg)",xl:"var(--dimension-xl)",px:"var(--dimension-px)","rounded-none":"var(--dimension-rounded-none)","rounded-sm":"var(--dimension-rounded-sm)","rounded-default":"var(--dimension-rounded-default)","rounded-md":"var(--dimension-rounded-md)","rounded-lg":"var(--dimension-rounded-lg)","rounded-xl":"var(--dimension-rounded-xl)","rounded-2xl":"var(--dimension-rounded-2xl)","rounded-3xl":"var(--dimension-rounded-3xl)","rounded-full":"var(--dimension-rounded-full)",default:"var(--dimension-default)","2xs":"var(--dimension-2xs)",xs:"var(--dimension-xs)",md:"var(--dimension-md)","2xl":"var(--dimension-2xl)",rem_base:"var(--dimension-rem_base)"},fontSize:{xs:"var(--font-size-xs)",sm:"var(--font-size-sm)",base:"var(--font-size-base)",lg:"var(--font-size-lg)",xl:"var(--font-size-xl)","2xl":"var(--font-size-2xl)","3xl":"var(--font-size-3xl)","4xl":"var(--font-size-4xl)","5xl":"var(--font-size-5xl)","6xl":"var(--font-size-6xl)","7xl":"var(--font-size-7xl)","8xl":"var(--font-size-8xl)","9xl":"var(--font-size-9xl)"},fontFamily:{body:"var(--font-family-body)",sans:"var(--font-family-sans)",display:"var(--font-family-display)"},fontWeight:{thin:"var(--font-weight-thin)",extralight:"var(--font-weight-extralight)",light:"var(--font-weight-light)",normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)",extrabold:"var(--font-weight-extrabold)",black:"var(--font-weight-black)"},color:{gray:{50:"var(--color-gray-50)",100:"var(--color-gray-100)",200:"var(--color-gray-200)",300:"var(--color-gray-300)",400:"var(--color-gray-400)",500:"var(--color-gray-500)",600:"var(--color-gray-600)",700:"var(--color-gray-700)",800:"var(--color-gray-800)",900:"var(--color-gray-900)"},coolGray:{50:"var(--color-coolGray-50)",100:"var(--color-coolGray-100)",200:"var(--color-coolGray-200)",300:"var(--color-coolGray-300)",400:"var(--color-coolGray-400)",500:"var(--color-coolGray-500)",600:"var(--color-coolGray-600)",700:"var(--color-coolGray-700)",800:"var(--color-coolGray-800)",900:"var(--color-coolGray-900)"},trueGray:{50:"var(--color-trueGray-50)",200:"var(--color-trueGray-200)",300:"var(--color-trueGray-300)",400:"var(--color-trueGray-400)",500:"var(--color-trueGray-500)",600:"var(--color-trueGray-600)",700:"var(--color-trueGray-700)",800:"var(--color-trueGray-800)",900:"var(--color-trueGray-900)"},warmGray:{50:"var(--color-warmGray-50)",100:"var(--color-warmGray-100)",200:"var(--color-warmGray-200)",300:"var(--color-warmGray-300)",400:"var(--color-warmGray-400)",500:"var(--color-warmGray-500)",600:"var(--color-warmGray-600)",700:"var(--color-warmGray-700)",800:"var(--color-warmGray-800)",900:"var(--color-warmGray-900)"},red:{50:"var(--color-red-50)",100:"var(--color-red-100)",200:"var(--color-red-200)",300:"var(--color-red-300)",400:"var(--color-red-400)",500:"var(--color-red-500)",600:"var(--color-red-600)",700:"var(--color-red-700)",800:"var(--color-red-800)",900:"var(--color-red-900)"},orange:{50:"var(--color-orange-50)",100:"var(--color-orange-100)",200:"var(--color-orange-200)",300:"var(--color-orange-300)",400:"var(--color-orange-400)",500:"var(--color-orange-500)",600:"var(--color-orange-600)",700:"var(--color-orange-700)",800:"var(--color-orange-800)",900:"var(--color-orange-900)"},amber:{50:"var(--color-amber-50)",100:"var(--color-amber-100)",200:"var(--color-amber-200)",300:"var(--color-amber-300)",400:"var(--color-amber-400)",500:"var(--color-amber-500)",600:"var(--color-amber-600)",700:"var(--color-amber-700)",800:"var(--color-amber-800)",900:"var(--color-amber-900)"},yellow:{50:"var(--color-yellow-50)",100:"var(--color-yellow-100)",200:"var(--color-yellow-200)",300:"var(--color-yellow-300)",400:"var(--color-yellow-400)",500:"var(--color-yellow-500)",600:"var(--color-yellow-600)",700:"var(--color-yellow-700)",800:"var(--color-yellow-800)",900:"var(--color-yellow-900)"},lime:{50:"var(--color-lime-50)",100:"var(--color-lime-100)",200:"var(--color-lime-200)",300:"var(--color-lime-300)",400:"var(--color-lime-400)",500:"var(--color-lime-500)",600:"var(--color-lime-600)",700:"var(--color-lime-700)",800:"var(--color-lime-800)",900:"var(--color-lime-900)"},green:{50:"var(--color-green-50)",100:"var(--color-green-100)",200:"var(--color-green-200)",300:"var(--color-green-300)",400:"var(--color-green-400)",500:"var(--color-green-500)",600:"var(--color-green-600)",700:"var(--color-green-700)",800:"var(--color-green-800)",900:"var(--color-green-900)"},emerald:{50:"var(--color-emerald-50)",100:"var(--color-emerald-100)",200:"var(--color-emerald-200)",300:"var(--color-emerald-300)",400:"var(--color-emerald-400)",500:"var(--color-emerald-500)",600:"var(--color-emerald-600)",700:"var(--color-emerald-700)",800:"var(--color-emerald-800)",900:"var(--color-emerald-900)"},teal:{50:"var(--color-teal-50)",100:"var(--color-teal-100)",200:"var(--color-teal-200)",300:"var(--color-teal-300)",400:"var(--color-teal-400)",500:"var(--color-teal-500)",600:"var(--color-teal-600)",700:"var(--color-teal-700)",800:"var(--color-teal-800)",900:"var(--color-teal-900)"},cyan:{50:"var(--color-cyan-50)",100:"var(--color-cyan-100)",200:"var(--color-cyan-200)",300:"var(--color-cyan-300)",400:"var(--color-cyan-400)",500:"var(--color-cyan-500)",600:"var(--color-cyan-600)",700:"var(--color-cyan-700)",800:"var(--color-cyan-800)",900:"var(--color-cyan-900)"},lightBlue:{50:"var(--color-lightBlue-50)",100:"var(--color-lightBlue-100)",200:"var(--color-lightBlue-200)",300:"var(--color-lightBlue-300)",400:"var(--color-lightBlue-400)",500:"var(--color-lightBlue-500)",600:"var(--color-lightBlue-600)",700:"var(--color-lightBlue-700)",800:"var(--color-lightBlue-800)",900:"var(--color-lightBlue-900)"},blue:{50:"var(--color-blue-50)",100:"var(--color-blue-100)",200:"var(--color-blue-200)",300:"var(--color-blue-300)",400:"var(--color-blue-400)",500:"var(--color-blue-500)",600:"var(--color-blue-600)",700:"var(--color-blue-700)",800:"var(--color-blue-800)",900:"var(--color-blue-900)"},indigo:{50:"var(--color-indigo-50)",100:"var(--color-indigo-100)",200:"var(--color-indigo-200)",300:"var(--color-indigo-300)",400:"var(--color-indigo-400)",500:"var(--color-indigo-500)",600:"var(--color-indigo-600)",700:"var(--color-indigo-700)",800:"var(--color-indigo-800)",900:"var(--color-indigo-900)"},violet:{50:"var(--color-violet-50)",100:"var(--color-violet-100)",200:"var(--color-violet-200)",300:"var(--color-violet-300)",400:"var(--color-violet-400)",500:"var(--color-violet-500)",600:"var(--color-violet-600)",700:"var(--color-violet-700)",800:"var(--color-violet-800)",900:"var(--color-violet-900)"},purple:{50:"var(--color-purple-50)",100:"var(--color-purple-100)",200:"var(--color-purple-200)",300:"var(--color-purple-300)",400:"var(--color-purple-400)",500:"var(--color-purple-500)",600:"var(--color-purple-600)",700:"var(--color-purple-700)",800:"var(--color-purple-800)",900:"var(--color-purple-900)"},fuschia:{50:"var(--color-fuschia-50)",100:"var(--color-fuschia-100)",200:"var(--color-fuschia-200)",300:"var(--color-fuschia-300)",400:"var(--color-fuschia-400)",500:"var(--color-fuschia-500)",600:"var(--color-fuschia-600)",700:"var(--color-fuschia-700)",800:"var(--color-fuschia-800)",900:"var(--color-fuschia-900)"},pink:{50:"var(--color-pink-50)",100:"var(--color-pink-100)",200:"var(--color-pink-200)",300:"var(--color-pink-300)",400:"var(--color-pink-400)",500:"var(--color-pink-500)",600:"var(--color-pink-600)",700:"var(--color-pink-700)",800:"var(--color-pink-800)",900:"var(--color-pink-900)"},rose:{50:"var(--color-rose-50)",100:"var(--color-rose-100)",200:"var(--color-rose-200)",300:"var(--color-rose-300)",400:"var(--color-rose-400)",500:"var(--color-rose-500)",600:"var(--color-rose-600)",700:"var(--color-rose-700)",800:"var(--color-rose-800)",900:"var(--color-rose-900)"},black:"var(--color-black)",white:"var(--color-white)"},borderRadius:{},extend:{colors:{"card-root-bg-default":"var(--color-white)","dark:card-root-bg-default":"var(--color-black)","card-root-fg-default":"var(--color-gray-900)","dark:card-root-fg-default":"var(--color-black)"},spacing:{"card-root-padding-default":"var(--dimension-8)"},borderRadius:{"card-root-radius-default":"var(--dimension-8)"}}};function G(){var r=document.documentElement,o=r.classList.contains("dark");r.classList.toggle("dark",!o)}var k="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function V(r,o){var e=r??document.querySelector(k);return e||(e=document.createElement("style"),e.id=k),e.textContent=`:root {
2
- `.concat(Object.entries(o).map(function(a){var i=N(a,2),n=i[0],t=i[1];return typeof t=="string"?"".concat(n,": ").concat(t,";"):""}).join(`
1
+ import{default as m}from"react";import{get as or}from"lodash-es";function C(r,o){(o==null||o>r.length)&&(o=r.length);for(var e=0,a=new Array(o);e<o;e++)a[e]=r[e];return a}function M(r){if(Array.isArray(r))return r}function V(r,o){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var a=[],i=!0,s=!1,t,l;try{for(e=e.call(r);!(i=(t=e.next()).done)&&(a.push(t.value),!(o&&a.length===o));i=!0);}catch(p){s=!0,l=p}finally{try{!i&&e.return!=null&&e.return()}finally{if(s)throw l}}return a}}function z(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(r,o){return M(r)||V(r,o)||B(r,o)||z()}function B(r,o){if(r){if(typeof r=="string")return C(r,o);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(e);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return C(r,o)}}var A={dimension:{0:"var(--dimension-0)",1:"var(--dimension-1)",2:"var(--dimension-2)",3:"var(--dimension-3)",4:"var(--dimension-4)",5:"var(--dimension-5)",6:"var(--dimension-6)",7:"var(--dimension-7)",8:"var(--dimension-8)",9:"var(--dimension-9)",10:"var(--dimension-10)",11:"var(--dimension-11)",12:"var(--dimension-12)",13:"var(--dimension-13)",14:"var(--dimension-14)",15:"var(--dimension-15)",16:"var(--dimension-16)",17:"var(--dimension-17)",18:"var(--dimension-18)",19:"var(--dimension-19)",20:"var(--dimension-20)",21:"var(--dimension-21)",22:"var(--dimension-22)",23:"var(--dimension-23)",24:"var(--dimension-24)",25:"var(--dimension-25)",26:"var(--dimension-26)",27:"var(--dimension-27)",28:"var(--dimension-28)",29:"var(--dimension-29)",30:"var(--dimension-30)",31:"var(--dimension-31)",32:"var(--dimension-32)",33:"var(--dimension-33)",34:"var(--dimension-34)",35:"var(--dimension-35)",36:"var(--dimension-36)",37:"var(--dimension-37)",38:"var(--dimension-38)",39:"var(--dimension-39)",40:"var(--dimension-40)",41:"var(--dimension-41)",42:"var(--dimension-42)",43:"var(--dimension-43)",44:"var(--dimension-44)",45:"var(--dimension-45)",46:"var(--dimension-46)",47:"var(--dimension-47)",48:"var(--dimension-48)",49:"var(--dimension-49)",50:"var(--dimension-50)",51:"var(--dimension-51)",52:"var(--dimension-52)",53:"var(--dimension-53)",54:"var(--dimension-54)",55:"var(--dimension-55)",56:"var(--dimension-56)",57:"var(--dimension-57)",58:"var(--dimension-58)",59:"var(--dimension-59)",60:"var(--dimension-60)",61:"var(--dimension-61)",62:"var(--dimension-62)",63:"var(--dimension-63)",64:"var(--dimension-64)",65:"var(--dimension-65)",66:"var(--dimension-66)",67:"var(--dimension-67)",68:"var(--dimension-68)",69:"var(--dimension-69)",70:"var(--dimension-70)",71:"var(--dimension-71)",72:"var(--dimension-72)",73:"var(--dimension-73)",74:"var(--dimension-74)",75:"var(--dimension-75)",76:"var(--dimension-76)",77:"var(--dimension-77)",78:"var(--dimension-78)",79:"var(--dimension-79)",80:"var(--dimension-80)",81:"var(--dimension-81)",82:"var(--dimension-82)",83:"var(--dimension-83)",84:"var(--dimension-84)",85:"var(--dimension-85)",86:"var(--dimension-86)",87:"var(--dimension-87)",88:"var(--dimension-88)",89:"var(--dimension-89)",90:"var(--dimension-90)",91:"var(--dimension-91)",92:"var(--dimension-92)",93:"var(--dimension-93)",94:"var(--dimension-94)",95:"var(--dimension-95)",96:"var(--dimension-96)",97:"var(--dimension-97)",98:"var(--dimension-98)",99:"var(--dimension-99)",100:"var(--dimension-100)",sm:"var(--dimension-sm)",lg:"var(--dimension-lg)",xl:"var(--dimension-xl)",px:"var(--dimension-px)","rounded-none":"var(--dimension-rounded-none)","rounded-sm":"var(--dimension-rounded-sm)","rounded-default":"var(--dimension-rounded-default)","rounded-md":"var(--dimension-rounded-md)","rounded-lg":"var(--dimension-rounded-lg)","rounded-xl":"var(--dimension-rounded-xl)","rounded-2xl":"var(--dimension-rounded-2xl)","rounded-3xl":"var(--dimension-rounded-3xl)","rounded-full":"var(--dimension-rounded-full)",default:"var(--dimension-default)","2xs":"var(--dimension-2xs)",xs:"var(--dimension-xs)",md:"var(--dimension-md)","2xl":"var(--dimension-2xl)",rem_base:"var(--dimension-rem_base)"},fontSize:{xs:"var(--font-size-xs)",sm:"var(--font-size-sm)",base:"var(--font-size-base)",lg:"var(--font-size-lg)",xl:"var(--font-size-xl)","2xl":"var(--font-size-2xl)","3xl":"var(--font-size-3xl)","4xl":"var(--font-size-4xl)","5xl":"var(--font-size-5xl)","6xl":"var(--font-size-6xl)","7xl":"var(--font-size-7xl)","8xl":"var(--font-size-8xl)","9xl":"var(--font-size-9xl)"},fontFamily:{body:"var(--font-family-body)",sans:"var(--font-family-sans)",display:"var(--font-family-display)"},fontWeight:{thin:"var(--font-weight-thin)",extralight:"var(--font-weight-extralight)",light:"var(--font-weight-light)",normal:"var(--font-weight-normal)",medium:"var(--font-weight-medium)",semibold:"var(--font-weight-semibold)",bold:"var(--font-weight-bold)",extrabold:"var(--font-weight-extrabold)",black:"var(--font-weight-black)"},color:{gray:{50:"var(--color-gray-50)",100:"var(--color-gray-100)",200:"var(--color-gray-200)",300:"var(--color-gray-300)",400:"var(--color-gray-400)",500:"var(--color-gray-500)",600:"var(--color-gray-600)",700:"var(--color-gray-700)",800:"var(--color-gray-800)",900:"var(--color-gray-900)"},coolGray:{50:"var(--color-coolGray-50)",100:"var(--color-coolGray-100)",200:"var(--color-coolGray-200)",300:"var(--color-coolGray-300)",400:"var(--color-coolGray-400)",500:"var(--color-coolGray-500)",600:"var(--color-coolGray-600)",700:"var(--color-coolGray-700)",800:"var(--color-coolGray-800)",900:"var(--color-coolGray-900)"},trueGray:{50:"var(--color-trueGray-50)",200:"var(--color-trueGray-200)",300:"var(--color-trueGray-300)",400:"var(--color-trueGray-400)",500:"var(--color-trueGray-500)",600:"var(--color-trueGray-600)",700:"var(--color-trueGray-700)",800:"var(--color-trueGray-800)",900:"var(--color-trueGray-900)"},warmGray:{50:"var(--color-warmGray-50)",100:"var(--color-warmGray-100)",200:"var(--color-warmGray-200)",300:"var(--color-warmGray-300)",400:"var(--color-warmGray-400)",500:"var(--color-warmGray-500)",600:"var(--color-warmGray-600)",700:"var(--color-warmGray-700)",800:"var(--color-warmGray-800)",900:"var(--color-warmGray-900)"},red:{50:"var(--color-red-50)",100:"var(--color-red-100)",200:"var(--color-red-200)",300:"var(--color-red-300)",400:"var(--color-red-400)",500:"var(--color-red-500)",600:"var(--color-red-600)",700:"var(--color-red-700)",800:"var(--color-red-800)",900:"var(--color-red-900)"},orange:{50:"var(--color-orange-50)",100:"var(--color-orange-100)",200:"var(--color-orange-200)",300:"var(--color-orange-300)",400:"var(--color-orange-400)",500:"var(--color-orange-500)",600:"var(--color-orange-600)",700:"var(--color-orange-700)",800:"var(--color-orange-800)",900:"var(--color-orange-900)"},amber:{50:"var(--color-amber-50)",100:"var(--color-amber-100)",200:"var(--color-amber-200)",300:"var(--color-amber-300)",400:"var(--color-amber-400)",500:"var(--color-amber-500)",600:"var(--color-amber-600)",700:"var(--color-amber-700)",800:"var(--color-amber-800)",900:"var(--color-amber-900)"},yellow:{50:"var(--color-yellow-50)",100:"var(--color-yellow-100)",200:"var(--color-yellow-200)",300:"var(--color-yellow-300)",400:"var(--color-yellow-400)",500:"var(--color-yellow-500)",600:"var(--color-yellow-600)",700:"var(--color-yellow-700)",800:"var(--color-yellow-800)",900:"var(--color-yellow-900)"},lime:{50:"var(--color-lime-50)",100:"var(--color-lime-100)",200:"var(--color-lime-200)",300:"var(--color-lime-300)",400:"var(--color-lime-400)",500:"var(--color-lime-500)",600:"var(--color-lime-600)",700:"var(--color-lime-700)",800:"var(--color-lime-800)",900:"var(--color-lime-900)"},green:{50:"var(--color-green-50)",100:"var(--color-green-100)",200:"var(--color-green-200)",300:"var(--color-green-300)",400:"var(--color-green-400)",500:"var(--color-green-500)",600:"var(--color-green-600)",700:"var(--color-green-700)",800:"var(--color-green-800)",900:"var(--color-green-900)"},emerald:{50:"var(--color-emerald-50)",100:"var(--color-emerald-100)",200:"var(--color-emerald-200)",300:"var(--color-emerald-300)",400:"var(--color-emerald-400)",500:"var(--color-emerald-500)",600:"var(--color-emerald-600)",700:"var(--color-emerald-700)",800:"var(--color-emerald-800)",900:"var(--color-emerald-900)"},teal:{50:"var(--color-teal-50)",100:"var(--color-teal-100)",200:"var(--color-teal-200)",300:"var(--color-teal-300)",400:"var(--color-teal-400)",500:"var(--color-teal-500)",600:"var(--color-teal-600)",700:"var(--color-teal-700)",800:"var(--color-teal-800)",900:"var(--color-teal-900)"},cyan:{50:"var(--color-cyan-50)",100:"var(--color-cyan-100)",200:"var(--color-cyan-200)",300:"var(--color-cyan-300)",400:"var(--color-cyan-400)",500:"var(--color-cyan-500)",600:"var(--color-cyan-600)",700:"var(--color-cyan-700)",800:"var(--color-cyan-800)",900:"var(--color-cyan-900)"},lightBlue:{50:"var(--color-lightBlue-50)",100:"var(--color-lightBlue-100)",200:"var(--color-lightBlue-200)",300:"var(--color-lightBlue-300)",400:"var(--color-lightBlue-400)",500:"var(--color-lightBlue-500)",600:"var(--color-lightBlue-600)",700:"var(--color-lightBlue-700)",800:"var(--color-lightBlue-800)",900:"var(--color-lightBlue-900)"},blue:{50:"var(--color-blue-50)",100:"var(--color-blue-100)",200:"var(--color-blue-200)",300:"var(--color-blue-300)",400:"var(--color-blue-400)",500:"var(--color-blue-500)",600:"var(--color-blue-600)",700:"var(--color-blue-700)",800:"var(--color-blue-800)",900:"var(--color-blue-900)"},indigo:{50:"var(--color-indigo-50)",100:"var(--color-indigo-100)",200:"var(--color-indigo-200)",300:"var(--color-indigo-300)",400:"var(--color-indigo-400)",500:"var(--color-indigo-500)",600:"var(--color-indigo-600)",700:"var(--color-indigo-700)",800:"var(--color-indigo-800)",900:"var(--color-indigo-900)"},violet:{50:"var(--color-violet-50)",100:"var(--color-violet-100)",200:"var(--color-violet-200)",300:"var(--color-violet-300)",400:"var(--color-violet-400)",500:"var(--color-violet-500)",600:"var(--color-violet-600)",700:"var(--color-violet-700)",800:"var(--color-violet-800)",900:"var(--color-violet-900)"},purple:{50:"var(--color-purple-50)",100:"var(--color-purple-100)",200:"var(--color-purple-200)",300:"var(--color-purple-300)",400:"var(--color-purple-400)",500:"var(--color-purple-500)",600:"var(--color-purple-600)",700:"var(--color-purple-700)",800:"var(--color-purple-800)",900:"var(--color-purple-900)"},fuschia:{50:"var(--color-fuschia-50)",100:"var(--color-fuschia-100)",200:"var(--color-fuschia-200)",300:"var(--color-fuschia-300)",400:"var(--color-fuschia-400)",500:"var(--color-fuschia-500)",600:"var(--color-fuschia-600)",700:"var(--color-fuschia-700)",800:"var(--color-fuschia-800)",900:"var(--color-fuschia-900)"},pink:{50:"var(--color-pink-50)",100:"var(--color-pink-100)",200:"var(--color-pink-200)",300:"var(--color-pink-300)",400:"var(--color-pink-400)",500:"var(--color-pink-500)",600:"var(--color-pink-600)",700:"var(--color-pink-700)",800:"var(--color-pink-800)",900:"var(--color-pink-900)"},rose:{50:"var(--color-rose-50)",100:"var(--color-rose-100)",200:"var(--color-rose-200)",300:"var(--color-rose-300)",400:"var(--color-rose-400)",500:"var(--color-rose-500)",600:"var(--color-rose-600)",700:"var(--color-rose-700)",800:"var(--color-rose-800)",900:"var(--color-rose-900)"},black:"var(--color-black)",white:"var(--color-white)"},borderRadius:{},extend:{colors:{"card-root-bg-default":"var(--color-white)","dark:card-root-bg-default":"var(--color-black)","card-root-fg-default":"var(--color-gray-900)","dark:card-root-fg-default":"var(--color-black)"},spacing:{"card-root-padding-default":"var(--dimension-8)"},borderRadius:{"card-root-radius-default":"var(--dimension-8)"}}};function H(){var r=document.documentElement,o=r.classList.contains("dark");r.classList.toggle("dark",!o)}var R="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function L(r,o){var e=r??document.querySelector(R);return e||(e=document.createElement("style"),e.id=R),e.textContent=`:root {
2
+ `.concat(Object.entries(o).map(function(a){var i=I(a,2),s=i[0],t=i[1];return typeof t=="string"?"".concat(s,": ").concat(t,";"):""}).join(`
3
3
  `),`
4
- }`),document.head.append(e),e}function z(r){var o=r.variableName,e=r.variableValue,a=getComputedStyle(document.documentElement),i=a.getPropertyValue(o);if(i.trim().length!==0)return{variableName:o,variableValue:e}}var U=Symbol("ThemeProvider"),b={cardComponentWrapperClasses:"w-full border-gray-200 border-1 dark:border-gray-800 dark:bg-card-root-bg-default bg-card-root-bg-default rounded-card-root-radius-default p-card-root-padding-default",cardHeaderClasses:"border-b-gray-300 dark:border-b-gray-800 border-b-1 pb-[1rem] mb-[1rem] w-full",cardBodyClasses:"w-full",cardFooterClasses:"border-t-gray-200 dark:border-t-gray-800 border-t-1 w-full pt-[1rem] mt-[1rem]"};var I=E;function x(){return{handleSetThemeVariable:z,handleVariablesMap:V,handleToggleLightDarkTheme:G}}import{motion as f}from"framer-motion";import{get as l,set as y}from"lodash-es";import c from"react";import{twMerge as T}from"tailwind-merge";var C={CardHeader:b.cardHeaderClasses,CardFooter:b.cardFooterClasses,CardBody:b.cardBodyClasses};function m(r){let{className:o,...e}=r,a=l(r,["as"],"div"),i=l(f,[a],f.div),n=l(r,["children"],[]);return c.createElement(i,{className:T(b.cardComponentWrapperClasses,o),...e},c.Children.toArray(n).map((t,s)=>{if(!c.isValidElement(t))return t;let u=l(t,["type","displayName"]),p=l(t,["props","as"],"div"),g=l(f,[p],f.div);return c.createElement(g,{key:s,...t.props,className:T(l(C,[u],C.CardBody),l(t,["props","className"]))},l(t,["props","children"]))}))}function B(r){return c.createElement("div",{...r})}function A(r){return c.createElement("div",{...r})}function H(r){return c.createElement("div",{...r})}m.Body=A;m.Header=B;m.Footer=H;y(m,["Header","displayName"],"CardHeader");y(m,["Body","displayName"],"CardBody");y(m,["Footer","displayName"],"CardFooter");import{AnimatePresence as L,motion as R}from"framer-motion";import{get as D}from"lodash-es";function nr(r){let{as:o,...e}=r,a=D(R,[o??"div"],R.div);return v.createElement(L,null,v.createElement(a,{...e}))}import d from"react";var F=d.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}});function pr({cssVariables:r,children:o}){let e=d.useMemo(()=>x(),[]),a=d.useRef(void 0),i=r||{},n=d.useCallback(p=>{a.current=e.handleVariablesMap(a.current,p)},[e]),t=d.useCallback(()=>{e.handleToggleLightDarkTheme()},[e]),s=d.useCallback((p,g)=>{let h=e.handleSetThemeVariable({variableName:p,variableValue:g});h&&(i[h.variableName]=h.variableValue,n(i))},[i,n,e]),u=d.useMemo(()=>({setTheme:n,setThemeVariable:s,toggleLightDarkTheme:t}),[s,n,t]);return d.useEffect(()=>(n(i),()=>{a.current?.remove(),a.current=void 0}),[n,i]),d.createElement(F.Provider,{value:u},o)}export{m as Card,nr as MotionElement,pr as ThemeProvider,I as kurocadoTheme};
4
+ }`),document.head.append(e),e}function D(r){var o=r.variableName,e=r.variableValue,a=getComputedStyle(document.documentElement),i=a.getPropertyValue(o);if(i.trim().length!==0)return{variableName:o,variableValue:e}}var ar=Symbol("ThemeProvider"),b={cardComponentWrapperClasses:"w-full border-gray-200 border-1 dark:border-gray-800 dark:bg-card-root-bg-default bg-card-root-bg-default rounded-card-root-radius-default p-card-root-padding-default",cardHeaderClasses:"border-b-gray-300 dark:border-b-gray-800 border-b-1 pb-[1rem] mb-[1rem] w-full",cardBodyClasses:"w-full",cardFooterClasses:"border-t-gray-200 dark:border-t-gray-800 border-t-1 w-full pt-[1rem] mt-[1rem]"};var F=A;function _(){return{handleSetThemeVariable:D,handleVariablesMap:L,handleToggleLightDarkTheme:H}}import{motion as h}from"framer-motion";import{get as d,set as k}from"lodash-es";import u from"react";import{twMerge as S}from"tailwind-merge";var P={CardHeader:b.cardHeaderClasses,CardFooter:b.cardFooterClasses,CardBody:b.cardBodyClasses};function f(r){let{className:o,...e}=r,a=d(r,["as"],"div"),i=d(h,[a],h.div),s=d(r,["children"],[]);return u.createElement(i,{className:S(b.cardComponentWrapperClasses,o),...e},u.Children.toArray(s).map((t,l)=>{if(!u.isValidElement(t))return t;let p=d(t,["type","displayName"]),c=d(t,["props","as"],"div"),g=d(h,[c],h.div);return u.createElement(g,{key:l,...t.props,className:S(d(P,[p],P.CardBody),d(t,["props","className"]))},d(t,["props","children"]))}))}function j(r){return u.createElement("div",{...r})}function O(r){return u.createElement("div",{...r})}function W(r){return u.createElement("div",{...r})}f.Body=O;f.Header=j;f.Footer=W;k(f,["Header","displayName"],"CardHeader");k(f,["Body","displayName"],"CardBody");k(f,["Footer","displayName"],"CardFooter");import{AnimatePresence as J,motion as E}from"framer-motion";import{get as X}from"lodash-es";function fr(r){let{as:o,...e}=r,a=X(E,[o??"div"],E.div);return m.createElement(J,null,m.createElement(a,{...e}))}import{useAxios as $}from"@kurocado-studio/axios-react";import n from"react";import K from"axios";var U="https://systemhaus-service-staging.fly.dev",N=K.create({baseURL:U,headers:{"Content-Type":"application/json"},timeout:1e4});var Y=n.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}}),x=_();function Pr({organizationId:r,themeId:o,children:e}){let[a,i]=$({axiosInstance:N}),[s,t]=n.useState({}),l=n.useRef(null),p=n.useRef(!1),c=n.useCallback(v=>{l.current=x.handleVariablesMap(l.current,v),t(y=>({...y,cssVariables:v}))},[]),g=n.useCallback((v,y)=>{let w=x.handleSetThemeVariable({variableName:v,variableValue:y});w&&c({[w.variableName]:w.variableValue})},[c,s]),T=x.handleToggleLightDarkTheme,G=n.useMemo(()=>({setTheme:c,setThemeVariable:g,toggleLightDarkTheme:T}),[c,g,T]);return n.useEffect(()=>{if(!(p.current||!r||!o))return p.current=!0,i({method:"GET",url:`/api/v1/organizations/${r}/themes/${o}/css-variables`}).then(v=>{v&&typeof v=="object"&&c(v)}),()=>{l.current?.remove(),l.current=null}},[i,c,r,o]),n.createElement(Y.Provider,{value:G},a.isLoading?n.createElement(n.Fragment,null):e)}export{f as Card,fr as MotionElement,Pr as ThemeProvider,F as kurocadoTheme};
package/dist/index.d.ts CHANGED
@@ -455,10 +455,11 @@ export declare function MotionElement<Tag extends keyof React_2.JSX.IntrinsicEle
455
455
  export declare type MotionElementProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = React_2.PropsWithChildren<BaseMotionElementProperties<T>>;
456
456
 
457
457
  declare interface ThemeProperties {
458
- cssVariables?: Record<string, unknown>;
459
- children?: React_2.ReactNode;
458
+ organizationId: string;
459
+ themeId: string;
460
+ children: React_2.ReactNode;
460
461
  }
461
462
 
462
- export declare function ThemeProvider({ cssVariables, children, }: ThemeProperties): React_2.ReactNode;
463
+ export declare function ThemeProvider({ organizationId, themeId, children, }: ThemeProperties): React_2.ReactElement;
463
464
 
464
465
  export { }
@@ -5,7 +5,7 @@
5
5
  "toolPackages": [
6
6
  {
7
7
  "packageName": "@microsoft/api-extractor",
8
- "packageVersion": "7.53.1"
8
+ "packageVersion": "7.53.2"
9
9
  }
10
10
  ]
11
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kurocado-studio/systemhaus-react",
3
- "version": "1.1.0-develop.3",
3
+ "version": "1.1.0-develop.4",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -31,7 +31,7 @@
31
31
  "build": "rm -rf dist && tsup && pnpm build:typings && rm -rf dist/exports.d.ts",
32
32
  "prepublishOnly": "node ../../scripts/strip-workspaces.js .",
33
33
  "clean": "rm -rf .turbo node_modules dist",
34
- "dev": "tsup --watch",
34
+ "dev": "rm -rf dist && cross-env VITE_NODE_ENV=local tsup --watch",
35
35
  "dev:vite": "vite build --watch --mode development",
36
36
  "vite:watch": "vite build --watch --mode development",
37
37
  "build:vite": "rm -rf dist && vite build --mode production",
@@ -44,9 +44,11 @@
44
44
  "dependencies": {
45
45
  "@emotion/is-prop-valid": "^1.3.1",
46
46
  "@headlessui/react": "^2.2.4",
47
+ "@kurocado-studio/axios-react": "^1.0.0",
47
48
  "@react-aria/button": "^3.13.0",
48
49
  "@react-aria/textfield": "^3.17.3",
49
50
  "@tailwindcss/typography": "^0.5.16",
51
+ "axios": "^1.12.2",
50
52
  "framer-motion": "^12.23.6",
51
53
  "lodash-es": "^4.17.21",
52
54
  "motion": "^12.11.0",
@@ -71,6 +73,7 @@
71
73
  "@vitest/coverage-v8": "^3.1.3",
72
74
  "@vue/compiler-sfc": "^3.5.14",
73
75
  "copyfiles": "^2.4.1",
76
+ "cross-env": "^10.1.0",
74
77
  "eslint": "^9.28.0",
75
78
  "postcss": "^8.5.6",
76
79
  "prettier": "3.5.3",