@neurocle/synapse-react 0.0.0-stage → 0.3.0

package/dist/provider/use-theme.d.mts

@@ -0,0 +1,7 @@
+import { CSSProperties } from "react";
+//#region src/provider/use-theme.d.ts
+export declare const THEMES: readonly ['light', 'dark'];
+export type PublishedTheme = (typeof THEMES)[number];
+export type ThemeName = PublishedTheme | (string & {});
+//#endregion
+//# sourceMappingURL=use-theme.d.mts.map

package/dist/provider/use-theme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.d.mts","names":[],"sources":["../../src/provider/use-theme.ts"],"mappings":";;qBAMa;YAED,yBAAyB;YAEzB,YAAY"}

package/dist/provider/use-theme.mjs

@@ -0,0 +1,37 @@
+"use client";
+import { devWarn } from "../system/dev-warn.mjs";
+import { createContext, use } from "react";
+//#region src/provider/use-theme.ts
+const THEMES = ["light", "dark"];
+const DEFAULT_THEME = "light";
+const THEME_ATTRIBUTE = "data-panda-theme";
+function getThemeScopeProps(theme) {
+	return { [THEME_ATTRIBUTE]: theme };
+}
+/**
+* 테마 속성을 지닌 요소의 style입니다. 레이아웃에는 관여하지 않고, 테마가 어떤 color-scheme으로
+* 그려지는지 브라우저에 알립니다. 그래서 Synapse가 칠하지 않는 부분(네이티브 스크롤바, 캐럿, 자동
+* 완성과 폼 컨트롤의 기본 모양)이 호스트 페이지의 color-scheme이 아니라 어느 호스트에서든 테마를
+* 따릅니다. 사용자 정의 테마는 color-scheme을 정하지 않아 호스트의 것을 물려받습니다.
+*/
+function getThemeScopeStyle(theme) {
+	return theme === "light" || theme === "dark" ? {
+		display: "contents",
+		colorScheme: theme
+	} : { display: "contents" };
+}
+const ThemeContext = createContext({
+	theme: DEFAULT_THEME,
+	setTheme: (theme) => {
+		devWarn(true, `setTheme("${theme}") was called with no <SynapseProvider> above. The default theme ("${DEFAULT_THEME}") stays in effect. Render <SynapseProvider> to switch themes.`);
+	},
+	themes: THEMES,
+	hasProvider: false
+});
+function useTheme() {
+	return use(ThemeContext);
+}
+//#endregion
+export { DEFAULT_THEME, THEMES, THEME_ATTRIBUTE, ThemeContext, getThemeScopeProps, getThemeScopeStyle, useTheme };
+
+//# sourceMappingURL=use-theme.mjs.map

package/dist/provider/use-theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-theme.mjs","names":[],"sources":["../../src/provider/use-theme.ts"],"sourcesContent":["'use client'\n\nimport { createContext, type CSSProperties, use } from 'react'\n\nimport { devWarn } from '#/system/dev-warn.ts'\n\nexport const THEMES: readonly ['light', 'dark'] = ['light', 'dark']\n\nexport type PublishedTheme = (typeof THEMES)[number]\n\nexport type ThemeName = PublishedTheme | (string & {})\n\nexport const DEFAULT_THEME: PublishedTheme = 'light'\n\nexport const THEME_ATTRIBUTE = 'data-panda-theme'\n\nexport interface ThemeScopeProps {\n  readonly 'data-panda-theme': ThemeName\n}\n\nexport function getThemeScopeProps(theme: ThemeName): ThemeScopeProps {\n  return { [THEME_ATTRIBUTE]: theme }\n}\n\n/**\n * 테마 속성을 지닌 요소의 style입니다. 레이아웃에는 관여하지 않고, 테마가 어떤 color-scheme으로\n * 그려지는지 브라우저에 알립니다. 그래서 Synapse가 칠하지 않는 부분(네이티브 스크롤바, 캐럿, 자동\n * 완성과 폼 컨트롤의 기본 모양)이 호스트 페이지의 color-scheme이 아니라 어느 호스트에서든 테마를\n * 따릅니다. 사용자 정의 테마는 color-scheme을 정하지 않아 호스트의 것을 물려받습니다.\n */\nexport function getThemeScopeStyle(theme: ThemeName): CSSProperties {\n  return theme === 'light' || theme === 'dark'\n    ? { display: 'contents', colorScheme: theme }\n    : { display: 'contents' }\n}\n\nexport interface ThemeContextValue {\n  readonly theme: ThemeName\n  readonly setTheme: (theme: ThemeName) => void\n  readonly themes: readonly PublishedTheme[]\n  readonly hasProvider: boolean\n}\n\nconst FALLBACK: ThemeContextValue = {\n  theme: DEFAULT_THEME,\n  setTheme: (theme) => {\n    devWarn(\n      true,\n      `setTheme(\"${theme}\") was called with no <SynapseProvider> above. The default theme ` +\n        `(\"${DEFAULT_THEME}\") stays in effect. Render <SynapseProvider> to switch themes.`,\n    )\n  },\n  themes: THEMES,\n  hasProvider: false,\n}\n\nexport const ThemeContext = createContext<ThemeContextValue>(FALLBACK)\n\nexport function useTheme(): ThemeContextValue {\n  return use(ThemeContext)\n}\n"],"mappings":";;;;AAMA,MAAa,SAAqC,CAAC,SAAS,MAAM;AAMlE,MAAa,gBAAgC;AAE7C,MAAa,kBAAkB;AAM/B,SAAgB,mBAAmB,OAAmC;CACpE,OAAO,GAAG,kBAAkB,MAAM;AACpC;;;;;;;AAQA,SAAgB,mBAAmB,OAAiC;CAClE,OAAO,UAAU,WAAW,UAAU,SAClC;EAAE,SAAS;EAAY,aAAa;CAAM,IAC1C,EAAE,SAAS,WAAW;AAC5B;AAsBA,MAAa,eAAe,cAAiC;CAZ3D,OAAO;CACP,WAAW,UAAU;EACnB,QACE,MACA,aAAa,MAAM,qEACZ,cAAc,+DACvB;CACF;CACA,QAAQ;CACR,aAAa;AAG8C,CAAQ;AAErE,SAAgB,WAA8B;CAC5C,OAAO,IAAI,YAAY;AACzB"}

package/dist/react/styled-system/css/conditions.mjs

