frutjam/dist/components/swap/object.js

CSS-only Tailwind CSS v4 component library. 65+ accessible UI components, zero JavaScript, WCAG AA guaranteed. Free MCP server for AI editors included.

export default {".swap":{"position":"relative","display":"inline-grid","place-items":"center","cursor":"pointer","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","vertical-align":"middle",":where(&) :where(input[type=\"checkbox\"])":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","position":"absolute","inset":"0","opacity":0,"cursor":"pointer","margin":"0"},":where(&) :where(.swap-on),\n    :where(&) :where(.swap-off),\n    :where(&) :where(.swap-indeterminate)":{"grid-column":"1","grid-row":"1","transition":"opacity 300ms ease-in-out,\n            rotate 300ms ease-in-out,\n            transform 300ms ease-in-out"},":where(&) :where(.swap-on),\n    :where(&) :where(.swap-indeterminate)":{"opacity":0,"pointer-events":"none"},":where(&) :where(.swap-off)":{"opacity":1},"&:is(:has(input:checked), .swap-active)":{":where(.swap-on)":{"opacity":1,"pointer-events":"auto"},":where(.swap-off)":{"opacity":0,"pointer-events":"none"}},"&:has(input:indeterminate)":{":where(.swap-indeterminate)":{"opacity":1,"pointer-events":"auto"},":where(.swap-on)":{"opacity":0,"pointer-events":"none"}}},":where(.swap-rotate) :where(.swap-on), :where(.swap-rotate) :where(.swap-indeterminate)":{"rotate":"45deg"},".swap-rotate:is(:has(input:checked), .swap-active) :where(.swap-off)":{"rotate":"-45deg"},".swap-rotate:is(:has(input:checked), .swap-active) :where(.swap-on), .swap-rotate:is(:has(input:checked), .swap-active) \n        :where(.swap-indeterminate)":{"rotate":"0deg"},".swap-flip":{"perspective":"16rem",":where(&) :where(.swap-on),\n    :where(&) :where(.swap-indeterminate)":{"backface-visibility":"hidden","transform":"rotateY(180deg)"},":where(&) :where(.swap-off)":{"backface-visibility":"hidden","transform":"rotateY(0deg)"},"&:is(:has(input:checked), .swap-active)":{":where(.swap-off)":{"transform":"rotateY(-180deg)"},":where(.swap-on),\n        :where(.swap-indeterminate)":{"transform":"rotateY(0deg)"}}}};