@kurocado-studio/systemhaus-react 1.0.0

package/README.md

@@ -0,0 +1 @@
+Kurocado Studio Design System components

package/dist/exports.css

@@ -0,0 +1,2 @@
+@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{.w-full{width:100%}.divide-y{:where(&>:not(:last-child)){--tw-divide-y-reverse: 0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}}.divide-gray-200{:where(&>:not(:last-child)){border-color:var(--color-gray-200)}}.overflow-hidden{overflow:hidden}.rounded-card-root-radius-default{border-radius:var(--dimension-8)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-none{border-radius:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-gray-200{border-color:var(--color-gray-200)}.bg-card-root-bg-default{background-color:var(--color-white)}.p-card-root-padding-default{padding:var(--dimension-8)}.text-card-root-fg-default{color:var(--color-gray-900)}.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\:divide-gray-700{@media (prefers-color-scheme: dark){:where(&>:not(:last-child)){border-color:var(--color-gray-700)}}}.dark\:border-gray-800{@media (prefers-color-scheme: dark){border-color:var(--color-gray-800)}}.dark\:bg-black{@media (prefers-color-scheme: dark){background-color:var(--color-black)}}.dark\:text-gray-100{@media (prefers-color-scheme: dark){color:var(--color-gray-100)}}}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@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-divide-y-reverse: 0;--tw-border-style: solid}}}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */

package/dist/exports.js

