@arbiui/react 0.1.0 → 0.1.2

package/dist/index.js

@@ -554,7 +554,7 @@ const BG_SIZES = [
 function View(props) {
 	const { as, className, style, aspect, columns, breakAfter, breakBefore, breakInside, boxDecoration, box, display = "flex", float, clear, isolate, autoIsolate, objectFit, object, overflow, overflowX, overflowY, overscroll, overscrollX, overscrollY, hideScrollBar, position = "relative", inset, insetX, insetY, start, end, top, right, bottom, left, visibility, z, basis, flexDirection, wrap, flex, grow, shrink, order, gridCols, gridRows, col, colSpan, colStart, colEnd, row, rowSpan, rowStart, rowEnd, gridFlow, autoCols, autoRows, gap, gapX, gapY, self, items, content, justifySelf, justifyItems, justify, placeSelf, placeItems, placeContent, p, px, py, ps, pe, pt, pr, pb, pl, m, mx, my, ms, me, mt, mr, mb, ml, spaceX, spaceY, spaceXReverse, spaceYReverse, size, w, minW, maxW, h, minH, maxH, fontFamily, fontSize, fontSmoothing, fontStyle, fontWeight, fontStretch, fontVariantNumeric, letterSpacing, lineClamp, lineHeight, listImage, listPosition, list, textAlign, text, textDecoration, textTransform, textOverflow, textWrap, textIndent, verticalAlign, whitespace, wordbreak, overflowWrap, hyphens, bgAttachment, bgClip, bgColor, bgImage, bgLinear, bgRadial, bgConic, gradient, bgOrigin, bgPosition, bgRepeat, bgSize, rounded, border, borderColor, borderStyle, divideX, divideY, divideColor, divideStyle, divideXReverse, divideYReverse, outline, outlineColor, outlineStyle, outlineOffset, shadow, shadowColor, insetShadow, insetShadowColor, ring, ringColor, insetRing, insetRingColor, textShadow, textShadowColor, opacity, mixBlend, bgBlend, maskClip, maskComposite, maskImage, maskLinear, maskLinearFrom, maskLinearTo, maskTopFrom, maskTopTo, maskRightFrom, maskRightTo, maskBottomFrom, maskBottomTo, maskLeftFrom, maskLeftTo, maskXFrom, maskXTo, maskYFrom, maskYTo, maskRadial, maskRadialFrom, maskRadialTo, maskRadialShape, maskRadialSpot, maskConic, maskConicFrom, maskConicTo, maskMode, maskOrigin, maskPosition, maskRepeat, maskSize, maskType, filter, blur, brightness, contrast, dropShadow, dropShadowColor, grayscale, hueRotate, invert, saturate, sepia, backdropFilter, backdropBlur, backdropBrightness, backdropContrast, backdropGrayscale, backdropHueRotate, backdropInvert, backdropOpacity, backdropSaturate, backdropSepia, borderCollapse, borderSeparate, borderSpacing, borderXSpacing, borderYSpacing, tableLayout, captionSide, transition, animate, backface, perspective, perspectiveOrigin, rotate, rotateX, rotateY, rotateZ, scale, scaleX, scaleY, scaleZ, skew, skewX, skewY, transform, transformOrigin, transformStyle, transformTranslate, transformTranslateX, transformTranslateY, transformTranslateZ, accentColor, appearance, caretColor, colorScheme, cursor, fieldSizing, pointerEvents, resize, scrollBehavior, scrollbar, scrollMargin, scrollMarginX, scrollMarginY, scrollMarginS, scrollMarginE, scrollMarginT, scrollMarginR, scrollMarginB, scrollMarginL, scrollPadding, scrollPaddingX, scrollPaddingY, scrollPaddingS, scrollPaddingE, scrollPaddingT, scrollPaddingR, scrollPaddingB, scrollPaddingL, scrollSnapAlign, scrollSnapStop, scrollSnapType, touchAction, userSelect, willChange, fill, strokefill, stroke, forceAdjustColor, ...rest } = props;
 	const cssVars = {};
-	const classes = cn(resolveProp(cssVars, "aspect", aspect, "aspect"), resolveProp(cssVars, "columns", columns, "columns"), breakAfter && classMaps.breakAfter[breakAfter], breakBefore && classMaps.breakBefore[breakBefore], breakInside && classMaps.breakInside[breakInside], boxDecoration && classMaps.boxDecoration[boxDecoration], box && classMaps.box[box], display, float && classMaps.float[float], clear && classMaps.clear[clear], isolate && "isolate", autoIsolate && "isolation-auto", objectFit && classMaps.objectFit[objectFit], resolveProp(cssVars, "object", object, "object"), overflow && classMaps.overflow[overflow], overflowX && classMaps.overflowX[overflowX], overflowY && classMaps.overflowY[overflowY], overscroll && classMaps.overscroll[overscroll], overscrollX && classMaps.overscrollX[overscrollX], overscrollY && classMaps.overscrollY[overscrollY], hideScrollBar && "[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", position, resolveProp(cssVars, "inset", inset, "inset"), resolveProp(cssVars, "inset-x", insetX, "inset-x"), resolveProp(cssVars, "inset-y", insetY, "inset-y"), resolveProp(cssVars, "start", start, "start"), resolveProp(cssVars, "end", end, "end"), resolveProp(cssVars, "top", top, "top"), resolveProp(cssVars, "right", right, "right"), resolveProp(cssVars, "bottom", bottom, "bottom"), resolveProp(cssVars, "left", left, "left"), visibility, resolveProp(cssVars, "z", z, "z"), resolveProp(cssVars, "basis", basis, "basis"), flexDirection && classMaps.flexDirection[flexDirection], wrap && classMaps.wrap[wrap], resolveProp(cssVars, "flex", flex, "flex"), grow && (typeof grow === "string" ? resolveProp(cssVars, "grow", grow, "grow") : "grow"), shrink && (typeof shrink === "string" ? resolveProp(cssVars, "shrink", shrink, "shrink") : "shrink"), resolveProp(cssVars, "order", order, "order"), resolveProp(cssVars, "grid-cols", gridCols, "grid-cols"), resolveProp(cssVars, "grid-rows", gridRows, "grid-rows"), resolveProp(cssVars, "col", col, "col"), resolveProp(cssVars, "col-span", colSpan, "col-span"), resolveProp(cssVars, "col-start", colStart, "col-start"), resolveProp(cssVars, "col-end", colEnd, "col-end"), resolveProp(cssVars, "row", row, "row"), resolveProp(cssVars, "row-span", rowSpan, "row-span"), resolveProp(cssVars, "row-start", rowStart, "row-start"), resolveProp(cssVars, "row-end", rowEnd, "row-end"), gridFlow && classMaps.gridFlow[gridFlow], resolveProp(cssVars, "auto-cols", autoCols, "auto-cols"), resolveProp(cssVars, "auto-rows", autoRows, "auto-rows"), resolveProp(cssVars, "gap", gap, "gap"), resolveProp(cssVars, "gap-x", gapX, "gap-x"), resolveProp(cssVars, "gap-y", gapY, "gap-y"), self && classMaps.self[self], items && classMaps.items[items], content && classMaps.content[content], justifySelf && classMaps.justifySelf[justifySelf], justifyItems && classMaps.justifyItems[justifyItems], justify && classMaps.justify[justify], placeSelf && classMaps.placeSelf[placeSelf], placeItems && classMaps.placeItems[placeItems], placeContent && classMaps.placeContent[placeContent], resolveProp(cssVars, "p", p, "p"), resolveProp(cssVars, "px", px, "px"), resolveProp(cssVars, "py", py, "py"), resolveProp(cssVars, "ps", ps, "ps"), resolveProp(cssVars, "pe", pe, "pe"), resolveProp(cssVars, "pt", pt, "pt"), resolveProp(cssVars, "pr", pr, "pr"), resolveProp(cssVars, "pb", pb, "pb"), resolveProp(cssVars, "pl", pl, "pl"), resolveProp(cssVars, "m", m, "m"), resolveProp(cssVars, "mx", mx, "mx"), resolveProp(cssVars, "my", my, "my"), resolveProp(cssVars, "ms", ms, "ms"), resolveProp(cssVars, "me", me, "me"), resolveProp(cssVars, "mt", mt, "mt"), resolveProp(cssVars, "mr", mr, "mr"), resolveProp(cssVars, "mb", mb, "mb"), resolveProp(cssVars, "ml", ml, "ml"), resolveProp(cssVars, "space-x", spaceX, "space-x"), resolveProp(cssVars, "space-y", spaceY, "space-y"), spaceXReverse && "space-x-reverse", spaceYReverse && "space-y-reverse", resolveProp(cssVars, "size", size, "size"), resolveProp(cssVars, "w", w, "w"), resolveProp(cssVars, "min-w", minW, "min-w"), resolveProp(cssVars, "max-w", maxW, "max-w"), resolveProp(cssVars, "h", h, "h"), resolveProp(cssVars, "min-h", minH, "min-h"), resolveProp(cssVars, "max-h", maxH, "max-h"), resolveProp(cssVars, "font-family", fontFamily, "font", "family-name"), resolveProp(cssVars, "font-size", fontSize, "text", "length"), fontSmoothing, fontStyle, resolveProp(cssVars, "font-weight", fontWeight, "font"), resolveProp(cssVars, "font-stretch", fontStretch, "font-stretch"), fontVariantNumeric, resolveProp(cssVars, "letter-spacing", letterSpacing, "tracking"), resolveProp(cssVars, "line-clamp", lineClamp, "line-clamp"), resolveProp(cssVars, "line-height", lineHeight, "leading"), resolveProp(cssVars, "list-image", listImage, "list-image"), listPosition && classMaps.listPosition[listPosition], resolveProp(cssVars, "list", list, "list"), textAlign && classMaps.textAlign[textAlign], resolveProp(cssVars, "text", text, "text"), textDecoration?.line, resolveProp(cssVars, "decoration", textDecoration?.color, "decoration"), textDecoration?.style && classMaps.textDecorationStyle[textDecoration.style], resolveProp(cssVars, "decoration-thickness", textDecoration?.thickness, "decoration", "length"), resolveProp(cssVars, "underline-offset", textDecoration?.underlineOffset, "underline-offset"), textTransform, textOverflow, textWrap && classMaps.textWrap[textWrap], resolveProp(cssVars, "text-indent", textIndent, "indent"), resolveProp(cssVars, "vertical-align", verticalAlign, "align"), whitespace && classMaps.whitespace[whitespace], wordbreak && classMaps.wordbreak[wordbreak], overflowWrap && classMaps.overflowWrap[overflowWrap], hyphens && classMaps.hyphens[hyphens], bgAttachment && classMaps.bgAttachment[bgAttachment], bgClip && classMaps.bgClip[bgClip], resolveProp(cssVars, "bg-color", bgColor, "bg"), resolveProp(cssVars, "bg-image", bgImage, "bg", "image"), resolveProp(cssVars, "bg-linear", bgLinear, "bg-linear"), bgRadial && (typeof bgRadial === "string" ? resolveProp(cssVars, "bg-radial", bgRadial, "bg-radial") : "bg-radial"), resolveProp(cssVars, "bg-conic", bgConic, "bg-conic"), resolveProp(cssVars, "from", gradient?.from, "from"), resolveProp(cssVars, "via", gradient?.via, "via"), resolveProp(cssVars, "to", gradient?.to, "to"), bgOrigin && classMaps.bgOrigin[bgOrigin], bgPosition && resolveProp(cssVars, "bg-position", bgPosition, BG_POSITIONS.includes(bgPosition) ? "bg" : "bg-position"), bgRepeat && classMaps.bgRepeat[bgRepeat], bgSize && resolveProp(cssVars, "bg-size", bgSize, BG_SIZES.includes(bgSize) ? "bg" : "bg-size"), typeof rounded === "string" ? resolveProp(cssVars, "rounded", rounded, "rounded") : [
+	const classes = cn(resolveProp(cssVars, "aspect", aspect, "aspect"), resolveProp(cssVars, "columns", columns, "columns"), breakAfter && classMaps.breakAfter[breakAfter], breakBefore && classMaps.breakBefore[breakBefore], breakInside && classMaps.breakInside[breakInside], boxDecoration && classMaps.boxDecoration[boxDecoration], box && classMaps.box[box], display, float && classMaps.float[float], clear && classMaps.clear[clear], isolate && "isolate", autoIsolate && "isolation-auto", objectFit && classMaps.objectFit[objectFit], resolveProp(cssVars, "object", object, "object"), overflow && classMaps.overflow[overflow], overflowX && classMaps.overflowX[overflowX], overflowY && classMaps.overflowY[overflowY], overscroll && classMaps.overscroll[overscroll], overscrollX && classMaps.overscrollX[overscrollX], overscrollY && classMaps.overscrollY[overscrollY], hideScrollBar && "[&::-webkit-scrollbar]:hidden [-ms-overflow-style:none] [scrollbar-width:none]", position, resolveProp(cssVars, "inset", inset, "inset"), resolveProp(cssVars, "inset-x", insetX, "inset-x"), resolveProp(cssVars, "inset-y", insetY, "inset-y"), resolveProp(cssVars, "start", start, "start"), resolveProp(cssVars, "end", end, "end"), resolveProp(cssVars, "top", top, "top"), resolveProp(cssVars, "right", right, "right"), resolveProp(cssVars, "bottom", bottom, "bottom"), resolveProp(cssVars, "left", left, "left"), visibility, resolveProp(cssVars, "z", z, "z"), resolveProp(cssVars, "basis", basis, "basis"), flexDirection && classMaps.flexDirection[flexDirection], wrap && classMaps.wrap[wrap], resolveProp(cssVars, "flex", flex, "flex"), grow && (typeof grow === "string" ? resolveProp(cssVars, "grow", grow, "grow") : "grow"), shrink && (typeof shrink === "string" ? resolveProp(cssVars, "shrink", shrink, "shrink") : "shrink"), resolveProp(cssVars, "order", order, "order"), resolveProp(cssVars, "grid-cols", gridCols, "grid-cols"), resolveProp(cssVars, "grid-rows", gridRows, "grid-rows"), resolveProp(cssVars, "col", col, "col"), resolveProp(cssVars, "col-span", colSpan, "col-span"), resolveProp(cssVars, "col-start", colStart, "col-start"), resolveProp(cssVars, "col-end", colEnd, "col-end"), resolveProp(cssVars, "row", row, "row"), resolveProp(cssVars, "row-span", rowSpan, "row-span"), resolveProp(cssVars, "row-start", rowStart, "row-start"), resolveProp(cssVars, "row-end", rowEnd, "row-end"), gridFlow && classMaps.gridFlow[gridFlow], resolveProp(cssVars, "auto-cols", autoCols, "auto-cols"), resolveProp(cssVars, "auto-rows", autoRows, "auto-rows"), resolveProp(cssVars, "gap", gap, "gap"), resolveProp(cssVars, "gap-x", gapX, "gap-x"), resolveProp(cssVars, "gap-y", gapY, "gap-y"), self && classMaps.self[self], items && classMaps.items[items], content && classMaps.content[content], justifySelf && classMaps.justifySelf[justifySelf], justifyItems && classMaps.justifyItems[justifyItems], justify && classMaps.justify[justify], placeSelf && classMaps.placeSelf[placeSelf], placeItems && classMaps.placeItems[placeItems], placeContent && classMaps.placeContent[placeContent], resolveProp(cssVars, "p", p, "p"), resolveProp(cssVars, "px", px, "px"), resolveProp(cssVars, "py", py, "py"), resolveProp(cssVars, "ps", ps, "ps"), resolveProp(cssVars, "pe", pe, "pe"), resolveProp(cssVars, "pt", pt, "pt"), resolveProp(cssVars, "pr", pr, "pr"), resolveProp(cssVars, "pb", pb, "pb"), resolveProp(cssVars, "pl", pl, "pl"), resolveProp(cssVars, "m", m, "m"), resolveProp(cssVars, "mx", mx, "mx"), resolveProp(cssVars, "my", my, "my"), resolveProp(cssVars, "ms", ms, "ms"), resolveProp(cssVars, "me", me, "me"), resolveProp(cssVars, "mt", mt, "mt"), resolveProp(cssVars, "mr", mr, "mr"), resolveProp(cssVars, "mb", mb, "mb"), resolveProp(cssVars, "ml", ml, "ml"), resolveProp(cssVars, "space-x", spaceX, "space-x"), resolveProp(cssVars, "space-y", spaceY, "space-y"), spaceXReverse && "space-x-reverse", spaceYReverse && "space-y-reverse", resolveProp(cssVars, "size", size, "size"), resolveProp(cssVars, "w", w, "w"), resolveProp(cssVars, "min-w", minW, "min-w"), resolveProp(cssVars, "max-w", maxW, "max-w"), resolveProp(cssVars, "h", h, "h"), resolveProp(cssVars, "min-h", minH, "min-h"), resolveProp(cssVars, "max-h", maxH, "max-h"), resolveProp(cssVars, "font-family", fontFamily, "font", "family-name"), resolveProp(cssVars, "font-size", fontSize, "text", "length"), fontSmoothing, fontStyle, resolveProp(cssVars, "font-weight", fontWeight, "font"), resolveProp(cssVars, "font-stretch", fontStretch, "font-stretch"), fontVariantNumeric, resolveProp(cssVars, "letter-spacing", letterSpacing, "tracking"), resolveProp(cssVars, "line-clamp", lineClamp, "line-clamp"), resolveProp(cssVars, "line-height", lineHeight, "leading"), resolveProp(cssVars, "list-image", listImage, "list-image"), listPosition && classMaps.listPosition[listPosition], resolveProp(cssVars, "list", list, "list"), textAlign && classMaps.textAlign[textAlign], resolveProp(cssVars, "text", text, "text"), textDecoration?.line, resolveProp(cssVars, "decoration", textDecoration?.color, "decoration"), textDecoration?.style && classMaps.textDecorationStyle[textDecoration.style], resolveProp(cssVars, "decoration-thickness", textDecoration?.thickness, "decoration", "length"), resolveProp(cssVars, "underline-offset", textDecoration?.underlineOffset, "underline-offset"), textTransform, textOverflow, textWrap && classMaps.textWrap[textWrap], resolveProp(cssVars, "text-indent", textIndent, "indent"), resolveProp(cssVars, "vertical-align", verticalAlign, "align"), whitespace && classMaps.whitespace[whitespace], wordbreak && classMaps.wordbreak[wordbreak], overflowWrap && classMaps.overflowWrap[overflowWrap], hyphens && classMaps.hyphens[hyphens], bgAttachment && classMaps.bgAttachment[bgAttachment], bgClip && classMaps.bgClip[bgClip], resolveProp(cssVars, "bg-color", bgColor, "bg"), resolveProp(cssVars, "bg-image", bgImage, "bg", "image"), resolveProp(cssVars, "bg-linear", bgLinear, "bg-linear"), bgRadial && (typeof bgRadial === "string" ? resolveProp(cssVars, "bg-radial", bgRadial, "bg-radial") : "bg-radial"), resolveProp(cssVars, "bg-conic", bgConic, "bg-conic"), resolveProp(cssVars, "from", gradient?.from, "from"), resolveProp(cssVars, "via", gradient?.via, "via"), resolveProp(cssVars, "to", gradient?.to, "to"), bgOrigin && classMaps.bgOrigin[bgOrigin], bgPosition && resolveProp(cssVars, "bg-position", bgPosition, BG_POSITIONS.includes(bgPosition) ? "bg" : "bg-position"), bgRepeat && classMaps.bgRepeat[bgRepeat], bgSize && resolveProp(cssVars, "bg-size", bgSize, BG_SIZES.includes(bgSize) ? "bg" : "bg-size"), typeof rounded === "string" && resolveProp(cssVars, "rounded", rounded, "rounded"), typeof rounded === "object" && [
 		resolveProp(cssVars, "rounded-s", rounded?.s, "rounded-s"),
 		resolveProp(cssVars, "rounded-e", rounded?.e, "rounded-e"),
 		resolveProp(cssVars, "rounded-t", rounded?.t, "rounded-t"),
@@ -569,15 +569,11 @@ function View(props) {
 		resolveProp(cssVars, "rounded-tr", rounded?.tr, "rounded-tr"),
 		resolveProp(cssVars, "rounded-br", rounded?.br, "rounded-br"),
 		resolveProp(cssVars, "rounded-bl", rounded?.bl, "rounded-bl")
-	], typeof border === "boolean" ? [
-		border && "border",
-		resolveProp(cssVars, "border-color", borderColor, "border"),
+	], (typeof border === "boolean" || typeof border === "string" || Array.isArray(border)) && [
+		typeof border === "boolean" ? border && "border" : resolveTupledProp("outline", cssVars, "border", border),
+		!Array.isArray(border) && resolveProp(cssVars, "border-color", borderColor, "border"),
 		borderStyle && classMaps.borderStyle[borderStyle]
-	] : typeof border === "string" || Array.isArray(border) ? [
-		resolveTupledProp("outline", cssVars, "border", border),
-		typeof border === "string" && resolveProp(cssVars, "border-color", borderColor, "border"),
-		borderStyle && classMaps.borderStyle[borderStyle]
-	] : [
+	], !Array.isArray(border) && typeof border === "object" && [
 		border?.width ? resolveProp(cssVars, "border", border.width, "border", "length") : "border",
 		resolveProp(cssVars, "border-color", border?.color, "border"),
 		border?.style && classMaps.borderStyle[border.style],
@@ -589,22 +585,17 @@ function View(props) {
 		resolveTupledProp("outline", cssVars, "border-r", border?.r),
 		resolveTupledProp("outline", cssVars, "border-b", border?.b),
 		resolveTupledProp("outline", cssVars, "border-l", border?.l)
-	], resolveProp(cssVars, "divide-x", divideX, "divide-x", "length"), resolveProp(cssVars, "divide-y", divideY, "divide-y", "length"), resolveProp(cssVars, "divide-color", divideColor, "divide"), divideStyle && classMaps.divideStyle[divideStyle], divideXReverse && "divide-x-reverse", divideYReverse && "divide-y-reverse", typeof outline === "boolean" ? [
-		outline && "outline",
-		resolveProp(cssVars, "outline-color", outlineColor, "outline"),
-		outlineStyle && classMaps.outlineStyle[outlineStyle],
-		resolveProp(cssVars, "outline-offset", outlineOffset, "outline-offset")
-	] : typeof outline === "string" || Array.isArray(outline) ? [
-		resolveTupledProp("outline", cssVars, "outline", outline),
-		typeof outline === "string" && resolveProp(cssVars, "outline-color", outlineColor, "outline"),
+	], resolveProp(cssVars, "divide-x", divideX, "divide-x", "length"), resolveProp(cssVars, "divide-y", divideY, "divide-y", "length"), resolveProp(cssVars, "divide-color", divideColor, "divide"), divideStyle && classMaps.divideStyle[divideStyle], divideXReverse && "divide-x-reverse", divideYReverse && "divide-y-reverse", (typeof outline === "boolean" || typeof outline === "string" || Array.isArray(outline)) && [
+		typeof outline === "boolean" ? outline && "outline" : resolveTupledProp("outline", cssVars, "outline", outline),
+		!Array.isArray(outline) && resolveProp(cssVars, "outline-color", outlineColor, "outline"),
 		outlineStyle && classMaps.outlineStyle[outlineStyle],
 		resolveProp(cssVars, "outline-offset", outlineOffset, "outline-offset")
-	] : [
+	], !Array.isArray(outline) && typeof outline === "object" && [
 		resolveProp(cssVars, "outline", outline?.width, "outline", "length"),
 		resolveProp(cssVars, "outline-color", outline?.color, "outline"),
 		outline?.style && classMaps.outlineStyle[outline.style],
 		resolveProp(cssVars, "outline-offset", outline?.offset, "outline-offset")
-	], resolveProp(cssVars, "shadow", shadow, "shadow"), resolveProp(cssVars, "shadow-color", shadowColor, "shadow", "color"), resolveProp(cssVars, "inset-shadow", insetShadow, "inset-shadow"), resolveProp(cssVars, "inset-shadow-color", insetShadowColor, "inset-shadow"), ring && (typeof ring === "string" ? resolveProp(cssVars, "ring", ring, "ring") : "ring"), resolveProp(cssVars, "ring-color", ringColor, "ring"), insetRing && (typeof insetRing === "string" ? resolveProp(cssVars, "inset-ring", insetRing, "inset-ring") : "inset-ring"), resolveProp(cssVars, "inset-ring-color", insetRingColor, "inset-ring"), resolveProp(cssVars, "text-shadow", textShadow, "text-shadow"), resolveProp(cssVars, "text-shadow-color", textShadowColor, "text-shadow", "color"), resolveProp(cssVars, "opacity", opacity, "opacity"), mixBlend && classMaps.mixBlend[mixBlend], bgBlend && classMaps.bgBlend[bgBlend], maskClip && classMaps.maskClip[maskClip], maskComposite && classMaps.maskComposite[maskComposite], resolveProp(cssVars, "mask-image", maskImage, "mask"), resolveProp(cssVars, "mask-linear", maskLinear, "mask-linear"), resolveProp(cssVars, "mask-linear-from", maskLinearFrom, "mask-linear-from"), resolveProp(cssVars, "mask-linear-to", maskLinearTo, "mask-linear-to"), resolveProp(cssVars, "mask-top-from", maskTopFrom, "mask-t-from"), resolveProp(cssVars, "mask-top-to", maskTopTo, "mask-t-to"), resolveProp(cssVars, "mask-right-from", maskRightFrom, "mask-r-from"), resolveProp(cssVars, "mask-right-to", maskRightTo, "mask-r-to"), resolveProp(cssVars, "mask-bottom-from", maskBottomFrom, "mask-b-from"), resolveProp(cssVars, "mask-bottom-to", maskBottomTo, "mask-b-to"), resolveProp(cssVars, "mask-left-from", maskLeftFrom, "mask-l-from"), resolveProp(cssVars, "mask-left-to", maskLeftTo, "mask-l-to"), resolveProp(cssVars, "mask-x-from", maskXFrom, "mask-x-from"), resolveProp(cssVars, "mask-x-to", maskXTo, "mask-x-to"), resolveProp(cssVars, "mask-y-from", maskYFrom, "mask-y-from"), resolveProp(cssVars, "mask-y-to", maskYTo, "mask-y-to"), resolveProp(cssVars, "mask-radial", maskRadial, "mask-radial"), resolveProp(cssVars, "mask-radial-from", maskRadialFrom, "mask-radial-from"), resolveProp(cssVars, "mask-radial-to", maskRadialTo, "mask-radial-to"), maskRadialShape && classMaps.maskRadialShape[maskRadialShape], maskRadialSpot && classMaps.maskRadialSpot[maskRadialSpot], resolveProp(cssVars, "mask-conic", maskConic, "mask-conic"), resolveProp(cssVars, "mask-conic-from", maskConicFrom, "mask-conic-from"), resolveProp(cssVars, "mask-conic-to", maskConicTo, "mask-conic-to"), maskMode && classMaps.maskMode[maskMode], maskOrigin && classMaps.maskOrigin[maskOrigin], maskPosition && resolveProp(cssVars, "mask-position", maskPosition, BG_POSITIONS.includes(maskPosition) ? "mask" : "mask-position"), maskRepeat && classMaps.maskRepeat[maskRepeat], maskSize && resolveProp(cssVars, "mask-size", maskSize, BG_SIZES.includes(maskSize) ? "mask" : "mask-size"), maskType && classMaps.maskType[maskType], resolveProp(cssVars, "filter", filter, "filter"), resolveProp(cssVars, "blur", blur, "blur"), resolveProp(cssVars, "brightness", brightness, "brightness"), resolveProp(cssVars, "contrast", contrast, "contrast"), resolveProp(cssVars, "drop-shadow", dropShadow, "drop-shadow"), resolveProp(cssVars, "drop-shadow-color", dropShadowColor, "drop-shadow", "color"), typeof grayscale === "boolean" ? grayscale && "grayscale" : resolveProp(cssVars, "grayscale", grayscale, "grayscale"), resolveProp(cssVars, "hue-rotate", hueRotate, "hue-rotate"), typeof invert === "boolean" ? invert && "invert" : resolveProp(cssVars, "invert", invert, "invert"), resolveProp(cssVars, "saturate", saturate, "saturate"), typeof sepia === "boolean" ? sepia && "sepia" : resolveProp(cssVars, "sepia", sepia, "sepia"), resolveProp(cssVars, "backdrop-filter", backdropFilter, "backdrop-filter"), resolveProp(cssVars, "backdrop-blur", backdropBlur, "backdrop-blur"), resolveProp(cssVars, "backdrop-brightness", backdropBrightness, "backdrop-brightness"), resolveProp(cssVars, "backdrop-contrast", backdropContrast, "backdrop-contrast"), typeof backdropGrayscale === "boolean" ? backdropGrayscale && "backdrop-grayscale" : resolveProp(cssVars, "backdrop-grayscale", backdropGrayscale, "backdrop-grayscale"), resolveProp(cssVars, "backdrop-hue-rotate", backdropHueRotate, "backdrop-hue-rotate"), typeof backdropInvert === "boolean" ? backdropInvert && "backdrop-invert" : resolveProp(cssVars, "backdrop-invert", backdropInvert, "backdrop-invert"), resolveProp(cssVars, "backdrop-opacity", backdropOpacity, "backdrop-opacity"), resolveProp(cssVars, "backdrop-saturate", backdropSaturate, "backdrop-saturate"), typeof backdropSepia === "boolean" ? backdropSepia && "backdrop-sepia" : resolveProp(cssVars, "backdrop-sepia", backdropSepia, "backdrop-sepia"), borderCollapse && "border-collapse", borderSeparate && "border-separate", resolveProp(cssVars, "border-spacing", borderSpacing, "border-spacing"), resolveProp(cssVars, "border-x-spacing", borderXSpacing, "border-spacing-x"), resolveProp(cssVars, "border-y-spacing", borderYSpacing, "border-spacing-y"), tableLayout && classMaps.tableLayout[tableLayout], captionSide && classMaps.captionSide[captionSide], typeof transition === "boolean" ? transition && "transition" : typeof transition === "string" ? resolveProp(cssVars, "transition", transition, "transition") : [
+	], resolveProp(cssVars, "shadow", shadow, "shadow"), resolveProp(cssVars, "shadow-color", shadowColor, "shadow", "color"), resolveProp(cssVars, "inset-shadow", insetShadow, "inset-shadow"), resolveProp(cssVars, "inset-shadow-color", insetShadowColor, "inset-shadow"), ring && (typeof ring === "string" ? resolveProp(cssVars, "ring", ring, "ring") : "ring"), resolveProp(cssVars, "ring-color", ringColor, "ring"), insetRing && (typeof insetRing === "string" ? resolveProp(cssVars, "inset-ring", insetRing, "inset-ring") : "inset-ring"), resolveProp(cssVars, "inset-ring-color", insetRingColor, "inset-ring"), resolveProp(cssVars, "text-shadow", textShadow, "text-shadow"), resolveProp(cssVars, "text-shadow-color", textShadowColor, "text-shadow", "color"), resolveProp(cssVars, "opacity", opacity, "opacity"), mixBlend && classMaps.mixBlend[mixBlend], bgBlend && classMaps.bgBlend[bgBlend], maskClip && classMaps.maskClip[maskClip], maskComposite && classMaps.maskComposite[maskComposite], resolveProp(cssVars, "mask-image", maskImage, "mask"), resolveProp(cssVars, "mask-linear", maskLinear, "mask-linear"), resolveProp(cssVars, "mask-linear-from", maskLinearFrom, "mask-linear-from"), resolveProp(cssVars, "mask-linear-to", maskLinearTo, "mask-linear-to"), resolveProp(cssVars, "mask-top-from", maskTopFrom, "mask-t-from"), resolveProp(cssVars, "mask-top-to", maskTopTo, "mask-t-to"), resolveProp(cssVars, "mask-right-from", maskRightFrom, "mask-r-from"), resolveProp(cssVars, "mask-right-to", maskRightTo, "mask-r-to"), resolveProp(cssVars, "mask-bottom-from", maskBottomFrom, "mask-b-from"), resolveProp(cssVars, "mask-bottom-to", maskBottomTo, "mask-b-to"), resolveProp(cssVars, "mask-left-from", maskLeftFrom, "mask-l-from"), resolveProp(cssVars, "mask-left-to", maskLeftTo, "mask-l-to"), resolveProp(cssVars, "mask-x-from", maskXFrom, "mask-x-from"), resolveProp(cssVars, "mask-x-to", maskXTo, "mask-x-to"), resolveProp(cssVars, "mask-y-from", maskYFrom, "mask-y-from"), resolveProp(cssVars, "mask-y-to", maskYTo, "mask-y-to"), resolveProp(cssVars, "mask-radial", maskRadial, "mask-radial"), resolveProp(cssVars, "mask-radial-from", maskRadialFrom, "mask-radial-from"), resolveProp(cssVars, "mask-radial-to", maskRadialTo, "mask-radial-to"), maskRadialShape && classMaps.maskRadialShape[maskRadialShape], maskRadialSpot && classMaps.maskRadialSpot[maskRadialSpot], resolveProp(cssVars, "mask-conic", maskConic, "mask-conic"), resolveProp(cssVars, "mask-conic-from", maskConicFrom, "mask-conic-from"), resolveProp(cssVars, "mask-conic-to", maskConicTo, "mask-conic-to"), maskMode && classMaps.maskMode[maskMode], maskOrigin && classMaps.maskOrigin[maskOrigin], maskPosition && resolveProp(cssVars, "mask-position", maskPosition, BG_POSITIONS.includes(maskPosition) ? "mask" : "mask-position"), maskRepeat && classMaps.maskRepeat[maskRepeat], maskSize && resolveProp(cssVars, "mask-size", maskSize, BG_SIZES.includes(maskSize) ? "mask" : "mask-size"), maskType && classMaps.maskType[maskType], resolveProp(cssVars, "filter", filter, "filter"), resolveProp(cssVars, "blur", blur, "blur"), resolveProp(cssVars, "brightness", brightness, "brightness"), resolveProp(cssVars, "contrast", contrast, "contrast"), resolveProp(cssVars, "drop-shadow", dropShadow, "drop-shadow"), resolveProp(cssVars, "drop-shadow-color", dropShadowColor, "drop-shadow", "color"), typeof grayscale === "boolean" ? grayscale && "grayscale" : resolveProp(cssVars, "grayscale", grayscale, "grayscale"), resolveProp(cssVars, "hue-rotate", hueRotate, "hue-rotate"), typeof invert === "boolean" ? invert && "invert" : resolveProp(cssVars, "invert", invert, "invert"), resolveProp(cssVars, "saturate", saturate, "saturate"), typeof sepia === "boolean" ? sepia && "sepia" : resolveProp(cssVars, "sepia", sepia, "sepia"), resolveProp(cssVars, "backdrop-filter", backdropFilter, "backdrop-filter"), resolveProp(cssVars, "backdrop-blur", backdropBlur, "backdrop-blur"), resolveProp(cssVars, "backdrop-brightness", backdropBrightness, "backdrop-brightness"), resolveProp(cssVars, "backdrop-contrast", backdropContrast, "backdrop-contrast"), typeof backdropGrayscale === "boolean" ? backdropGrayscale && "backdrop-grayscale" : resolveProp(cssVars, "backdrop-grayscale", backdropGrayscale, "backdrop-grayscale"), resolveProp(cssVars, "backdrop-hue-rotate", backdropHueRotate, "backdrop-hue-rotate"), typeof backdropInvert === "boolean" ? backdropInvert && "backdrop-invert" : resolveProp(cssVars, "backdrop-invert", backdropInvert, "backdrop-invert"), resolveProp(cssVars, "backdrop-opacity", backdropOpacity, "backdrop-opacity"), resolveProp(cssVars, "backdrop-saturate", backdropSaturate, "backdrop-saturate"), typeof backdropSepia === "boolean" ? backdropSepia && "backdrop-sepia" : resolveProp(cssVars, "backdrop-sepia", backdropSepia, "backdrop-sepia"), borderCollapse && "border-collapse", borderSeparate && "border-separate", resolveProp(cssVars, "border-spacing", borderSpacing, "border-spacing"), resolveProp(cssVars, "border-x-spacing", borderXSpacing, "border-spacing-x"), resolveProp(cssVars, "border-y-spacing", borderYSpacing, "border-spacing-y"), tableLayout && classMaps.tableLayout[tableLayout], captionSide && classMaps.captionSide[captionSide], typeof transition === "boolean" && transition && "transition", typeof transition === "string" && resolveProp(cssVars, "transition", transition, "transition"), typeof transition === "object" && [
 		resolveProp(cssVars, "transition", transition?.property, "transition"),
 		transition?.behavior && classMaps.transitionBehavior[transition.behavior],
 		resolveProp(cssVars, "transition-duration", transition?.duration, "duration"),

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@arbiui/react",
   "description": "Polymorphic React View component that maps declarative style props to Tailwind CSS v4 utilities",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "license": "Apache-2.0",
-  "homepage": "https://github.com/arbiui/arbiui/tree/main/packages/react#readme",
+  "homepage": "https://github.com/arbiseeos/arbiui/tree/main/packages/react#readme",
   "keywords": [
     "react",
     "tailwind",
@@ -20,11 +20,11 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/arbiui/arbiui.git",
+    "url": "git+https://github.com/arbiseeos/arbiui.git",
     "directory": "packages/react"
   },
   "bugs": {
-    "url": "https://github.com/arbiui/arbiui/issues",
+    "url": "https://github.com/arbiseeos/arbiui/issues",
     "email": "security@arbiui.arbisee.com"
   },
   "publishConfig": {
@@ -48,7 +48,7 @@
   },
   "peerDependencies": {
     "react": "^19",
-    "@arbiui/tailwindcss": "^0.1.0"
+    "@arbiui/tailwindcss": "^0.1.1"
   },
   "devDependencies": {
     "@types/react": "^19.3.0",