@@ -0,0 +1,29 @@
+import { withoutSpace } from "../helpers.mjs";
+//#region styled-system/css/conditions.js
+const conditions = new Set("_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_themeLight,_themeDark,base".split(","));
+const conditionRegex = /^@|&|&$/;
+function isCondition(value) {
+	return conditions.has(value) || conditionRegex.test(value);
+}
+const underscoreRegex = /^_/;
+const conditionsSelectorRegex = /&|@/;
+function finalizeConditions(paths) {
+	return paths.map((path) => {
+		if (conditions.has(path)) return path.replace(underscoreRegex, "");
+		if (conditionsSelectorRegex.test(path)) return `[${withoutSpace(path.trim())}]`;
+		return path;
+	});
+}
+function sortConditions(paths) {
+	return paths.sort((a, b) => {
+		const aa = isCondition(a);
+		const bb = isCondition(b);
+		if (aa && !bb) return 1;
+		if (!aa && bb) return -1;
+		return 0;
+	});
+}
+//#endregion
+export { finalizeConditions, isCondition, sortConditions };
+
+//# sourceMappingURL=conditions.mjs.map

package/dist/react/styled-system/css/conditions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditions.mjs","names":[],"sources":["../../../../styled-system/css/conditions.js"],"sourcesContent":["import { withoutSpace } from '../helpers.js';\n\nconst conditionsStr = \"_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,_themeLight,_themeDark,base\"\nconst conditions = new Set(conditionsStr.split(','))\n\nconst conditionRegex = /^@|&|&$/\n\nexport function isCondition(value){\n  return conditions.has(value) || conditionRegex.test(value)\n}\n\nconst underscoreRegex = /^_/\nconst conditionsSelectorRegex = /&|@/\n\nexport function finalizeConditions(paths){\n  return paths.map((path) => {\n    if (conditions.has(path)){\n      return path.replace(underscoreRegex, '')\n    }\n\n    if (conditionsSelectorRegex.test(path)){\n      return `[${withoutSpace(path.trim())}]`\n    }\n\n    return path\n  })}\n\n  export function sortConditions(paths){\n    return paths.sort((a, b) => {\n      const aa = isCondition(a)\n      const bb = isCondition(b)\n      if (aa && !bb) return 1\n      if (!aa && bb) return -1\n      return 0\n    })\n  }"],"mappings":";;AAGA,MAAM,aAAa,IAAI,IAAI,gqCAAc,MAAM,GAAG,CAAC;AAEnD,MAAM,iBAAiB;AAEvB,SAAgB,YAAY,OAAM;CAChC,OAAO,WAAW,IAAI,KAAK,KAAK,eAAe,KAAK,KAAK;AAC3D;AAEA,MAAM,kBAAkB;AACxB,MAAM,0BAA0B;AAEhC,SAAgB,mBAAmB,OAAM;CACvC,OAAO,MAAM,KAAK,SAAS;EACzB,IAAI,WAAW,IAAI,IAAI,GACrB,OAAO,KAAK,QAAQ,iBAAiB,EAAE;EAGzC,IAAI,wBAAwB,KAAK,IAAI,GACnC,OAAO,IAAI,aAAa,KAAK,KAAK,CAAC,EAAE;EAGvC,OAAO;CACT,CAAC;AAAC;AAEF,SAAgB,eAAe,OAAM;CACnC,OAAO,MAAM,MAAM,GAAG,MAAM;EAC1B,MAAM,KAAK,YAAY,CAAC;EACxB,MAAM,KAAK,YAAY,CAAC;EACxB,IAAI,MAAM,CAAC,IAAI,OAAO;EACtB,IAAI,CAAC,MAAM,IAAI,OAAO;EACtB,OAAO;CACT,CAAC;AACH"}

package/dist/react/styled-system/css/css.mjs

@@ -0,0 +1,39 @@
+import { createCss, createMergeCss, hypenateProperty, withoutSpace } from "../helpers.mjs";
+import { finalizeConditions, sortConditions } from "./conditions.mjs";
+//#region styled-system/css/css.js
+const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle,layerStyle:layerStyle";
+const classNameByProp = /* @__PURE__ */ new Map();
+const shorthands = /* @__PURE__ */ new Map();
+utilities.split(",").forEach((utility) => {
+	const [prop, meta] = utility.split(":");
+	const [className, ...shorthandList] = meta.split("/");
+	classNameByProp.set(prop, className);
+	if (shorthandList.length) shorthandList.forEach((shorthand) => {
+		shorthands.set(shorthand === "1" ? className : shorthand, prop);
+	});
+});
+const resolveShorthand = (prop) => shorthands.get(prop) || prop;
+const context = {
+	conditions: {
+		shift: sortConditions,
+		finalize: finalizeConditions,
+		breakpoints: { keys: ["base"] }
+	},
+	utility: {
+		transform: (prop, value) => {
+			const key = resolveShorthand(prop);
+			return { className: `${classNameByProp.get(key) || hypenateProperty(key)}_${withoutSpace(value)}` };
+		},
+		hasShorthand: true,
+		toHash: (path, hashFn) => hashFn(path.join(":")),
+		resolveShorthand
+	}
+};
+const cssFn = createCss(context);
+const css = (...styles) => cssFn(mergeCss(...styles));
+css.raw = (...styles) => mergeCss(...styles);
+const { mergeCss, assignCss } = createMergeCss(context);
+//#endregion
+export { css, mergeCss };
+
+//# sourceMappingURL=css.mjs.map

