@kurocado-studio/systemhaus-react 1.1.0-develop.6 → 1.1.0-develop.7

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