@kurocado-studio/systemhaus-react 1.1.0-develop.8 → 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 +3 -3
- package/dist/index.d.ts +18 -11
- package/package.json +3 -16
package/dist/exports.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{default as s}from"react";import{get as cr}from"lodash-es";function S(r,e){(e==null||e>r.length)&&(e=r.length);for(var o=0,a=new Array(e);o<e;o++)a[o]=r[o];return a}function A(r){if(Array.isArray(r))return r}function L(r,e){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var a=[],n=!0,t=!1,i,f;try{for(o=o.call(r);!(n=(i=o.next()).done)&&(a.push(i.value),!(e&&a.length===e));n=!0);}catch(p){t=!0,f=p}finally{try{!n&&o.return!=null&&o.return()}finally{if(t)throw f}}return a}}function H(){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 O(r,e){return A(r)||L(r,e)||D(r,e)||H()}function D(r,e){if(r){if(typeof r=="string")return S(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 S(r,e)}}var F={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 j(){var r=document.documentElement,e=r.classList.contains("dark");r.classList.toggle("dark",!e)}var _="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function W(r,e){var o=r??document.querySelector(_);return o||(o=document.createElement("style"),o.id=_),o.textContent=`:root {
|
|
2
|
-
`.concat(Object.entries(e).map(function(
|
|
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(o),o}function J(r){var e=r.variableName,o=r.variableValue,a=getComputedStyle(document.documentElement),n=a.getPropertyValue(e);if(n.trim().length!==0)return{variableName:e,variableValue:o}}var dr=Symbol("ThemeProvider"),g={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=F;function P(){return{handleSetThemeVariable:J,handleVariablesMap:W,handleToggleLightDarkTheme:j}}var k={"--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{motion as h}from"framer-motion";import{get as c,set as T}from"lodash-es";import v from"react";import{twMerge as E}from"tailwind-merge";var z={CardHeader:g.cardHeaderClasses,CardFooter:g.cardFooterClasses,CardBody:g.cardBodyClasses};function b(r){let{className:e,...o}=r,a=c(r,["as"],"div"),n=c(h,[a],h.div),t=c(r,["children"],[]);return v.createElement(n,{className:E(g.cardComponentWrapperClasses,e),...o},v.Children.toArray(t).map((i,f)=>{if(!v.isValidElement(i))return i;let p=c(i,["type","displayName"]),u=c(i,["props","as"],"div"),y=c(h,[u],h.div);return v.createElement(y,{key:f,...i.props,className:E(c(z,[p],z.CardBody),c(i,["props","className"]))},c(i,["props","children"]))}))}function X(r){return v.createElement("div",{...r})}function K(r){return v.createElement("div",{...r})}function $(r){return v.createElement("div",{...r})}b.Body=K;b.Header=X;b.Footer=$;T(b,["Header","displayName"],"CardHeader");T(b,["Body","displayName"],"CardBody");T(b,["Footer","displayName"],"CardFooter");import{AnimatePresence as Y,motion as N}from"framer-motion";import{get as q}from"lodash-es";function Tr(r){let{as:e,...o}=r,a=q(N,[e??"div"],N.div);return s.createElement(Y,null,s.createElement(a,{...o}))}import{useAxios as rr}from"@kurocado-studio/axios-react";import{get as V}from"lodash-es";import l from"react";import Q from"axios";var Z="https://systemhaus-service-staging.fly.dev",M=Q.create({baseURL:Z,headers:{"Content-Type":"application/json"},timeout:1e4});var or={minimumDelay:0,steps:[0,5,12,18,30,34,50,59,65,75,80,85,90,95]},er=l.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}}),G=P();function Lr({organizationId:r,themeId:e,children:o,...a}){let n=V(a,["progressOptions"],or),[t,i]=rr({axiosInstance:M,progressOptions:n}),[f,p]=l.useState({}),u=l.useRef(null),y=l.useRef(!1),m=l.useCallback(d=>{u.current=G.handleVariablesMap(u.current,d),p(w=>({...w,cssVariables:d}))},[]),C=l.useCallback((d,w)=>{let x=G.handleSetThemeVariable({variableName:d,variableValue:w});x&&m({[x.variableName]:x.variableValue})},[m,f]),R=G.handleToggleLightDarkTheme,B=l.useMemo(()=>({setTheme:m,setThemeVariable:C,toggleLightDarkTheme:R}),[m,C,R]);l.useEffect(()=>{if(!(y.current||!r||!e))return y.current=!0,i({method:"GET",url:`/api/v1/organizations/${r}/themes/${e}/css-variables`,responseType:"json"}).then(d=>{d&&typeof d=="object"&&m(d)}).catch(()=>m(k)),()=>{u.current?.remove(),u.current=null}},[i,m,r,e]);let I=V(a,["LoaderComponent"],()=>null);return l.createElement(l.Fragment,null,l.createElement(I,{progress:t.progress,isLoading:t.isLoading}),l.createElement(er.Provider,{value:B},t.isLoading?null:o))}export{b as Card,Tr as MotionElement,Lr as ThemeProvider,k as defaultSystemHausThemeVariables,U 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,10 +17,7 @@ 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'> =
|
|
24
|
-
as?: T;
|
|
25
|
-
children?: React_2.ReactNode;
|
|
26
|
-
};
|
|
20
|
+
export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = PolymorphicMotionProperties<T>;
|
|
27
21
|
|
|
28
22
|
export declare const defaultSystemHausThemeVariables: {
|
|
29
23
|
'--color-gray-50': string;
|
|
@@ -384,6 +378,13 @@ export declare const defaultSystemHausThemeVariables: {
|
|
|
384
378
|
'--font-weight-black': string;
|
|
385
379
|
};
|
|
386
380
|
|
|
381
|
+
declare enum DirectionEnum {
|
|
382
|
+
TOP = "TOP",
|
|
383
|
+
BOTTOM = "BOTTOM",
|
|
384
|
+
LEFT = "LEFT",
|
|
385
|
+
RIGHT = "RIGHT"
|
|
386
|
+
}
|
|
387
|
+
|
|
387
388
|
export declare const kurocadoTheme: {
|
|
388
389
|
dimension: {
|
|
389
390
|
"0": string;
|
|
@@ -810,9 +811,10 @@ export declare const kurocadoTheme: {
|
|
|
810
811
|
};
|
|
811
812
|
};
|
|
812
813
|
|
|
813
|
-
|
|
814
|
-
|
|
815
|
-
|
|
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
|
+
};
|
|
816
818
|
|
|
817
819
|
declare interface ThemeProperties {
|
|
818
820
|
organizationId: string;
|
|
@@ -827,4 +829,9 @@ declare interface ThemeProperties {
|
|
|
827
829
|
|
|
828
830
|
export declare function ThemeProvider({ organizationId, themeId, children, ...restOfThemeProviderProperties }: ThemeProperties): React_2.ReactElement;
|
|
829
831
|
|
|
832
|
+
declare interface UseFadeInProperties {
|
|
833
|
+
onEnterDirection?: DirectionEnum;
|
|
834
|
+
onExitDirection?: DirectionEnum;
|
|
835
|
+
}
|
|
836
|
+
|
|
830
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.
|
|
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": "
|
|
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.
|
|
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
|
}
|