package/dist/react/styled-system/css/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","names":[],"sources":["../../../../styled-system/css/css.js"],"sourcesContent":["import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.js';\nimport { sortConditions, finalizeConditions } from './conditions.js';\n\nconst utilities = \"aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor,textStyle:textStyle,layerStyle:layerStyle\"\n\nconst classNameByProp = new Map()\nconst shorthands = new Map()\nutilities.split(',').forEach((utility) => {\n  const [prop, meta] = utility.split(':')\n  const [className, ...shorthandList] = meta.split('/')\n  classNameByProp.set(prop, className)\n  if (shorthandList.length) {\n    shorthandList.forEach((shorthand) => {\n      shorthands.set(shorthand === '1' ? className : shorthand, prop)\n    })\n  }\n})\n\nconst resolveShorthand = (prop) => shorthands.get(prop) || prop\n\nconst context = {\n  \n  conditions: {\n    shift: sortConditions,\n    finalize: finalizeConditions,\n    breakpoints: { keys: [\"base\"] }\n  },\n  utility: {\n    \n    transform: (prop, value) => {\n              const key = resolveShorthand(prop)\n              const propKey = classNameByProp.get(key) || hypenateProperty(key)\n              return { className: `${propKey}_${withoutSpace(value)}` }\n            },\n    hasShorthand: true,\n    toHash: (path, hashFn) => hashFn(path.join(\":\")),\n    resolveShorthand: resolveShorthand,\n  }\n}\n\nconst cssFn = createCss(context)\nexport const css = (...styles) => cssFn(mergeCss(...styles))\ncss.raw = (...styles) => mergeCss(...styles)\n\nexport const { mergeCss, assignCss } = createMergeCss(context)"],"mappings":";;;AAGA,MAAM,YAAY;AAElB,MAAM,kCAAkB,IAAI,IAAI;AAChC,MAAM,6BAAa,IAAI,IAAI;AAC3B,UAAU,MAAM,GAAG,CAAC,CAAC,SAAS,YAAY;CACxC,MAAM,CAAC,MAAM,QAAQ,QAAQ,MAAM,GAAG;CACtC,MAAM,CAAC,WAAW,GAAG,iBAAiB,KAAK,MAAM,GAAG;CACpD,gBAAgB,IAAI,MAAM,SAAS;CACnC,IAAI,cAAc,QAChB,cAAc,SAAS,cAAc;EACnC,WAAW,IAAI,cAAc,MAAM,YAAY,WAAW,IAAI;CAChE,CAAC;AAEL,CAAC;AAED,MAAM,oBAAoB,SAAS,WAAW,IAAI,IAAI,KAAK;AAE3D,MAAM,UAAU;CAEd,YAAY;EACV,OAAO;EACP,UAAU;EACV,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE;CAChC;CACA,SAAS;EAEP,YAAY,MAAM,UAAU;GAClB,MAAM,MAAM,iBAAiB,IAAI;GAEjC,OAAO,EAAE,WAAW,GADJ,gBAAgB,IAAI,GAAG,KAAK,iBAAiB,GAAG,EACjC,GAAG,aAAa,KAAK,IAAI;EAC1D;EACR,cAAc;EACd,SAAS,MAAM,WAAW,OAAO,KAAK,KAAK,GAAG,CAAC;EAC7B;CACpB;AACF;AAEA,MAAM,QAAQ,UAAU,OAAO;AAC/B,MAAa,OAAO,GAAG,WAAW,MAAM,SAAS,GAAG,MAAM,CAAC;AAC3D,IAAI,OAAO,GAAG,WAAW,SAAS,GAAG,MAAM;AAE3C,MAAa,EAAE,UAAU,cAAc,eAAe,OAAO"}

package/dist/react/styled-system/css/cva.mjs

@@ -0,0 +1,66 @@
+import { compact, memo, mergeProps, splitProps, uniq } from "../helpers.mjs";
+import { css, mergeCss } from "./css.mjs";
+//#region styled-system/css/cva.js
+const defaults = (conf) => ({
+	base: {},
+	variants: {},
+	defaultVariants: {},
+	compoundVariants: [],
+	...conf
+});
+function cva(config) {
+	const { base, variants, defaultVariants, compoundVariants } = defaults(config);
+	const getVariantProps = (variants) => ({
+		...defaultVariants,
+		...compact(variants)
+	});
+	function resolve(props = {}) {
+		const computedVariants = getVariantProps(props);
+		let variantCss = { ...base };
+		for (const [key, value] of Object.entries(computedVariants)) if (variants[key]?.[value]) variantCss = mergeCss(variantCss, variants[key][value]);
+		const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants);
+		return mergeCss(variantCss, compoundVariantCss);
+	}
+	function merge(__cva) {
+		const override = defaults(__cva.config);
+		const variantKeys = uniq(__cva.variantKeys, Object.keys(variants));
+		return cva({
+			base: mergeCss(base, override.base),
+			variants: Object.fromEntries(variantKeys.map((key) => [key, mergeCss(variants[key], override.variants[key])])),
+			defaultVariants: mergeProps(defaultVariants, override.defaultVariants),
+			compoundVariants: [...compoundVariants, ...override.compoundVariants]
+		});
+	}
+	function cvaFn(props) {
+		return css(resolve(props));
+	}
+	const variantKeys = Object.keys(variants);
+	function splitVariantProps(props) {
+		return splitProps(props, variantKeys);
+	}
+	const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]));
+	return Object.assign(memo(cvaFn), {
+		__cva__: true,
+		variantMap,
+		variantKeys,
+		raw: resolve,
+		config,
+		merge,
+		splitVariantProps,
+		getVariantProps
+	});
+}
+function getCompoundVariantCss(compoundVariants, variantMap) {
+	let result = {};
+	compoundVariants.forEach((compoundVariant) => {
+		if (Object.entries(compoundVariant).every(([key, value]) => {
+			if (key === "css") return true;
+			return (Array.isArray(value) ? value : [value]).some((value) => variantMap[key] === value);
+		})) result = mergeCss(result, compoundVariant.css);
+	});
+	return result;
+}
+//#endregion
+export { cva, getCompoundVariantCss };
+
+//# sourceMappingURL=cva.mjs.map