@@ -0,0 +1,4 @@
+import{default as n}from"react";import{get as F}from"lodash-es";function g(r,o){(o==null||o>r.length)&&(o=r.length);for(var e=0,a=new Array(o);e<o;e++)a[e]=r[e];return a}function k(r){if(Array.isArray(r))return r}function T(r,o){var e=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(e!=null){var a=[],i=!0,t=!1,d,c;try{for(e=e.call(r);!(i=(d=e.next()).done)&&(a.push(d.value),!(o&&a.length===o));i=!0);}catch(u){t=!0,c=u}finally{try{!i&&e.return!=null&&e.return()}finally{if(t)throw c}}return a}}function P(){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 C(r,o){return k(r)||T(r,o)||_(r,o)||P()}function _(r,o){if(r){if(typeof r=="string")return g(r,o);var e=Object.prototype.toString.call(r).slice(8,-1);if(e==="Object"&&r.constructor&&(e=r.constructor.name),e==="Map"||e==="Set")return Array.from(e);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return g(r,o)}}var R={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 E(){var r=document.documentElement,o=r.classList.contains("dark");r.classList.toggle("dark",!o)}var y="KUROCADO_STUDIO_CSS_VARIABLES_MAP";function G(r,o){var e=r??document.querySelector(y);return e||(e=document.createElement("style"),e.id=y),e.textContent=`:root {
+    `.concat(Object.entries(o).map(function(a){var i=C(a,2),t=i[0],d=i[1];return typeof d=="string"?"".concat(t,": ").concat(d,";"):""}).join(`
+`),`
+  }`),document.head.append(e),e}function M(r){var o=r.variableName,e=r.variableValue,a=getComputedStyle(document.documentElement),i=a.getPropertyValue(o);if(i.trim().length!==0)return{variableName:o,variableValue:e}}var H=Symbol("ThemeProvider"),s={cardComponentWrapperClasses:"w-full bg-card-root-bg-default dark:bg-black text-card-root-fg-default dark:text-gray-100 dark:divide-gray-700 divide-gray-200 divide-y overflow-hidden rounded-card-root-radius-default border-2 border-gray-200 dark:border-gray-800",cardHeaderClasses:"w-full bg-card-root-bg-default dark:bg-black text-card-root-fg-default dark:text-gray-100 p-card-root-padding-default",cardBodyClasses:"w-full bg-card-root-bg-default dark:bg-black text-card-root-fg-default dark:text-gray-100 p-card-root-padding-default",cardFooterClasses:"w-full bg-card-root-bg-default dark:bg-black text-card-root-fg-default dark:text-gray-100 p-card-root-padding-default"},V=R;function h(){return{handleSetThemeVariable:M,handleVariablesMap:G,handleToggleLightDarkTheme:E}}import{twMerge as m}from"tailwind-merge";import{AnimatePresence as S,motion as w}from"framer-motion";import{get as z}from"lodash-es";function v(r){let{as:o,...e}=r,a=z(w,[o??"div"],w.div);return n.createElement(S,null,n.createElement(a,{...e}))}function N({children:r,className:o,...e}){return n.createElement(v,{className:m(s.cardHeaderClasses,o),...e},r)}function B({children:r,className:o,...e}){return n.createElement(v,{className:m(s.cardFooterClasses,o),...e},r)}function I({children:r,className:o,...e}){return n.createElement(v,{className:m(s.cardBodyClasses,o),...e},r)}function b({children:r,className:o,...e}){return n.createElement(v,{className:m(s.cardComponentWrapperClasses,o),...e},r)}b.Header=N;b.Body=I;b.Footer=B;import l from"react";var A=l.createContext({setThemeVariable:()=>{},toggleLightDarkTheme:()=>{},setTheme:()=>{}});function lr({cssVariables:r,children:o}){let e=l.useMemo(()=>h(),[]),a=l.useRef(void 0),i=r||{},t=l.useCallback(f=>{a.current=e.handleVariablesMap(a.current,f)},[e]),d=l.useCallback(()=>{e.handleToggleLightDarkTheme()},[e]),c=l.useCallback((f,x)=>{let p=e.handleSetThemeVariable({variableName:f,variableValue:x});p&&(i[p.variableName]=p.variableValue,t(i))},[i,t,e]),u=l.useMemo(()=>({setTheme:t,setThemeVariable:c,toggleLightDarkTheme:d}),[c,t,d]);return l.useEffect(()=>(t(i),()=>{a.current?.remove(),a.current=void 0}),[t,i]),l.createElement(A.Provider,{value:u},o)}export{b as Card,v as MotionElement,lr as ThemeProvider,V as kurocadoTheme};

package/dist/index.d.ts

@@ -0,0 +1,459 @@
+import { MotionProps } from 'framer-motion';
+import { default as React_2 } from 'react';
+
+declare type BaseMotionElementProperties<T extends keyof React_2.JSX.IntrinsicElements> = Partial<React_2.JSX.IntrinsicElements[T]> & MotionProps & {
+    as?: T;
+};
+
+export declare function Card<T extends keyof React_2.JSX.IntrinsicElements = 'div'>({ children, className, ...rest }: CardProperties<T>): React_2.ReactNode;
+
+export declare namespace Card {
+    var Header: typeof CardHeader;
+    var Body: typeof CardBody;
+    var Footer: typeof CardFooter;
+}
+
+declare function CardBody<T extends keyof React_2.JSX.IntrinsicElements = 'div'>({ children, className, ...rest }: CardProperties<T>): React_2.ReactNode;
+
+declare function CardFooter<T extends keyof React_2.JSX.IntrinsicElements = 'div'>({ children, className, ...rest }: CardProperties<T>): React_2.ReactNode;
+
+declare function CardHeader<T extends keyof React_2.JSX.IntrinsicElements = 'div'>({ children, className, ...rest }: CardProperties<T>): React_2.ReactNode;
+
+export declare type CardProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = MotionElementProperties<T>;
+
+export declare const kurocadoTheme: {
+    dimension: {
+        "0": string;
+        "1": string;
+        "2": string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+        "11": string;
+        "12": string;
+        "13": string;
+        "14": string;
+        "15": string;
+        "16": string;
+        "17": string;
+        "18": string;
+        "19": string;
+        "20": string;
+        "21": string;
+        "22": string;
+        "23": string;
+        "24": string;
+        "25": string;
+        "26": string;
+        "27": string;
+        "28": string;
+        "29": string;
+        "30": string;
+        "31": string;
+        "32": string;
+        "33": string;
+        "34": string;
+        "35": string;
+        "36": string;
+        "37": string;
+        "38": string;
+        "39": string;
+        "40": string;
+        "41": string;
+        "42": string;
+        "43": string;
+        "44": string;
+        "45": string;
+        "46": string;
+        "47": string;
+        "48": string;
+        "49": string;
+        "50": string;
+        "51": string;
+        "52": string;
+        "53": string;
+        "54": string;
+        "55": string;
+        "56": string;
+        "57": string;
+        "58": string;
+        "59": string;
+        "60": string;
+        "61": string;
+        "62": string;
+        "63": string;
+        "64": string;
+        "65": string;
+        "66": string;
+        "67": string;
+        "68": string;
+        "69": string;
+        "70": string;
+        "71": string;
+        "72": string;
+        "73": string;
+        "74": string;
+        "75": string;
+        "76": string;
+        "77": string;
+        "78": string;
+        "79": string;
+        "80": string;
+        "81": string;
+        "82": string;
+        "83": string;
+        "84": string;
+        "85": string;
+        "86": string;
+        "87": string;
+        "88": string;
+        "89": string;
+        "90": string;
+        "91": string;
+        "92": string;
+        "93": string;
+        "94": string;
+        "95": string;
+        "96": string;
+        "97": string;
+        "98": string;
+        "99": string;
+        "100": string;
+        sm: string;
+        lg: string;
+        xl: string;
+        px: string;
+        "rounded-none": string;
+        "rounded-sm": string;
+        "rounded-default": string;
+        "rounded-md": string;
+        "rounded-lg": string;
+        "rounded-xl": string;
+        "rounded-2xl": string;
+        "rounded-3xl": string;
+        "rounded-full": string;
+        default: string;
+        "2xs": string;
+        xs: string;
+        md: string;
+        "2xl": string;
+        rem_base: string;
+    };
+    fontSize: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    fontFamily: {
+        body: string;
+        sans: string;
+        display: string;
+    };
+    fontWeight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    color: {
+        gray: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        coolGray: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        trueGray: {
+            "50": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        warmGray: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        red: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        orange: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        amber: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        yellow: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        lime: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        green: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        emerald: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        teal: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        cyan: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        lightBlue: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        blue: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        indigo: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        violet: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        purple: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        fuschia: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        pink: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        rose: {
+            "50": string;
+            "100": string;
+            "200": string;
+            "300": string;
+            "400": string;
+            "500": string;
+            "600": string;
+            "700": string;
+            "800": string;
+            "900": string;
+        };
+        black: string;
+        white: string;
+    };
+    borderRadius: {};
+    extend: {
+        colors: {
+            "card-root-bg-default": string;
+            "card-root-fg-default": string;
+        };
+        spacing: {
+            "card-root-padding-default": string;
+        };
+        borderRadius: {
+            "card-root-radius-default": string;
+        };
+    };
+};
+
+export declare function MotionElement<Tag extends keyof React_2.JSX.IntrinsicElements = 'div'>(properties: React_2.PropsWithChildren<MotionElementProperties<Tag>>): React_2.ReactNode;
+
+export declare type MotionElementProperties<T extends keyof React_2.JSX.IntrinsicElements = 'div'> = React_2.PropsWithChildren<BaseMotionElementProperties<T>>;
+
+declare interface ThemeProperties {
+    cssVariables?: Record<string, unknown>;
+    children?: React_2.ReactNode;
+}
+
+export declare function ThemeProvider({ cssVariables, children, }: ThemeProperties): React_2.ReactNode;
+
+export { }

package/dist/tsdoc-metadata.json

@@ -0,0 +1,11 @@
+// This file is read by tools that parse documentation comments conforming to the TSDoc standard.
+// It should be published with your NPM package.  It should not be tracked by Git.
+{
+  "tsdocVersion": "0.12",
+  "toolPackages": [
+    {
+      "packageName": "@microsoft/api-extractor",
+      "packageVersion": "7.52.15"
+    }
+  ]
+}

package/package.json

@@ -0,0 +1,87 @@
+{
+  "name": "@kurocado-studio/systemhaus-react",
+  "version": "1.0.0",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "keywords": [],
+  "author": "@kurocado-studio",
+  "license": "MIT",
+  "main": "./dist/exports.js",
+  "module": "./dist/exports.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./dist/exports.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/exports.js"
+    },
+    "./tailwind.css": {
+      "import": "./dist/exports.css",
+      "default": "./dist/exports.css"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build:typings": "api-extractor run --local",
+    "build": "rm -rf dist && tsup && pnpm build:typings && rm -rf dist/exports.d.ts",
+    "prepublishOnly": "node ../../scripts/strip-workspaces.js .",
+    "clean": "rm -rf .turbo node_modules dist",
+    "dev": "tsup --watch",
+    "dev:vite": "vite build --watch --mode development",
+    "vite:watch": "vite build --watch --mode development",
+    "build:vite": "rm -rf dist && vite build --mode production",
+    "lint": "eslint --max-warnings=0  --no-warn-ignored",
+    "lint:fix": "eslint --max-warnings=0  --fix --no-warn-ignored",
+    "prettier:fix": "prettier --write . --ignore-path ../../.prettierignore",
+    "prettier:check": "prettier --check . --ignore-path ../../.prettierignore",
+    "typecheck": "tsc --noEmit --pretty"
+  },
+  "dependencies": {
+    "@emotion/is-prop-valid": "^1.3.1",
+    "@headlessui/react": "^2.2.4",
+    "@react-aria/button": "^3.13.0",
+    "@react-aria/textfield": "^3.17.3",
+    "@tailwindcss/typography": "^0.5.16",
+    "framer-motion": "^12.23.6",
+    "lodash-es": "^4.17.21",
+    "motion": "^12.11.0",
+    "motion-v": "^1.0.2",
+    "react": "19",
+    "tailwind-merge": "^3.3.0",
+    "tailwind-variants": "^2.1.0"
+  },
+  "devDependencies": {
+    "@internal/config": "workspace:*",
+    "@kurocado-studio/qa": "2.0.1",
+    "@microsoft/api-extractor": "^7.52.11",
+    "@storybook/react": "^8.6.13",
+    "@tailwindcss/postcss": "^4.1.11",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^22.15.19",
+    "@types/react": "^19.1.10",
+    "@types/react-dom": "^19.1.4",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitest/coverage-v8": "^3.1.3",
+    "@vue/compiler-sfc": "^3.5.14",
+    "copyfiles": "^2.4.1",
+    "eslint": "^9.28.0",
+    "postcss": "^8.5.6",
+    "prettier": "3.5.3",
+    "tailwindcss": "^4.1.11",
+    "tsup": "^8.5.0",
+    "typescript": "5.8.3",
+    "unplugin-vue": "^7.0.1",
+    "vite": "^5.2.8",
+    "vite-node": "3.2.4",
+    "vite-plugin-dts": "^4.5.3",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.1.3"
+  }
+}