@kurocado-studio/systemhaus-react 1.0.1-develop.3 → 1.1.0-develop.10
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.css +2 -2
- package/dist/exports.js +3 -3
- package/dist/index.d.ts +403 -12
- package/dist/tsdoc-metadata.json +1 -1
- package/package.json +9 -17
package/dist/exports.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-family-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.mt-\[1rem\]{margin-top:1rem}.mb-\[1rem\]{margin-bottom:1rem}.w-full{width:100%}.rounded-card-root-radius-default{border-radius:var(--dimension-8)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-none{border-radius:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-t-gray-200{border-top-color:var(--color-gray-200)}.border-b-gray-
|
|
2
|
-
/*! tailwindcss v4.1.
|
|
1
|
+
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-family-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.mt-\[1rem\]{margin-top:1rem}.mb-\[1rem\]{margin-bottom:1rem}.w-full{width:100%}.rounded-card-root-radius-default{border-radius:var(--dimension-8)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-none{border-radius:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-t-1{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b-1{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.border-t-gray-200{border-top-color:var(--color-gray-200)}.border-b-gray-300{border-bottom-color:var(--color-gray-300)}.bg-card-root-bg-default{background-color:var(--color-white)}.p-card-root-padding-default{padding:var(--dimension-8)}.pt-\[1rem\]{padding-top:1rem}.pb-\[1rem\]{padding-bottom:1rem}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.dark\:border-gray-800{@media(prefers-color-scheme:dark){border-color:var(--color-gray-800)}}.dark\:border-t-gray-800{@media(prefers-color-scheme:dark){border-top-color:var(--color-gray-800)}}.dark\:border-b-gray-800{@media(prefers-color-scheme:dark){border-bottom-color:var(--color-gray-800)}}.dark\:bg-card-root-bg-default{@media(prefers-color-scheme:dark){background-color:var(--color-white)}}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid}}}
|
|
2
|
+
/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
|
package/dist/exports.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{default as v}from"react";import{get as O}from"lodash-es";function w(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 R(r){if(Array.isArray(r))return r}function P(r,e){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var a=[],i=!0,t=!1,n,s;try{for(o=o.call(r);!(i=(n=o.next()).done)&&(a.push(n.value),!(e&&a.length===e));i=!0);}catch(m){t=!0,s=m}finally{try{!i&&o.return!=null&&o.return()}finally{if(t)throw s}}return a}}function _(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(r,e){return R(r)||P(r,e)||G(r,e)||_()}function G(r,e){if(r){if(typeof r=="string")return w(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 w(r,e)}}var V={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)","card-root-fg-default":"var(--color-gray-900)"},spacing:{"card-root-padding-default":"var(--dimension-8)"},borderRadius:{"card-root-radius-default":"var(--dimension-8)"}}};function S(){var r=document.documentElement,e=r.classList.contains("dark");r.classList.toggle("dark",!e)}var k="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function z(r,e){var o=r??document.querySelector(k);return o||(o=document.createElement("style"),o.id=k),o.textContent=`:root {
|
|
2
|
-
`.concat(Object.entries(e).map(function(
|
|
1
|
+
import{get as gr}from"lodash-es";function z(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 U(r){if(Array.isArray(r))return r}function W(r,e){var o=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(o!=null){var i=[],a=!0,t=!1,n,c;try{for(o=o.call(r);!(a=(n=o.next()).done)&&(i.push(n.value),!(e&&i.length===e));a=!0);}catch(b){t=!0,c=b}finally{try{!a&&o.return!=null&&o.return()}finally{if(t)throw c}}return i}}function J(){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 X(r,e){return U(r)||W(r,e)||Y(r,e)||J()}function Y(r,e){if(r){if(typeof r=="string")return z(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 z(r,e)}}var $={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 q(){var r=document.documentElement,e=r.classList.contains("dark");r.classList.toggle("dark",!e)}var M="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function Q(r,e){var o=r??document.querySelector(M);return o||(o=document.createElement("style"),o.id=M),o.textContent=`:root {
|
|
2
|
+
`.concat(Object.entries(e).map(function(i){var a=X(i,2),t=a[0],n=a[1];return typeof n=="string"?"".concat(t,": ").concat(n,";"):""}).join(`
|
|
3
3
|
`),`
|
|
4
|
-
}`),document.head.append(o),o}function M(r){var e=r.variableName,o=r.variableValue,a=getComputedStyle(document.documentElement),i=a.getPropertyValue(e);if(i.trim().length!==0)return{variableName:e,variableValue:o}}var U=Symbol("ThemeProvider"),p={cardComponentWrapperClasses:"w-full border-gray-200 border-1 dark:border-gray-800 dark:bg-black bg-card-root-bg-default rounded-card-root-radius-default p-card-root-padding-default",cardHeaderClasses:"border-b-gray-200 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]"},E=V;function x(){return{handleSetThemeVariable:M,handleVariablesMap:z,handleToggleLightDarkTheme:S}}import{motion as b}from"framer-motion";import{get as l}from"lodash-es";import c from"react";import{twMerge as T}from"tailwind-merge";var h={CardHeader:p.cardHeaderClasses,CardFooter:p.cardFooterClasses,CardBody:p.cardBodyClasses};function f(r){let{className:e,...o}=r,a=l(r,["as"],"div"),i=l(b,[a],b.div),t=l(r,["children"],[]);return c.createElement(i,{className:T(p.cardComponentWrapperClasses,e),...o},c.Children.toArray(t).map((n,s)=>{if(!c.isValidElement(n))return c.createElement(b.div,{key:s,className:h.CardBody},n);let m=l(n,["type","displayName"]),u=l(n,["props","as"],"div"),g=l(b,[u],b.div);return c.createElement(g,{key:s,...n.props,className:T(l(h,[m],h.CardBody),l(n,["props","className"]))},l(n,["props","children"]))}))}function B(r){return c.createElement("div",{...r})}function I(r){return c.createElement("div",{...r})}function A(r){return c.createElement("div",{...r})}f.Body=I;f.Header=B;f.Footer=A;f.Header.displayName="CardHeader";f.Footer.displayName="CardFooter";import{AnimatePresence as F,motion as C}from"framer-motion";import{get as H}from"lodash-es";function nr(r){let{as:e,...o}=r,a=H(C,[e??"div"],C.div);return v.createElement(F,null,v.createElement(a,{...o}))}import d from"react";var L=d.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}});function ur({cssVariables:r,children:e}){let o=d.useMemo(()=>x(),[]),a=d.useRef(void 0),i=r||{},t=d.useCallback(u=>{a.current=o.handleVariablesMap(a.current,u)},[o]),n=d.useCallback(()=>{o.handleToggleLightDarkTheme()},[o]),s=d.useCallback((u,g)=>{let y=o.handleSetThemeVariable({variableName:u,variableValue:g});y&&(i[y.variableName]=y.variableValue,t(i))},[i,t,o]),m=d.useMemo(()=>({setTheme:t,setThemeVariable:s,toggleLightDarkTheme:n}),[s,t,n]);return d.useEffect(()=>(t(i),()=>{a.current?.remove(),a.current=void 0}),[t,i]),d.createElement(L.Provider,{value:m},e)}export{f as Card,nr as MotionElement,ur as ThemeProvider,E as kurocadoTheme};
|
|
4
|
+
}`),document.head.append(o),o}function Z(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 pr=Symbol("ThemeProvider"),h={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]"},P="@kurocado:color-scheme",V="ph ph-moon-stars",N="ph ph-sun";var m=(function(r){return r.DARK="dark",r.LIGHT="light",r.SYSTEM="system",r})(m||{});function x(){return globalThis.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function B(){var r;return(r=localStorage.getItem(P))!==null&&r!==void 0?r:void 0}function I(r){var e=document.documentElement,o=m.DARK;r===o?e.classList.add(o):e.classList.remove(o)}function T(){var r=B();return r==="system"||!r?x():r}function L(r){localStorage.setItem(P,r),I(r==="system"?x():r)}function rr(){var r=T(),e=r==="dark"?"light":"dark";return L(e),e}function or(){return T()==="dark"}var d={getStoredTheme:B,getSystemTheme:x,resolveEffectiveTheme:T,applyTheme:I,setTheme:L,toggleTheme:rr,isDarkMode:or},er=$;function A(){return{handleSetThemeVariable:Z,handleVariablesMap:Q,handleToggleLightDarkTheme:q}}var G={"--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 y}from"@kurocado-studio/systemhaus-motion-react";import{get as g,set as C}from"lodash-es";import u from"react";import{twMerge as D}from"tailwind-merge";var H={CardHeader:h.cardHeaderClasses,CardFooter:h.cardFooterClasses,CardBody:h.cardBodyClasses};function p(r){let{className:e,...o}=r,i=g(r,["children"],[]);return u.createElement(y,{className:D(h.cardComponentWrapperClasses,e),...o},u.Children.toArray(i).map((a,t)=>{if(!u.isValidElement(a))return a;let n=g(a,["type","displayName"]),c=g(a,["props","as"],"div");return u.createElement(y,{key:t,as:c,...a.props,className:D(g(H,[n],H.CardBody),g(a,["props","className"]))},g(a,["props","children"]))}))}function ar(r){return u.createElement(y,{...r})}function ir(r){return u.createElement(y,{...r})}function nr(r){return u.createElement(y,{...r})}p.Body=ir;p.Header=ar;p.Footer=nr;C(p,["Header","displayName"],"CardHeader");C(p,["Body","displayName"],"CardBody");C(p,["Footer","displayName"],"CardFooter");import{useEffect as lr,useState as tr}from"react";function Er(){let[r,e]=tr(()=>globalThis.window===void 0?m.LIGHT:d.resolveEffectiveTheme());lr(()=>{if(globalThis.window===void 0)return;d.applyTheme(r);let n=globalThis.matchMedia("(prefers-color-scheme: dark)"),c=()=>{let b=d.getStoredTheme();if(b===m.SYSTEM||!b){let v=d.getSystemTheme();d.applyTheme(v),e(v)}};return n.addEventListener("change",c),()=>{n.removeEventListener("change",c)}},[r]);let o=()=>{let n=d.toggleTheme();e(n)},i=n=>{d.setTheme(n),e(d.resolveEffectiveTheme())},a=r===m.DARK?V:N;return{isDark:r===m.DARK,theme:r,toggle:o,iconSettings:a,setTheme:i}}import{useAxios as sr}from"@kurocado-studio/axios-react";import{get as j}from"lodash-es";import l from"react";import cr from"axios";var dr="https://systemhaus-service-staging.fly.dev",O=cr.create({baseURL:dr,headers:{"Content-Type":"application/json"},timeout:1e4});var mr={minimumDelay:0,steps:[0,5,12,18,30,34,50,59,65,75,80,85,90,95]},vr=l.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}}),S=A();function Dr({organizationId:r,themeId:e,children:o,...i}){let a=j(i,["progressOptions"],mr),[t,n]=sr({axiosInstance:O,progressOptions:a}),[c,b]=l.useState({}),v=l.useRef(null),_=l.useRef(!1),f=l.useCallback(s=>{v.current=S.handleVariablesMap(v.current,s),b(w=>({...w,cssVariables:s}))},[]),E=l.useCallback((s,w)=>{let k=S.handleSetThemeVariable({variableName:s,variableValue:w});k&&f({[k.variableName]:k.variableValue})},[f,c]),R=S.handleToggleLightDarkTheme,F=l.useMemo(()=>({setTheme:f,setThemeVariable:E,toggleLightDarkTheme:R}),[f,E,R]);l.useEffect(()=>{if(!(_.current||!r||!e))return _.current=!0,n({method:"GET",url:`/api/v1/organizations/${r}/themes/${e}/css-variables`,responseType:"json"}).then(s=>{s&&typeof s=="object"&&f(s)}).catch(()=>f(G)),()=>{v.current?.remove(),v.current=null}},[n,f,r,e]);let K=j(i,["LoaderComponent"],()=>null);return l.createElement(l.Fragment,null,l.createElement(K,{progress:t.progress,isLoading:t.isLoading}),l.createElement(vr.Provider,{value:F},t.isLoading?null:o))}export{p as Card,m as ThemeEnum,Dr as ThemeProvider,G as defaultSystemHausThemeVariables,er as kurocadoTheme,Er as useDarkMode};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { MotionProps } from 'framer-motion';
|
|
2
2
|
import { default as React_2 } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
as?: T;
|
|
6
|
-
};
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import { UseAxiosParameters } from '@kurocado-studio/axios-react';
|
|
7
5
|
|
|
8
6
|
export declare function Card<T extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<CardProperties<T>>): React_2.ReactNode;
|
|
9
7
|
|
|
@@ -19,11 +17,382 @@ declare function CardFooter<T extends keyof React_2.JSX.IntrinsicElements = 'div
|
|
|
19
17
|
|
|
20
18
|
declare function CardHeader<T extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<CardProperties<T>>): React_2.ReactNode;
|
|
21
19
|
|
|
22
|
-
export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> =
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = PolymorphicMotionProperties<T>;
|
|
21
|
+
|
|
22
|
+
declare interface DarkModeController {
|
|
23
|
+
isDark: boolean;
|
|
24
|
+
theme: ThemeEnum;
|
|
25
|
+
toggle: () => void;
|
|
26
|
+
iconSettings: string;
|
|
27
|
+
setTheme: (newTheme: ThemeEnum) => void;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export declare const defaultSystemHausThemeVariables: {
|
|
31
|
+
'--color-gray-50': string;
|
|
32
|
+
'--color-gray-100': string;
|
|
33
|
+
'--color-gray-200': string;
|
|
34
|
+
'--color-gray-300': string;
|
|
35
|
+
'--color-gray-400': string;
|
|
36
|
+
'--color-gray-500': string;
|
|
37
|
+
'--color-gray-600': string;
|
|
38
|
+
'--color-gray-700': string;
|
|
39
|
+
'--color-gray-800': string;
|
|
40
|
+
'--color-gray-900': string;
|
|
41
|
+
'--color-coolGray-50': string;
|
|
42
|
+
'--color-coolGray-100': string;
|
|
43
|
+
'--color-coolGray-200': string;
|
|
44
|
+
'--color-coolGray-300': string;
|
|
45
|
+
'--color-coolGray-400': string;
|
|
46
|
+
'--color-coolGray-500': string;
|
|
47
|
+
'--color-coolGray-600': string;
|
|
48
|
+
'--color-coolGray-700': string;
|
|
49
|
+
'--color-coolGray-800': string;
|
|
50
|
+
'--color-coolGray-900': string;
|
|
51
|
+
'--color-trueGray-50': string;
|
|
52
|
+
'--color-trueGray-200': string;
|
|
53
|
+
'--color-trueGray-300': string;
|
|
54
|
+
'--color-trueGray-400': string;
|
|
55
|
+
'--color-trueGray-500': string;
|
|
56
|
+
'--color-trueGray-600': string;
|
|
57
|
+
'--color-trueGray-700': string;
|
|
58
|
+
'--color-trueGray-800': string;
|
|
59
|
+
'--color-trueGray-900': string;
|
|
60
|
+
'--color-warmGray-50': string;
|
|
61
|
+
'--color-warmGray-100': string;
|
|
62
|
+
'--color-warmGray-200': string;
|
|
63
|
+
'--color-warmGray-300': string;
|
|
64
|
+
'--color-warmGray-400': string;
|
|
65
|
+
'--color-warmGray-500': string;
|
|
66
|
+
'--color-warmGray-600': string;
|
|
67
|
+
'--color-warmGray-700': string;
|
|
68
|
+
'--color-warmGray-800': string;
|
|
69
|
+
'--color-warmGray-900': string;
|
|
70
|
+
'--color-red-50': string;
|
|
71
|
+
'--color-red-100': string;
|
|
72
|
+
'--color-red-200': string;
|
|
73
|
+
'--color-red-300': string;
|
|
74
|
+
'--color-red-400': string;
|
|
75
|
+
'--color-red-500': string;
|
|
76
|
+
'--color-red-600': string;
|
|
77
|
+
'--color-red-700': string;
|
|
78
|
+
'--color-red-800': string;
|
|
79
|
+
'--color-red-900': string;
|
|
80
|
+
'--color-orange-50': string;
|
|
81
|
+
'--color-orange-100': string;
|
|
82
|
+
'--color-orange-200': string;
|
|
83
|
+
'--color-orange-300': string;
|
|
84
|
+
'--color-orange-400': string;
|
|
85
|
+
'--color-orange-500': string;
|
|
86
|
+
'--color-orange-600': string;
|
|
87
|
+
'--color-orange-700': string;
|
|
88
|
+
'--color-orange-800': string;
|
|
89
|
+
'--color-orange-900': string;
|
|
90
|
+
'--color-amber-50': string;
|
|
91
|
+
'--color-amber-100': string;
|
|
92
|
+
'--color-amber-200': string;
|
|
93
|
+
'--color-amber-300': string;
|
|
94
|
+
'--color-amber-400': string;
|
|
95
|
+
'--color-amber-500': string;
|
|
96
|
+
'--color-amber-600': string;
|
|
97
|
+
'--color-amber-700': string;
|
|
98
|
+
'--color-amber-800': string;
|
|
99
|
+
'--color-amber-900': string;
|
|
100
|
+
'--color-yellow-50': string;
|
|
101
|
+
'--color-yellow-100': string;
|
|
102
|
+
'--color-yellow-200': string;
|
|
103
|
+
'--color-yellow-300': string;
|
|
104
|
+
'--color-yellow-400': string;
|
|
105
|
+
'--color-yellow-500': string;
|
|
106
|
+
'--color-yellow-600': string;
|
|
107
|
+
'--color-yellow-700': string;
|
|
108
|
+
'--color-yellow-800': string;
|
|
109
|
+
'--color-yellow-900': string;
|
|
110
|
+
'--color-lime-50': string;
|
|
111
|
+
'--color-lime-100': string;
|
|
112
|
+
'--color-lime-200': string;
|
|
113
|
+
'--color-lime-300': string;
|
|
114
|
+
'--color-lime-400': string;
|
|
115
|
+
'--color-lime-500': string;
|
|
116
|
+
'--color-lime-600': string;
|
|
117
|
+
'--color-lime-700': string;
|
|
118
|
+
'--color-lime-800': string;
|
|
119
|
+
'--color-lime-900': string;
|
|
120
|
+
'--color-green-50': string;
|
|
121
|
+
'--color-green-100': string;
|
|
122
|
+
'--color-green-200': string;
|
|
123
|
+
'--color-green-300': string;
|
|
124
|
+
'--color-green-400': string;
|
|
125
|
+
'--color-green-500': string;
|
|
126
|
+
'--color-green-600': string;
|
|
127
|
+
'--color-green-700': string;
|
|
128
|
+
'--color-green-800': string;
|
|
129
|
+
'--color-green-900': string;
|
|
130
|
+
'--color-emerald-50': string;
|
|
131
|
+
'--color-emerald-100': string;
|
|
132
|
+
'--color-emerald-200': string;
|
|
133
|
+
'--color-emerald-300': string;
|
|
134
|
+
'--color-emerald-400': string;
|
|
135
|
+
'--color-emerald-500': string;
|
|
136
|
+
'--color-emerald-600': string;
|
|
137
|
+
'--color-emerald-700': string;
|
|
138
|
+
'--color-emerald-800': string;
|
|
139
|
+
'--color-emerald-900': string;
|
|
140
|
+
'--color-teal-50': string;
|
|
141
|
+
'--color-teal-100': string;
|
|
142
|
+
'--color-teal-200': string;
|
|
143
|
+
'--color-teal-300': string;
|
|
144
|
+
'--color-teal-400': string;
|
|
145
|
+
'--color-teal-500': string;
|
|
146
|
+
'--color-teal-600': string;
|
|
147
|
+
'--color-teal-700': string;
|
|
148
|
+
'--color-teal-800': string;
|
|
149
|
+
'--color-teal-900': string;
|
|
150
|
+
'--color-cyan-50': string;
|
|
151
|
+
'--color-cyan-100': string;
|
|
152
|
+
'--color-cyan-200': string;
|
|
153
|
+
'--color-cyan-300': string;
|
|
154
|
+
'--color-cyan-400': string;
|
|
155
|
+
'--color-cyan-500': string;
|
|
156
|
+
'--color-cyan-600': string;
|
|
157
|
+
'--color-cyan-700': string;
|
|
158
|
+
'--color-cyan-800': string;
|
|
159
|
+
'--color-cyan-900': string;
|
|
160
|
+
'--color-lightBlue-50': string;
|
|
161
|
+
'--color-lightBlue-100': string;
|
|
162
|
+
'--color-lightBlue-200': string;
|
|
163
|
+
'--color-lightBlue-300': string;
|
|
164
|
+
'--color-lightBlue-400': string;
|
|
165
|
+
'--color-lightBlue-500': string;
|
|
166
|
+
'--color-lightBlue-600': string;
|
|
167
|
+
'--color-lightBlue-700': string;
|
|
168
|
+
'--color-lightBlue-800': string;
|
|
169
|
+
'--color-lightBlue-900': string;
|
|
170
|
+
'--color-blue-50': string;
|
|
171
|
+
'--color-blue-100': string;
|
|
172
|
+
'--color-blue-200': string;
|
|
173
|
+
'--color-blue-300': string;
|
|
174
|
+
'--color-blue-400': string;
|
|
175
|
+
'--color-blue-500': string;
|
|
176
|
+
'--color-blue-600': string;
|
|
177
|
+
'--color-blue-700': string;
|
|
178
|
+
'--color-blue-800': string;
|
|
179
|
+
'--color-blue-900': string;
|
|
180
|
+
'--color-indigo-50': string;
|
|
181
|
+
'--color-indigo-100': string;
|
|
182
|
+
'--color-indigo-200': string;
|
|
183
|
+
'--color-indigo-300': string;
|
|
184
|
+
'--color-indigo-400': string;
|
|
185
|
+
'--color-indigo-500': string;
|
|
186
|
+
'--color-indigo-600': string;
|
|
187
|
+
'--color-indigo-700': string;
|
|
188
|
+
'--color-indigo-800': string;
|
|
189
|
+
'--color-indigo-900': string;
|
|
190
|
+
'--color-violet-50': string;
|
|
191
|
+
'--color-violet-100': string;
|
|
192
|
+
'--color-violet-200': string;
|
|
193
|
+
'--color-violet-300': string;
|
|
194
|
+
'--color-violet-400': string;
|
|
195
|
+
'--color-violet-500': string;
|
|
196
|
+
'--color-violet-600': string;
|
|
197
|
+
'--color-violet-700': string;
|
|
198
|
+
'--color-violet-800': string;
|
|
199
|
+
'--color-violet-900': string;
|
|
200
|
+
'--color-purple-50': string;
|
|
201
|
+
'--color-purple-100': string;
|
|
202
|
+
'--color-purple-200': string;
|
|
203
|
+
'--color-purple-300': string;
|
|
204
|
+
'--color-purple-400': string;
|
|
205
|
+
'--color-purple-500': string;
|
|
206
|
+
'--color-purple-600': string;
|
|
207
|
+
'--color-purple-700': string;
|
|
208
|
+
'--color-purple-800': string;
|
|
209
|
+
'--color-purple-900': string;
|
|
210
|
+
'--color-fuschia-50': string;
|
|
211
|
+
'--color-fuschia-100': string;
|
|
212
|
+
'--color-fuschia-200': string;
|
|
213
|
+
'--color-fuschia-300': string;
|
|
214
|
+
'--color-fuschia-400': string;
|
|
215
|
+
'--color-fuschia-500': string;
|
|
216
|
+
'--color-fuschia-600': string;
|
|
217
|
+
'--color-fuschia-700': string;
|
|
218
|
+
'--color-fuschia-800': string;
|
|
219
|
+
'--color-fuschia-900': string;
|
|
220
|
+
'--color-pink-50': string;
|
|
221
|
+
'--color-pink-100': string;
|
|
222
|
+
'--color-pink-200': string;
|
|
223
|
+
'--color-pink-300': string;
|
|
224
|
+
'--color-pink-400': string;
|
|
225
|
+
'--color-pink-500': string;
|
|
226
|
+
'--color-pink-600': string;
|
|
227
|
+
'--color-pink-700': string;
|
|
228
|
+
'--color-pink-800': string;
|
|
229
|
+
'--color-pink-900': string;
|
|
230
|
+
'--color-rose-50': string;
|
|
231
|
+
'--color-rose-100': string;
|
|
232
|
+
'--color-rose-200': string;
|
|
233
|
+
'--color-rose-300': string;
|
|
234
|
+
'--color-rose-400': string;
|
|
235
|
+
'--color-rose-500': string;
|
|
236
|
+
'--color-rose-600': string;
|
|
237
|
+
'--color-rose-700': string;
|
|
238
|
+
'--color-rose-800': string;
|
|
239
|
+
'--color-rose-900': string;
|
|
240
|
+
'--color-black': string;
|
|
241
|
+
'--color-white': string;
|
|
242
|
+
'--dimension-0': string;
|
|
243
|
+
'--dimension-1': string;
|
|
244
|
+
'--dimension-2': string;
|
|
245
|
+
'--dimension-3': string;
|
|
246
|
+
'--dimension-4': string;
|
|
247
|
+
'--dimension-5': string;
|
|
248
|
+
'--dimension-6': string;
|
|
249
|
+
'--dimension-7': string;
|
|
250
|
+
'--dimension-8': string;
|
|
251
|
+
'--dimension-9': string;
|
|
252
|
+
'--dimension-10': string;
|
|
253
|
+
'--dimension-11': string;
|
|
254
|
+
'--dimension-12': string;
|
|
255
|
+
'--dimension-13': string;
|
|
256
|
+
'--dimension-14': string;
|
|
257
|
+
'--dimension-15': string;
|
|
258
|
+
'--dimension-16': string;
|
|
259
|
+
'--dimension-17': string;
|
|
260
|
+
'--dimension-18': string;
|
|
261
|
+
'--dimension-19': string;
|
|
262
|
+
'--dimension-20': string;
|
|
263
|
+
'--dimension-21': string;
|
|
264
|
+
'--dimension-22': string;
|
|
265
|
+
'--dimension-23': string;
|
|
266
|
+
'--dimension-24': string;
|
|
267
|
+
'--dimension-25': string;
|
|
268
|
+
'--dimension-26': string;
|
|
269
|
+
'--dimension-27': string;
|
|
270
|
+
'--dimension-28': string;
|
|
271
|
+
'--dimension-29': string;
|
|
272
|
+
'--dimension-30': string;
|
|
273
|
+
'--dimension-31': string;
|
|
274
|
+
'--dimension-32': string;
|
|
275
|
+
'--dimension-33': string;
|
|
276
|
+
'--dimension-34': string;
|
|
277
|
+
'--dimension-35': string;
|
|
278
|
+
'--dimension-36': string;
|
|
279
|
+
'--dimension-37': string;
|
|
280
|
+
'--dimension-38': string;
|
|
281
|
+
'--dimension-39': string;
|
|
282
|
+
'--dimension-40': string;
|
|
283
|
+
'--dimension-41': string;
|
|
284
|
+
'--dimension-42': string;
|
|
285
|
+
'--dimension-43': string;
|
|
286
|
+
'--dimension-44': string;
|
|
287
|
+
'--dimension-45': string;
|
|
288
|
+
'--dimension-46': string;
|
|
289
|
+
'--dimension-47': string;
|
|
290
|
+
'--dimension-48': string;
|
|
291
|
+
'--dimension-49': string;
|
|
292
|
+
'--dimension-50': string;
|
|
293
|
+
'--dimension-51': string;
|
|
294
|
+
'--dimension-52': string;
|
|
295
|
+
'--dimension-53': string;
|
|
296
|
+
'--dimension-54': string;
|
|
297
|
+
'--dimension-55': string;
|
|
298
|
+
'--dimension-56': string;
|
|
299
|
+
'--dimension-57': string;
|
|
300
|
+
'--dimension-58': string;
|
|
301
|
+
'--dimension-59': string;
|
|
302
|
+
'--dimension-60': string;
|
|
303
|
+
'--dimension-61': string;
|
|
304
|
+
'--dimension-62': string;
|
|
305
|
+
'--dimension-63': string;
|
|
306
|
+
'--dimension-64': string;
|
|
307
|
+
'--dimension-65': string;
|
|
308
|
+
'--dimension-66': string;
|
|
309
|
+
'--dimension-67': string;
|
|
310
|
+
'--dimension-68': string;
|
|
311
|
+
'--dimension-69': string;
|
|
312
|
+
'--dimension-70': string;
|
|
313
|
+
'--dimension-71': string;
|
|
314
|
+
'--dimension-72': string;
|
|
315
|
+
'--dimension-73': string;
|
|
316
|
+
'--dimension-74': string;
|
|
317
|
+
'--dimension-75': string;
|
|
318
|
+
'--dimension-76': string;
|
|
319
|
+
'--dimension-77': string;
|
|
320
|
+
'--dimension-78': string;
|
|
321
|
+
'--dimension-79': string;
|
|
322
|
+
'--dimension-80': string;
|
|
323
|
+
'--dimension-81': string;
|
|
324
|
+
'--dimension-82': string;
|
|
325
|
+
'--dimension-83': string;
|
|
326
|
+
'--dimension-84': string;
|
|
327
|
+
'--dimension-85': string;
|
|
328
|
+
'--dimension-86': string;
|
|
329
|
+
'--dimension-87': string;
|
|
330
|
+
'--dimension-88': string;
|
|
331
|
+
'--dimension-89': string;
|
|
332
|
+
'--dimension-90': string;
|
|
333
|
+
'--dimension-91': string;
|
|
334
|
+
'--dimension-92': string;
|
|
335
|
+
'--dimension-93': string;
|
|
336
|
+
'--dimension-94': string;
|
|
337
|
+
'--dimension-95': string;
|
|
338
|
+
'--dimension-96': string;
|
|
339
|
+
'--dimension-97': string;
|
|
340
|
+
'--dimension-98': string;
|
|
341
|
+
'--dimension-99': string;
|
|
342
|
+
'--dimension-100': string;
|
|
343
|
+
'--dimension-sm': string;
|
|
344
|
+
'--dimension-lg': string;
|
|
345
|
+
'--dimension-xl': string;
|
|
346
|
+
'--dimension-px': string;
|
|
347
|
+
'--dimension-rounded-none': string;
|
|
348
|
+
'--dimension-rounded-sm': string;
|
|
349
|
+
'--dimension-rounded-default': string;
|
|
350
|
+
'--dimension-rounded-md': string;
|
|
351
|
+
'--dimension-rounded-lg': string;
|
|
352
|
+
'--dimension-rounded-xl': string;
|
|
353
|
+
'--dimension-rounded-2xl': string;
|
|
354
|
+
'--dimension-rounded-3xl': string;
|
|
355
|
+
'--dimension-rounded-full': string;
|
|
356
|
+
'--dimension-default': string;
|
|
357
|
+
'--dimension-2xs': string;
|
|
358
|
+
'--dimension-xs': string;
|
|
359
|
+
'--dimension-md': string;
|
|
360
|
+
'--dimension-2xl': string;
|
|
361
|
+
'--dimension-rem_base': string;
|
|
362
|
+
'--font-family-body': string;
|
|
363
|
+
'--font-family-sans': string;
|
|
364
|
+
'--font-family-display': string;
|
|
365
|
+
'--font-size-xs': string;
|
|
366
|
+
'--font-size-sm': string;
|
|
367
|
+
'--font-size-base': string;
|
|
368
|
+
'--font-size-lg': string;
|
|
369
|
+
'--font-size-xl': string;
|
|
370
|
+
'--font-size-2xl': string;
|
|
371
|
+
'--font-size-3xl': string;
|
|
372
|
+
'--font-size-4xl': string;
|
|
373
|
+
'--font-size-5xl': string;
|
|
374
|
+
'--font-size-6xl': string;
|
|
375
|
+
'--font-size-7xl': string;
|
|
376
|
+
'--font-size-8xl': string;
|
|
377
|
+
'--font-size-9xl': string;
|
|
378
|
+
'--font-weight-thin': string;
|
|
379
|
+
'--font-weight-extralight': string;
|
|
380
|
+
'--font-weight-light': string;
|
|
381
|
+
'--font-weight-normal': string;
|
|
382
|
+
'--font-weight-medium': string;
|
|
383
|
+
'--font-weight-semibold': string;
|
|
384
|
+
'--font-weight-bold': string;
|
|
385
|
+
'--font-weight-extrabold': string;
|
|
386
|
+
'--font-weight-black': string;
|
|
25
387
|
};
|
|
26
388
|
|
|
389
|
+
declare enum DirectionEnum {
|
|
390
|
+
TOP = "TOP",
|
|
391
|
+
BOTTOM = "BOTTOM",
|
|
392
|
+
LEFT = "LEFT",
|
|
393
|
+
RIGHT = "RIGHT"
|
|
394
|
+
}
|
|
395
|
+
|
|
27
396
|
export declare const kurocadoTheme: {
|
|
28
397
|
dimension: {
|
|
29
398
|
"0": string;
|
|
@@ -437,7 +806,9 @@ export declare const kurocadoTheme: {
|
|
|
437
806
|
extend: {
|
|
438
807
|
colors: {
|
|
439
808
|
"card-root-bg-default": string;
|
|
809
|
+
"dark:card-root-bg-default": string;
|
|
440
810
|
"card-root-fg-default": string;
|
|
811
|
+
"dark:card-root-fg-default": string;
|
|
441
812
|
};
|
|
442
813
|
spacing: {
|
|
443
814
|
"card-root-padding-default": string;
|
|
@@ -448,15 +819,35 @@ export declare const kurocadoTheme: {
|
|
|
448
819
|
};
|
|
449
820
|
};
|
|
450
821
|
|
|
451
|
-
|
|
822
|
+
declare type PolymorphicMotionProperties<T extends keyof React__default.JSX.IntrinsicElements = 'div'> = Omit<React__default.JSX.IntrinsicElements[T], keyof MotionProps | 'ref'> & MotionProps & UseFadeInProperties & {
|
|
823
|
+
as?: T;
|
|
824
|
+
isVisible?: boolean;
|
|
825
|
+
};
|
|
452
826
|
|
|
453
|
-
export declare
|
|
827
|
+
export declare enum ThemeEnum {
|
|
828
|
+
DARK = "dark",
|
|
829
|
+
LIGHT = "light",
|
|
830
|
+
SYSTEM = "system"
|
|
831
|
+
}
|
|
454
832
|
|
|
455
833
|
declare interface ThemeProperties {
|
|
456
|
-
|
|
457
|
-
|
|
834
|
+
organizationId: string;
|
|
835
|
+
themeId: string;
|
|
836
|
+
progressOptions?: UseAxiosParameters<Record<string, unknown>>['progressOptions'];
|
|
837
|
+
LoaderComponent?: React_2.FC<{
|
|
838
|
+
progress: number;
|
|
839
|
+
isLoading: boolean;
|
|
840
|
+
} & Record<string, unknown>>;
|
|
841
|
+
children: React_2.ReactNode;
|
|
458
842
|
}
|
|
459
843
|
|
|
460
|
-
export declare function ThemeProvider({
|
|
844
|
+
export declare function ThemeProvider({ organizationId, themeId, children, ...restOfThemeProviderProperties }: ThemeProperties): React_2.ReactElement;
|
|
845
|
+
|
|
846
|
+
export declare function useDarkMode(): DarkModeController;
|
|
847
|
+
|
|
848
|
+
declare interface UseFadeInProperties {
|
|
849
|
+
onEnterDirection?: DirectionEnum;
|
|
850
|
+
onExitDirection?: DirectionEnum;
|
|
851
|
+
}
|
|
461
852
|
|
|
462
853
|
export { }
|
package/dist/tsdoc-metadata.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kurocado-studio/systemhaus-react",
|
|
3
|
-
"version": "1.0
|
|
3
|
+
"version": "1.1.0-develop.10",
|
|
4
4
|
"private": false,
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -28,29 +28,28 @@
|
|
|
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
|
-
"dev": "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",
|
|
34
|
+
"dev": "rm -rf dist && cross-env VITE_NODE_ENV=local tsup --watch",
|
|
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",
|
|
41
38
|
"prettier:check": "prettier --check . --ignore-path ../../.prettierignore",
|
|
39
|
+
"setup:axios-react": "pnpm clean && pnpm build:axios-react && pnpm i && pnpm build",
|
|
40
|
+
"build:axios-react": "cd ../../../../../../WebstormProjects/platform/packages/dev-experience/axios-react && pnpm build && pnpm prepublishOnly",
|
|
42
41
|
"typecheck": "tsc --noEmit --pretty"
|
|
43
42
|
},
|
|
44
43
|
"dependencies": {
|
|
45
44
|
"@emotion/is-prop-valid": "^1.3.1",
|
|
46
45
|
"@headlessui/react": "^2.2.4",
|
|
46
|
+
"@kurocado-studio/axios-react": "1.1.2-develop.1",
|
|
47
47
|
"@react-aria/button": "^3.13.0",
|
|
48
48
|
"@react-aria/textfield": "^3.17.3",
|
|
49
49
|
"@tailwindcss/typography": "^0.5.16",
|
|
50
|
-
"
|
|
50
|
+
"axios": "^1.12.2",
|
|
51
|
+
"framer-motion": "^12.23.24",
|
|
51
52
|
"lodash-es": "^4.17.21",
|
|
52
|
-
"motion": "^12.11.0",
|
|
53
|
-
"motion-v": "^1.0.2",
|
|
54
53
|
"react": "19",
|
|
55
54
|
"tailwind-merge": "^3.3.0",
|
|
56
55
|
"tailwind-variants": "^2.1.0"
|
|
@@ -66,22 +65,15 @@
|
|
|
66
65
|
"@types/node": "^22.15.19",
|
|
67
66
|
"@types/react": "^19.1.10",
|
|
68
67
|
"@types/react-dom": "^19.1.4",
|
|
69
|
-
"@vitejs/plugin-react": "^4.4.1",
|
|
70
|
-
"@vitejs/plugin-vue": "^5.2.4",
|
|
71
68
|
"@vitest/coverage-v8": "^3.1.3",
|
|
72
|
-
"@vue/compiler-sfc": "^3.5.14",
|
|
73
69
|
"copyfiles": "^2.4.1",
|
|
70
|
+
"cross-env": "^10.1.0",
|
|
74
71
|
"eslint": "^9.28.0",
|
|
75
72
|
"postcss": "^8.5.6",
|
|
76
73
|
"prettier": "3.5.3",
|
|
77
74
|
"tailwindcss": "^4.1.11",
|
|
78
75
|
"tsup": "^8.5.0",
|
|
79
76
|
"typescript": "5.8.3",
|
|
80
|
-
"unplugin-vue": "^7.0.1",
|
|
81
|
-
"vite": "^5.2.8",
|
|
82
|
-
"vite-node": "3.2.4",
|
|
83
|
-
"vite-plugin-dts": "^4.5.3",
|
|
84
|
-
"vite-tsconfig-paths": "^5.1.4",
|
|
85
77
|
"vitest": "^3.1.3"
|
|
86
78
|
}
|
|
87
79
|
}
|