package/dist/react/styled-system/css/cva.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cva.mjs","names":[],"sources":["../../../../styled-system/css/cva.js"],"sourcesContent":["import { compact, mergeProps, memo, splitProps, uniq } from '../helpers.js';\nimport { css, mergeCss } from './css.js';\n\nconst defaults = (conf) => ({\n  base: {},\n  variants: {},\n  defaultVariants: {},\n  compoundVariants: [],\n  ...conf,\n})\n\nexport function cva(config) {\n  const { base, variants, defaultVariants, compoundVariants } = defaults(config)\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  function resolve(props = {}) {\n    const computedVariants = getVariantProps(props)\n    let variantCss = { ...base }\n    for (const [key, value] of Object.entries(computedVariants)) {\n      if (variants[key]?.[value]) {\n        variantCss = mergeCss(variantCss, variants[key][value])\n      }\n    }\n    const compoundVariantCss = getCompoundVariantCss(compoundVariants, computedVariants)\n    return mergeCss(variantCss, compoundVariantCss)\n  }\n\n  function merge(__cva) {\n    const override = defaults(__cva.config)\n    const variantKeys = uniq(__cva.variantKeys, Object.keys(variants))\n    return cva({\n      base: mergeCss(base, override.base),\n      variants: Object.fromEntries(\n        variantKeys.map((key) => [key, mergeCss(variants[key], override.variants[key])]),\n      ),\n      defaultVariants: mergeProps(defaultVariants, override.defaultVariants),\n      compoundVariants: [...compoundVariants, ...override.compoundVariants],\n    })\n  }\n\n  function cvaFn(props) {\n    return css(resolve(props))\n  }\n\n  const variantKeys = Object.keys(variants)\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys)\n  }\n\n  const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]))\n\n  return Object.assign(memo(cvaFn), {\n    __cva__: true,\n    variantMap,\n    variantKeys,\n    raw: resolve,\n    config,\n    merge,\n    splitVariantProps,\n    getVariantProps\n  })\n}\n\nexport function getCompoundVariantCss(compoundVariants, variantMap) {\n  let result = {}\n  compoundVariants.forEach((compoundVariant) => {\n    const isMatching = Object.entries(compoundVariant).every(([key, value]) => {\n      if (key === 'css') return true\n\n      const values = Array.isArray(value) ? value : [value]\n      return values.some((value) => variantMap[key] === value)\n    })\n\n    if (isMatching) {\n      result = mergeCss(result, compoundVariant.css)\n    }\n  })\n\n  return result\n}\n\nexport function assertCompoundVariant(name, compoundVariants, variants, prop) {\n  if (compoundVariants.length > 0 && typeof variants?.[prop] === 'object') {\n    throw new Error(`[recipe:${name}:${prop}] Conditions are not supported when using compound variants.`)\n  }\n}\n"],"mappings":";;;AAGA,MAAM,YAAY,UAAU;CAC1B,MAAM,CAAC;CACP,UAAU,CAAC;CACX,iBAAiB,CAAC;CAClB,kBAAkB,CAAC;CACnB,GAAG;AACL;AAEA,SAAgB,IAAI,QAAQ;CAC1B,MAAM,EAAE,MAAM,UAAU,iBAAiB,qBAAqB,SAAS,MAAM;CAC7E,MAAM,mBAAmB,cAAc;EAAE,GAAG;EAAiB,GAAG,QAAQ,QAAQ;CAAE;CAElF,SAAS,QAAQ,QAAQ,CAAC,GAAG;EAC3B,MAAM,mBAAmB,gBAAgB,KAAK;EAC9C,IAAI,aAAa,EAAE,GAAG,KAAK;EAC3B,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,gBAAgB,GACxD,IAAI,SAAS,IAAI,GAAG,QAClB,aAAa,SAAS,YAAY,SAAS,IAAI,CAAC,MAAM;EAG1D,MAAM,qBAAqB,sBAAsB,kBAAkB,gBAAgB;EACnF,OAAO,SAAS,YAAY,kBAAkB;CAChD;CAEA,SAAS,MAAM,OAAO;EACpB,MAAM,WAAW,SAAS,MAAM,MAAM;EACtC,MAAM,cAAc,KAAK,MAAM,aAAa,OAAO,KAAK,QAAQ,CAAC;EACjE,OAAO,IAAI;GACT,MAAM,SAAS,MAAM,SAAS,IAAI;GAClC,UAAU,OAAO,YACf,YAAY,KAAK,QAAQ,CAAC,KAAK,SAAS,SAAS,MAAM,SAAS,SAAS,IAAI,CAAC,CAAC,CACjF;GACA,iBAAiB,WAAW,iBAAiB,SAAS,eAAe;GACrE,kBAAkB,CAAC,GAAG,kBAAkB,GAAG,SAAS,gBAAgB;EACtE,CAAC;CACH;CAEA,SAAS,MAAM,OAAO;EACpB,OAAO,IAAI,QAAQ,KAAK,CAAC;CAC3B;CAEA,MAAM,cAAc,OAAO,KAAK,QAAQ;CAExC,SAAS,kBAAkB,OAAO;EAChC,OAAO,WAAW,OAAO,WAAW;CACtC;CAEA,MAAM,aAAa,OAAO,YAAY,OAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,CAAC;CAE/G,OAAO,OAAO,OAAO,KAAK,KAAK,GAAG;EAChC,SAAS;EACT;EACA;EACA,KAAK;EACL;EACA;EACA;EACA;CACF,CAAC;AACH;AAEA,SAAgB,sBAAsB,kBAAkB,YAAY;CAClE,IAAI,SAAS,CAAC;CACd,iBAAiB,SAAS,oBAAoB;EAQ5C,IAPmB,OAAO,QAAQ,eAAe,CAAC,CAAC,OAAO,CAAC,KAAK,WAAW;GACzE,IAAI,QAAQ,OAAO,OAAO;GAG1B,QADe,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,EAAA,CACtC,MAAM,UAAU,WAAW,SAAS,KAAK;EACzD,CAEa,GACX,SAAS,SAAS,QAAQ,gBAAgB,GAAG;CAEjD,CAAC;CAED,OAAO;AACT"}

package/dist/react/styled-system/css/cx.mjs

@@ -0,0 +1,13 @@
+//#region styled-system/css/cx.js
+function cx() {
+	let str = "", i = 0, arg;
+	for (; i < arguments.length;) if ((arg = arguments[i++]) && typeof arg === "string") {
+		str && (str += " ");
+		str += arg;
+	}
+	return str;
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.mjs.map

package/dist/react/styled-system/css/cx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.mjs","names":[],"sources":["../../../../styled-system/css/cx.js"],"sourcesContent":["function cx() {\n  let str = '',\n    i = 0,\n    arg\n\n  for (; i < arguments.length; ) {\n    if ((arg = arguments[i++]) && typeof arg === 'string') {\n      str && (str += ' ')\n      str += arg\n    }\n  }\n  return str\n}\n\nexport { cx }"],"mappings":";AAAA,SAAS,KAAK;CACZ,IAAI,MAAM,IACR,IAAI,GACJ;CAEF,OAAO,IAAI,UAAU,SACnB,KAAK,MAAM,UAAU,SAAS,OAAO,QAAQ,UAAU;EACrD,QAAQ,OAAO;EACf,OAAO;CACT;CAEF,OAAO;AACT"}

package/dist/react/styled-system/css/sva.mjs

@@ -0,0 +1,44 @@
+import { compact, getSlotRecipes, memo, splitProps } from "../helpers.mjs";
+import { cx } from "./cx.mjs";
+import { cva } from "./cva.mjs";
+//#region styled-system/css/sva.js
+function sva(config) {
+	const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)]);
+	const defaultVariants = config.defaultVariants ?? {};
+	const classNameMap = slots.reduce((acc, [slot, cvaFn]) => {
+		if (config.className) acc[slot] = cvaFn.config.className;
+		return acc;
+	}, {});
+	function svaFn(props) {
+		const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), classNameMap[slot])]);
+		return Object.fromEntries(result);
+	}
+	function raw(props) {
+		const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)]);
+		return Object.fromEntries(result);
+	}
+	const variants = config.variants ?? {};
+	const variantKeys = Object.keys(variants);
+	function splitVariantProps(props) {
+		return splitProps(props, variantKeys);
+	}
+	const getVariantProps = (variants) => ({
+		...defaultVariants,
+		...compact(variants)
+	});
+	const variantMap = Object.fromEntries(Object.entries(variants).map(([key, value]) => [key, Object.keys(value)]));
+	return Object.assign(memo(svaFn), {
+		__cva__: false,
+		raw,
+		config,
+		variantMap,
+		variantKeys,
+		classNameMap,
+		splitVariantProps,
+		getVariantProps
+	});
+}
+//#endregion
+export { sva };
+
+//# sourceMappingURL=sva.mjs.map

