UNPKG

@windijs/utilities

Version:

@windijs/utilities

2 lines (1 loc) 29.5 kB
var windijsUtilities=function(e,a,t,i,n){"use strict";var r=t.createUtility("animate").use(t.animateHandler("none","none")).use(t.animateHandler("spin","spin 1s linear infinite",a.spinKeyframes)).use(t.animateHandler("ping","ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",a.pingKeyframes)).use(t.animateHandler("pulse","pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",a.pulseKeyframes)).use(t.animateHandler("bounce","bounce 1s infinite",a.bounceKeyframes)).use(t.animateHandler("shock",{animation:"shock",transformOrigin:"center bottom"},a.shockKeyframes)).use(t.animateHandler("flash","flash",a.flashKeyframes)).use(t.animateHandler("bubble","bubble",a.bubbleKeyframes)).use(t.animateHandler("rubberBand","rubberBand",a.rubberBandKeyframes)).use(t.animateHandler("shakeX","shakeX",a.shakeXKeyframes)).use(t.animateHandler("shakeY","shakeY",a.shakeYKeyframes)).use(t.animateHandler("headShake","headShake 1s ease-in-out",a.headShakeKeyframes)).use(t.animateHandler("swing",{animation:"swing",transformOrigin:"top center"},a.swingKeyframes)).use(t.animateHandler("tada","tada",a.tadaKeyframes)).use(t.animateHandler("wobble","wobble",a.wobbleKeyframes)).use(t.animateHandler("jello","jello",a.jelloKeyframes)).use(t.animateHandler("heartBeat","heartBeat 1s ease-in-out",a.heartBeatKeyframes)).use(t.animateHandler("hinge","hinge 2s",a.hingeKeyframes)).use(t.animateHandler("jackIn","jackInTheBox",a.jackInTheBoxKeyframes)).use(t.animateHandler("lightSpeedInLeft","lightSpeedInLeft",a.lightSpeedInLeftKeyframes)).use(t.animateHandler("lightSpeedInRight","lightSpeedInRight",a.lightSpeedInRightKeyframes)).use(t.animateHandler("lightSpeedOutLeft","lightSpeedOutLeft",a.lightSpeedOutLeftKeyframes)).use(t.animateHandler("lightSpeedOutRight","lightSpeedOutRight",a.lightSpeedOutRightKeyframes)).use(t.animateHandler("flip",{animation:"flip",backfaceVisibility:"visible"},a.flipKeyframes)).use(t.animateHandler("flipInX",{animation:"flipInX",backfaceVisibility:"visible"},a.flipInXKeyframes)).use(t.animateHandler("flipInY",{animation:"flipInY",backfaceVisibility:"visible"},a.flipInYKeyframes)).use(t.animateHandler("flipOutX",{animation:"flipOutX",backfaceVisibility:"visible"},a.flipOutXKeyframes)).use(t.animateHandler("flipOutY",{animation:"flipOutY",backfaceVisibility:"visible"},a.flipOutYKeyframes)).use(t.animateHandler("rotateIn","rotateIn",a.rotateInKeyframes)).use(t.animateHandler("rotateInDownLeft","rotateInDownLeft",a.rotateInDownLeftKeyframes)).use(t.animateHandler("rotateInDownRight","rotateInDownRight",a.rotateInDownRightKeyframes)).use(t.animateHandler("rotateInUpLeft","rotateInUpLeft",a.rotateInUpLeftKeyframes)).use(t.animateHandler("rotateInUpRight","rotateInUpRight",a.rotateInUpRightKeyframes)).use(t.animateHandler("rotateOut","rotateOut",a.rotateOutKeyframes)).use(t.animateHandler("rotateOutDownLeft","rotateOutDownLeft",a.rotateOutDownLeftKeyframes)).use(t.animateHandler("rotateOutDownRight","rotateOutDownRight",a.rotateOutDownRightKeyframes)).use(t.animateHandler("rotateOutUpLeft","rotateOutUpLeft",a.rotateOutUpLeftKeyframes)).use(t.animateHandler("rotateOutUpRight","rotateOutUpRight",a.rotateOutUpRightKeyframes)).use(t.animateHandler("rollIn","rollIn",a.rollInKeyframes)).use(t.animateHandler("rollOut","rollOut",a.rollOutKeyframes)).use(t.animateHandler("zoomIn","zoomIn",a.zoomInKeyframes)).use(t.animateHandler("zoomInDown","zoomInDown",a.zoomInDownKeyframes)).use(t.animateHandler("zoomInLeft","zoomInLeft",a.zoomInLeftKeyframes)).use(t.animateHandler("zoomInRight","zoomInRight",a.zoomInRightKeyframes)).use(t.animateHandler("zoomInUp","zoomInUp",a.zoomInUpKeyframes)).use(t.animateHandler("bounceIn","bounceIn 750ms",a.bounceInKeyframes)).use(t.animateHandler("bounceInDown","bounceInDown",a.bounceInDownKeyframes)).use(t.animateHandler("bounceInLeft","bounceInLeft",a.bounceInLeftKeyframes)).use(t.animateHandler("bounceInRight","bounceInRight",a.bounceInRightKeyframes)).use(t.animateHandler("bounceInUp","bounceInUp",a.bounceInUpKeyframes)).use(t.animateHandler("bounceOut","bounceOut 750ms",a.bounceOutKeyframes)).use(t.animateHandler("bounceOutDown","bounceOutDown",a.bounceOutDownKeyframes)).use(t.animateHandler("bounceOutLeft","bounceOutLeft",a.bounceOutLeftKeyframes)).use(t.animateHandler("bounceOutRight","bounceOutRight",a.bounceOutRightKeyframes)).use(t.animateHandler("bounceOutUp","bounceOutUp",a.bounceOutUpKeyframes)).use(t.animateHandler("zoomOut","zoomOut",a.zoomOutKeyframes)).use(t.animateHandler("zoomOutDown","zoomOutDown",a.zoomOutDownKeyframes)).use(t.animateHandler("zoomOutLeft","zoomOutLeft",a.zoomOutLeftKeyframes)).use(t.animateHandler("zoomOutRight","zoomOutRight",a.zoomOutRightKeyframes)).use(t.animateHandler("zoomOutUp","zoomOutUp",a.zoomOutUpKeyframes)).use(t.animateHandler("slideInDown","slideInDown",a.slideInDownKeyframes)).use(t.animateHandler("slideInLeft","slideInLeft",a.slideInLeftKeyframes)).use(t.animateHandler("slideInRight","slideInRight",a.slideInRightKeyframes)).use(t.animateHandler("slideInUp","slideInUp",a.slideInUpKeyframes)).use(t.animateHandler("slideOutDown","slideOutDown",a.slideOutDownKeyframes)).use(t.animateHandler("slideOutLeft","slideOutLeft",a.slideOutLeftKeyframes)).use(t.animateHandler("slideOutRight","slideOutRight",a.slideOutRightKeyframes)).use(t.animateHandler("slideOutUp","slideOutUp",a.slideOutUpKeyframes)).use(t.animateHandler("fadeIn","fadeIn",a.fadeInKeyframes)).use(t.animateHandler("fadeInDown","fadeInDown",a.fadeInDownKeyframes)).use(t.animateHandler("fadeInDownBig","fadeInDownBig",a.fadeInDownBigKeyframes)).use(t.animateHandler("fadeInLeft","fadeInLeft",a.fadeInLeftKeyframes)).use(t.animateHandler("fadeInLeftBig","fadeInLeftBig",a.fadeInLeftBigKeyframes)).use(t.animateHandler("fadeInRight","fadeInRight",a.fadeInRightKeyframes)).use(t.animateHandler("fadeInRightBig","fadeInRightBig",a.fadeInRightBigKeyframes)).use(t.animateHandler("fadeInUp","fadeInUp",a.fadeInUpKeyframes)).use(t.animateHandler("fadeInUpBig","fadeInUpBig",a.fadeInUpBigKeyframes)).use(t.animateHandler("fadeInTopLeft","fadeInTopLeft",a.fadeInTopLeftKeyframes)).use(t.animateHandler("fadeInTopRight","fadeInTopRight",a.fadeInTopRightKeyframes)).use(t.animateHandler("fadeInBottomLeft","fadeInBottomLeft",a.fadeInBottomLeftKeyframes)).use(t.animateHandler("fadeInBottomRight","fadeInBottomRight",a.fadeInBottomRightKeyframes)).use(t.animateHandler("fadeOut","fadeOut",a.fadeOutKeyframes)).use(t.animateHandler("fadeOutDown","fadeOutDown",a.fadeOutDownKeyframes)).use(t.animateHandler("fadeOutDownBig","fadeOutDownBig",a.fadeOutDownBigKeyframes)).use(t.animateHandler("fadeOutLeft","fadeOutLeft",a.fadeOutLeftKeyframes)).use(t.animateHandler("fadeOutLeftBig","fadeOutLeftBig",a.fadeOutLeftBigKeyframes)).use(t.animateHandler("fadeOutRight","fadeOutRight",a.fadeOutRightKeyframes)).use(t.animateHandler("fadeOutRightBig","fadeOutRightBig",a.fadeOutRightBigKeyframes)).use(t.animateHandler("fadeOutUp","fadeOutUp",a.fadeOutUpKeyframes)).use(t.animateHandler("fadeOutUpBig","fadeOutUpBig",a.fadeOutUpBigKeyframes)).use(t.animateHandler("backInUp","backInUp",a.backInUpKeyframes)).use(t.animateHandler("backInDown","backInDown",a.backInDownKeyframes)).use(t.animateHandler("backInLeft","backInLeft",a.backInLeftKeyframes)).use(t.animateHandler("backInRight","backInRight",a.backInRightKeyframes)).use(t.animateHandler("backOutUp","backOutUp",a.backOutUpKeyframes)).use(t.animateHandler("backOutDown","backOutDown",a.backOutDownKeyframes)).use(t.animateHandler("backOutLeft","backOutLeft",a.backOutLeftKeyframes)).use(t.animateHandler("backOutRight","backOutRight",a.backOutRightKeyframes)).init();const o={position:"relative","> *":{position:"absolute",height:"100%",width:"100%",top:"0",right:"0",bottom:"0",left:"0"}};var s=t.createUtility("aspect").use(t.configHandler(a.aspectRatioConfig,"aspectRatio")).case("none",t.cssHandler({position:"static",paddingBottom:"0","> *":{position:"static",height:"auto",width:"auto",top:"auto",right:"auto",bottom:"auto",left:"auto"}})).case("w",t.numberHandler((e=>i.css({"--w-aspect-w":e,paddingBottom:"calc(var(--w-aspect-h) / var(--w-aspect-w) * 100%)",...o})))).case("h",t.numberHandler((e=>i.css({"--w-aspect-h":e})))).use(t.genericHandler((e=>i.css({paddingBottom:100*+e+"%",...o})))).init(),l=t.createUtility("auto").case("rows",t.configHandler(a.gridAutoRowsConfig,"gridAutoRows")).case("cols",t.configHandler(a.gridAutoColumnsConfig,"gridAutoColumns")).init(),d=t.createUtility("backdrop").use(t.cssHandler({"--w-backdrop-blur":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-brightness":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-contrast":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-grayscale":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-hue-rotate":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-invert":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-opacity":"var(--tw-empty,/*!*/ /*!*/)","--w-backdrop-saturate":"var(--w-empty,/*!*/ /*!*/)","--w-backdrop-sepia":"var(--w-empty,/*!*/ /*!*/)","-webkit-backdrop-filter":"var(--w-backdrop-blur) var(--w-backdrop-brightness) var(--w-backdrop-contrast) var(--w-backdrop-grayscale) var(--w-backdrop-hue-rotate) var(--w-backdrop-invert) var(--w-backdrop-opacity) var(--w-backdrop-saturate) var(--w-backdrop-sepia)",backdropFilter:"var(--w-backdrop-blur) var(--w-backdrop-brightness) var(--w-backdrop-contrast) var(--w-backdrop-grayscale) var(--w-backdrop-hue-rotate) var(--w-backdrop-invert) var(--w-backdrop-opacity) var(--w-backdrop-saturate) var(--w-backdrop-sepia)"})).case("blur",t.configHandler(a.blurConfig,(e=>i.css({"--w-backdrop-blur":`blur(${e})`})))).case("brightness",t.configHandler(a.brightnessConfig,(e=>i.css({"--w-backdrop-brightness":`brightness(${e})`})))).case("contrast",t.configHandler(a.contrastConfig,(e=>i.css({"--w-backdrop-contrast":`contrast(${e})`})))).case("grayscale",t.configHandler(a.grayscaleConfig,(e=>i.css({"--w-backdrop-grayscale":`grayscale(${e})`})))).case("hueRotate",t.configHandler(a.hueRotateConfig,(e=>i.css({"--w-backdrop-hue-rotate":`hue-rotate(${e})`})))).case("invert",t.configHandler(a.invertConfig,(e=>i.css({"--w-backdrop-invert":`invert(${e})`})))).case("opacity",t.configHandler(a.opacityConfig,(e=>i.css({"--w-backdrop-opacity":`opacity(${e})`})))).case("saturate",t.configHandler(a.saturateConfig,(e=>i.css({"--w-backdrop-saturate":`saturate(${e})`})))).case("sepia",t.configHandler(a.sepiaConfig,(e=>i.css({"--w-backdrop-sepia":`sepia(${e})`})))).init(t.buildBackdropFilter),c={...n.baseColors,...n.windiColors},f=t.createUtility("bg").use(t.colorHandler(c,"backgroundColor","--w-bg-opacity")).use(t.configHandler(a.backgroundAttachmentConfig,"backgroundAttachment")).use(t.configHandler(a.backgroundPositionConfig,"backgroundPosition")).use(t.configHandler(a.backgroundRepeatConfig,"backgroundRepeat")).use(t.configHandler(a.backgroundSizeConfig,"backgroundSize")).use(t.configHandler(a.backgroundImageConfig,"backgroundImage")).case("clip",t.configHandler(a.backgroundClipConfig,["backgroundClip",i.prop`-webkit-background-clip`])).case("blend",t.configHandler(a.blendModeConfig,"backgroundBlendMode")).case("origin",t.configHandler(a.backgroundOriginConfig,"backgroundOrigin")).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-bg-opacity`)).case("gradient",t.callHandler(t.buildLinearGradient,t.meld(t.configHandler(a.gradientDirectionConfig,t.buildGradientDirection),t.configHandler(a.gradientConfig,"backgroundImage")))).init(),g=t.createUtility("blend").use(t.configHandler(a.blendModeConfig,"mixBlendMode")).init(),u=t.createUtility("blur").use(t.configHandler(a.blurConfig,(e=>i.css({"--w-blur":`blur(${e})`})))).init(i.filters.blur),p=t.createUtility("border").use(t.configHandler(a.borderStyleConfig,"borderStyle")).use(t.configHandler(a.borderWidthConfig,"borderWidth")).use(t.colorHandler(c,"borderColor","--w-border-opacity")).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-border-opacity`)).init(),m=t.createUtility("brightness").use(t.configHandler(a.brightnessConfig,(e=>i.css({"--w-brightness":`brightness(${e})`})))).init(i.filters.brightness),w=t.createUtility("col").case("start",t.configHandler(a.gridColumnStartConfig,"gridColumnStart")).case("end",t.configHandler(a.gridColumnEndConfig,"gridColumnEnd")).use(t.configHandler(a.gridColumnConfig,"gridColumn")).init(),y=t.buildContainer(a.screens),b=t.createUtility("contrast").use(t.configHandler(a.contrastConfig,(e=>i.css({"--w-contrast":`contrast(${e})`})))).init(i.filters.contrast),H=t.createUtility("decoration").use(t.configHandler(a.textDecorationTypeConfig,[i.prop`-webkit-text-decoration-line`,"textDecorationLine"])).use(t.configHandler(a.textDecorationStyleConfig,[i.prop`-webkit-text-decoration-style`,"textDecorationStyle"])).use(t.configHandler(a.textDecorationThicknessConfig,"textDecorationThickness")).use(t.configHandler(a.boxDecorationBreakConfig,[i.prop`-webkit-box-decoration-break`,i.prop`box-decoration-break`])).use(t.colorHandler(c,[i.prop`-webkit-text-decoration-color`,"textDecorationColor"],"--w-text-decoration-opacity")).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-text-decoration-opacity`)).case("offset",t.configHandler(a.textDecorationOffsetConfig,"textUnderlineOffset")).init(),h=t.createUtility("delay").use(t.configHandler(a.transitionDelayConfig,[i.prop`-webkit-transition-delay`,i.prop`-o-transition-delay`,"transitionDelay"])).init(),k=t.createUtility("divide").case("x",t.meld(t.guard("reverse",t.divideXReverseHandler()),t.configHandler(a.borderWidthConfig,t.buildDivideX))).case("y",t.meld(t.guard("reverse",t.divideYReverseHandler()),t.configHandler(a.borderWidthConfig,t.buildDivideY))).case("opacity",t.configHandler(a.opacityConfig,t.buildDivideOpacity)).use(t.configHandler(a.borderStyleConfig,t.buildDivideStyle)).use(t.colorHandler(c,t.buildDivideColor)).init(),C=t.createUtility("dropShadow").use(t.configHandler(a.dropShadowConfig,(e=>i.css({"--w-drop-shadow":Array.isArray(e)?e.map((e=>`drop-shadow(${e})`)).join(" "):`drop-shadow(${e})`})))).init(i.filters.dropShadow),v=t.createUtility("duration").use(t.configHandler(a.transitionDurationConfig,[i.prop`-webkit-transition-duration`,i.prop`-o-transition-duration`,"transitionDuration"])).init(),I=t.createUtility("ease").use(t.configHandler(a.transitionTimingFunctionConfig,[i.prop`-webkit-transition-timing-function`,i.prop`-o-transition-timing-function`,"transitionTimingFunction"])).init(),O=t.createUtility("fill").use(t.colorHandler({none:"none",...c},"fill")).init(),U=t.createUtility("filter").use(t.cssHandler({"--w-blur":"var(--w-empty,/*!*/ /*!*/)","--w-brightness":"var(--w-empty,/*!*/ /*!*/)","--w-contrast":"var(--w-empty,/*!*/ /*!*/)","--w-grayscale":"var(--w-empty,/*!*/ /*!*/)","--w-hue-rotate":"var(--w-empty,/*!*/ /*!*/)","--w-invert":"var(--w-empty,/*!*/ /*!*/)","--w-saturate":"var(--w-empty,/*!*/ /*!*/)","--w-sepia":"var(--w-empty,/*!*/ /*!*/)","--w-drop-shadow":"var(--w-empty,/*!*/ /*!*/)","-webkit-filter":"var(--w-blur) var(--w-brightness) var(--w-contrast) var(--w-grayscale) var(--w-hue-rotate) var(--w-invert) var(--w-saturate) var(--w-sepia) var(--w-drop-shadow)",filter:"var(--w-blur) var(--w-brightness) var(--w-contrast) var(--w-grayscale) var(--w-hue-rotate) var(--w-invert) var(--w-saturate) var(--w-sepia) var(--w-drop-shadow)"})).init(t.buildFilter),x=t.createUtility("flex").use(t.cssHandler({display:["-webkit-box","-ms-flexbox","-webkit-flex","flex"]})).use(t.configHandler(a.flexDirectionConfig,t.buildFlexDirection)).use(t.configHandler(a.flexWrapConfig,[i.prop`-ms-flex-wrap`,i.prop`-webkit-flex-wrap`,"flexWrap"])).use(t.configHandler(a.flexStretchConfig,t.buildFlexStretch)).case("grow",t.configHandler(a.flexGrowConfig,[i.prop`-webkit-box-flex`,i.prop`-ms-flex-positive`,i.prop`-webkit-flex-grow`,"flexGrow"])).case("shrink",t.configHandler(a.flexShrinkConfig,[i.prop`-ms-flex-negative`,i.prop`-webkit-flex-shrink`,"flexShrink"])).init(),K=t.createUtility("font").case("normal",t.cssHandler({fontStyle:"normal",fontWeight:a.fontWeightConfig.normal})).case("antialiased",t.meld(t.cssHandler({"-webkit-font-smoothing":"antialiased","-moz-osx-font-smoothing":"grayscale"}),t.guard("auto",t.cssHandler({"-webkit-font-smoothing":"auto","-moz-osx-font-smoothing":"auto"})))).use(t.fontFamilyHandler(a.fontFamilyConfig)).use(t.configHandler(a.fontStyleConfig,"fontStyle")).use(t.configHandler(a.fontWeightConfig,"fontWeight")).use(t.configHandler(a.fontVariantNumericConfig,"fontVariantNumeric")).init(),R=t.createUtility("from").use(t.colorHandler(c,t.buildGradientFrom)).init(),D=t.createUtility("gap").use(t.configHandler(a.spacingConfig,["gridGap","gap"])).case("x",t.configHandler(a.spacingConfig,[i.prop`-webkit-column-gap`,i.prop`-moz-column-gap`,"gridColumnGap","columnGap"])).case("y",t.configHandler(a.spacingConfig,[i.prop`-webkit-row-gap`,i.prop`-moz-row-gap`,"gridRowGap","rowGap"])).init(),L=t.createUtility("grayscale").use(t.configHandler(a.grayscaleConfig,(e=>i.css({"--w-grayscale":`grayscale(${e})`})))).init(i.filters.grayscale),z=t.createUtility("grid").case("cols",t.configHandler(a.gridTemplateColumnsConfig,"gridTemplateColumns")).case("rows",t.configHandler(a.gridTemplateRowsConfig,"gridTemplateRows")).case("inline",t.cssHandler({display:["-ms-inline-grid","inline-grid"]})).case("flow",t.configHandler(a.gridAutoFlowConfig,"gridAutoFlow")).use(t.cssHandler({display:["-ms-grid","grid"]})).init(),S=t.createUtility("h").case("min",t.configHandler(a.heightConfig,"minHeight")).case("max",t.configHandler(a.heightConfig,"maxHeight")).use(t.configHandler(a.heightConfig,"height")).init(),B=t.createUtility("hueRotate").use(t.configHandler(a.hueRotateConfig,(e=>i.css({"--w-hue-rotate":`hue-rotate(${e})`})))).init(i.filters.hueRotate),T=t.createUtility("hyphens").use(t.configHandler(a.hyphensConfig,[i.prop`-webkit-hyphens`,i.prop`-ms-hyphens`,"hyphens"])).init(),X=t.createUtility("image").case("render",t.configHandler(a.imageRenderingConfig,t.buildImageRendering)).init(),Y=t.createUtility("indent").use(t.configHandler(a.textIndentConfig,"textIndent")).init(),W=t.createUtility("invert").use(t.configHandler(a.invertConfig,(e=>i.css({"--w-invert":`invert(${e})`})))).init(i.filters.invert),$=t.createUtility("leading").use(t.configHandler(a.lineHeightConfig,"lineHeight")).init(),A=t.createUtility("list").use(t.configHandler(a.listStyleTypeConfig,"listStyleType")).use(t.configHandler(a.listStylePositionConfig,"listStylePosition")).init(),F=t.createUtility("m").use(t.configHandler(a.marginConfig,"margin")).init(),j=t.createUtility("mb").use(t.configHandler(a.marginConfig,"marginBottom")).init(),G=t.createUtility("ml").use(t.configHandler(a.marginConfig,"marginLeft")).init(),P=t.createUtility("mr").use(t.configHandler(a.marginConfig,"marginRight")).init(),Z=t.createUtility("mt").use(t.configHandler(a.marginConfig,"marginTop")).init(),V=t.createUtility("mx").use(t.configHandler(a.marginConfig,["marginLeft","marginRight"])).init(),M=t.createUtility("my").use(t.configHandler(a.marginConfig,["marginTop","marginBottom"])).init(),E=t.createUtility("opacity").use(t.configHandler(a.opacityConfig,"opacity")).init(),N=t.createUtility("origin").use(t.configHandler(a.transformOriginConfig,[i.prop`-webkit-transform-origin`,i.prop`-ms-transform-origin`,"transformOrigin"])).init(),_=t.createUtility("outline").case("offset",t.configHandler(a.outlineOffsetConfig,"outlineOffset")).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-outline-opacity`)).use(t.configHandler(a.borderWidthConfig,"outlineWidth")).use(t.configHandler(a.borderStyleConfig,"outlineStyle")).use(t.colorHandler(c,"outlineColor","--w-outline-opacity")).init(),J=t.createUtility("overflow").use(t.configHandler(a.overflowConfig,"overflow")).case("truncate",t.cssHandler({overflow:"hidden","-o-text-overflow":"ellipsis",textOverflow:"ellipsis",whiteSpace:"nowrap"})).case("ellipsis",t.cssHandler({"-o-text-overflow":"ellipsis",textOverflow:"ellipsis"})).case("x",t.configHandler(a.overflowConfig,"overflowX")).case("y",t.configHandler(a.overflowConfig,"overflowY")).init(),q=t.createUtility("overscroll").use(t.configHandler(a.overscrollConfig,"overscrollBehavior")).case("x",t.configHandler(a.overscrollConfig,"overscrollBehaviorX")).case("y",t.configHandler(a.overscrollConfig,"overscrollBehaviorY")).init(),Q=t.createUtility("p").use(t.configHandler(a.paddingConfig,"padding")).init(),ee=t.createUtility("pb").use(t.configHandler(a.paddingConfig,"paddingBottom")).init(),ae=t.createUtility("perspect").use(t.configHandler(a.perspectiveConfig,[i.prop`-webkit-perspective`,"perspective"])).case("origin",t.configHandler(a.perspectiveOriginConfig,[i.prop`-webkit-perspective-origin`,"perspectiveOrigin"])).init(),te=t.createUtility("pl").use(t.configHandler(a.paddingConfig,"paddingLeft")).init(),ie=t.createUtility("placeholder").use(t.colorHandler(c,t.buildPlaceholder)).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-placeholder-opacity`)).init(),ne=t.createUtility("pr").use(t.configHandler(a.paddingConfig,"paddingRight")).init(),re=t.createUtility("preserve").use(t.configHandler(a.transformStyleConfig,[i.prop`-webkit-transform-style`,"transformStyle"])).init(),oe=t.createUtility("pt").use(t.configHandler(a.paddingConfig,"paddingTop")).init(),se=t.createUtility("px").use(t.configHandler(a.paddingConfig,["paddingLeft","paddingRight"])).init(),le=t.createUtility("py").use(t.configHandler(a.paddingConfig,["paddingTop","paddingBottom"])).init(),de=t.createUtility("ring").case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-ring-opacity`)).case("inset",t.cssHandler({"--w-ring-inset":"inset"})).case("offset",t.meld(t.colorHandler(c,i.prop`--w-ring-offset-color`,"--w-ring-offset-opacity"),t.configHandler(a.ringOffsetConfig,i.prop`--w-ring-offset-width`),t.guard("opacity",t.configHandler(a.opacityConfig,i.prop`--w-ring-offset-opacity`)))).use(t.colorHandler(c,i.prop`--w-ring-color`,"--w-ring-opacity")).use(t.configHandler(a.borderWidthConfig,t.buildRingWidth)).init(),ce=t.createUtility("rotate").use(t.configHandler(a.rotateConfig,i.prop`--w-rotate`)).case("x",t.configHandler(a.rotateConfig,i.prop`--w-rotate-x`)).case("y",t.configHandler(a.rotateConfig,i.prop`--w-rotate-y`)).case("z",t.configHandler(a.rotateConfig,i.prop`--w-rotate-z`)).init(i.transforms.rotate),fe=t.createUtility("rounded").use(t.configHandler(a.borderRadiusConfig,"borderRadius")).init(),ge=t.createUtility("row").case("start",t.configHandler(a.gridRowStartConfig,"gridRowStart")).case("end",t.configHandler(a.gridRowEndConfig,"gridRowEnd")).use(t.configHandler(a.gridRowConfig,"gridRow")).init(),ue=t.createUtility("saturate").use(t.configHandler(a.saturateConfig,(e=>i.css({"--w-saturate":`saturate(${e})`})))).init(i.filters.saturate),pe=t.createUtility("scale").use(t.configHandler(a.scaleConfig,[i.prop`--w-scale-x`,i.prop`--w-scale-y`,i.prop`--w-scale-z`])).case("x",t.configHandler(a.scaleConfig,i.prop`--w-scale-x`)).case("y",t.configHandler(a.scaleConfig,i.prop`--w-scale-y`)).case("z",t.configHandler(a.scaleConfig,i.prop`--w-scale-z`)).init(i.transforms.scale),me=t.createUtility("sepia").use(t.configHandler(a.sepiaConfig,(e=>i.css({"--w-sepia":`sepia(${e})`})))).init(i.filters.sepia),we=t.createUtility("shadow").use(t.configHandler(a.boxShadowConfig,t.buildBoxShadowSize)).use(t.colorHandler(c,t.buildBoxShadowColor)).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-shadow-color-opacity`)).init(),ye=t.createUtility("skew").use(t.configHandler(a.skewConfig,[i.prop`--w-skew-x`,i.prop`--w-skew-y`])).case("x",t.configHandler(a.skewConfig,i.prop`--w-skew-x`)).case("y",t.configHandler(a.skewConfig,i.prop`--w-skew-y`)).init(i.transforms.skew),be=t.createUtility("space").case("x",t.meld(t.guard("reverse",t.spaceBetweenXReverseHandler()),t.configHandler(a.spaceBetweenConfig,t.buildSpaceBetweenX))).case("y",t.meld(t.guard("reverse",t.spaceBetweenYReverseHandler()),t.configHandler(a.spaceBetweenConfig,t.buildSpaceBetweenY))).init(),He=t.createUtility("sr").case("only",t.cssHandler({position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"})).case("normal",t.cssHandler({position:"static",width:"auto",height:"auto",padding:"0",margin:"0",overflow:"visible",clip:"auto",whiteSpace:"normal"})).init(),he=t.createUtility("stroke").use(t.colorHandler({none:"none",...c},"stroke")).case("dash",t.numberHandler("strokeDasharray")).case("offset",t.numberHandler("strokeDashoffset")).case("cap",t.configHandler(a.strokeLineCapConfig,"strokeLinecap")).case("join",t.configHandler(a.strokeLineJoinConfig,"strokeLinejoin")).use(t.numberHandler("strokeWidth")).init(),ke=t.createUtility("tab").use(t.configHandler(a.tabSizeConfig,[i.prop`-moz-tab-size`,i.prop`-o-tab-size`,"tabSize"])).init(),Ce=t.createUtility("text").use(t.fontSizeHandler(a.fontSizeConfig)).use(t.configHandler(a.textAlignConfig,"textAlign")).use(t.configHandler(a.verticalAlignConfig,"verticalAlign")).use(t.configHandler(a.textTransformConfig,"textTransform")).use(t.colorHandler(c,"color","--w-text-opacity")).case("opacity",t.configHandler(a.opacityConfig,i.prop`--w-text-opacity`)).case("shadow",t.configHandler(a.textShadowConfig,"textShadow")).case("stroke",t.meld(t.configHandler(a.textStrokeWidthConfig,i.prop`-webkit-text-stroke-width`),t.colorHandler(c,i.prop`-webkit-text-stroke-color`,"--w-text-stroke-opacity"),t.pxHandler(i.prop`-webkit-text-stroke-width`),t.guard("opacity",t.configHandler(a.opacityConfig,i.prop`--w-text-stroke-opacity`)))).case("space",t.configHandler(a.whiteSpaceConfig,"whiteSpace")).case("break",t.meld(t.guard("normal",t.cssHandler({wordBreak:"normal",overflowWrap:"normal"})),t.guard("words",t.cssHandler({overflowWrap:"break-word"})),t.guard("all",t.cssHandler({wordBreak:"break-all"})))).init(),ve=t.createUtility("to").use(t.colorHandler(c,t.buildGradientTo)).init(),Ie=t.createUtility("tracking").use(t.configHandler(a.letterSpacingConfig,"letterSpacing")).init(),Oe=t.createUtility("transform").use(t.cssHandler({"--w-translate-x":"0","--w-translate-y":"0","--w-translate-z":"0","--w-rotate":"0","--w-rotate-x":"0","--w-rotate-y":"0","--w-rotate-z":"0","--w-skew-x":"0","--w-skew-y":"0","--w-scale-x":"1","--w-scale-y":"1","--w-scale-z":"1","-webkit-transform":"translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))","-ms-transform":"translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))",transform:"translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))"})).init(t.buildTransform),Ue=t.createUtility("transition").use(t.configHandler(a.transitionPropertyConfig,(e=>{const t=a.transitionTimingFunctionConfig.DEFAULT,n=a.transitionDurationConfig.DEFAULT;return"none"===e?i.css({transitionProperty:"none"}):"string"==typeof e?i.css({transitionProperty:e,"-webkit-transition-timing-function":t,"-o-transition-timing-function":t,transitionTimingFunction:t,"-webkit-transition-duration":n,"-o-transition-duration":n,transitionDuration:n}):void 0}))).init(t.buildTransition),xe=t.createUtility("translate").use(t.configHandler(a.translateConfig,[i.prop`--w-translate-x`,i.prop`--w-translate-y`,i.prop`--w-translate-z`])).case("x",t.configHandler(a.translateConfig,i.prop`--w-translate-x`)).case("y",t.configHandler(a.translateConfig,i.prop`--w-translate-y`)).case("z",t.configHandler(a.translateConfig,i.prop`--w-translate-z`)).init(i.transforms.translate),Ke=t.createUtility("via").use(t.colorHandler(c,t.buildGradientVia)).init(),Re=t.createUtility("w").case("min",t.configHandler(a.widthConfig,"minWidth")).case("max",t.configHandler(a.widthConfig,"maxWidth")).use(t.configHandler(a.widthConfig,"width")).init(),De=t.createUtility("write").use(t.configHandler(a.writingModeConfig,t.buildWritingMode)).use(t.configHandler(a.writingOrientationConfig,[i.prop`-webkit-text-orientation`,"textOrientation"])).init();return e.animate=r,e.aspect=s,e.auto=l,e.backdrop=d,e.bg=f,e.blend=g,e.blur=u,e.border=p,e.brightness=m,e.col=w,e.colors=c,e.container=y,e.contrast=b,e.decoration=H,e.delay=h,e.divide=k,e.dropShadow=C,e.duration=v,e.ease=I,e.fill=O,e.filter=U,e.flex=x,e.font=K,e.from=R,e.gap=D,e.grayscale=L,e.grid=z,e.h=S,e.hueRotate=B,e.hyphens=T,e.image=X,e.indent=Y,e.invert=W,e.leading=$,e.list=A,e.m=F,e.mb=j,e.ml=G,e.mr=P,e.mt=Z,e.mx=V,e.my=M,e.opacity=E,e.origin=N,e.outline=_,e.overflow=J,e.overscroll=q,e.p=Q,e.pb=ee,e.perspect=ae,e.pl=te,e.placeholder=ie,e.pr=ne,e.preserve=re,e.pt=oe,e.px=se,e.py=le,e.ring=de,e.rotate=ce,e.rounded=fe,e.row=ge,e.saturate=ue,e.scale=pe,e.sepia=me,e.shadow=we,e.skew=ye,e.space=be,e.sr=He,e.stroke=he,e.tab=ke,e.text=Ce,e.to=ve,e.tracking=Ie,e.transform=Oe,e.transition=Ue,e.translate=xe,e.via=Ke,e.w=Re,e.write=De,Object.defineProperty(e,"__esModule",{value:!0}),e}({},windijsConfig,windijsCore,windijsHelpers,windijsColors);