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

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 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(`
1
+ import{default as m}from"react";import{get as tr}from"lodash-es";function R(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 z(r){if(Array.isArray(r))return r}function I(r,o){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var a=[],i=!0,l=!1,t,p;try{for(e=e.call(r);!(i=(t=e.next()).done)&&(a.push(t.value),!(o&&a.length===o));i=!0);}catch(s){l=!0,p=s}finally{try{!i&&e.return!=null&&e.return()}finally{if(l)throw p}}return a}}function B(){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 A(r,o){return z(r)||I(r,o)||H(r,o)||B()}function H(r,o){if(r){if(typeof r=="string")return R(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 R(r,o)}}var L={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 F(){var r=document.documentElement,o=r.classList.contains("dark");r.classList.toggle("dark",!o)}var _="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function D(r,o){var e=r??document.querySelector(_);return e||(e=document.createElement("style"),e.id=_),e.textContent=`:root {
2
+ `.concat(Object.entries(o).map(function(a){var i=A(a,2),l=i[0],t=i[1];return typeof t=="string"?"".concat(l,": ").concat(t,";"):""}).join(`
3
3
  `),`
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};
4
+ }`),document.head.append(e),e}function j(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 ir=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 O=L;function S(){return{handleSetThemeVariable:j,handleVariablesMap:D,handleToggleLightDarkTheme:F}}import{motion as h}from"framer-motion";import{get as d,set as k}from"lodash-es";import u from"react";import{twMerge as P}from"tailwind-merge";var E={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),l=d(r,["children"],[]);return u.createElement(i,{className:P(b.cardComponentWrapperClasses,o),...e},u.Children.toArray(l).map((t,p)=>{if(!u.isValidElement(t))return t;let s=d(t,["type","displayName"]),g=d(t,["props","as"],"div"),c=d(h,[g],h.div);return u.createElement(c,{key:p,...t.props,className:P(d(E,[s],E.CardBody),d(t,["props","className"]))},d(t,["props","children"]))}))}function W(r){return u.createElement("div",{...r})}function J(r){return u.createElement("div",{...r})}function X(r){return u.createElement("div",{...r})}f.Body=J;f.Header=W;f.Footer=X;k(f,["Header","displayName"],"CardHeader");k(f,["Body","displayName"],"CardBody");k(f,["Footer","displayName"],"CardFooter");import{AnimatePresence as K,motion as N}from"framer-motion";import{get as U}from"lodash-es";function gr(r){let{as:o,...e}=r,a=U(N,[o??"div"],N.div);return m.createElement(K,null,m.createElement(a,{...e}))}import{useAxios as q}from"@kurocado-studio/axios-react";import n from"react";import $ from"axios";var Y="https://systemhaus-service-staging.fly.dev",G=$.create({baseURL:Y,headers:{"Content-Type":"application/json"},timeout:1e4});var Q=n.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}}),x=S();function Nr({organizationId:r,themeId:o,LoaderComponent:e,children:a}){let[i,l]=q({axiosInstance:G}),[t,p]=n.useState({}),s=n.useRef(null),g=n.useRef(!1),c=n.useCallback(v=>{s.current=x.handleVariablesMap(s.current,v),p(y=>({...y,cssVariables:v}))},[]),T=n.useCallback((v,y)=>{let w=x.handleSetThemeVariable({variableName:v,variableValue:y});w&&c({[w.variableName]:w.variableValue})},[c,t]),C=x.handleToggleLightDarkTheme,M=n.useMemo(()=>({setTheme:c,setThemeVariable:T,toggleLightDarkTheme:C}),[c,T,C]);n.useEffect(()=>{if(!(g.current||!r||!o))return g.current=!0,l({method:"GET",url:`/api/v1/organizations/${r}/themes/${o}/css-variables`}).then(v=>{v&&typeof v=="object"&&c(v)}),()=>{s.current?.remove(),s.current=null}},[l,c,r,o]);let V=e??function(){return n.createElement(n.Fragment,null)};return i.isLoading?n.createElement(V,null):n.createElement(Q.Provider,{value:M},a)}export{f as Card,gr as MotionElement,Nr as ThemeProvider,O as kurocadoTheme};
package/dist/index.d.ts CHANGED
@@ -457,9 +457,10 @@ export declare type MotionElementProperties<T extends keyof React_2.JSX.Intrinsi
457
457
  declare interface ThemeProperties {
458
458
  organizationId: string;
459
459
  themeId: string;
460
+ LoaderComponent?: React_2.FC;
460
461
  children: React_2.ReactNode;
461
462
  }
462
463
 
463
- export declare function ThemeProvider({ organizationId, themeId, children, }: ThemeProperties): React_2.ReactElement;
464
+ export declare function ThemeProvider({ organizationId, themeId, LoaderComponent, children, }: ThemeProperties): React_2.ReactElement;
464
465
 
465
466
  export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kurocado-studio/systemhaus-react",
3
- "version": "1.1.0-develop.4",
3
+ "version": "1.1.0-develop.5",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"