package/dist/react/styled-system/css/sva.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sva.mjs","names":[],"sources":["../../../../styled-system/css/sva.js"],"sourcesContent":["import { compact, getSlotRecipes, memo, splitProps } from '../helpers.js';\nimport { cva } from './cva.js';\nimport { cx } from './cx.js';\n\nexport function sva(config) {\n  const slots = Object.entries(getSlotRecipes(config)).map(([slot, slotCva]) => [slot, cva(slotCva)])\n  const defaultVariants = config.defaultVariants ?? {}\n\n  const classNameMap = slots.reduce((acc, [slot, cvaFn]) => {\n    if (config.className) acc[slot] = cvaFn.config.className\n    return acc\n  }, {})\n\n  function svaFn(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cx(cvaFn(props), classNameMap[slot])])\n    return Object.fromEntries(result)\n  }\n\n  function raw(props) {\n    const result = slots.map(([slot, cvaFn]) => [slot, cvaFn.raw(props)])\n    return Object.fromEntries(result)\n  }\n\n  const variants = config.variants ?? {};\n  const variantKeys = Object.keys(variants);\n\n  function splitVariantProps(props) {\n    return splitProps(props, variantKeys);\n  }\n  const getVariantProps = (variants) => ({ ...defaultVariants, ...compact(variants) })\n\n  const variantMap = Object.fromEntries(\n    Object.entries(variants).map(([key, value]) => [key, Object.keys(value)])\n  );\n\n  return Object.assign(memo(svaFn), {\n    __cva__: false,\n    raw,\n    config,\n    variantMap,\n    variantKeys,\n    classNameMap,\n    splitVariantProps,\n    getVariantProps,\n  })\n}"],"mappings":";;;;AAIA,SAAgB,IAAI,QAAQ;CAC1B,MAAM,QAAQ,OAAO,QAAQ,eAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,aAAa,CAAC,MAAM,IAAI,OAAO,CAAC,CAAC;CAClG,MAAM,kBAAkB,OAAO,mBAAmB,CAAC;CAEnD,MAAM,eAAe,MAAM,QAAQ,KAAK,CAAC,MAAM,WAAW;EACxD,IAAI,OAAO,WAAW,IAAI,QAAQ,MAAM,OAAO;EAC/C,OAAO;CACT,GAAG,CAAC,CAAC;CAEL,SAAS,MAAM,OAAO;EACpB,MAAM,SAAS,MAAM,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,GAAG,MAAM,KAAK,GAAG,aAAa,KAAK,CAAC,CAAC;EACxF,OAAO,OAAO,YAAY,MAAM;CAClC;CAEA,SAAS,IAAI,OAAO;EAClB,MAAM,SAAS,MAAM,KAAK,CAAC,MAAM,WAAW,CAAC,MAAM,MAAM,IAAI,KAAK,CAAC,CAAC;EACpE,OAAO,OAAO,YAAY,MAAM;CAClC;CAEA,MAAM,WAAW,OAAO,YAAY,CAAC;CACrC,MAAM,cAAc,OAAO,KAAK,QAAQ;CAExC,SAAS,kBAAkB,OAAO;EAChC,OAAO,WAAW,OAAO,WAAW;CACtC;CACA,MAAM,mBAAmB,cAAc;EAAE,GAAG;EAAiB,GAAG,QAAQ,QAAQ;CAAE;CAElF,MAAM,aAAa,OAAO,YACxB,OAAO,QAAQ,QAAQ,CAAC,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,CAAC,CAC1E;CAEA,OAAO,OAAO,OAAO,KAAK,KAAK,GAAG;EAChC,SAAS;EACT;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/dist/react/styled-system/helpers.mjs

