daisyui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/utilities-unstyled.js

@@ -1 +1 @@
-module.exports = {".artboard-demo":{"display":"flex","flex":"none","flexDirection":"column","alignItems":"center","justifyContent":"center"},".artboard.phone":{"width":"320px"},".artboard.phone-1":{"width":"320px","height":"568px"},".artboard.phone-1.horizontal,\n      .artboard.phone-1.artboard-horizontal":{"width":"568px","height":"320px"},".artboard.phone-2":{"width":"375px","height":"667px"},".artboard.phone-2.horizontal,\n      .artboard.phone-2.artboard-horizontal":{"width":"667px","height":"375px"},".artboard.phone-3":{"width":"414px","height":"736px"},".artboard.phone-3.horizontal,\n      .artboard.phone-3.artboard-horizontal":{"width":"736px","height":"414px"},".artboard.phone-4":{"width":"375px","height":"812px"},".artboard.phone-4.horizontal,\n      .artboard.phone-4.artboard-horizontal":{"width":"812px","height":"375px"},".artboard.phone-5":{"width":"414px","height":"896px"},".artboard.phone-5.horizontal,\n      .artboard.phone-5.artboard-horizontal":{"width":"896px","height":"414px"},".artboard.phone-6":{"width":"320px","height":"1024px"},".artboard.phone-6.horizontal,\n      .artboard.phone-6.artboard-horizontal":{"width":"1024px","height":"320px"},".badge-xs":{"height":"0.75rem","fontSize":"0.75rem","lineHeight":".75rem","paddingLeft":"0.313rem","paddingRight":"0.313rem"},".badge-sm":{"height":"1rem","fontSize":"0.75rem","lineHeight":"1rem","paddingLeft":"0.438rem","paddingRight":"0.438rem"},".badge-md":{"height":"1.25rem","fontSize":"0.875rem","lineHeight":"1.25rem","paddingLeft":"0.563rem","paddingRight":"0.563rem"},".badge-lg":{"height":"1.5rem","fontSize":"1rem","lineHeight":"1.5rem","paddingLeft":"0.688rem","paddingRight":"0.688rem"},".btm-nav-xs":{"height":"2.5rem"},".btm-nav-xs > *:where(.active)":{"borderTopWidth":"1px"},".btm-nav-xs .btm-nav-label":{"fontSize":"0.75rem","lineHeight":"1rem"},".btm-nav-sm":{"height":"3rem"},".btm-nav-sm > *:where(.active)":{"borderTopWidth":"2px"},".btm-nav-sm .btm-nav-label":{"fontSize":"0.75rem","lineHeight":"1rem"},".btm-nav-md":{"height":"4rem"},".btm-nav-md > *:where(.active)":{"borderTopWidth":"2px"},".btm-nav-md .btm-nav-label":{"fontSize":"0.875rem","lineHeight":"1.25rem"},".btm-nav-lg":{"height":"5rem"},".btm-nav-lg > *:where(.active)":{"borderTopWidth":"4px"},".btm-nav-lg .btm-nav-label":{"fontSize":"1rem","lineHeight":"1.5rem"},".btn-xs":{"height":"1.5rem","minHeight":"1.5rem","paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"0.75rem"},".btn-sm":{"height":"2rem","minHeight":"2rem","paddingLeft":"0.75rem","paddingRight":"0.75rem","fontSize":"0.875rem"},".btn-md":{"height":"3rem","minHeight":"3rem","paddingLeft":"1rem","paddingRight":"1rem","fontSize":"0.875rem"},".btn-lg":{"height":"4rem","minHeight":"4rem","paddingLeft":"1.5rem","paddingRight":"1.5rem","fontSize":"1.125rem"},".btn-wide":{"width":"16rem"},".btn-block":{"width":"100%"},".btn-square:where(.btn-xs)":{"height":"1.5rem","width":"1.5rem","padding":"0px"},".btn-square:where(.btn-sm)":{"height":"2rem","width":"2rem","padding":"0px"},".btn-square:where(.btn-md)":{"height":"3rem","width":"3rem","padding":"0px"},".btn-square:where(.btn-lg)":{"height":"4rem","width":"4rem","padding":"0px"},".btn-circle:where(.btn-xs)":{"height":"1.5rem","width":"1.5rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-sm)":{"height":"2rem","width":"2rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-md)":{"height":"3rem","width":"3rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-lg)":{"height":"4rem","width":"4rem","borderRadius":"9999px","padding":"0px"},".btn-group-horizontal":{"flexDirection":"row"},".btn-group-vertical":{"flexDirection":"column"},".card-side":{"alignItems":"stretch","flexDirection":"row"},".card-side :where(figure:first-child)":{"overflow":"hidden","borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},".card-side :where(figure:last-child)":{"overflow":"hidden","borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},".card-side figure > *":{"maxWidth":"unset"},":where(.card-side figure > *)":{"width":"100%","height":"100%","objectFit":"cover"},".checkbox-xs":{"height":"1rem","width":"1rem"},".checkbox-sm":{"height":"1.25rem","width":"1.25rem"},".checkbox-md":{"height":"1.5rem","width":"1.5rem"},".checkbox-lg":{"height":"2rem","width":"2rem"},".divider-horizontal":{"flexDirection":"column"},".divider-horizontal:before":{"height":"100%","width":"0.125rem"},".divider-horizontal:after":{"height":"100%","width":"0.125rem"},".divider-vertical":{"flexDirection":"row"},".divider-vertical:before":{"height":"0.125rem","width":"100%"},".divider-vertical:after":{"height":"0.125rem","width":"100%"},".drawer-open > .drawer-toggle":{"display":"none"},".drawer-open > .drawer-toggle ~ .drawer-side":{"pointerEvents":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscrollBehavior":"auto"},".drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay)":{"transform":"translateX(0%)"},"[dir=\"rtl\"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay)":{"transform":"translateX(0%)"},".drawer-open > .drawer-toggle:checked ~ .drawer-side":{"pointerEvents":"auto","visibility":"visible"},".file-input-xs":{"height":"1.5rem","paddingInlineEnd":"0.5rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".file-input-xs::file-selector-button":{"marginRight":"0.5rem","fontSize":"0.75rem"},".file-input-sm":{"height":"2rem","paddingInlineEnd":"0.75rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".file-input-sm::file-selector-button":{"marginRight":"0.75rem","fontSize":"0.875rem"},".file-input-md":{"height":"3rem","paddingInlineEnd":"1rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".file-input-md::file-selector-button":{"marginRight":"1rem","fontSize":"0.875rem"},".file-input-lg":{"height":"4rem","paddingInlineEnd":"1.5rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},".file-input-lg::file-selector-button":{"marginRight":"1.5rem","fontSize":"1.125rem"},".indicator :where(.indicator-item)":{"bottom":"auto","insetInlineEnd":"0px","insetInlineStart":"auto","top":"0px","-TwTranslateY":"-50%","-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item))":{"-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-start)":{"insetInlineEnd":"auto","insetInlineStart":"0px","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-start))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-center)":{"insetInlineEnd":"50%","insetInlineStart":"50%","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-center))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-end)":{"insetInlineEnd":"0px","insetInlineStart":"auto","-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-end))":{"-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-bottom)":{"bottom":"0px","top":"auto","-TwTranslateY":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-middle)":{"bottom":"50%","top":"50%","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-top)":{"bottom":"auto","top":"0px","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".input-xs":{"height":"1.5rem","paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".input-md":{"height":"3rem","paddingLeft":"1rem","paddingRight":"1rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".input-lg":{"height":"4rem","paddingLeft":"1.5rem","paddingRight":"1.5rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},".input-sm":{"height":"2rem","paddingLeft":"0.75rem","paddingRight":"0.75rem","fontSize":"0.875rem","lineHeight":"2rem"},".join.join-vertical":{"flexDirection":"column"},".join.join-vertical .join-item:first-child:not(:last-child),\n  .join.join-vertical *:first-child:not(:last-child) .join-item":{"borderEndStartRadius":"0","borderEndEndRadius":"0","borderStartStartRadius":"inherit","borderStartEndRadius":"inherit"},".join.join-vertical .join-item:last-child:not(:first-child),\n  .join.join-vertical *:last-child:not(:first-child) .join-item":{"borderStartStartRadius":"0","borderStartEndRadius":"0","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},".join.join-horizontal":{"flexDirection":"row"},".join.join-horizontal .join-item:first-child:not(:last-child),\n  .join.join-horizontal *:first-child:not(:last-child) .join-item":{"borderEndEndRadius":"0","borderStartEndRadius":"0","borderEndStartRadius":"inherit","borderStartStartRadius":"inherit"},".join.join-horizontal .join-item:last-child:not(:first-child),\n  .join.join-horizontal *:last-child:not(:first-child) .join-item":{"borderEndStartRadius":"0","borderStartStartRadius":"0","borderEndEndRadius":"inherit","borderStartEndRadius":"inherit"},".kbd-xs":{"paddingLeft":"0.25rem","paddingRight":"0.25rem","fontSize":"0.75rem","lineHeight":"1rem","minHeight":"1.2em","minWidth":"1.2em"},".kbd-sm":{"paddingLeft":"0.25rem","paddingRight":"0.25rem","fontSize":"0.875rem","lineHeight":"1.25rem","minHeight":"1.6em","minWidth":"1.6em"},".kbd-md":{"paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"1rem","lineHeight":"1.5rem","minHeight":"2.2em","minWidth":"2.2em"},".kbd-lg":{"paddingLeft":"1rem","paddingRight":"1rem","fontSize":"1.125rem","lineHeight":"1.75rem","minHeight":"2.5em","minWidth":"2.5em"},".menu-horizontal":{"display":"inline-flex","flexDirection":"row"},".menu-horizontal > li:not(.menu-title) > details > ul":{"position":"absolute"},".menu-vertical":{"display":"flex","flexDirection":"column"},".menu-vertical > li:not(.menu-title) > details > ul":{"position":"relative"},".modal-top":{"placeItems":"start"},".modal-middle":{"placeItems":"center"},".modal-bottom":{"placeItems":"end"},".radio-xs":{"height":"1rem","width":"1rem"},".radio-sm":{"height":"1.25rem","width":"1.25rem"},".radio-md":{"height":"1.5rem","width":"1.5rem"},".radio-lg":{"height":"2rem","width":"2rem"},".range-xs":{"height":"1rem"},".range-xs::-webkit-slider-runnable-track":{"height":"0.25rem"},".range-xs::-moz-range-track":{"height":"0.25rem"},".range-xs::-webkit-slider-thumb":{"height":"1rem","width":"1rem","-FillerOffset":"0.4rem"},".range-xs::-moz-range-thumb":{"height":"1rem","width":"1rem","-FillerOffset":"0.4rem"},".range-sm":{"height":"1.25rem"},".range-sm::-webkit-slider-runnable-track":{"height":"0.25rem"},".range-sm::-moz-range-track":{"height":"0.25rem"},".range-sm::-webkit-slider-thumb":{"height":"1.25rem","width":"1.25rem","-FillerOffset":"0.5rem"},".range-sm::-moz-range-thumb":{"height":"1.25rem","width":"1.25rem","-FillerOffset":"0.5rem"},".range-md":{"height":"1.5rem"},".range-md::-webkit-slider-runnable-track":{"height":"0.5rem"},".range-md::-moz-range-track":{"height":"0.5rem"},".range-md::-webkit-slider-thumb":{"height":"1.5rem","width":"1.5rem","-FillerOffset":"0.6rem"},".range-md::-moz-range-thumb":{"height":"1.5rem","width":"1.5rem","-FillerOffset":"0.6rem"},".range-lg":{"height":"2rem"},".range-lg::-webkit-slider-runnable-track":{"height":"1rem"},".range-lg::-moz-range-track":{"height":"1rem"},".range-lg::-webkit-slider-thumb":{"height":"2rem","width":"2rem","-FillerOffset":"1rem"},".range-lg::-moz-range-thumb":{"height":"2rem","width":"2rem","-FillerOffset":"1rem"},".rating-xs input":{"height":"0.75rem","width":"0.75rem"},".rating-sm input":{"height":"1rem","width":"1rem"},".rating-md input":{"height":"1.5rem","width":"1.5rem"},".rating-lg input":{"height":"2.5rem","width":"2.5rem"},".rating-half.rating-xs input:not(.rating-hidden)":{"width":"0.375rem"},".rating-half.rating-sm input:not(.rating-hidden)":{"width":"0.5rem"},".rating-half.rating-md input:not(.rating-hidden)":{"width":"0.75rem"},".rating-half.rating-lg input:not(.rating-hidden)":{"width":"1.25rem"},".select-md":{"height":"3rem","minHeight":"3rem","paddingLeft":"1rem","paddingRight":"2.5rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},"[dir=\"rtl\"] .select-md":{"paddingLeft":"2.5rem","paddingRight":"1rem"},".select-lg":{"height":"4rem","minHeight":"4rem","paddingLeft":"1.5rem","paddingRight":"2rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},"[dir=\"rtl\"] .select-lg":{"paddingLeft":"2rem","paddingRight":"1.5rem"},".select-sm":{"height":"2rem","minHeight":"2rem","paddingLeft":"0.75rem","paddingRight":"2rem","fontSize":"0.875rem","lineHeight":"2rem"},"[dir=\"rtl\"] .select-sm":{"paddingLeft":"2rem","paddingRight":"0.75rem"},".select-xs":{"height":"1.5rem","minHeight":"1.5rem","paddingLeft":"0.5rem","paddingRight":"2rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},"[dir=\"rtl\"] .select-xs":{"paddingLeft":"2rem","paddingRight":"0.5rem"},".stats-horizontal":{"gridAutoFlow":"column"},".stats-vertical":{"gridAutoFlow":"row"},".steps-horizontal":{"gridAutoColumns":"1fr","display":"inline-grid","gridAutoFlow":"column","overflow":"hidden","overflowX":"auto"},".steps-horizontal .step":{"display":"grid","gridTemplateColumns":"repeat(1, minmax(0, 1fr))","gridTemplateRows":"repeat(2, minmax(0, 1fr))","placeItems":"center","textAlign":"center"},".steps-vertical":{"gridAutoRows":"1fr","gridAutoFlow":"row"},".steps-vertical .step":{"display":"grid","gridTemplateColumns":"repeat(2, minmax(0, 1fr))","gridTemplateRows":"repeat(1, minmax(0, 1fr))"},".tab-md":{"height":"2rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"],"-TabPadding":"1rem"},".tab-lg":{"height":"3rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"],"-TabPadding":"1.25rem"},".tab-sm":{"height":"1.5rem","fontSize":"0.875rem","lineHeight":".75rem","-TabPadding":"0.75rem"},".tab-xs":{"height":"1.25rem","fontSize":"0.75rem","lineHeight":".75rem","-TabPadding":"0.5rem"},".textarea-xs":{"paddingLeft":"0.5rem","paddingRight":"0.5rem","paddingTop":"0.25rem","paddingBottom":"0.25rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".textarea-sm":{"paddingLeft":"0.75rem","paddingRight":"0.75rem","paddingTop":"0.25rem","paddingBottom":"0.25rem","fontSize":"0.875rem","lineHeight":"2rem"},".textarea-md":{"paddingLeft":"1rem","paddingRight":"1rem","paddingTop":"0.75rem","paddingBottom":"0.75rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".textarea-lg":{"paddingLeft":"1.5rem","paddingRight":"1.5rem","paddingTop":"1rem","paddingBottom":"1rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},":where(.toast)":{"bottom":"0px","insetInlineEnd":"0px","insetInlineStart":"auto","top":"auto","-TwTranslateX":"0px","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-start)":{"insetInlineEnd":"auto","insetInlineStart":"0px","-TwTranslateX":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-center)":{"insetInlineEnd":"50%","insetInlineStart":"50%","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .toast:where(.toast-center))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-end)":{"insetInlineEnd":"0px","insetInlineStart":"auto","-TwTranslateX":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-bottom)":{"bottom":"0px","top":"auto","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-middle)":{"bottom":"auto","top":"50%","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-top)":{"bottom":"auto","top":"0px","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toggle-xs":{"-Handleoffset":"0.5rem","height":"1rem","width":"1.5rem"},".toggle-sm":{"-Handleoffset":"0.75rem","height":"1.25rem","width":"2rem"},".toggle-md":{"-Handleoffset":"1.5rem","height":"1.5rem","width":"3rem"},".toggle-lg":{"-Handleoffset":"2rem","height":"2rem","width":"4rem"},".tooltip":{"position":"relative","display":"inline-block","-TooltipOffset":"calc(100% + 1px + var(--tooltip-tail, 0px))"},".tooltip:before":{"position":"absolute","pointerEvents":"none","zIndex":"1","content":"var(--tw-content)","-TwContent":"attr(data-tip)"},".tooltip:before, .tooltip-top:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},".tooltip-bottom:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},".tooltip-left:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},".tooltip-right:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"}};
+module.exports = {".artboard-demo":{"display":"flex","flex":"none","flexDirection":"column","alignItems":"center","justifyContent":"center"},".artboard.phone":{"width":"320px"},".artboard.phone-1":{"width":"320px","height":"568px"},".artboard.phone-1.horizontal,\n      .artboard.phone-1.artboard-horizontal":{"width":"568px","height":"320px"},".artboard.phone-2":{"width":"375px","height":"667px"},".artboard.phone-2.horizontal,\n      .artboard.phone-2.artboard-horizontal":{"width":"667px","height":"375px"},".artboard.phone-3":{"width":"414px","height":"736px"},".artboard.phone-3.horizontal,\n      .artboard.phone-3.artboard-horizontal":{"width":"736px","height":"414px"},".artboard.phone-4":{"width":"375px","height":"812px"},".artboard.phone-4.horizontal,\n      .artboard.phone-4.artboard-horizontal":{"width":"812px","height":"375px"},".artboard.phone-5":{"width":"414px","height":"896px"},".artboard.phone-5.horizontal,\n      .artboard.phone-5.artboard-horizontal":{"width":"896px","height":"414px"},".artboard.phone-6":{"width":"320px","height":"1024px"},".artboard.phone-6.horizontal,\n      .artboard.phone-6.artboard-horizontal":{"width":"1024px","height":"320px"},".badge-xs":{"height":"0.75rem","fontSize":"0.75rem","lineHeight":".75rem","paddingLeft":"0.313rem","paddingRight":"0.313rem"},".badge-sm":{"height":"1rem","fontSize":"0.75rem","lineHeight":"1rem","paddingLeft":"0.438rem","paddingRight":"0.438rem"},".badge-md":{"height":"1.25rem","fontSize":"0.875rem","lineHeight":"1.25rem","paddingLeft":"0.563rem","paddingRight":"0.563rem"},".badge-lg":{"height":"1.5rem","fontSize":"1rem","lineHeight":"1.5rem","paddingLeft":"0.688rem","paddingRight":"0.688rem"},".btm-nav-xs":{"height":"2.5rem"},".btm-nav-xs > *:where(.active)":{"borderTopWidth":"1px"},".btm-nav-xs .btm-nav-label":{"fontSize":"0.75rem","lineHeight":"1rem"},".btm-nav-sm":{"height":"3rem"},".btm-nav-sm > *:where(.active)":{"borderTopWidth":"2px"},".btm-nav-sm .btm-nav-label":{"fontSize":"0.75rem","lineHeight":"1rem"},".btm-nav-md":{"height":"4rem"},".btm-nav-md > *:where(.active)":{"borderTopWidth":"2px"},".btm-nav-md .btm-nav-label":{"fontSize":"0.875rem","lineHeight":"1.25rem"},".btm-nav-lg":{"height":"5rem"},".btm-nav-lg > *:where(.active)":{"borderTopWidth":"4px"},".btm-nav-lg .btm-nav-label":{"fontSize":"1rem","lineHeight":"1.5rem"},".btn-xs":{"height":"1.5rem","minHeight":"1.5rem","paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"0.75rem"},".btn-sm":{"height":"2rem","minHeight":"2rem","paddingLeft":"0.75rem","paddingRight":"0.75rem","fontSize":"0.875rem"},".btn-md":{"height":"3rem","minHeight":"3rem","paddingLeft":"1rem","paddingRight":"1rem","fontSize":"0.875rem"},".btn-lg":{"height":"4rem","minHeight":"4rem","paddingLeft":"1.5rem","paddingRight":"1.5rem","fontSize":"1.125rem"},".btn-wide":{"width":"16rem"},".btn-block":{"width":"100%"},".btn-square:where(.btn-xs)":{"height":"1.5rem","width":"1.5rem","padding":"0px"},".btn-square:where(.btn-sm)":{"height":"2rem","width":"2rem","padding":"0px"},".btn-square:where(.btn-md)":{"height":"3rem","width":"3rem","padding":"0px"},".btn-square:where(.btn-lg)":{"height":"4rem","width":"4rem","padding":"0px"},".btn-circle:where(.btn-xs)":{"height":"1.5rem","width":"1.5rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-sm)":{"height":"2rem","width":"2rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-md)":{"height":"3rem","width":"3rem","borderRadius":"9999px","padding":"0px"},".btn-circle:where(.btn-lg)":{"height":"4rem","width":"4rem","borderRadius":"9999px","padding":"0px"},".btn-group-horizontal":{"flexDirection":"row"},".btn-group-vertical":{"flexDirection":"column"},".card-side":{"alignItems":"stretch","flexDirection":"row"},".card-side :where(figure:first-child)":{"overflow":"hidden","borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},".card-side :where(figure:last-child)":{"overflow":"hidden","borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},".card-side figure > *":{"maxWidth":"unset"},":where(.card-side figure > *)":{"width":"100%","height":"100%","objectFit":"cover"},".checkbox-xs":{"height":"1rem","width":"1rem"},".checkbox-sm":{"height":"1.25rem","width":"1.25rem"},".checkbox-md":{"height":"1.5rem","width":"1.5rem"},".checkbox-lg":{"height":"2rem","width":"2rem"},".divider-horizontal":{"flexDirection":"column"},".divider-horizontal:before":{"height":"100%","width":"0.125rem"},".divider-horizontal:after":{"height":"100%","width":"0.125rem"},".divider-vertical":{"flexDirection":"row"},".divider-vertical:before":{"height":"0.125rem","width":"100%"},".divider-vertical:after":{"height":"0.125rem","width":"100%"},".drawer-open > .drawer-toggle":{"display":"none"},".drawer-open > .drawer-toggle ~ .drawer-side":{"pointerEvents":"auto","visibility":"visible","position":"sticky","display":"block","width":"auto","overscrollBehavior":"auto"},".drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay)":{"transform":"translateX(0%)"},"[dir=\"rtl\"] .drawer-open > .drawer-toggle ~ .drawer-side > *:not(.drawer-overlay)":{"transform":"translateX(0%)"},".drawer-open > .drawer-toggle:checked ~ .drawer-side":{"pointerEvents":"auto","visibility":"visible"},".file-input-xs":{"height":"1.5rem","paddingInlineEnd":"0.5rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".file-input-xs::file-selector-button":{"marginRight":"0.5rem","fontSize":"0.75rem"},".file-input-sm":{"height":"2rem","paddingInlineEnd":"0.75rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".file-input-sm::file-selector-button":{"marginRight":"0.75rem","fontSize":"0.875rem"},".file-input-md":{"height":"3rem","paddingInlineEnd":"1rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".file-input-md::file-selector-button":{"marginRight":"1rem","fontSize":"0.875rem"},".file-input-lg":{"height":"4rem","paddingInlineEnd":"1.5rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},".file-input-lg::file-selector-button":{"marginRight":"1.5rem","fontSize":"1.125rem"},".indicator :where(.indicator-item)":{"bottom":"auto","insetInlineEnd":"0px","insetInlineStart":"auto","top":"0px","-TwTranslateY":"-50%","-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item))":{"-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-start)":{"insetInlineEnd":"auto","insetInlineStart":"0px","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-start))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-center)":{"insetInlineEnd":"50%","insetInlineStart":"50%","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-center))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-end)":{"insetInlineEnd":"0px","insetInlineStart":"auto","-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .indicator :where(.indicator-item.indicator-end))":{"-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-bottom)":{"bottom":"0px","top":"auto","-TwTranslateY":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-middle)":{"bottom":"50%","top":"50%","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".indicator :where(.indicator-item.indicator-top)":{"bottom":"auto","top":"0px","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".input-xs":{"height":"1.5rem","paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".input-md":{"height":"3rem","paddingLeft":"1rem","paddingRight":"1rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".input-lg":{"height":"4rem","paddingLeft":"1.5rem","paddingRight":"1.5rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},".input-sm":{"height":"2rem","paddingLeft":"0.75rem","paddingRight":"0.75rem","fontSize":"0.875rem","lineHeight":"2rem"},".join.join-vertical":{"flexDirection":"column"},".join.join-vertical .join-item:first-child:not(:last-child),\n  .join.join-vertical *:first-child:not(:last-child) .join-item":{"borderEndStartRadius":"0","borderEndEndRadius":"0","borderStartStartRadius":"inherit","borderStartEndRadius":"inherit"},".join.join-vertical .join-item:last-child:not(:first-child),\n  .join.join-vertical *:last-child:not(:first-child) .join-item":{"borderStartStartRadius":"0","borderStartEndRadius":"0","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},".join.join-horizontal":{"flexDirection":"row"},".join.join-horizontal .join-item:first-child:not(:last-child),\n  .join.join-horizontal *:first-child:not(:last-child) .join-item":{"borderEndEndRadius":"0","borderStartEndRadius":"0","borderEndStartRadius":"inherit","borderStartStartRadius":"inherit"},".join.join-horizontal .join-item:last-child:not(:first-child),\n  .join.join-horizontal *:last-child:not(:first-child) .join-item":{"borderEndStartRadius":"0","borderStartStartRadius":"0","borderEndEndRadius":"inherit","borderStartEndRadius":"inherit"},".kbd-xs":{"paddingLeft":"0.25rem","paddingRight":"0.25rem","fontSize":"0.75rem","lineHeight":"1rem","minHeight":"1.2em","minWidth":"1.2em"},".kbd-sm":{"paddingLeft":"0.25rem","paddingRight":"0.25rem","fontSize":"0.875rem","lineHeight":"1.25rem","minHeight":"1.6em","minWidth":"1.6em"},".kbd-md":{"paddingLeft":"0.5rem","paddingRight":"0.5rem","fontSize":"1rem","lineHeight":"1.5rem","minHeight":"2.2em","minWidth":"2.2em"},".kbd-lg":{"paddingLeft":"1rem","paddingRight":"1rem","fontSize":"1.125rem","lineHeight":"1.75rem","minHeight":"2.5em","minWidth":"2.5em"},".menu-horizontal":{"display":"inline-flex","flexDirection":"row"},".menu-horizontal > li:not(.menu-title) > details > ul":{"position":"absolute"},".menu-vertical":{"display":"flex","flexDirection":"column"},".menu-vertical > li:not(.menu-title) > details > ul":{"position":"relative"},".modal-top":{"placeItems":"start"},".modal-middle":{"placeItems":"center"},".modal-bottom":{"placeItems":"end"},".radio-xs":{"height":"1rem","width":"1rem"},".radio-sm":{"height":"1.25rem","width":"1.25rem"},".radio-md":{"height":"1.5rem","width":"1.5rem"},".radio-lg":{"height":"2rem","width":"2rem"},".range-xs":{"height":"1rem"},".range-xs::-webkit-slider-runnable-track":{"height":"0.25rem"},".range-xs::-moz-range-track":{"height":"0.25rem"},".range-xs::-webkit-slider-thumb":{"height":"1rem","width":"1rem","-FillerOffset":"0.4rem"},".range-xs::-moz-range-thumb":{"height":"1rem","width":"1rem","-FillerOffset":"0.4rem"},".range-sm":{"height":"1.25rem"},".range-sm::-webkit-slider-runnable-track":{"height":"0.25rem"},".range-sm::-moz-range-track":{"height":"0.25rem"},".range-sm::-webkit-slider-thumb":{"height":"1.25rem","width":"1.25rem","-FillerOffset":"0.5rem"},".range-sm::-moz-range-thumb":{"height":"1.25rem","width":"1.25rem","-FillerOffset":"0.5rem"},".range-md":{"height":"1.5rem"},".range-md::-webkit-slider-runnable-track":{"height":"0.5rem"},".range-md::-moz-range-track":{"height":"0.5rem"},".range-md::-webkit-slider-thumb":{"height":"1.5rem","width":"1.5rem","-FillerOffset":"0.6rem"},".range-md::-moz-range-thumb":{"height":"1.5rem","width":"1.5rem","-FillerOffset":"0.6rem"},".range-lg":{"height":"2rem"},".range-lg::-webkit-slider-runnable-track":{"height":"1rem"},".range-lg::-moz-range-track":{"height":"1rem"},".range-lg::-webkit-slider-thumb":{"height":"2rem","width":"2rem","-FillerOffset":"1rem"},".range-lg::-moz-range-thumb":{"height":"2rem","width":"2rem","-FillerOffset":"1rem"},".rating-xs input":{"height":"0.75rem","width":"0.75rem"},".rating-sm input":{"height":"1rem","width":"1rem"},".rating-md input":{"height":"1.5rem","width":"1.5rem"},".rating-lg input":{"height":"2.5rem","width":"2.5rem"},".rating-half.rating-xs input:not(.rating-hidden)":{"width":"0.375rem"},".rating-half.rating-sm input:not(.rating-hidden)":{"width":"0.5rem"},".rating-half.rating-md input:not(.rating-hidden)":{"width":"0.75rem"},".rating-half.rating-lg input:not(.rating-hidden)":{"width":"1.25rem"},".select-md":{"height":"3rem","minHeight":"3rem","paddingLeft":"1rem","paddingRight":"2.5rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},"[dir=\"rtl\"] .select-md":{"paddingLeft":"2.5rem","paddingRight":"1rem"},".select-lg":{"height":"4rem","minHeight":"4rem","paddingLeft":"1.5rem","paddingRight":"2rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},"[dir=\"rtl\"] .select-lg":{"paddingLeft":"2rem","paddingRight":"1.5rem"},".select-sm":{"height":"2rem","minHeight":"2rem","paddingLeft":"0.75rem","paddingRight":"2rem","fontSize":"0.875rem","lineHeight":"2rem"},"[dir=\"rtl\"] .select-sm":{"paddingLeft":"2rem","paddingRight":"0.75rem"},".select-xs":{"height":"1.5rem","minHeight":"1.5rem","paddingLeft":"0.5rem","paddingRight":"2rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},"[dir=\"rtl\"] .select-xs":{"paddingLeft":"2rem","paddingRight":"0.5rem"},".stats-horizontal":{"gridAutoFlow":"column"},".stats-vertical":{"gridAutoFlow":"row"},".steps-horizontal":{"gridAutoColumns":"1fr","display":"inline-grid","gridAutoFlow":"column","overflow":"hidden","overflowX":"auto"},".steps-horizontal .step":{"display":"grid","gridTemplateColumns":"repeat(1, minmax(0, 1fr))","gridTemplateRows":"repeat(2, minmax(0, 1fr))","placeItems":"center","textAlign":"center"},".steps-vertical":{"gridAutoRows":"1fr","gridAutoFlow":"row"},".steps-vertical .step":{"display":"grid","gridTemplateColumns":"repeat(2, minmax(0, 1fr))","gridTemplateRows":"repeat(1, minmax(0, 1fr))"},".tab-md":{"height":"2rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"],"-TabPadding":"1rem"},".tab-lg":{"height":"3rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"],"-TabPadding":"1.25rem"},".tab-sm":{"height":"1.5rem","fontSize":"0.875rem","lineHeight":".75rem","-TabPadding":"0.75rem"},".tab-xs":{"height":"1.25rem","fontSize":"0.75rem","lineHeight":".75rem","-TabPadding":"0.5rem"},".textarea-xs":{"paddingLeft":"0.5rem","paddingRight":"0.5rem","paddingTop":"0.25rem","paddingBottom":"0.25rem","fontSize":"0.75rem","lineHeight":["1rem","1.625"]},".textarea-sm":{"paddingLeft":"0.75rem","paddingRight":"0.75rem","paddingTop":"0.25rem","paddingBottom":"0.25rem","fontSize":"0.875rem","lineHeight":"2rem"},".textarea-md":{"paddingLeft":"1rem","paddingRight":"1rem","paddingTop":"0.75rem","paddingBottom":"0.75rem","fontSize":"0.875rem","lineHeight":["1.25rem","2"]},".textarea-lg":{"paddingLeft":"1.5rem","paddingRight":"1.5rem","paddingTop":"1rem","paddingBottom":"1rem","fontSize":"1.125rem","lineHeight":["1.75rem","2"]},".timeline-vertical":{"flexDirection":"column"},":where(.timeline-vertical li)":{"gridTemplateRows":"1fr auto 1fr","justifyItems":"center"},":where(.timeline-vertical:not(:has(.timeline-start)) li)":{"gridTemplateColumns":"min-content auto 1fr"},":where(.timeline-vertical:not(:has(.timeline-end)) li)":{"gridTemplateColumns":"1fr auto min-content"},":where(.timeline-vertical:not(:has(.timeline-start)):not(:has(.timeline-end)) li)":{"gridTemplateColumns":"min-content auto min-content"},".timeline-vertical hr":{"height":"100%"},":where(.timeline-vertical hr):first-child":{"gridColumnStart":"2","gridRowStart":"1"},":where(.timeline-vertical hr):last-child":{"gridColumnStart":"2","gridRowStart":"3"},".timeline-vertical .timeline-start":{"gridColumnStart":"1","gridColumnEnd":"2","gridRowStart":"1","gridRowEnd":"4","alignSelf":"center","justifySelf":"end"},".timeline-vertical .timeline-end":{"gridColumnStart":"3","gridColumnEnd":"4","gridRowStart":"1","gridRowEnd":"4","alignSelf":"center","justifySelf":"start"},".timeline-horizontal":{"flexDirection":"row"},":where(.timeline-horizontal li)":{"gridTemplateColumns":"1fr auto 1fr","alignItems":"center"},":where(.timeline-horizontal:not(:has(.timeline-start)) li)":{"gridTemplateRows":"min-content auto 1fr"},":where(.timeline-horizontal:not(:has(.timeline-end)) li)":{"gridTemplateRows":"1fr auto min-content"},":where(.timeline-horizontal:not(:has(.timeline-start)):not(:has(.timeline-end)) li)":{"gridTemplateRows":"min-content auto min-content"},".timeline-horizontal hr":{"width":"100%"},":where(.timeline-horizontal hr):first-child":{"gridColumnStart":"1","gridRowStart":"2"},":where(.timeline-horizontal hr):last-child":{"gridColumnStart":"3","gridRowStart":"2"},".timeline-horizontal .timeline-start":{"gridColumnStart":"1","gridColumnEnd":"4","gridRowStart":"1","gridRowEnd":"2","alignSelf":"flex-end","justifySelf":"center"},".timeline-horizontal .timeline-end":{"gridColumnStart":"1","gridColumnEnd":"4","gridRowStart":"3","gridRowEnd":"4","alignSelf":"flex-start","justifySelf":"center"},":where(.toast)":{"bottom":"0px","insetInlineEnd":"0px","insetInlineStart":"auto","top":"auto","-TwTranslateX":"0px","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-start)":{"insetInlineEnd":"auto","insetInlineStart":"0px","-TwTranslateX":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-center)":{"insetInlineEnd":"50%","insetInlineStart":"50%","-TwTranslateX":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},":is([dir=\"rtl\"] .toast:where(.toast-center))":{"-TwTranslateX":"50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-end)":{"insetInlineEnd":"0px","insetInlineStart":"auto","-TwTranslateX":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-bottom)":{"bottom":"0px","top":"auto","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-middle)":{"bottom":"auto","top":"50%","-TwTranslateY":"-50%","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toast:where(.toast-top)":{"bottom":"auto","top":"0px","-TwTranslateY":"0px","transform":"translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))"},".toggle-xs":{"-Handleoffset":"0.5rem","height":"1rem","width":"1.5rem"},".toggle-sm":{"-Handleoffset":"0.75rem","height":"1.25rem","width":"2rem"},".toggle-md":{"-Handleoffset":"1.5rem","height":"1.5rem","width":"3rem"},".toggle-lg":{"-Handleoffset":"2rem","height":"2rem","width":"4rem"},".tooltip":{"position":"relative","display":"inline-block","-TooltipOffset":"calc(100% + 1px + var(--tooltip-tail, 0px))"},".tooltip:before":{"position":"absolute","pointerEvents":"none","zIndex":"1","content":"var(--tw-content)","-TwContent":"attr(data-tip)"},".tooltip:before, .tooltip-top:before":{"transform":"translateX(-50%)","top":"auto","left":"50%","right":"auto","bottom":"var(--tooltip-offset)"},".tooltip-bottom:before":{"transform":"translateX(-50%)","top":"var(--tooltip-offset)","left":"50%","right":"auto","bottom":"auto"},".tooltip-left:before":{"transform":"translateY(-50%)","top":"50%","left":"auto","right":"var(--tooltip-offset)","bottom":"auto"},".tooltip-right:before":{"transform":"translateY(-50%)","top":"50%","left":"var(--tooltip-offset)","right":"auto","bottom":"auto"}};

package/dist/utilities.js

@@ -1 +1 @@
-module.exports = {".glass,\n  .glass.btn-active":{"border":"none","backdropFilter":"blur(var(--glass-blur, 40px))","backgroundColor":"transparent","backgroundImage":"linear-gradient(\n        135deg,\n        rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,\n        rgb(0 0 0 / 0%) 100%\n      ),\n      linear-gradient(\n        var(--glass-reflex-degree, 100deg),\n        rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,\n        rgb(0 0 0 / 0%) 25%\n      )","boxShadow":"0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,\n      0 0 0 2px rgb(0 0 0 / 5%)","textShadow":"0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))"},"@media (hover: hover)":{".glass.btn-active":{"border":"none","backdropFilter":"blur(var(--glass-blur, 40px))","backgroundColor":"transparent","backgroundImage":"linear-gradient(\n          135deg,\n          rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,\n          rgb(0 0 0 / 0%) 100%\n        ),\n        linear-gradient(\n          var(--glass-reflex-degree, 100deg),\n          rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,\n          rgb(0 0 0 / 0%) 25%\n        )","boxShadow":"0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,\n        0 0 0 2px rgb(0 0 0 / 5%)","textShadow":"0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))"}},".no-animation":{"-BtnFocusScale":"1","-AnimationBtn":"0","-AnimationInput":"0"},".tab-border-none":{"-TabBorder":"0px"},".tab-border":{"-TabBorder":"1px"},".tab-border-2":{"-TabBorder":"2px"},".tab-border-3":{"-TabBorder":"3px"},".tab-rounded-none":{"-TabRadius":"0"},".tab-rounded-lg":{"-TabRadius":"0.5rem"}};
+module.exports = {".rounded-box":{"borderRadius":"var(--rounded-box, 1rem)"},".rounded-t-box":{"borderTopLeftRadius":"var(--rounded-box, 1rem)","borderTopRightRadius":"var(--rounded-box, 1rem)"},".rounded-b-box":{"borderBottomLeftRadius":"var(--rounded-box, 1rem)","borderBottomRightRadius":"var(--rounded-box, 1rem)"},".rounded-l-box":{"borderTopLeftRadius":"var(--rounded-box, 1rem)","borderBottomLeftRadius":"var(--rounded-box, 1rem)"},".rounded-r-box":{"borderTopRightRadius":"var(--rounded-box, 1rem)","borderBottomRightRadius":"var(--rounded-box, 1rem)"},".rounded-br-box":{"borderBottomRightRadius":"var(--rounded-box, 1rem)"},".rounded-tr-box":{"borderTopRightRadius":"var(--rounded-box, 1rem)"},".rounded-bl-box":{"borderBottomLeftRadius":"var(--rounded-box, 1rem)"},".rounded-tl-box":{"borderTopLeftRadius":"var(--rounded-box, 1rem)"},".rounded-btn":{"borderRadius":"var(--rounded-btn, 0.5rem)"},".rounded-badge":{"borderRadius":"var(--rounded-badge, 1.9rem)"},".glass,\n  .glass.btn-active":{"border":"none","backdropFilter":"blur(var(--glass-blur, 40px))","backgroundColor":"transparent","backgroundImage":"linear-gradient(\n        135deg,\n        rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,\n        rgb(0 0 0 / 0%) 100%\n      ),\n      linear-gradient(\n        var(--glass-reflex-degree, 100deg),\n        rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,\n        rgb(0 0 0 / 0%) 25%\n      )","boxShadow":"0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,\n      0 0 0 2px rgb(0 0 0 / 5%)","textShadow":"0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))"},"@media (hover: hover)":{".glass.btn-active":{"border":"none","backdropFilter":"blur(var(--glass-blur, 40px))","backgroundColor":"transparent","backgroundImage":"linear-gradient(\n          135deg,\n          rgb(255 255 255 / var(--glass-opacity, 30%)) 0%,\n          rgb(0 0 0 / 0%) 100%\n        ),\n        linear-gradient(\n          var(--glass-reflex-degree, 100deg),\n          rgb(255 255 255 / var(--glass-reflex-opacity, 10%)) 25%,\n          rgb(0 0 0 / 0%) 25%\n        )","boxShadow":"0 0 0 1px rgb(255 255 255 / var(--glass-border-opacity, 10%)) inset,\n        0 0 0 2px rgb(0 0 0 / 5%)","textShadow":"0 1px rgb(0 0 0 / var(--glass-text-shadow-opacity, 5%))"}},".min-h-6":{"minHeight":"1.5rem"},".min-h-8":{"minHeight":"2rem"},".min-h-12":{"minHeight":"3rem"},".min-h-16":{"minHeight":"4rem"},".no-animation":{"-BtnFocusScale":"1","-AnimationBtn":"0","-AnimationInput":"0"},".tab-border-none":{"-TabBorder":"0px"},".tab-border":{"-TabBorder":"1px"},".tab-border-2":{"-TabBorder":"2px"},".tab-border-3":{"-TabBorder":"3px"},".tab-rounded-none":{"-TabRadius":"0"},".tab-rounded-lg":{"-TabRadius":"0.5rem"}};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "daisyui",
-  "version": "4.0.0-alpha.2",
+  "version": "4.0.0-alpha.4",
   "description": "daisyUI - Tailwind CSS Components",
   "author": "Pouya Saadeghi",
   "license": "MIT",
@@ -83,6 +83,7 @@
   "dependencies": {
     "colord": "^2.9",
     "css-selector-tokenizer": "^0.8",
+    "culori": "^3.2.0",
     "picocolors": "^1",
     "postcss-js": "^4"
   }

package/src/index.js

@@ -7,7 +7,6 @@ const pc = require("picocolors")
 const postcssPrefix = require("./lib/addPrefix")
 
 const daisyuiInfo = require("../package.json")
-const colors = require("./theming/index")
 const utilities = require("../dist/utilities")
 const base = require("../dist/base")
 const unstyled = require("../dist/unstyled")
@@ -16,8 +15,15 @@ const utilitiesUnstyled = require("../dist/utilities-unstyled")
 const utilitiesStyled = require("../dist/utilities-styled")
 const themes = require("./theming/themes")
 const colorFunctions = require("./theming/functions")
+let colorObject = require("./theming/index")
+
+// let colorSpace
 
 const mainFunction = ({ addBase, addComponents, config }) => {
+  // colorSpace = config("daisyui.colorSpace") || "oklch"
+  // if (["oklch", "hsl"].includes(colorSpace)) {
+  //   colorObject = colorObject(colorSpace)
+  // }
   let logs = false
   if (config("daisyui.logs") != false) {
     logs = true
@@ -59,8 +65,8 @@ const mainFunction = ({ addBase, addComponents, config }) => {
 
   addComponents(file)
 
-  const themeInjectorHsl = colorFunctions.injectThemes(addBase, config, themes, "hsl")
-  themeInjectorHsl
+  const themeInjector = colorFunctions.injectThemes(addBase, config, themes)
+  themeInjector
 
   // inject @utilities style needed by components
   if (config("daisyui.utils") != false) {
@@ -103,14 +109,14 @@ const mainFunction = ({ addBase, addComponents, config }) => {
         )}\n│    ${pc.dim("https://daisyui.com/docs/config")}\n│`
       )
     }
-    if (themeInjectorHsl.themeOrder.length > 0) {
+    if (themeInjector.themeOrder.length > 0) {
       console.log(
-        `├─ ${pc.green("✔︎")} ${themeInjectorHsl.themeOrder.length} ${
-          themeInjectorHsl.themeOrder.length > 1 ? "themes" : "theme"
+        `├─ ${pc.green("✔︎")} ${themeInjector.themeOrder.length} ${
+          themeInjector.themeOrder.length > 1 ? "themes" : "theme"
         } added\n│    ${pc.dim("How to add more: https://daisyui.com/docs/themes")}\n│`
       )
     }
-    if (themeInjectorHsl.themeOrder.length === 0) {
+    if (themeInjector.themeOrder.length === 0) {
       console.log(
         `├─ ${pc.yellow("ℹ︎")} All themes are disabled in config\n│    ${pc.dim(
           "How to add themes: https://daisyui.com/docs/themes"
@@ -134,7 +140,7 @@ module.exports = tailwindPlugin(mainFunction, {
   theme: {
     extend: {
       colors: {
-        ...colors,
+        ...colorObject,
         // adding all Tailwind `neutral` shades here so they don't get overridden by daisyUI `neutral` color
         "neutral-50": "#fafafa",
         "neutral-100": "#f5f5f5",

package/src/theming/functions.js

@@ -1,15 +1,7 @@
 const colorNames = require("./colorNames")
 const themeDefaults = require("./themeDefaults")
 
-const { colord, getFormat, extend } = require("colord")
-const mixPlugin = require("colord/plugins/mix")
-const namesPlugin = require("colord/plugins/names")
-const lchPlugin = require("colord/plugins/lch")
-const hwbPlugin = require("colord/plugins/hwb")
-const labPlugin = require("colord/plugins/lab")
-const xyzPlugin = require("colord/plugins/xyz")
-
-extend([mixPlugin, namesPlugin, lchPlugin, hwbPlugin, labPlugin, xyzPlugin])
+const { toGamut, interpolate, wcagContrast } = require("culori")
 
 module.exports = {
   changeColorValuesToObject: function (input) {
@@ -17,24 +9,44 @@ module.exports = {
     return { h, s, l, a: 1 }
   },
 
-  turnColorValuesToString: function (input) {
-    const [h, s, l] = input.match(/\d+(\.\d+)?%|\d+(\.\d+)?/g).map(parseFloat)
-    return `${h} ${s}% ${l}%`
+  isDark: (color) => {
+    if (wcagContrast(color, "black") < wcagContrast(color, "white")) {
+      return true
+    }
+    return false
+  },
+
+  colorObjToString: function (input, colorSpace) {
+    const cut = (number) => {
+      if (!number) {
+        return 0
+      }
+      return +number.toFixed(4)
+    }
+    if (colorSpace === "oklch") {
+      const { l, c, h } = input
+      return `${cut(l)} ${cut(c)} ${cut(h)}`
+    }
+    if (colorSpace === "hsl") {
+      const { h, s, l } = input
+      return `${cut(h)} ${cut(s)}% ${cut(l)}%`
+    }
   },
 
-  generateForegroundColorFrom: function (input, percentage = 0.8) {
-    const str = colord(input)
-      .mix(colord(input).isDark() ? "white" : "black", percentage)
-      .toHslString()
-    return this.turnColorValuesToString(str)
+  generateForegroundColorFrom: function (input, percentage = 0.8, colorSpace) {
+    const result = interpolate(
+      [input, this.isDark(input) ? "white" : "black"],
+      colorSpace
+    )(percentage)
+    return this.colorObjToString(result, colorSpace)
   },
 
-  generateDarkenColorFrom: function (input, percentage = 0.07) {
-    const str = colord(input).darken(percentage).toHslString()
-    return this.turnColorValuesToString(str)
+  generateDarkenColorFrom: function (input, percentage = 0.07, colorSpace) {
+    const result = interpolate([input, "black"], colorSpace)(percentage)
+    return this.colorObjToString(result, colorSpace)
   },
 
-  convertColorFormat: function (input, colorFunction = "hsl") {
+  convertColorFormat: function (input, colorSpace) {
     if (typeof input !== "object" || input === null) {
       return input
     }
@@ -42,45 +54,25 @@ module.exports = {
     const resultObj = {}
 
     Object.entries(input).forEach(([rule, value]) => {
-      // if (!Object.hasOwn(colorNames, rule)) {
-      // resultObj[rule] = value
-      // } else {
-      //   let arr
-      //   if (getFormat(value) === "lch") {
-      //     arr = this.changeColorValuesToObject(value)
-      //   } else {
-      //     arr = colord(value).toLch()
-      //   }
-      //   resultObj[colorNames[rule]] = arr.l + " " + arr.c + " " + arr.h
-      // }
-
       if (colorNames.hasOwnProperty(rule)) {
-        const hslArray = colord(value).toHsl()
-        resultObj[colorNames[rule]] = `${hslArray.h} ${hslArray.s}% ${hslArray.l}%`
+        const colorObj = toGamut(colorSpace)(value)
+        resultObj[colorNames[rule]] = this.colorObjToString(colorObj, colorSpace)
       } else {
         resultObj[rule] = value
       }
 
-      // if (getFormat("lch(" + value + ")") === "lch") {
-      //   resultObj[rule] = value
-      //   if (colorFunction === "hsl") {
-      //     let arr = colord("lch(" + value + ")").toHsl()
-      //     resultObj[rule] = arr.h + " " + arr.s + "% " + arr.l + "%"
-      //   }
-      // }
-
       // auto generate focus colors
       if (!Object.hasOwn(input, "primary-focus")) {
-        resultObj["--pf"] = this.generateDarkenColorFrom(input["primary"])
+        resultObj["--pf"] = this.generateDarkenColorFrom(input["primary"], 0.07, colorSpace)
       }
       if (!Object.hasOwn(input, "secondary-focus")) {
-        resultObj["--sf"] = this.generateDarkenColorFrom(input["secondary"])
+        resultObj["--sf"] = this.generateDarkenColorFrom(input["secondary"], 0.07, colorSpace)
       }
       if (!Object.hasOwn(input, "accent-focus")) {
-        resultObj["--af"] = this.generateDarkenColorFrom(input["accent"])
+        resultObj["--af"] = this.generateDarkenColorFrom(input["accent"], 0.07, colorSpace)
       }
       if (!Object.hasOwn(input, "neutral-focus")) {
-        resultObj["--nf"] = this.generateDarkenColorFrom(input["neutral"])
+        resultObj["--nf"] = this.generateDarkenColorFrom(input["neutral"], 0.07, colorSpace)
       }
 
       // auto generate base colors
@@ -88,73 +80,73 @@ module.exports = {
         resultObj["--b1"] = "100 0 0"
       }
       if (!Object.hasOwn(input, "base-200")) {
-        resultObj["--b2"] = this.generateDarkenColorFrom(input["base-100"])
+        resultObj["--b2"] = this.generateDarkenColorFrom(input["base-100"], 0.07, colorSpace)
       }
       if (!Object.hasOwn(input, "base-300")) {
         if (Object.hasOwn(input, "base-200")) {
-          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-200"])
+          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-200"], 0.07, colorSpace)
         } else {
-          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-100"], 0.14)
+          resultObj["--b3"] = this.generateDarkenColorFrom(input["base-100"], 0.14, colorSpace)
         }
       }
 
       // auto generate state colors
 
       if (!Object.hasOwn(input, "info")) {
-        resultObj["--in"] = 198 + " " + 93 + "%" + " " + 60 + "%"
+        resultObj["--in"] = "0.7206 0.191 231.6"
       }
       if (!Object.hasOwn(input, "success")) {
-        resultObj["--su"] = 158 + " " + 64 + "%" + " " + 52 + "%"
+        resultObj["--su"] = "0.7441 0.213 164.75"
       }
       if (!Object.hasOwn(input, "warning")) {
-        resultObj["--wa"] = 43 + " " + 96 + "%" + " " + 56 + "%"
+        resultObj["--wa"] = "0.8471 0.199 83.87"
       }
       if (!Object.hasOwn(input, "error")) {
-        resultObj["--er"] = 0 + " " + 91 + "%" + " " + 71 + "%"
+        resultObj["--er"] = "0.7176 0.221 22.18"
       }
 
       // auto generate content colors
       if (!Object.hasOwn(input, "base-content")) {
-        resultObj["--bc"] = this.generateForegroundColorFrom(input["base-100"])
+        resultObj["--bc"] = this.generateForegroundColorFrom(input["base-100"], 0.8, colorSpace)
       }
       if (!Object.hasOwn(input, "primary-content")) {
-        resultObj["--pc"] = this.generateForegroundColorFrom(input["primary"])
+        resultObj["--pc"] = this.generateForegroundColorFrom(input["primary"], 0.8, colorSpace)
       }
       if (!Object.hasOwn(input, "secondary-content")) {
-        resultObj["--sc"] = this.generateForegroundColorFrom(input["secondary"])
+        resultObj["--sc"] = this.generateForegroundColorFrom(input["secondary"], 0.8, colorSpace)
       }
       if (!Object.hasOwn(input, "accent-content")) {
-        resultObj["--ac"] = this.generateForegroundColorFrom(input["accent"])
+        resultObj["--ac"] = this.generateForegroundColorFrom(input["accent"], 0.8, colorSpace)
       }
       if (!Object.hasOwn(input, "neutral-content")) {
-        resultObj["--nc"] = this.generateForegroundColorFrom(input["neutral"])
+        resultObj["--nc"] = this.generateForegroundColorFrom(input["neutral"], 0.8, colorSpace)
       }
       if (!Object.hasOwn(input, "info-content")) {
         if (Object.hasOwn(input, "info")) {
-          resultObj["--inc"] = this.generateForegroundColorFrom(input["info"])
+          resultObj["--inc"] = this.generateForegroundColorFrom(input["info"], 0.8, colorSpace)
         } else {
-          resultObj["--inc"] = 198 + " " + 100 + "%" + " " + 12 + "%"
+          resultObj["--inc"] = "0 0 0"
         }
       }
       if (!Object.hasOwn(input, "success-content")) {
         if (Object.hasOwn(input, "success")) {
-          resultObj["--suc"] = this.generateForegroundColorFrom(input["success"])
+          resultObj["--suc"] = this.generateForegroundColorFrom(input["success"], 0.8, colorSpace)
         } else {
-          resultObj["--suc"] = 158 + " " + 100 + "%" + " " + 10 + "%"
+          resultObj["--suc"] = "0 0 0"
         }
       }
       if (!Object.hasOwn(input, "warning-content")) {
         if (Object.hasOwn(input, "warning")) {
-          resultObj["--wac"] = this.generateForegroundColorFrom(input["warning"])
+          resultObj["--wac"] = this.generateForegroundColorFrom(input["warning"], 0.8, colorSpace)
         } else {
-          resultObj["--wac"] = 43 + " " + 100 + "%" + " " + 11 + "%"
+          resultObj["--wac"] = "0 0 0"
         }
       }
       if (!Object.hasOwn(input, "error-content")) {
         if (Object.hasOwn(input, "error")) {
-          resultObj["--erc"] = this.generateForegroundColorFrom(input["error"])
+          resultObj["--erc"] = this.generateForegroundColorFrom(input["error"], 0.8, colorSpace)
         } else {
-          resultObj["--erc"] = 0 + " " + 100 + "%" + " " + 14 + "%"
+          resultObj["--erc"] = "0 0 0"
         }
       }
 
@@ -175,17 +167,15 @@ module.exports = {
     return resultObj
   },
 
-  injectThemes: function (addBase, config, themes, colorFunction) {
+  injectThemes: function (addBase, config, themes) {
+    let colorSpace = "oklch"
+    // if (["oklch", "hsl"].includes(config("daisyui.colorSpace"))) {
+    //   colorSpace = config("daisyui.colorSpace")
+    // }
     const includedThemesObj = {}
-    // includedThemesObj["@supports (not(color: lch(0 0 0)))"] = {}
     // add default themes
     Object.entries(themes).forEach(([theme, value]) => {
-      if (colorFunction === "lch") {
-        includedThemesObj[theme] = this.convertColorFormat(value)
-      }
-      if (colorFunction === "hsl") {
-        includedThemesObj[theme] = this.convertColorFormat(value, "hsl")
-      }
+      includedThemesObj[theme] = this.convertColorFormat(value, colorSpace)
     })
 
     // add custom themes
@@ -193,8 +183,10 @@ module.exports = {
       config("daisyui.themes").forEach((item) => {
         if (typeof item === "object" && item !== null) {
           Object.entries(item).forEach(([customThemeName, customThemevalue]) => {
-            includedThemesObj["[data-theme=" + customThemeName + "]"] =
-              this.convertColorFormat(customThemevalue)
+            includedThemesObj["[data-theme=" + customThemeName + "]"] = this.convertColorFormat(
+              customThemevalue,
+              colorSpace
+            )
           })
         }
       })
@@ -254,12 +246,8 @@ module.exports = {
           includedThemesObj["[data-theme=" + themeName + "]"]
       }
     })
-    if (colorFunction === "lch") {
-      addBase({ "@supports (color: lch(0 0 0))": themesToInject })
-    }
-    if (colorFunction === "hsl") {
-      addBase(themesToInject)
-    }
+
+    addBase(themesToInject)
 
     return {
       includedThemesObj,

package/src/theming/index.js

@@ -1,39 +1,18 @@
-let colorObject = {
-  "transparent": "transparent",
-  "current": "currentColor",
-
-  "primary": "hsl(var(--p) / <alpha-value>)",
-  "primary-focus": "hsl(var(--pf) / <alpha-value>)",
-  "primary-content": "hsl(var(--pc) / <alpha-value>)",
-
-  "secondary": "hsl(var(--s) / <alpha-value>)",
-  "secondary-focus": "hsl(var(--sf) / <alpha-value>)",
-  "secondary-content": "hsl(var(--sc) / <alpha-value>)",
-
-  "accent": "hsl(var(--a) / <alpha-value>)",
-  "accent-focus": "hsl(var(--af) / <alpha-value>)",
-  "accent-content": "hsl(var(--ac) / <alpha-value>)",
-
-  "neutral": "hsl(var(--n) / <alpha-value>)",
-  "neutral-focus": "hsl(var(--nf) / <alpha-value>)",
-  "neutral-content": "hsl(var(--nc) / <alpha-value>)",
-
-  "base-100": "hsl(var(--b1) / <alpha-value>)",
-  "base-200": "hsl(var(--b2) / <alpha-value>)",
-  "base-300": "hsl(var(--b3) / <alpha-value>)",
-  "base-content": "hsl(var(--bc) / <alpha-value>)",
-
-  "info": "hsl(var(--in) / <alpha-value>)",
-  "info-content": "hsl(var(--inc) / <alpha-value>)",
-
-  "success": "hsl(var(--su) / <alpha-value>)",
-  "success-content": "hsl(var(--suc) / <alpha-value>)",
-
-  "warning": "hsl(var(--wa) / <alpha-value>)",
-  "warning-content": "hsl(var(--wac) / <alpha-value>)",
-
-  "error": "hsl(var(--er) / <alpha-value>)",
-  "error-content": "hsl(var(--erc) / <alpha-value>)",
+const colorNames = require("./colorNames")
+
+const colorObject = (colorSpace) => {
+  // console.log(colorSpace)
+  const result = {
+    transparent: "transparent",
+    current: "currentColor",
+  }
+  for (const colorName in colorNames) {
+    if (colorNames.hasOwnProperty(colorName)) {
+      const cssVariable = colorNames[colorName]
+      result[colorName] = `${`oklch`}(var(${cssVariable}) / <alpha-value>)`
+    }
+  }
+  return result
 }
 
 module.exports = colorObject

package/src/theming/themes.js

@@ -104,12 +104,9 @@ module.exports = {
   },
   "[data-theme=dark]": {
     "color-scheme": "dark",
-    "primary": "#661AE6",
-    "primary-content": "#ffffff",
-    "secondary": "#D926AA",
-    "secondary-content": "#ffffff",
-    "accent": "#1FB2A5",
-    "accent-content": "#ffffff",
+    "primary": "oklch(49.12% 0.3096 275.75)",
+    "secondary": "oklch(69.71% 0.329 342.55)",
+    "accent": "oklch(76.76% 0.184 183.61)",
     "neutral": "#2a323c",
     "neutral-focus": "#242b33",
     "neutral-content": "#A6ADBB",
@@ -192,12 +189,9 @@ module.exports = {
   },
   "[data-theme=light]": {
     "color-scheme": "light",
-    "primary": "#570df8",
-    "primary-content": "#E0D2FE",
-    "secondary": "#f000b8",
-    "secondary-content": "#FFD1F4",
-    "accent": "#1ECEBC",
-    "accent-content": "#07312D",
+    "primary": "oklch(49.12% 0.3096 275.75)",
+    "secondary": "oklch(69.71% 0.329 342.55)",
+    "accent": "oklch(76.76% 0.184 183.61)",
     "neutral": "#2B3440",
     "neutral-content": "#D7DDE4",
     "base-100": "#ffffff",