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

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 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(`
1
+ import{get as er}from"lodash-es";function _(r,e){(e==null||e>r.length)&&(e=r.length);for(var o=0,i=new Array(e);o<e;o++)i[o]=r[o];return i}function B(r){if(Array.isArray(r))return r}function I(r,e){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var i=[],a=!0,l=!1,t,m;try{for(o=o.call(r);!(a=(t=o.next()).done)&&(i.push(t.value),!(e&&i.length===e));a=!0);}catch(p){l=!0,m=p}finally{try{!a&&o.return!=null&&o.return()}finally{if(l)throw m}}return i}}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,e){return B(r)||I(r,e)||H(r,e)||L()}function H(r,e){if(r){if(typeof r=="string")return _(r,e);var o=Object.prototype.toString.call(r).slice(8,-1);if(o==="Object"&&r.constructor&&(o=r.constructor.name),o==="Map"||o==="Set")return Array.from(o);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return _(r,e)}}var O={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,e=r.classList.contains("dark");r.classList.toggle("dark",!e)}var S="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function j(r,e){var o=r??document.querySelector(S);return o||(o=document.createElement("style"),o.id=S),o.textContent=`:root {
2
+ `.concat(Object.entries(e).map(function(i){var a=A(i,2),l=a[0],t=a[1];return typeof t=="string"?"".concat(l,": ").concat(t,";"):""}).join(`
3
3
  `),`
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};
4
+ }`),document.head.append(o),o}function F(r){var e=r.variableName,o=r.variableValue,i=getComputedStyle(document.documentElement),a=i.getPropertyValue(e);if(a.trim().length!==0)return{variableName:e,variableValue:o}}var ar=Symbol("ThemeProvider"),u={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 U=O;function z(){return{handleSetThemeVariable:F,handleVariablesMap:j,handleToggleLightDarkTheme:D}}var w={"--color-gray-50":"#f8fafc","--color-gray-100":"#f1f5f9","--color-gray-200":"#e2e8f0","--color-gray-300":"#cbd5e1","--color-gray-400":"#94a3b8","--color-gray-500":"#64748b","--color-gray-600":"#475569","--color-gray-700":"#334155","--color-gray-800":"#1e293b","--color-gray-900":"#0f172a","--color-coolGray-50":"#f9fafb","--color-coolGray-100":"#f3f4f6","--color-coolGray-200":"#e5e7eb","--color-coolGray-300":"#d1d5db","--color-coolGray-400":"#9ca3af","--color-coolGray-500":"#6b7280","--color-coolGray-600":"#4b5563","--color-coolGray-700":"#374151","--color-coolGray-800":"#4885da","--color-coolGray-900":"#111827","--color-trueGray-50":"#fafafa","--color-trueGray-200":"#e5e5e5","--color-trueGray-300":"#d4d4d4","--color-trueGray-400":"#a3a3a3","--color-trueGray-500":"#737373","--color-trueGray-600":"#525252","--color-trueGray-700":"#404040","--color-trueGray-800":"#262626","--color-trueGray-900":"#171717","--color-warmGray-50":"#fafaf9","--color-warmGray-100":"#f5f5f4","--color-warmGray-200":"#e7e5e4","--color-warmGray-300":"#d6d3d1","--color-warmGray-400":"#a8a29e","--color-warmGray-500":"#78716c","--color-warmGray-600":"#57534e","--color-warmGray-700":"#44403c","--color-warmGray-800":"#292524","--color-warmGray-900":"#1c1917","--color-red-50":"#fef2f2","--color-red-100":"#fee2e2","--color-red-200":"#fecaca","--color-red-300":"#fca5a5","--color-red-400":"#f87171","--color-red-500":"#ef4444","--color-red-600":"#dc2626","--color-red-700":"#b91c1c","--color-red-800":"#991b1b","--color-red-900":"#7f1d1d","--color-orange-50":"#fff7ed","--color-orange-100":"#ffedd5","--color-orange-200":"#fed7aa","--color-orange-300":"#fdba74","--color-orange-400":"#fb923c","--color-orange-500":"#f97316","--color-orange-600":"#ea580c","--color-orange-700":"#c2410c","--color-orange-800":"#9a3412","--color-orange-900":"#7c2d12","--color-amber-50":"#fffbeb","--color-amber-100":"#fef3c7","--color-amber-200":"#fde68a","--color-amber-300":"#fcd34d","--color-amber-400":"#fbbf24","--color-amber-500":"#f59e0b","--color-amber-600":"#d97706","--color-amber-700":"#b45309","--color-amber-800":"#92400e","--color-amber-900":"#78350f","--color-yellow-50":"#fefce8","--color-yellow-100":"#fef9c3","--color-yellow-200":"#fef08a","--color-yellow-300":"#fde047","--color-yellow-400":"#facc15","--color-yellow-500":"#eab308","--color-yellow-600":"#ca8a04","--color-yellow-700":"#a16207","--color-yellow-800":"#854d0e","--color-yellow-900":"#713f12","--color-lime-50":"#f7fee7","--color-lime-100":"#ecfccb","--color-lime-200":"#d9f99d","--color-lime-300":"#bef264","--color-lime-400":"#a3e635","--color-lime-500":"#84cc16","--color-lime-600":"#65a30d","--color-lime-700":"#4d7c0f","--color-lime-800":"#3f6212","--color-lime-900":"#365314","--color-green-50":"#f0fdf4","--color-green-100":"#d1fae5","--color-green-200":"#bbf7d0","--color-green-300":"#86efac","--color-green-400":"#4ade80","--color-green-500":"#22c55e","--color-green-600":"#16a34a","--color-green-700":"#15803d","--color-green-800":"#166534","--color-green-900":"#14532d","--color-emerald-50":"#ecfdf5","--color-emerald-100":"#d1fae5","--color-emerald-200":"#a7f3d0","--color-emerald-300":"#6ee7b7","--color-emerald-400":"#34d399","--color-emerald-500":"#10b981","--color-emerald-600":"#059669","--color-emerald-700":"#047857","--color-emerald-800":"#065f46","--color-emerald-900":"#064e3b","--color-teal-50":"#f0fdfa","--color-teal-100":"#ccfbf1","--color-teal-200":"#99f6e4","--color-teal-300":"#5eead4","--color-teal-400":"#2dd4bf","--color-teal-500":"#14b8a6","--color-teal-600":"#0d9488","--color-teal-700":"#0f766e","--color-teal-800":"#115e59","--color-teal-900":"#134e4a","--color-cyan-50":"#ecfeff","--color-cyan-100":"#cffafe","--color-cyan-200":"#a5f3fc","--color-cyan-300":"#67e8f9","--color-cyan-400":"#22d3ee","--color-cyan-500":"#06b6d4","--color-cyan-600":"#0891b2","--color-cyan-700":"#0e7490","--color-cyan-800":"#155e75","--color-cyan-900":"#164e63","--color-lightBlue-50":"#f0f9ff","--color-lightBlue-100":"#e0f2fe","--color-lightBlue-200":"#bae6fd","--color-lightBlue-300":"#7dd3fc","--color-lightBlue-400":"#38bdf8","--color-lightBlue-500":"#0ea5e9","--color-lightBlue-600":"#0284c7","--color-lightBlue-700":"#0369a1","--color-lightBlue-800":"#075985","--color-lightBlue-900":"#0c4a6e","--color-blue-50":"#eff6ff","--color-blue-100":"#dbeafe","--color-blue-200":"#bfdbfe","--color-blue-300":"#93c5fd","--color-blue-400":"#60a5fa","--color-blue-500":"#3b82f6","--color-blue-600":"#2563eb","--color-blue-700":"#1d4ed8","--color-blue-800":"#1e40af","--color-blue-900":"#1e3a8a","--color-indigo-50":"#eef2ff","--color-indigo-100":"#e0e7ff","--color-indigo-200":"#c7d2fe","--color-indigo-300":"#a5b4fc","--color-indigo-400":"#818cf8","--color-indigo-500":"#6366f1","--color-indigo-600":"#4f46e5","--color-indigo-700":"#4338ca","--color-indigo-800":"#3730a3","--color-indigo-900":"#312e81","--color-violet-50":"#f5f3ff","--color-violet-100":"#ede9fe","--color-violet-200":"#ddd6fe","--color-violet-300":"#c4b5fd","--color-violet-400":"#a78bfa","--color-violet-500":"#8b5cf6","--color-violet-600":"#7c3aed","--color-violet-700":"#6d28d9","--color-violet-800":"#5b21b6","--color-violet-900":"#4c1d95","--color-purple-50":"#faf5ff","--color-purple-100":"#f3e8ff","--color-purple-200":"#e9d5ff","--color-purple-300":"#d8b4fe","--color-purple-400":"#c084fc","--color-purple-500":"#a855f7","--color-purple-600":"#9333ea","--color-purple-700":"#7e22ce","--color-purple-800":"#6b21a8","--color-purple-900":"#581c87","--color-fuschia-50":"#fdf4ff","--color-fuschia-100":"#fae8ff","--color-fuschia-200":"#f5d0fe","--color-fuschia-300":"#f0abfc","--color-fuschia-400":"#e879f9","--color-fuschia-500":"#d946ef","--color-fuschia-600":"#c026d3","--color-fuschia-700":"#a21caf","--color-fuschia-800":"#86198f","--color-fuschia-900":"#701a75","--color-pink-50":"#fdf2f8","--color-pink-100":"#fce7f3","--color-pink-200":"#fbcfe8","--color-pink-300":"#f9a8d4","--color-pink-400":"#f472b6","--color-pink-500":"#ec4899","--color-pink-600":"#db2777","--color-pink-700":"#be185d","--color-pink-800":"#9d174d","--color-pink-900":"#831843","--color-rose-50":"#fff1f2","--color-rose-100":"#ffe4e6","--color-rose-200":"#fecdd3","--color-rose-300":"#fda4af","--color-rose-400":"#fb7185","--color-rose-500":"#f43f5e","--color-rose-600":"#e11d48","--color-rose-700":"#be123c","--color-rose-800":"#9f1239","--color-rose-900":"#881337","--color-black":"#000000","--color-white":"#ffffff","--dimension-0":"0rem","--dimension-1":"0.25rem","--dimension-2":"0.5rem","--dimension-3":"0.75rem","--dimension-4":"1rem","--dimension-5":"1.25rem","--dimension-6":"1.5rem","--dimension-7":"1.75rem","--dimension-8":"2rem","--dimension-9":"2.25rem","--dimension-10":"2.5rem","--dimension-11":"2.75rem","--dimension-12":"3rem","--dimension-13":"3.25rem","--dimension-14":"3.5rem","--dimension-15":"3.75rem","--dimension-16":"4rem","--dimension-17":"4.25rem","--dimension-18":"4.5rem","--dimension-19":"4.25rem","--dimension-20":"5rem","--dimension-21":"5.25rem","--dimension-22":"5.5rem","--dimension-23":"5.75rem","--dimension-24":"6rem","--dimension-25":"6.25rem","--dimension-26":"6.5rem","--dimension-27":"6.75rem","--dimension-28":"7rem","--dimension-29":"7.25rem","--dimension-30":"7.5rem","--dimension-31":"7.75rem","--dimension-32":"8rem","--dimension-33":"8.25rem","--dimension-34":"8.5rem","--dimension-35":"8.75rem","--dimension-36":"9rem","--dimension-37":"9.25rem","--dimension-38":"9.5rem","--dimension-39":"9.75rem","--dimension-40":"10rem","--dimension-41":"10.25rem","--dimension-42":"10.5rem","--dimension-43":"10.75rem","--dimension-44":"11rem","--dimension-45":"11.25rem","--dimension-46":"11.5rem","--dimension-47":"11.75rem","--dimension-48":"12rem","--dimension-49":"12.25rem","--dimension-50":"12.5rem","--dimension-51":"12.75rem","--dimension-52":"13rem","--dimension-53":"13.25rem","--dimension-54":"13.5rem","--dimension-55":"13.75rem","--dimension-56":"14rem","--dimension-57":"14.25rem","--dimension-58":"14.5rem","--dimension-59":"14.75rem","--dimension-60":"15rem","--dimension-61":"15.25rem","--dimension-62":"15.5rem","--dimension-63":"16rem","--dimension-64":"16rem","--dimension-65":"16.25rem","--dimension-66":"16.5rem","--dimension-67":"16.75rem","--dimension-68":"17rem","--dimension-69":"17.25rem","--dimension-70":"17.5rem","--dimension-71":"17.75rem","--dimension-72":"18rem","--dimension-73":"18.25rem","--dimension-74":"18.5rem","--dimension-75":"19rem","--dimension-76":"19rem","--dimension-77":"19.25rem","--dimension-78":"19.5rem","--dimension-79":"20rem","--dimension-80":"20rem","--dimension-81":"20.25rem","--dimension-82":"20.5rem","--dimension-83":"20.75rem","--dimension-84":"21rem","--dimension-85":"21.25rem","--dimension-86":"21.5rem","--dimension-87":"21.75rem","--dimension-88":"22rem","--dimension-89":"22.25rem","--dimension-90":"22.5rem","--dimension-91":"22.75rem","--dimension-92":"23rem","--dimension-93":"23.25rem","--dimension-94":"23.5rem","--dimension-95":"23.75rem","--dimension-96":"24rem","--dimension-97":"24.25rem","--dimension-98":"24.5rem","--dimension-99":"24.75rem","--dimension-100":"25rem","--dimension-sm":"40rem","--dimension-lg":"64rem","--dimension-xl":"80rem","--dimension-px":"0.062rem","--dimension-rounded-none":"0rem","--dimension-rounded-sm":"0.125rem","--dimension-rounded-default":"0.25rem","--dimension-rounded-md":"0.375rem","--dimension-rounded-lg":"0.5rem","--dimension-rounded-xl":"0.75rem","--dimension-rounded-2xl":"1rem","--dimension-rounded-3xl":"1.5rem","--dimension-rounded-full":"624.938rem","--dimension-default":"0.062rem","--dimension-2xs":"20rem","--dimension-xs":"23.5rem","--dimension-md":"48rem","--dimension-2xl":"96rem","--dimension-rem_base":"1rem","--font-family-body":"'Mona Sans', sans-serif","--font-family-sans":"'Mona Sans', sans-serif","--font-family-display":"'Mona Sans', sans-serif","--font-size-xs":"0.75rem","--font-size-sm":"0.875rem","--font-size-base":"1rem","--font-size-lg":"1.125rem","--font-size-xl":"1.25rem","--font-size-2xl":"1.5rem","--font-size-3xl":"1.875rem","--font-size-4xl":"2.25rem","--font-size-5xl":"3rem","--font-size-6xl":"3.75rem","--font-size-7xl":"4.5rem","--font-size-8xl":"6rem","--font-size-9xl":"8rem","--font-weight-thin":"100","--font-weight-extralight":"200","--font-weight-light":"300","--font-weight-normal":"400","--font-weight-medium":"500","--font-weight-semibold":"600","--font-weight-bold":"700","--font-weight-extrabold":"800","--font-weight-black":"900"};import{PolymorphicMotionElement as b}from"@kurocado-studio/systemhaus-motion-react";import{get as v,set as k}from"lodash-es";import s from"react";import{twMerge as R}from"tailwind-merge";var P={CardHeader:u.cardHeaderClasses,CardFooter:u.cardFooterClasses,CardBody:u.cardBodyClasses};function f(r){let{className:e,...o}=r,i=v(r,["children"],[]);return s.createElement(b,{className:R(u.cardComponentWrapperClasses,e),...o},s.Children.toArray(i).map((a,l)=>{if(!s.isValidElement(a))return a;let t=v(a,["type","displayName"]),m=v(a,["props","as"],"div");return s.createElement(b,{key:l,as:m,...a.props,className:R(v(P,[t],P.CardBody),v(a,["props","className"]))},v(a,["props","children"]))}))}function W(r){return s.createElement(b,{...r})}function K(r){return s.createElement(b,{...r})}function J(r){return s.createElement(b,{...r})}f.Body=K;f.Header=W;f.Footer=J;k(f,["Header","displayName"],"CardHeader");k(f,["Body","displayName"],"CardBody");k(f,["Footer","displayName"],"CardFooter");import{useAxios as Y}from"@kurocado-studio/axios-react";import{get as E}from"lodash-es";import n from"react";import X from"axios";var $="https://systemhaus-service-staging.fly.dev",V=X.create({baseURL:$,headers:{"Content-Type":"application/json"},timeout:1e4});var q={minimumDelay:0,steps:[0,5,12,18,30,34,50,59,65,75,80,85,90,95]},Q=n.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}}),x=z();function wr({organizationId:r,themeId:e,children:o,...i}){let a=E(i,["progressOptions"],q),[l,t]=Y({axiosInstance:V,progressOptions:a}),[m,p]=n.useState({}),g=n.useRef(null),T=n.useRef(!1),d=n.useCallback(c=>{g.current=x.handleVariablesMap(g.current,c),p(y=>({...y,cssVariables:c}))},[]),G=n.useCallback((c,y)=>{let h=x.handleSetThemeVariable({variableName:c,variableValue:y});h&&d({[h.variableName]:h.variableValue})},[d,m]),C=x.handleToggleLightDarkTheme,N=n.useMemo(()=>({setTheme:d,setThemeVariable:G,toggleLightDarkTheme:C}),[d,G,C]);n.useEffect(()=>{if(!(T.current||!r||!e))return T.current=!0,t({method:"GET",url:`/api/v1/organizations/${r}/themes/${e}/css-variables`,responseType:"json"}).then(c=>{c&&typeof c=="object"&&d(c)}).catch(()=>d(w)),()=>{g.current?.remove(),g.current=null}},[t,d,r,e]);let M=E(i,["LoaderComponent"],()=>null);return n.createElement(n.Fragment,null,n.createElement(M,{progress:l.progress,isLoading:l.isLoading}),n.createElement(Q.Provider,{value:N},l.isLoading?null:o))}export{f as Card,wr as ThemeProvider,w as defaultSystemHausThemeVariables,U as kurocadoTheme};
package/dist/index.d.ts CHANGED
@@ -1,11 +1,8 @@
1
1
  import { MotionProps } from 'framer-motion';
2
2
  import { default as React_2 } from 'react';
3
+ import React__default from 'react';
3
4
  import { UseAxiosParameters } from '@kurocado-studio/axios-react';
4
5
 
5
- declare type BaseMotionElementProperties<T extends keyof React_2.JSX.IntrinsicElements> = Partial<React_2.JSX.IntrinsicElements[T]> & MotionProps & {
6
- as?: T;
7
- };
8
-
9
6
  export declare function Card<T extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<CardProperties<T>>): React_2.ReactNode;
10
7
 
11
8
  export declare namespace Card {
@@ -20,11 +17,374 @@ declare function CardFooter<T extends keyof React_2.JSX.IntrinsicElements = 'div
20
17
 
21
18
  declare function CardHeader<T extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<CardProperties<T>>): React_2.ReactNode;
22
19
 
23
- export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = React_2.JSX.IntrinsicElements[T] & MotionProps & {
24
- as?: T;
25
- children?: React_2.ReactNode;
20
+ export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = PolymorphicMotionProperties<T>;
21
+
22
+ export declare const defaultSystemHausThemeVariables: {
23
+ '--color-gray-50': string;
24
+ '--color-gray-100': string;
25
+ '--color-gray-200': string;
26
+ '--color-gray-300': string;
27
+ '--color-gray-400': string;
28
+ '--color-gray-500': string;
29
+ '--color-gray-600': string;
30
+ '--color-gray-700': string;
31
+ '--color-gray-800': string;
32
+ '--color-gray-900': string;
33
+ '--color-coolGray-50': string;
34
+ '--color-coolGray-100': string;
35
+ '--color-coolGray-200': string;
36
+ '--color-coolGray-300': string;
37
+ '--color-coolGray-400': string;
38
+ '--color-coolGray-500': string;
39
+ '--color-coolGray-600': string;
40
+ '--color-coolGray-700': string;
41
+ '--color-coolGray-800': string;
42
+ '--color-coolGray-900': string;
43
+ '--color-trueGray-50': string;
44
+ '--color-trueGray-200': string;
45
+ '--color-trueGray-300': string;
46
+ '--color-trueGray-400': string;
47
+ '--color-trueGray-500': string;
48
+ '--color-trueGray-600': string;
49
+ '--color-trueGray-700': string;
50
+ '--color-trueGray-800': string;
51
+ '--color-trueGray-900': string;
52
+ '--color-warmGray-50': string;
53
+ '--color-warmGray-100': string;
54
+ '--color-warmGray-200': string;
55
+ '--color-warmGray-300': string;
56
+ '--color-warmGray-400': string;
57
+ '--color-warmGray-500': string;
58
+ '--color-warmGray-600': string;
59
+ '--color-warmGray-700': string;
60
+ '--color-warmGray-800': string;
61
+ '--color-warmGray-900': string;
62
+ '--color-red-50': string;
63
+ '--color-red-100': string;
64
+ '--color-red-200': string;
65
+ '--color-red-300': string;
66
+ '--color-red-400': string;
67
+ '--color-red-500': string;
68
+ '--color-red-600': string;
69
+ '--color-red-700': string;
70
+ '--color-red-800': string;
71
+ '--color-red-900': string;
72
+ '--color-orange-50': string;
73
+ '--color-orange-100': string;
74
+ '--color-orange-200': string;
75
+ '--color-orange-300': string;
76
+ '--color-orange-400': string;
77
+ '--color-orange-500': string;
78
+ '--color-orange-600': string;
79
+ '--color-orange-700': string;
80
+ '--color-orange-800': string;
81
+ '--color-orange-900': string;
82
+ '--color-amber-50': string;
83
+ '--color-amber-100': string;
84
+ '--color-amber-200': string;
85
+ '--color-amber-300': string;
86
+ '--color-amber-400': string;
87
+ '--color-amber-500': string;
88
+ '--color-amber-600': string;
89
+ '--color-amber-700': string;
90
+ '--color-amber-800': string;
91
+ '--color-amber-900': string;
92
+ '--color-yellow-50': string;
93
+ '--color-yellow-100': string;
94
+ '--color-yellow-200': string;
95
+ '--color-yellow-300': string;
96
+ '--color-yellow-400': string;
97
+ '--color-yellow-500': string;
98
+ '--color-yellow-600': string;
99
+ '--color-yellow-700': string;
100
+ '--color-yellow-800': string;
101
+ '--color-yellow-900': string;
102
+ '--color-lime-50': string;
103
+ '--color-lime-100': string;
104
+ '--color-lime-200': string;
105
+ '--color-lime-300': string;
106
+ '--color-lime-400': string;
107
+ '--color-lime-500': string;
108
+ '--color-lime-600': string;
109
+ '--color-lime-700': string;
110
+ '--color-lime-800': string;
111
+ '--color-lime-900': string;
112
+ '--color-green-50': string;
113
+ '--color-green-100': string;
114
+ '--color-green-200': string;
115
+ '--color-green-300': string;
116
+ '--color-green-400': string;
117
+ '--color-green-500': string;
118
+ '--color-green-600': string;
119
+ '--color-green-700': string;
120
+ '--color-green-800': string;
121
+ '--color-green-900': string;
122
+ '--color-emerald-50': string;
123
+ '--color-emerald-100': string;
124
+ '--color-emerald-200': string;
125
+ '--color-emerald-300': string;
126
+ '--color-emerald-400': string;
127
+ '--color-emerald-500': string;
128
+ '--color-emerald-600': string;
129
+ '--color-emerald-700': string;
130
+ '--color-emerald-800': string;
131
+ '--color-emerald-900': string;
132
+ '--color-teal-50': string;
133
+ '--color-teal-100': string;
134
+ '--color-teal-200': string;
135
+ '--color-teal-300': string;
136
+ '--color-teal-400': string;
137
+ '--color-teal-500': string;
138
+ '--color-teal-600': string;
139
+ '--color-teal-700': string;
140
+ '--color-teal-800': string;
141
+ '--color-teal-900': string;
142
+ '--color-cyan-50': string;
143
+ '--color-cyan-100': string;
144
+ '--color-cyan-200': string;
145
+ '--color-cyan-300': string;
146
+ '--color-cyan-400': string;
147
+ '--color-cyan-500': string;
148
+ '--color-cyan-600': string;
149
+ '--color-cyan-700': string;
150
+ '--color-cyan-800': string;
151
+ '--color-cyan-900': string;
152
+ '--color-lightBlue-50': string;
153
+ '--color-lightBlue-100': string;
154
+ '--color-lightBlue-200': string;
155
+ '--color-lightBlue-300': string;
156
+ '--color-lightBlue-400': string;
157
+ '--color-lightBlue-500': string;
158
+ '--color-lightBlue-600': string;
159
+ '--color-lightBlue-700': string;
160
+ '--color-lightBlue-800': string;
161
+ '--color-lightBlue-900': string;
162
+ '--color-blue-50': string;
163
+ '--color-blue-100': string;
164
+ '--color-blue-200': string;
165
+ '--color-blue-300': string;
166
+ '--color-blue-400': string;
167
+ '--color-blue-500': string;
168
+ '--color-blue-600': string;
169
+ '--color-blue-700': string;
170
+ '--color-blue-800': string;
171
+ '--color-blue-900': string;
172
+ '--color-indigo-50': string;
173
+ '--color-indigo-100': string;
174
+ '--color-indigo-200': string;
175
+ '--color-indigo-300': string;
176
+ '--color-indigo-400': string;
177
+ '--color-indigo-500': string;
178
+ '--color-indigo-600': string;
179
+ '--color-indigo-700': string;
180
+ '--color-indigo-800': string;
181
+ '--color-indigo-900': string;
182
+ '--color-violet-50': string;
183
+ '--color-violet-100': string;
184
+ '--color-violet-200': string;
185
+ '--color-violet-300': string;
186
+ '--color-violet-400': string;
187
+ '--color-violet-500': string;
188
+ '--color-violet-600': string;
189
+ '--color-violet-700': string;
190
+ '--color-violet-800': string;
191
+ '--color-violet-900': string;
192
+ '--color-purple-50': string;
193
+ '--color-purple-100': string;
194
+ '--color-purple-200': string;
195
+ '--color-purple-300': string;
196
+ '--color-purple-400': string;
197
+ '--color-purple-500': string;
198
+ '--color-purple-600': string;
199
+ '--color-purple-700': string;
200
+ '--color-purple-800': string;
201
+ '--color-purple-900': string;
202
+ '--color-fuschia-50': string;
203
+ '--color-fuschia-100': string;
204
+ '--color-fuschia-200': string;
205
+ '--color-fuschia-300': string;
206
+ '--color-fuschia-400': string;
207
+ '--color-fuschia-500': string;
208
+ '--color-fuschia-600': string;
209
+ '--color-fuschia-700': string;
210
+ '--color-fuschia-800': string;
211
+ '--color-fuschia-900': string;
212
+ '--color-pink-50': string;
213
+ '--color-pink-100': string;
214
+ '--color-pink-200': string;
215
+ '--color-pink-300': string;
216
+ '--color-pink-400': string;
217
+ '--color-pink-500': string;
218
+ '--color-pink-600': string;
219
+ '--color-pink-700': string;
220
+ '--color-pink-800': string;
221
+ '--color-pink-900': string;
222
+ '--color-rose-50': string;
223
+ '--color-rose-100': string;
224
+ '--color-rose-200': string;
225
+ '--color-rose-300': string;
226
+ '--color-rose-400': string;
227
+ '--color-rose-500': string;
228
+ '--color-rose-600': string;
229
+ '--color-rose-700': string;
230
+ '--color-rose-800': string;
231
+ '--color-rose-900': string;
232
+ '--color-black': string;
233
+ '--color-white': string;
234
+ '--dimension-0': string;
235
+ '--dimension-1': string;
236
+ '--dimension-2': string;
237
+ '--dimension-3': string;
238
+ '--dimension-4': string;
239
+ '--dimension-5': string;
240
+ '--dimension-6': string;
241
+ '--dimension-7': string;
242
+ '--dimension-8': string;
243
+ '--dimension-9': string;
244
+ '--dimension-10': string;
245
+ '--dimension-11': string;
246
+ '--dimension-12': string;
247
+ '--dimension-13': string;
248
+ '--dimension-14': string;
249
+ '--dimension-15': string;
250
+ '--dimension-16': string;
251
+ '--dimension-17': string;
252
+ '--dimension-18': string;
253
+ '--dimension-19': string;
254
+ '--dimension-20': string;
255
+ '--dimension-21': string;
256
+ '--dimension-22': string;
257
+ '--dimension-23': string;
258
+ '--dimension-24': string;
259
+ '--dimension-25': string;
260
+ '--dimension-26': string;
261
+ '--dimension-27': string;
262
+ '--dimension-28': string;
263
+ '--dimension-29': string;
264
+ '--dimension-30': string;
265
+ '--dimension-31': string;
266
+ '--dimension-32': string;
267
+ '--dimension-33': string;
268
+ '--dimension-34': string;
269
+ '--dimension-35': string;
270
+ '--dimension-36': string;
271
+ '--dimension-37': string;
272
+ '--dimension-38': string;
273
+ '--dimension-39': string;
274
+ '--dimension-40': string;
275
+ '--dimension-41': string;
276
+ '--dimension-42': string;
277
+ '--dimension-43': string;
278
+ '--dimension-44': string;
279
+ '--dimension-45': string;
280
+ '--dimension-46': string;
281
+ '--dimension-47': string;
282
+ '--dimension-48': string;
283
+ '--dimension-49': string;
284
+ '--dimension-50': string;
285
+ '--dimension-51': string;
286
+ '--dimension-52': string;
287
+ '--dimension-53': string;
288
+ '--dimension-54': string;
289
+ '--dimension-55': string;
290
+ '--dimension-56': string;
291
+ '--dimension-57': string;
292
+ '--dimension-58': string;
293
+ '--dimension-59': string;
294
+ '--dimension-60': string;
295
+ '--dimension-61': string;
296
+ '--dimension-62': string;
297
+ '--dimension-63': string;
298
+ '--dimension-64': string;
299
+ '--dimension-65': string;
300
+ '--dimension-66': string;
301
+ '--dimension-67': string;
302
+ '--dimension-68': string;
303
+ '--dimension-69': string;
304
+ '--dimension-70': string;
305
+ '--dimension-71': string;
306
+ '--dimension-72': string;
307
+ '--dimension-73': string;
308
+ '--dimension-74': string;
309
+ '--dimension-75': string;
310
+ '--dimension-76': string;
311
+ '--dimension-77': string;
312
+ '--dimension-78': string;
313
+ '--dimension-79': string;
314
+ '--dimension-80': string;
315
+ '--dimension-81': string;
316
+ '--dimension-82': string;
317
+ '--dimension-83': string;
318
+ '--dimension-84': string;
319
+ '--dimension-85': string;
320
+ '--dimension-86': string;
321
+ '--dimension-87': string;
322
+ '--dimension-88': string;
323
+ '--dimension-89': string;
324
+ '--dimension-90': string;
325
+ '--dimension-91': string;
326
+ '--dimension-92': string;
327
+ '--dimension-93': string;
328
+ '--dimension-94': string;
329
+ '--dimension-95': string;
330
+ '--dimension-96': string;
331
+ '--dimension-97': string;
332
+ '--dimension-98': string;
333
+ '--dimension-99': string;
334
+ '--dimension-100': string;
335
+ '--dimension-sm': string;
336
+ '--dimension-lg': string;
337
+ '--dimension-xl': string;
338
+ '--dimension-px': string;
339
+ '--dimension-rounded-none': string;
340
+ '--dimension-rounded-sm': string;
341
+ '--dimension-rounded-default': string;
342
+ '--dimension-rounded-md': string;
343
+ '--dimension-rounded-lg': string;
344
+ '--dimension-rounded-xl': string;
345
+ '--dimension-rounded-2xl': string;
346
+ '--dimension-rounded-3xl': string;
347
+ '--dimension-rounded-full': string;
348
+ '--dimension-default': string;
349
+ '--dimension-2xs': string;
350
+ '--dimension-xs': string;
351
+ '--dimension-md': string;
352
+ '--dimension-2xl': string;
353
+ '--dimension-rem_base': string;
354
+ '--font-family-body': string;
355
+ '--font-family-sans': string;
356
+ '--font-family-display': string;
357
+ '--font-size-xs': string;
358
+ '--font-size-sm': string;
359
+ '--font-size-base': string;
360
+ '--font-size-lg': string;
361
+ '--font-size-xl': string;
362
+ '--font-size-2xl': string;
363
+ '--font-size-3xl': string;
364
+ '--font-size-4xl': string;
365
+ '--font-size-5xl': string;
366
+ '--font-size-6xl': string;
367
+ '--font-size-7xl': string;
368
+ '--font-size-8xl': string;
369
+ '--font-size-9xl': string;
370
+ '--font-weight-thin': string;
371
+ '--font-weight-extralight': string;
372
+ '--font-weight-light': string;
373
+ '--font-weight-normal': string;
374
+ '--font-weight-medium': string;
375
+ '--font-weight-semibold': string;
376
+ '--font-weight-bold': string;
377
+ '--font-weight-extrabold': string;
378
+ '--font-weight-black': string;
26
379
  };
27
380
 
381
+ declare enum DirectionEnum {
382
+ TOP = "TOP",
383
+ BOTTOM = "BOTTOM",
384
+ LEFT = "LEFT",
385
+ RIGHT = "RIGHT"
386
+ }
387
+
28
388
  export declare const kurocadoTheme: {
29
389
  dimension: {
30
390
  "0": string;
@@ -451,9 +811,10 @@ export declare const kurocadoTheme: {
451
811
  };
452
812
  };
453
813
 
454
- export declare function MotionElement<Tag extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<MotionElementProperties<Tag>>): React_2.ReactNode;
455
-
456
- export declare type MotionElementProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = React_2.PropsWithChildren<BaseMotionElementProperties<T>>;
814
+ declare type PolymorphicMotionProperties<T extends keyof React__default.JSX.IntrinsicElements = 'div'> = Omit<React__default.JSX.IntrinsicElements[T], keyof MotionProps | 'ref'> & MotionProps & UseFadeInProperties & {
815
+ as?: T;
816
+ isVisible?: boolean;
817
+ };
457
818
 
458
819
  declare interface ThemeProperties {
459
820
  organizationId: string;
@@ -468,4 +829,9 @@ declare interface ThemeProperties {
468
829
 
469
830
  export declare function ThemeProvider({ organizationId, themeId, children, ...restOfThemeProviderProperties }: ThemeProperties): React_2.ReactElement;
470
831
 
832
+ declare interface UseFadeInProperties {
833
+ onEnterDirection?: DirectionEnum;
834
+ onExitDirection?: DirectionEnum;
835
+ }
836
+
471
837
  export { }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kurocado-studio/systemhaus-react",
3
- "version": "1.1.0-develop.7",
3
+ "version": "1.1.0-develop.9",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -28,13 +28,10 @@
28
28
  ],
29
29
  "scripts": {
30
30
  "build:typings": "api-extractor run --local",
31
- "build": "rm -rf dist && tsup && pnpm build:typings && rm -rf dist/exports.d.ts",
31
+ "build": "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
34
  "dev": "rm -rf dist && cross-env VITE_NODE_ENV=local tsup --watch",
35
- "dev:vite": "vite build --watch --mode development",
36
- "vite:watch": "vite build --watch --mode development",
37
- "build:vite": "rm -rf dist && vite build --mode production",
38
35
  "lint": "eslint --max-warnings=0 --no-warn-ignored",
39
36
  "lint:fix": "eslint --max-warnings=0 --fix --no-warn-ignored",
40
37
  "prettier:fix": "prettier --write . --ignore-path ../../.prettierignore",
@@ -51,10 +48,8 @@
51
48
  "@react-aria/textfield": "^3.17.3",
52
49
  "@tailwindcss/typography": "^0.5.16",
53
50
  "axios": "^1.12.2",
54
- "framer-motion": "^12.23.6",
51
+ "framer-motion": "^12.23.24",
55
52
  "lodash-es": "^4.17.21",
56
- "motion": "^12.11.0",
57
- "motion-v": "^1.0.2",
58
53
  "react": "19",
59
54
  "tailwind-merge": "^3.3.0",
60
55
  "tailwind-variants": "^2.1.0"
@@ -70,10 +65,7 @@
70
65
  "@types/node": "^22.15.19",
71
66
  "@types/react": "^19.1.10",
72
67
  "@types/react-dom": "^19.1.4",
73
- "@vitejs/plugin-react": "^4.4.1",
74
- "@vitejs/plugin-vue": "^5.2.4",
75
68
  "@vitest/coverage-v8": "^3.1.3",
76
- "@vue/compiler-sfc": "^3.5.14",
77
69
  "copyfiles": "^2.4.1",
78
70
  "cross-env": "^10.1.0",
79
71
  "eslint": "^9.28.0",
@@ -82,11 +74,6 @@
82
74
  "tailwindcss": "^4.1.11",
83
75
  "tsup": "^8.5.0",
84
76
  "typescript": "5.8.3",
85
- "unplugin-vue": "^7.0.1",
86
- "vite": "^5.2.8",
87
- "vite-node": "3.2.4",
88
- "vite-plugin-dts": "^4.5.3",
89
- "vite-tsconfig-paths": "^5.1.4",
90
77
  "vitest": "^3.1.3"
91
78
  }
92
79
  }