@@ -0,0 +1,231 @@
+//#region styled-system/helpers.js
+function isObject(value) {
+	return typeof value === "object" && value != null && !Array.isArray(value);
+}
+var isObjectOrArray = (obj) => typeof obj === "object" && obj !== null;
+function compact(value) {
+	return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));
+}
+var isBaseCondition = (v) => v === "base";
+function filterBaseConditions(c) {
+	return c.slice().filter((v) => !isBaseCondition(v));
+}
+function toChar(code) {
+	return String.fromCharCode(code + (code > 25 ? 39 : 97));
+}
+function toName(code) {
+	let name = "";
+	let x;
+	for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;
+	return toChar(x % 52) + name;
+}
+function toPhash(h, x) {
+	let i = x.length;
+	while (i) h = h * 33 ^ x.charCodeAt(--i);
+	return h;
+}
+function toHash(value) {
+	return toName(toPhash(5381, value) >>> 0);
+}
+var importantRegex = /\s*!(important)?/i;
+function isImportant(value) {
+	return typeof value === "string" ? importantRegex.test(value) : false;
+}
+function withoutImportant(value) {
+	return typeof value === "string" ? value.replace(importantRegex, "").trim() : value;
+}
+function withoutSpace(str) {
+	return typeof str === "string" ? str.replaceAll(" ", "_") : str;
+}
+var memo = (fn) => {
+	const cache = /* @__PURE__ */ new Map();
+	const get = (...args) => {
+		const key = JSON.stringify(args);
+		if (cache.has(key)) return cache.get(key);
+		const result = fn(...args);
+		cache.set(key, result);
+		return result;
+	};
+	return get;
+};
+var MERGE_OMIT = /* @__PURE__ */ new Set([
+	"__proto__",
+	"constructor",
+	"prototype"
+]);
+function mergeProps(...sources) {
+	return sources.reduce((prev, obj) => {
+		if (!obj) return prev;
+		Object.keys(obj).forEach((key) => {
+			if (MERGE_OMIT.has(key)) return;
+			const prevValue = prev[key];
+			const value = obj[key];
+			if (isObject(prevValue) && isObject(value)) prev[key] = mergeProps(prevValue, value);
+			else prev[key] = value;
+		});
+		return prev;
+	}, {});
+}
+var isNotNullish = (element) => element != null;
+function walkObject(target, predicate, options = {}) {
+	const { stop, getKey } = options;
+	function inner(value, path = []) {
+		if (isObjectOrArray(value)) {
+			const result = {};
+			for (const [prop, child] of Object.entries(value)) {
+				const key = getKey?.(prop, child) ?? prop;
+				const childPath = [...path, key];
+				if (stop?.(value, childPath)) return predicate(value, path);
+				const next = inner(child, childPath);
+				if (isNotNullish(next)) result[key] = next;
+			}
+			return result;
+		}
+		return predicate(value, path);
+	}
+	return inner(target);
+}
+function toResponsiveObject(values, breakpoints) {
+	return values.reduce((acc, current, index) => {
+		const key = breakpoints[index];
+		if (current != null) acc[key] = current;
+		return acc;
+	}, {});
+}
+function normalizeStyleObject(styles, context, shorthand = true) {
+	const { utility, conditions } = context;
+	const { hasShorthand, resolveShorthand } = utility;
+	return walkObject(styles, (value) => {
+		return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;
+	}, {
+		stop: (value) => Array.isArray(value),
+		getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0
+	});
+}
+var fallbackCondition = {
+	shift: (v) => v,
+	finalize: (v) => v,
+	breakpoints: { keys: [] }
+};
+var sanitize = (value) => typeof value === "string" ? value.replaceAll(/[\n\s]+/g, " ") : value;
+function createCss(context) {
+	const { utility, hash, conditions: conds = fallbackCondition } = context;
+	const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join("-");
+	const hashFn = (conditions, className) => {
+		let result;
+		if (hash) {
+			const baseArray = [...conds.finalize(conditions), className];
+			result = formatClassName(utility.toHash(baseArray, toHash));
+		} else result = [...conds.finalize(conditions), formatClassName(className)].join(":");
+		return result;
+	};
+	return memo(({ base, ...styles } = {}) => {
+		const normalizedObject = normalizeStyleObject(Object.assign(styles, base), context);
+		const classNames = /* @__PURE__ */ new Set();
+		walkObject(normalizedObject, (value, paths) => {
+			if (value == null) return;
+			const important = isImportant(value);
+			const [prop, ...allConditions] = conds.shift(paths);
+			const conditions = filterBaseConditions(allConditions);
+			const transformed = utility.transform(prop, withoutImportant(sanitize(value)));
+			let className = hashFn(conditions, transformed.className);
+			if (important) className = `${className}!`;
+			classNames.add(className);
+		});
+		return Array.from(classNames).join(" ");
+	});
+}
+function compactStyles(...styles) {
+	return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);
+}
+function createMergeCss(context) {
+	function resolve(styles) {
+		const allStyles = compactStyles(...styles);
+		if (allStyles.length === 1) return allStyles;
+		return allStyles.map((style) => normalizeStyleObject(style, context));
+	}
+	function mergeCss(...styles) {
+		return mergeProps(...resolve(styles));
+	}
+	function assignCss(...styles) {
+		return Object.assign({}, ...resolve(styles));
+	}
+	return {
+		mergeCss: memo(mergeCss),
+		assignCss
+	};
+}
+var wordRegex = /([A-Z])/g;
+var msRegex = /^ms-/;
+var hypenateProperty = memo((property) => {
+	if (property.startsWith("--")) return property;
+	return property.replace(wordRegex, "-$1").replace(msRegex, "-ms-").toLowerCase();
+});
+new RegExp(`^(${[
+	"min",
+	"max",
+	"clamp",
+	"calc"
+].join("|")})\\(.*\\)`);
+var lengthUnitsPattern = `(?:${"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%".split(",").join("|")})`;
+new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);
+var getSlotRecipes = (recipe = {}) => {
+	const init = (slot) => ({
+		className: [recipe.className, slot].filter(Boolean).join("__"),
+		base: recipe.base?.[slot] ?? {},
+		variants: {},
+		defaultVariants: recipe.defaultVariants ?? {},
+		compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []
+	});
+	const recipeParts = (recipe.slots ?? []).map((slot) => [slot, init(slot)]);
+	for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) recipeParts.forEach(([slot, slotRecipe]) => {
+		slotRecipe.variants[variantsKey] ??= {};
+		slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};
+	});
+	return Object.fromEntries(recipeParts);
+};
+var getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({
+	...compoundVariant,
+	css: compoundVariant.css[slotName]
+}));
+function splitProps(props, ...keys) {
+	const descriptors = Object.getOwnPropertyDescriptors(props);
+	const dKeys = Object.keys(descriptors);
+	const split = (k) => {
+		const clone = {};
+		for (let i = 0; i < k.length; i++) {
+			const key = k[i];
+			if (descriptors[key]) {
+				Object.defineProperty(clone, key, descriptors[key]);
+				delete descriptors[key];
+			}
+		}
+		return clone;
+	};
+	const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));
+	return keys.map(fn).concat(split(dKeys));
+}
+var uniq = (...items) => {
+	const set = items.reduce((acc, currItems) => {
+		if (currItems) currItems.forEach((item) => acc.add(item));
+		return acc;
+	}, /* @__PURE__ */ new Set([]));
+	return Array.from(set);
+};
+var htmlProps = [
+	"htmlSize",
+	"htmlTranslate",
+	"htmlWidth",
+	"htmlHeight"
+];
+function convert(key) {
+	return htmlProps.includes(key) ? key.replace("html", "").toLowerCase() : key;
+}
+function normalizeHTMLProps(props) {
+	return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));
+}
+normalizeHTMLProps.keys = htmlProps;
+//#endregion
+export { compact, createCss, createMergeCss, filterBaseConditions, getSlotCompoundVariant, getSlotRecipes, hypenateProperty, isBaseCondition, isObject, memo, mergeProps, normalizeHTMLProps, splitProps, toHash, uniq, walkObject, withoutSpace };
+
+//# sourceMappingURL=helpers.mjs.map

package/dist/react/styled-system/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../styled-system/helpers.js"],"sourcesContent":["// src/assert.ts\nfunction isObject(value) {\n  return typeof value === \"object\" && value != null && !Array.isArray(value);\n}\nvar isObjectOrArray = (obj) => typeof obj === \"object\" && obj !== null;\n\n// src/compact.ts\nfunction compact(value) {\n  return Object.fromEntries(Object.entries(value ?? {}).filter(([_, value2]) => value2 !== void 0));\n}\n\n// src/condition.ts\nvar isBaseCondition = (v) => v === \"base\";\nfunction filterBaseConditions(c) {\n  return c.slice().filter((v) => !isBaseCondition(v));\n}\n\n// src/hash.ts\nfunction toChar(code) {\n  return String.fromCharCode(code + (code > 25 ? 39 : 97));\n}\nfunction toName(code) {\n  let name = \"\";\n  let x;\n  for (x = Math.abs(code); x > 52; x = x / 52 | 0) name = toChar(x % 52) + name;\n  return toChar(x % 52) + name;\n}\nfunction toPhash(h, x) {\n  let i = x.length;\n  while (i) h = h * 33 ^ x.charCodeAt(--i);\n  return h;\n}\nfunction toHash(value) {\n  return toName(toPhash(5381, value) >>> 0);\n}\n\n// src/important.ts\nvar importantRegex = /\\s*!(important)?/i;\nfunction isImportant(value) {\n  return typeof value === \"string\" ? importantRegex.test(value) : false;\n}\nfunction withoutImportant(value) {\n  return typeof value === \"string\" ? value.replace(importantRegex, \"\").trim() : value;\n}\nfunction withoutSpace(str) {\n  return typeof str === \"string\" ? str.replaceAll(\" \", \"_\") : str;\n}\n\n// src/memo.ts\nvar memo = (fn) => {\n  const cache = /* @__PURE__ */ new Map();\n  const get = (...args) => {\n    const key = JSON.stringify(args);\n    if (cache.has(key)) {\n      return cache.get(key);\n    }\n    const result = fn(...args);\n    cache.set(key, result);\n    return result;\n  };\n  return get;\n};\n\n// src/merge-props.ts\nvar MERGE_OMIT = /* @__PURE__ */ new Set([\"__proto__\", \"constructor\", \"prototype\"]);\nfunction mergeProps(...sources) {\n  return sources.reduce((prev, obj) => {\n    if (!obj) return prev;\n    Object.keys(obj).forEach((key) => {\n      if (MERGE_OMIT.has(key)) return;\n      const prevValue = prev[key];\n      const value = obj[key];\n      if (isObject(prevValue) && isObject(value)) {\n        prev[key] = mergeProps(prevValue, value);\n      } else {\n        prev[key] = value;\n      }\n    });\n    return prev;\n  }, {});\n}\n\n// src/walk-object.ts\nvar isNotNullish = (element) => element != null;\nfunction walkObject(target, predicate, options = {}) {\n  const { stop, getKey } = options;\n  function inner(value, path = []) {\n    if (isObjectOrArray(value)) {\n      const result = {};\n      for (const [prop, child] of Object.entries(value)) {\n        const key = getKey?.(prop, child) ?? prop;\n        const childPath = [...path, key];\n        if (stop?.(value, childPath)) {\n          return predicate(value, path);\n        }\n        const next = inner(child, childPath);\n        if (isNotNullish(next)) {\n          result[key] = next;\n        }\n      }\n      return result;\n    }\n    return predicate(value, path);\n  }\n  return inner(target);\n}\nfunction mapObject(obj, fn) {\n  if (Array.isArray(obj)) return obj.map((value) => fn(value));\n  if (!isObject(obj)) return fn(obj);\n  return walkObject(obj, (value) => fn(value));\n}\n\n// src/normalize-style-object.ts\nfunction toResponsiveObject(values, breakpoints) {\n  return values.reduce(\n    (acc, current, index) => {\n      const key = breakpoints[index];\n      if (current != null) {\n        acc[key] = current;\n      }\n      return acc;\n    },\n    {}\n  );\n}\nfunction normalizeStyleObject(styles, context, shorthand = true) {\n  const { utility, conditions } = context;\n  const { hasShorthand, resolveShorthand } = utility;\n  return walkObject(\n    styles,\n    (value) => {\n      return Array.isArray(value) ? toResponsiveObject(value, conditions.breakpoints.keys) : value;\n    },\n    {\n      stop: (value) => Array.isArray(value),\n      getKey: shorthand ? (prop) => hasShorthand ? resolveShorthand(prop) : prop : void 0\n    }\n  );\n}\n\n// src/classname.ts\nvar fallbackCondition = {\n  shift: (v) => v,\n  finalize: (v) => v,\n  breakpoints: { keys: [] }\n};\nvar sanitize = (value) => typeof value === \"string\" ? value.replaceAll(/[\\n\\s]+/g, \" \") : value;\nfunction createCss(context) {\n  const { utility, hash, conditions: conds = fallbackCondition } = context;\n  const formatClassName = (str) => [utility.prefix, str].filter(Boolean).join(\"-\");\n  const hashFn = (conditions, className) => {\n    let result;\n    if (hash) {\n      const baseArray = [...conds.finalize(conditions), className];\n      result = formatClassName(utility.toHash(baseArray, toHash));\n    } else {\n      const baseArray = [...conds.finalize(conditions), formatClassName(className)];\n      result = baseArray.join(\":\");\n    }\n    return result;\n  };\n  return memo(({ base, ...styles } = {}) => {\n    const styleObject = Object.assign(styles, base);\n    const normalizedObject = normalizeStyleObject(styleObject, context);\n    const classNames = /* @__PURE__ */ new Set();\n    walkObject(normalizedObject, (value, paths) => {\n      if (value == null) return;\n      const important = isImportant(value);\n      const [prop, ...allConditions] = conds.shift(paths);\n      const conditions = filterBaseConditions(allConditions);\n      const transformed = utility.transform(prop, withoutImportant(sanitize(value)));\n      let className = hashFn(conditions, transformed.className);\n      if (important) className = `${className}!`;\n      classNames.add(className);\n    });\n    return Array.from(classNames).join(\" \");\n  });\n}\nfunction compactStyles(...styles) {\n  return styles.flat().filter((style) => isObject(style) && Object.keys(compact(style)).length > 0);\n}\nfunction createMergeCss(context) {\n  function resolve(styles) {\n    const allStyles = compactStyles(...styles);\n    if (allStyles.length === 1) return allStyles;\n    return allStyles.map((style) => normalizeStyleObject(style, context));\n  }\n  function mergeCss(...styles) {\n    return mergeProps(...resolve(styles));\n  }\n  function assignCss(...styles) {\n    return Object.assign({}, ...resolve(styles));\n  }\n  return { mergeCss: memo(mergeCss), assignCss };\n}\n\n// src/hypenate-property.ts\nvar wordRegex = /([A-Z])/g;\nvar msRegex = /^ms-/;\nvar hypenateProperty = memo((property) => {\n  if (property.startsWith(\"--\")) return property;\n  return property.replace(wordRegex, \"-$1\").replace(msRegex, \"-ms-\").toLowerCase();\n});\n\n// src/is-css-function.ts\nvar fns = [\"min\", \"max\", \"clamp\", \"calc\"];\nvar fnRegExp = new RegExp(`^(${fns.join(\"|\")})\\\\(.*\\\\)`);\nvar isCssFunction = (v) => typeof v === \"string\" && fnRegExp.test(v);\n\n// src/is-css-unit.ts\nvar lengthUnits = \"cm,mm,Q,in,pc,pt,px,em,ex,ch,rem,lh,rlh,vw,vh,vmin,vmax,vb,vi,svw,svh,lvw,lvh,dvw,dvh,cqw,cqh,cqi,cqb,cqmin,cqmax,%\";\nvar lengthUnitsPattern = `(?:${lengthUnits.split(\",\").join(\"|\")})`;\nvar lengthRegExp = new RegExp(`^[+-]?[0-9]*.?[0-9]+(?:[eE][+-]?[0-9]+)?${lengthUnitsPattern}$`);\nvar isCssUnit = (v) => typeof v === \"string\" && lengthRegExp.test(v);\n\n// src/is-css-var.ts\nvar isCssVar = (v) => typeof v === \"string\" && /^var\\(--.+\\)$/.test(v);\n\n// src/pattern-fns.ts\nvar patternFns = {\n  map: mapObject,\n  isCssFunction,\n  isCssVar,\n  isCssUnit\n};\nvar getPatternStyles = (pattern, styles) => {\n  if (!pattern?.defaultValues) return styles;\n  const defaults = typeof pattern.defaultValues === \"function\" ? pattern.defaultValues(styles) : pattern.defaultValues;\n  return Object.assign({}, defaults, compact(styles));\n};\n\n// src/slot.ts\nvar getSlotRecipes = (recipe = {}) => {\n  const init = (slot) => ({\n    className: [recipe.className, slot].filter(Boolean).join(\"__\"),\n    base: recipe.base?.[slot] ?? {},\n    variants: {},\n    defaultVariants: recipe.defaultVariants ?? {},\n    compoundVariants: recipe.compoundVariants ? getSlotCompoundVariant(recipe.compoundVariants, slot) : []\n  });\n  const slots = recipe.slots ?? [];\n  const recipeParts = slots.map((slot) => [slot, init(slot)]);\n  for (const [variantsKey, variantsSpec] of Object.entries(recipe.variants ?? {})) {\n    for (const [variantKey, variantSpec] of Object.entries(variantsSpec)) {\n      recipeParts.forEach(([slot, slotRecipe]) => {\n        slotRecipe.variants[variantsKey] ??= {};\n        slotRecipe.variants[variantsKey][variantKey] = variantSpec[slot] ?? {};\n      });\n    }\n  }\n  return Object.fromEntries(recipeParts);\n};\nvar getSlotCompoundVariant = (compoundVariants, slotName) => compoundVariants.filter((compoundVariant) => compoundVariant.css[slotName]).map((compoundVariant) => ({ ...compoundVariant, css: compoundVariant.css[slotName] }));\n\n// src/split-props.ts\nfunction splitProps(props, ...keys) {\n  const descriptors = Object.getOwnPropertyDescriptors(props);\n  const dKeys = Object.keys(descriptors);\n  const split = (k) => {\n    const clone = {};\n    for (let i = 0; i < k.length; i++) {\n      const key = k[i];\n      if (descriptors[key]) {\n        Object.defineProperty(clone, key, descriptors[key]);\n        delete descriptors[key];\n      }\n    }\n    return clone;\n  };\n  const fn = (key) => split(Array.isArray(key) ? key : dKeys.filter(key));\n  return keys.map(fn).concat(split(dKeys));\n}\n\n// src/uniq.ts\nvar uniq = (...items) => {\n  const set = items.reduce((acc, currItems) => {\n    if (currItems) {\n      currItems.forEach((item) => acc.add(item));\n    }\n    return acc;\n  }, /* @__PURE__ */ new Set([]));\n  return Array.from(set);\n};\nexport {\n  compact,\n  createCss,\n  createMergeCss,\n  filterBaseConditions,\n  getPatternStyles,\n  getSlotCompoundVariant,\n  getSlotRecipes,\n  hypenateProperty,\n  isBaseCondition,\n  isObject,\n  mapObject,\n  memo,\n  mergeProps,\n  patternFns,\n  splitProps,\n  toHash,\n  uniq,\n  walkObject,\n  withoutSpace\n};\n\n\n\n// src/normalize-html.ts\nvar htmlProps = [\"htmlSize\", \"htmlTranslate\", \"htmlWidth\", \"htmlHeight\"];\nfunction convert(key) {\n  return htmlProps.includes(key) ? key.replace(\"html\", \"\").toLowerCase() : key;\n}\nfunction normalizeHTMLProps(props) {\n  return Object.fromEntries(Object.entries(props).map(([key, value]) => [convert(key), value]));\n}\nnormalizeHTMLProps.keys = htmlProps;\nexport {\n  normalizeHTMLProps\n};\n\n\nexport function __spreadValues(a, b) {\n  return { ...a, ...b }\n}\n\nexport function __objRest(source, exclude) {\n  return Object.fromEntries(Object.entries(source).filter(([key]) => !exclude.includes(key)))\n}"],"mappings":"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"}

package/dist/shared/button-style.mjs

@@ -0,0 +1,10 @@
+import { css } from "../react/styled-system/css/css.mjs";
+import { buttonRecipe } from "../components/button/button.recipe.mjs";
+//#region src/shared/button-style.ts
+function buttonPartClass(style, own) {
+	return css(buttonRecipe.raw(style).root, own);
+}
+//#endregion
+export { buttonPartClass };
+
+//# sourceMappingURL=button-style.mjs.map

package/dist/shared/button-style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-style.mjs","names":[],"sources":["../../src/shared/button-style.ts"],"sourcesContent":["import { buttonRecipe } from '#/components/button/button.recipe.ts'\nimport type { ButtonTone, ButtonVariant } from '#/components/button/button.tsx'\nimport type { Size } from '#/shared/size-scale.ts'\nimport { css } from '#styled-system/css/index.js'\nimport type { SystemStyleObject } from '#styled-system/types/index.js'\n\nexport interface ButtonStyle {\n  readonly variant: ButtonVariant\n  readonly tone: ButtonTone\n  readonly size: Size\n}\n\nexport function buttonPartClass(style: ButtonStyle, own?: SystemStyleObject): string {\n  return css(buttonRecipe.raw(style).root, own)\n}\n"],"mappings":";;;AAYA,SAAgB,gBAAgB,OAAoB,KAAiC;CACnF,OAAO,IAAI,aAAa,IAAI,KAAK,CAAC,CAAC,MAAM,GAAG;AAC9C"}