ui8kit.map.json

{
  "absolute": "position: absolute;",
  "accent-auto": "accent-color: auto;",
  "accent-current": "accent-color: currentColor;",
  "accent-inherit": "accent-color: inherit;",
  "aspect-auto": "aspect-ratio: auto;",
  "aspect-square": "aspect-ratio: 1 / 1;",
  "aspect-video": "aspect-ratio: var(--aspect-video); /* 16 / 9 */",
  "auto-cols-auto": "grid-auto-columns: auto;",
  "auto-cols-fr": "grid-auto-columns: minmax(0, 1fr);",
  "auto-cols-max": "grid-auto-columns: max-content;",
  "auto-cols-min": "grid-auto-columns: min-content;",
  "auto-rows-auto": "grid-auto-rows: auto;",
  "auto-rows-fr": "grid-auto-rows: minmax(0, 1fr);",
  "auto-rows-max": "grid-auto-rows: max-content;",
  "auto-rows-min": "grid-auto-rows: min-content;",
  "basis-0": "flex-basis: calc(var(--spacing) * 0);",
  "basis-auto": "flex-basis: auto;",
  "basis-full": "flex-basis: 100%;",
  "basis-px": "flex-basis: 1px;",
  "bg-accent": "background-color: var(--accent);",
  "bg-accent-foreground": "background-color: var(--accent-foreground);",
  "bg-background": "background-color: var(--background);",
  "bg-border": "background-color: var(--border);",
  "bg-card": "background-color: var(--card);",
  "bg-destructive": "background-color: var(--destructive);",
  "bg-destructive-foreground": "background-color: var(--destructive-foreground);",
  "bg-foreground": "background-color: var(--foreground);",
  "bg-input": "background-color: var(--input);",
  "bg-muted": "background-color: var(--muted);",
  "bg-muted-foreground": "background-color: var(--muted-foreground);",
  "bg-popover": "background-color: var(--popover);",
  "bg-primary": "background-color: var(--primary);",
  "bg-primary-foreground": "background-color: var(--primary-foreground);",
  "bg-ring": "background-color: var(--ring);",
  "bg-secondary": "background-color: var(--secondary);",
  "bg-secondary-foreground": "background-color: var(--secondary-foreground);",
  "bg-transparent": "background-color: transparent;",
  "block": "display: block;",
  "border": "border-width: 1px;",
  "border-0": "border-width: 0px;",
  "border-2": "border-width: 2px;",
  "border-4": "border-width: 4px;",
  "border-accent": "border-color: var(--accent);",
  "border-b": "border-bottom-width: 1px;",
  "border-b-0": "border-bottom-width: 0px;",
  "border-b-2": "border-bottom-width: 2px;",
  "border-b-4": "border-bottom-width: 4px;",
  "border-border": "border-color: var(--border);",
  "border-current": "border-color: currentColor;",
  "border-dashed": "border-style: dashed;",
  "border-destructive": "border-color: var(--destructive);",
  "border-dotted": "border-style: dotted;",
  "border-foreground": "border-color: var(--foreground);",
  "border-input": "border-color: var(--input);",
  "border-l": "border-left-width: 1px;",
  "border-l-0": "border-left-width: 0px;",
  "border-l-2": "border-left-width: 2px;",
  "border-l-4": "border-left-width: 4px;",
  "border-muted": "border-color: var(--muted);",
  "border-primary": "border-color: var(--primary);",
  "border-r": "border-right-width: 1px;",
  "border-r-0": "border-right-width: 0px;",
  "border-r-2": "border-right-width: 2px;",
  "border-r-4": "border-right-width: 4px;",
  "border-ring": "border-color: var(--ring);",
  "border-secondary": "border-color: var(--secondary);",
  "border-solid": "border-style: solid;",
  "border-t": "border-top-width: 1px;",
  "border-t-0": "border-top-width: 0px;",
  "border-t-2": "border-top-width: 2px;",
  "border-t-4": "border-top-width: 4px;",
  "border-transparent": "border-color: transparent;",
  "bottom-0": "bottom: calc(var(--spacing) * 0);",
  "bottom-auto": "bottom: auto;",
  "break-all": "word-break: break-all;",
  "break-normal": "word-break: normal;",
  "break-words": "word-break: break-word;",
  "capitalize": "text-transform: capitalize;",
  "caret-accent": "caret-color: var(--accent);",
  "caret-current": "caret-color: currentColor;",
  "caret-foreground": "caret-color: var(--foreground);",
  "caret-primary": "caret-color: var(--primary);",
  "caret-secondary": "caret-color: var(--secondary);",
  "caret-transparent": "caret-color: transparent;",
  "col-auto": "grid-column: auto;",
  "col-end-1": "grid-column-end: 1;",
  "col-end-10": "grid-column-end: 10;",
  "col-end-11": "grid-column-end: 11;",
  "col-end-12": "grid-column-end: 12;",
  "col-end-2": "grid-column-end: 2;",
  "col-end-3": "grid-column-end: 3;",
  "col-end-4": "grid-column-end: 4;",
  "col-end-5": "grid-column-end: 5;",
  "col-end-6": "grid-column-end: 6;",
  "col-end-7": "grid-column-end: 7;",
  "col-end-8": "grid-column-end: 8;",
  "col-end-9": "grid-column-end: 9;",
  "col-end-auto": "grid-column-end: auto;",
  "col-span-1": "grid-column: span 1 / span 1;",
  "col-span-10": "grid-column: span 10 / span 10;",
  "col-span-11": "grid-column: span 11 / span 11;",
  "col-span-12": "grid-column: span 12 / span 12;",
  "col-span-2": "grid-column: span 2 / span 2;",
  "col-span-3": "grid-column: span 3 / span 3;",
  "col-span-4": "grid-column: span 4 / span 4;",
  "col-span-5": "grid-column: span 5 / span 5;",
  "col-span-6": "grid-column: span 6 / span 6;",
  "col-span-7": "grid-column: span 7 / span 7;",
  "col-span-8": "grid-column: span 8 / span 8;",
  "col-span-9": "grid-column: span 9 / span 9;",
  "col-span-full": "grid-column: 1 / -1;",
  "col-start-1": "grid-column-start: 1;",
  "col-start-10": "grid-column-start: 10;",
  "col-start-11": "grid-column-start: 11;",
  "col-start-12": "grid-column-start: 12;",
  "col-start-2": "grid-column-start: 2;",
  "col-start-3": "grid-column-start: 3;",
  "col-start-4": "grid-column-start: 4;",
  "col-start-5": "grid-column-start: 5;",
  "col-start-6": "grid-column-start: 6;",
  "col-start-7": "grid-column-start: 7;",
  "col-start-8": "grid-column-start: 8;",
  "col-start-9": "grid-column-start: 9;",
  "col-start-auto": "grid-column-start: auto;",
  "collapse": "visibility: collapse;",
  "content-around": "align-content: space-around;",
  "content-between": "align-content: space-between;",
  "content-center": "align-content: center;",
  "content-end": "align-content: flex-end;",
  "content-evenly": "align-content: space-evenly;",
  "content-start": "align-content: flex-start;",
  "contents": "display: contents;",
  "fixed": "position: fixed;",
  "flex": "display: flex;",
  "flex-1": "flex: 1;",
  "flex-col": "flex-direction: column;",
  "flex-col-reverse": "flex-direction: column-reverse;",
  "flex-nowrap": "flex-wrap: nowrap;",
  "flex-row": "flex-direction: row;",
  "flex-row-reverse": "flex-direction: row-reverse;",
  "flex-wrap": "flex-wrap: wrap;",
  "flex-wrap-reverse": "flex-wrap: wrap-reverse;",
  "font-bold": "font-weight: 700;",
  "font-medium": "font-weight: 500;",
  "font-normal": "font-weight: 400;",
  "font-semibold": "font-weight: 600;",
  "gap-0": "gap: calc(var(--spacing) * 0);",
  "gap-1": "gap: calc(var(--spacing) * 1);",
  "gap-10": "gap: calc(var(--spacing) * 10);",
  "gap-12": "gap: calc(var(--spacing) * 12);",
  "gap-2": "gap: calc(var(--spacing) * 2);",
  "gap-4": "gap: calc(var(--spacing) * 4);",
  "gap-6": "gap: calc(var(--spacing) * 6);",
  "gap-8": "gap: calc(var(--spacing) * 8);",
  "gap-x-0": "column-gap: calc(var(--spacing) * 0);",
  "gap-x-1": "column-gap: calc(var(--spacing) * 1);",
  "gap-x-2": "column-gap: calc(var(--spacing) * 2);",
  "gap-x-4": "column-gap: calc(var(--spacing) * 4);",
  "gap-x-6": "column-gap: calc(var(--spacing) * 6);",
  "gap-x-8": "column-gap: calc(var(--spacing) * 8);",
  "gap-y-0": "row-gap: calc(var(--spacing) * 0);",
  "gap-y-1": "row-gap: calc(var(--spacing) * 1);",
  "gap-y-2": "row-gap: calc(var(--spacing) * 2);",
  "gap-y-4": "row-gap: calc(var(--spacing) * 4);",
  "gap-y-6": "row-gap: calc(var(--spacing) * 6);",
  "gap-y-8": "row-gap: calc(var(--spacing) * 8);",
  "grid": "display: grid;",
  "grid-cols-1": "grid-template-columns: repeat(1, minmax(0, 1fr));",
  "grid-cols-12": "grid-template-columns: repeat(12, minmax(0, 1fr));",
  "grid-cols-2": "grid-template-columns: repeat(2, minmax(0, 1fr));",
  "grid-cols-3": "grid-template-columns: repeat(3, minmax(0, 1fr));",
  "grid-cols-4": "grid-template-columns: repeat(4, minmax(0, 1fr));",
  "grid-cols-5": "grid-template-columns: repeat(5, minmax(0, 1fr));",
  "grid-cols-6": "grid-template-columns: repeat(6, minmax(0, 1fr));",
  "grid-flow-col": "grid-auto-flow: column;",
  "grid-flow-col-dense": "grid-auto-flow: column dense;",
  "grid-flow-dense": "grid-auto-flow: dense;",
  "grid-flow-row": "grid-auto-flow: row;",
  "grid-flow-row-dense": "grid-auto-flow: row dense;",
  "grid-rows-1": "grid-template-rows: repeat(1, minmax(0, 1fr));",
  "grid-rows-12": "grid-template-rows: repeat(12, minmax(0, 1fr));",
  "grid-rows-2": "grid-template-rows: repeat(2, minmax(0, 1fr));",
  "grid-rows-3": "grid-template-rows: repeat(3, minmax(0, 1fr));",
  "grid-rows-4": "grid-template-rows: repeat(4, minmax(0, 1fr));",
  "grid-rows-5": "grid-template-rows: repeat(5, minmax(0, 1fr));",
  "grid-rows-6": "grid-template-rows: repeat(6, minmax(0, 1fr));",
  "grow": "flex-grow: 1;",
  "grow-0": "flex-grow: 0;",
  "h-10": "height: calc(var(--spacing) * 10);",
  "h-11": "height: calc(var(--spacing) * 11);",
  "h-12": "height: calc(var(--spacing) * 12);",
  "h-3": "height: calc(var(--spacing) * 3);",
  "h-4": "height: calc(var(--spacing) * 4);",
  "h-5": "height: calc(var(--spacing) * 5);",
  "h-6": "height: calc(var(--spacing) * 6);",
  "h-8": "height: calc(var(--spacing) * 8);",
  "h-auto": "height: auto;",
  "h-fit": "height: fit-content;",
  "h-full": "height: 100%;",
  "h-max": "height: max-content;",
  "h-min": "height: min-content;",
  "h-px": "height: 1px;",
  "h-screen": "height: 100vh;",
  "hidden": "display: none;",
  "hyphens-auto": "hyphens: auto;",
  "hyphens-manual": "hyphens: manual;",
  "hyphens-none": "hyphens: none;",
  "inline": "display: inline;",
  "inline-block": "display: inline-block;",
  "inline-flex": "display: inline-flex;",
  "inline-grid": "display: inline-grid;",
  "inset-0": "inset: calc(var(--spacing) * 0);",
  "inset-auto": "inset: auto;",
  "invisible": "visibility: hidden;",
  "italic": "font-style: italic;",
  "items-baseline": "align-items: baseline;",
  "items-center": "align-items: center;",
  "items-end": "align-items: flex-end;",
  "items-start": "align-items: flex-start;",
  "items-stretch": "align-items: stretch;",
  "justify-around": "justify-content: space-around;",
  "justify-between": "justify-content: space-between;",
  "justify-center": "justify-content: center;",
  "justify-end": "justify-content: flex-end;",
  "justify-evenly": "justify-content: space-evenly;",
  "justify-items-center": "justify-items: center;",
  "justify-items-end": "justify-items: end;",
  "justify-items-start": "justify-items: start;",
  "justify-items-stretch": "justify-items: stretch;",
  "justify-start": "justify-content: flex-start;",
  "leading-normal": "line-height: normal;",
  "leading-relaxed": "line-height: relaxed;",
  "leading-tight": "line-height: tight;",
  "left-0": "left: calc(var(--spacing) * 0);",
  "left-auto": "left: auto;",
  "lg:grid-cols-1": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }",
  "lg:grid-cols-2": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }",
  "lg:grid-cols-3": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }",
  "lg:grid-cols-4": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }",
  "lg:grid-cols-5": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }",
  "lg:grid-cols-6": "@media (min-width: 1024px) {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }",
  "lowercase": "text-transform: lowercase;",
  "m-0": "margin: calc(var(--spacing) * 0);",
  "m-1": "margin: calc(var(--spacing) * 1);",
  "m-12": "margin: calc(var(--spacing) * 12);",
  "m-2": "margin: calc(var(--spacing) * 2);",
  "m-4": "margin: calc(var(--spacing) * 4);",
  "m-6": "margin: calc(var(--spacing) * 6);",
  "m-8": "margin: calc(var(--spacing) * 8);",
  "m-auto": "margin: auto;",
  "max-h-full": "max-height: 100%;",
  "max-h-none": "max-height: none;",
  "max-h-screen": "max-height: 100vh;",
  "max-w-2xl": "max-width: var(--container-2xl); /* 42rem (672px) */",
  "max-w-4xl": "max-width: var(--container-4xl); /* 56rem (896px) */",
  "max-w-6xl": "max-width: var(--container-6xl); /* 72rem (1152px) */",
  "max-w-7xl": "max-width: var(--container-7xl); /* 84rem (1344px) */",
  "max-w-full": "max-width: 100%;",
  "max-w-lg": "max-width: var(--container-lg); /* 32rem (512px) */",
  "max-w-md": "max-width: var(--container-md); /* 28rem (448px) */",
  "max-w-none": "max-width: none;",
  "max-w-screen-2xl": "max-width: var(--container-2xl);",
  "max-w-screen-lg": "max-width: var(--container-lg);",
  "max-w-screen-md": "max-width: var(--container-md);",
  "max-w-screen-sm": "max-width: var(--container-sm);",
  "max-w-screen-xl": "max-width: var(--container-xl);",
  "max-w-sm": "max-width: var(--container-sm); /* 24rem (384px) */",
  "max-w-xl": "max-width: var(--container-xl); /* 36rem (576px) */",
  "mb-0": "margin-bottom: calc(var(--spacing) * 0);",
  "mb-1": "margin-bottom: calc(var(--spacing) * 1);",
  "mb-12": "margin-bottom: calc(var(--spacing) * 12);",
  "mb-2": "margin-bottom: calc(var(--spacing) * 2);",
  "mb-4": "margin-bottom: calc(var(--spacing) * 4);",
  "mb-6": "margin-bottom: calc(var(--spacing) * 6);",
  "mb-8": "margin-bottom: calc(var(--spacing) * 8);",
  "mb-auto": "margin-bottom: auto;",
  "md:grid-cols-1": "@media (min-width: 768px) {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }",
  "md:grid-cols-2": "@media (min-width: 768px) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }",
  "md:grid-cols-3": "@media (min-width: 768px) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }",
  "md:grid-cols-4": "@media (min-width: 768px) {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }",
  "md:grid-cols-5": "@media (min-width: 768px) {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }",
  "md:grid-cols-6": "@media (min-width: 768px) {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }",
  "min-h-20": "min-height: calc(var(--spacing) * 20);",
  "min-h-full": "min-height: 100%;",
  "min-h-screen": "min-height: 100vh;",
  "min-w-0": "min-width: calc(var(--spacing) * 0);",
  "min-w-full": "min-width: 100%;",
  "min-w-max": "min-width: max-content;",
  "min-w-min": "min-width: min-content;",
  "ml-0": "margin-left: calc(var(--spacing) * 0);",
  "ml-1": "margin-left: calc(var(--spacing) * 1);",
  "ml-12": "margin-left: calc(var(--spacing) * 12);",
  "ml-2": "margin-left: calc(var(--spacing) * 2);",
  "ml-4": "margin-left: calc(var(--spacing) * 4);",
  "ml-6": "margin-left: calc(var(--spacing) * 6);",
  "ml-8": "margin-left: calc(var(--spacing) * 8);",
  "ml-auto": "margin-left: auto;",
  "mr-0": "margin-right: calc(var(--spacing) * 0);",
  "mr-1": "margin-right: calc(var(--spacing) * 1);",
  "mr-12": "margin-right: calc(var(--spacing) * 12);",
  "mr-2": "margin-right: calc(var(--spacing) * 2);",
  "mr-4": "margin-right: calc(var(--spacing) * 4);",
  "mr-6": "margin-right: calc(var(--spacing) * 6);",
  "mr-8": "margin-right: calc(var(--spacing) * 8);",
  "mr-auto": "margin-right: auto;",
  "mt-0": "margin-top: calc(var(--spacing) * 0);",
  "mt-1": "margin-top: calc(var(--spacing) * 1);",
  "mt-12": "margin-top: calc(var(--spacing) * 12);",
  "mt-2": "margin-top: calc(var(--spacing) * 2);",
  "mt-4": "margin-top: calc(var(--spacing) * 4);",
  "mt-6": "margin-top: calc(var(--spacing) * 6);",
  "mt-8": "margin-top: calc(var(--spacing) * 8);",
  "mt-auto": "margin-top: auto;",
  "mx-0": "margin-inline: calc(var(--spacing) * 0);",
  "mx-1": "margin-inline: calc(var(--spacing) * 1);",
  "mx-12": "margin-inline: calc(var(--spacing) * 12);",
  "mx-2": "margin-inline: calc(var(--spacing) * 2);",
  "mx-4": "margin-inline: calc(var(--spacing) * 4);",
  "mx-6": "margin-inline: calc(var(--spacing) * 6);",
  "mx-8": "margin-inline: calc(var(--spacing) * 8);",
  "mx-auto": "margin-inline: auto;",
  "my-0": "margin-block: calc(var(--spacing) * 0);",
  "my-1": "margin-block: calc(var(--spacing) * 1);",
  "my-12": "margin-block: calc(var(--spacing) * 12);",
  "my-2": "margin-block: calc(var(--spacing) * 2);",
  "my-4": "margin-block: calc(var(--spacing) * 4);",
  "my-6": "margin-block: calc(var(--spacing) * 6);",
  "my-8": "margin-block: calc(var(--spacing) * 8);",
  "my-auto": "margin-block: auto;",
  "normal-case": "text-transform: none;",
  "object-bottom": "object-position: bottom;",
  "object-center": "object-position: center;",
  "object-contain": "object-fit: contain;",
  "object-cover": "object-fit: cover;",
  "object-fill": "object-fit: fill;",
  "object-left": "object-position: left;",
  "object-left-bottom": "object-position: left bottom;",
  "object-left-top": "object-position: left top;",
  "object-none": "object-fit: none;",
  "object-right": "object-position: right;",
  "object-right-bottom": "object-position: right bottom;",
  "object-right-top": "object-position: right top;",
  "object-scale-down": "object-fit: scale-down;",
  "object-top": "object-position: top;",
  "order-1": "order: 1;",
  "order-10": "order: 10;",
  "order-11": "order: 11;",
  "order-12": "order: 12;",
  "order-2": "order: 2;",
  "order-3": "order: 3;",
  "order-4": "order: 4;",
  "order-5": "order: 5;",
  "order-6": "order: 6;",
  "order-7": "order: 7;",
  "order-8": "order: 8;",
  "order-9": "order: 9;",
  "order-first": "order: -9999;",
  "order-last": "order: 9999;",
  "order-none": "order: 0;",
  "overflow-auto": "overflow: auto;",
  "overflow-hidden": "overflow: hidden;",
  "overflow-scroll": "overflow: scroll;",
  "overflow-visible": "overflow: visible;",
  "overflow-x-auto": "overflow-x: auto;",
  "overflow-x-hidden": "overflow-x: hidden;",
  "overflow-x-scroll": "overflow-x: scroll;",
  "overflow-x-visible": "overflow-x: visible;",
  "overflow-y-auto": "overflow-y: auto;",
  "overflow-y-hidden": "overflow-y: hidden;",
  "overflow-y-scroll": "overflow-y: scroll;",
  "overflow-y-visible": "overflow-y: visible;",
  "p-0": "padding: calc(var(--spacing) * 0);",
  "p-1": "padding: calc(var(--spacing) * 1);",
  "p-12": "padding: calc(var(--spacing) * 12);",
  "p-2": "padding: calc(var(--spacing) * 2);",
  "p-4": "padding: calc(var(--spacing) * 4);",
  "p-6": "padding: calc(var(--spacing) * 6);",
  "p-8": "padding: calc(var(--spacing) * 8);",
  "pb-0": "padding-bottom: calc(var(--spacing) * 0);",
  "pb-1": "padding-bottom: calc(var(--spacing) * 1);",
  "pb-12": "padding-bottom: calc(var(--spacing) * 12);",
  "pb-2": "padding-bottom: calc(var(--spacing) * 2);",
  "pb-4": "padding-bottom: calc(var(--spacing) * 4);",
  "pb-6": "padding-bottom: calc(var(--spacing) * 6);",
  "pb-8": "padding-bottom: calc(var(--spacing) * 8);",
  "pl-0": "padding-left: calc(var(--spacing) * 0);",
  "pl-1": "padding-left: calc(var(--spacing) * 1);",
  "pl-12": "padding-left: calc(var(--spacing) * 12);",
  "pl-2": "padding-left: calc(var(--spacing) * 2);",
  "pl-4": "padding-left: calc(var(--spacing) * 4);",
  "pl-6": "padding-left: calc(var(--spacing) * 6);",
  "pl-8": "padding-left: calc(var(--spacing) * 8);",
  "pointer-events-auto": "pointer-events: auto;",
  "pointer-events-none": "pointer-events: none;",
  "pr-0": "padding-right: calc(var(--spacing) * 0);",
  "pr-1": "padding-right: calc(var(--spacing) * 1);",
  "pr-12": "padding-right: calc(var(--spacing) * 12);",
  "pr-2": "padding-right: calc(var(--spacing) * 2);",
  "pr-4": "padding-right: calc(var(--spacing) * 4);",
  "pr-6": "padding-right: calc(var(--spacing) * 6);",
  "pr-8": "padding-right: calc(var(--spacing) * 8);",
  "pt-0": "padding-top: calc(var(--spacing) * 0);",
  "pt-1": "padding-top: calc(var(--spacing) * 1);",
  "pt-12": "padding-top: calc(var(--spacing) * 12);",
  "pt-2": "padding-top: calc(var(--spacing) * 2);",
  "pt-4": "padding-top: calc(var(--spacing) * 4);",
  "pt-6": "padding-top: calc(var(--spacing) * 6);",
  "pt-8": "padding-top: calc(var(--spacing) * 8);",
  "px-0": "padding-inline: calc(var(--spacing) * 0);",
  "px-1": "padding-inline: calc(var(--spacing) * 1);",
  "px-12": "padding-inline: calc(var(--spacing) * 12);",
  "px-2": "padding-inline: calc(var(--spacing) * 2);",
  "px-4": "padding-inline: calc(var(--spacing) * 4);",
  "px-6": "padding-inline: calc(var(--spacing) * 6);",
  "px-8": "padding-inline: calc(var(--spacing) * 8);",
  "py-0": "padding-block: calc(var(--spacing) * 0);",
  "py-16": "padding-block: calc(var(--spacing) * 16);",
  "py-2": "padding-block: calc(var(--spacing) * 2);",
  "py-32": "padding-block: calc(var(--spacing) * 32);",
  "py-4": "padding-block: calc(var(--spacing) * 4);",
  "py-48": "padding-block: calc(var(--spacing) * 48);",
  "py-8": "padding-block: calc(var(--spacing) * 8);",
  "relative": "position: relative;",
  "right-0": "right: calc(var(--spacing) * 0);",
  "right-auto": "right: auto;",
  "ring-0": "--tw-ring-shadow: 0 0 0 0px;",
  "ring-1": "--tw-ring-shadow: 0 0 0 1px;",
  "ring-2": "--tw-ring-shadow: 0 0 0 2px;",
  "ring-4": "--tw-ring-shadow: 0 0 0 4px;",
  "ring-8": "--tw-ring-shadow: 0 0 0 8px;",
  "rounded": "border-radius: var(--radius);",
  "rounded-2xl": "border-radius: var(--radius-2xl); /* 1rem (16px) */",
  "rounded-3xl": "border-radius: var(--radius-3xl); /* 1.5rem (24px) */",
  "rounded-b-full": "border-bottom-right-radius: calc(infinity * 1px);\nborder-bottom-left-radius: calc(infinity * 1px);",
  "rounded-b-lg": "border-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */\nborder-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */",
  "rounded-b-md": "border-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */\nborder-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */",
  "rounded-b-none": "border-bottom-right-radius: 0;\nborder-bottom-left-radius: 0;",
  "rounded-b-sm": "border-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */\nborder-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */",
  "rounded-b-xl": "border-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */\nborder-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */",
  "rounded-full": "border-radius: calc(infinity * 1px);",
  "rounded-l-full": "border-top-left-radius: calc(infinity * 1px);\nborder-bottom-left-radius: calc(infinity * 1px);",
  "rounded-l-lg": "border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */\nborder-bottom-left-radius: var(--radius-lg); /* 0.5rem (8px) */",
  "rounded-l-md": "border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */\nborder-bottom-left-radius: var(--radius-md); /* 0.375rem (6px) */",
  "rounded-l-none": "border-top-left-radius: 0;\nborder-bottom-left-radius: 0;",
  "rounded-l-sm": "border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */\nborder-bottom-left-radius: var(--radius-sm); /* 0.25rem (4px) */",
  "rounded-l-xl": "border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */\nborder-bottom-left-radius: var(--radius-xl); /* 0.75rem (12px) */",
  "rounded-lg": "border-radius: var(--radius-lg); /* 0.5rem (8px) */",
  "rounded-md": "border-radius: var(--radius-md); /* 0.375rem (6px) */",
  "rounded-none": "border-radius: 0;",
  "rounded-r-full": "border-top-right-radius: calc(infinity * 1px);\nborder-bottom-right-radius: calc(infinity * 1px);",
  "rounded-r-lg": "border-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */\nborder-bottom-right-radius: var(--radius-lg); /* 0.5rem (8px) */",
  "rounded-r-md": "border-top-right-radius: var(--radius-md); /* 0.375rem (6px) */\nborder-bottom-right-radius: var(--radius-md); /* 0.375rem (6px) */",
  "rounded-r-none": "border-top-right-radius: 0;\nborder-bottom-right-radius: 0;",
  "rounded-r-sm": "border-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */\nborder-bottom-right-radius: var(--radius-sm); /* 0.25rem (4px) */",
  "rounded-r-xl": "border-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */\nborder-bottom-right-radius: var(--radius-xl); /* 0.75rem (12px) */",
  "rounded-sm": "border-radius: var(--radius-sm); /* 0.25rem (4px) */",
  "rounded-t-full": "border-top-left-radius: calc(infinity * 1px);\nborder-top-right-radius: calc(infinity * 1px);",
  "rounded-t-lg": "border-top-left-radius: var(--radius-lg); /* 0.5rem (8px) */\nborder-top-right-radius: var(--radius-lg); /* 0.5rem (8px) */",
  "rounded-t-md": "border-top-left-radius: var(--radius-md); /* 0.375rem (6px) */\nborder-top-right-radius: var(--radius-md); /* 0.375rem (6px) */",
  "rounded-t-none": "border-top-left-radius: 0;\nborder-top-right-radius: 0;",
  "rounded-t-sm": "border-top-left-radius: var(--radius-sm); /* 0.25rem (4px) */\nborder-top-right-radius: var(--radius-sm); /* 0.25rem (4px) */",
  "rounded-t-xl": "border-top-left-radius: var(--radius-xl); /* 0.75rem (12px) */\nborder-top-right-radius: var(--radius-xl); /* 0.75rem (12px) */",
  "rounded-xl": "border-radius: var(--radius-xl); /* 0.75rem (12px) */",
  "rounded-xs": "border-radius: var(--radius-xs); /* 0.125rem (2px) */",
  "row-end-1": "grid-row-end: 1;",
  "row-end-2": "grid-row-end: 2;",
  "row-end-3": "grid-row-end: 3;",
  "row-end-4": "grid-row-end: 4;",
  "row-end-5": "grid-row-end: 5;",
  "row-end-6": "grid-row-end: 6;",
  "row-end-7": "grid-row-end: 7;",
  "row-end-auto": "grid-row-end: auto;",
  "row-start-1": "grid-row-start: 1;",
  "row-start-2": "grid-row-start: 2;",
  "row-start-3": "grid-row-start: 3;",
  "row-start-4": "grid-row-start: 4;",
  "row-start-5": "grid-row-start: 5;",
  "row-start-6": "grid-row-start: 6;",
  "row-start-7": "grid-row-start: 7;",
  "row-start-auto": "grid-row-start: auto;",
  "shadow-2xl": "box-shadow: var(--shadow-2xl);",
  "shadow-inner": "box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);",
  "shadow-lg": "box-shadow: var(--shadow-lg);",
  "shadow-md": "box-shadow: var(--shadow-md);",
  "shadow-none": "box-shadow: 0 0 #0000;",
  "shadow-sm": "box-shadow: var(--shadow-sm);",
  "shadow-xl": "box-shadow: var(--shadow-xl);",
  "shrink": "flex-shrink: 1;",
  "shrink-0": "flex-shrink: 0;",
  "space-x-0": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-x-1": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-x-2": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-x-4": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-x-6": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-x-8": "& > :not(:last-child) {\n          --tw-space-x-reverse: 0;\n          margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse));\n          margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));\n        };",
  "space-y-0": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "space-y-1": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "space-y-2": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "space-y-4": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "space-y-6": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "space-y-8": "& > :not(:last-child) {\n          --tw-space-y-reverse: 0;\n          margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));\n          margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));\n        };",
  "static": "position: static;",
  "sticky": "position: sticky;",
  "text-2xl": "font-size: var(--text-2xl); /* 1.5rem (24px) */ \nline-height: var(--text-2xl--line-height); /* calc(2 / 1.5) */",
  "text-3xl": "font-size: var(--text-3xl); /* 1.875rem (30px) */ \nline-height: var(--text-3xl--line-height); /* calc(2.25 / 1.875) */",
  "text-4xl": "font-size: var(--text-4xl); /* 2.25rem (36px) */ \nline-height: var(--text-4xl--line-height); /* calc(2.5 / 2.25) */",
  "text-5xl": "font-size: var(--text-5xl); /* 3rem (48px) */ \nline-height: var(--text-5xl--line-height); /* 1 */",
  "text-accent-foreground": "color: var(--accent-foreground);",
  "text-base": "font-size: var(--text-base); /* 1rem (16px) */ \nline-height: var(--text-base--line-height); /* calc(1.5 / 1) */",
  "text-center": "text-align: center;",
  "text-destructive": "color: var(--destructive);",
  "text-destructive-foreground": "color: var(--destructive-foreground);",
  "text-foreground": "color: var(--foreground);",
  "text-justify": "text-align: justify;",
  "text-left": "text-align: left;",
  "text-lg": "font-size: var(--text-lg); /* 1.125rem (18px) */ \nline-height: var(--text-lg--line-height); /* calc(1.75 / 1.125) */",
  "text-muted-foreground": "color: var(--muted-foreground);",
  "text-primary": "color: var(--primary);",
  "text-primary-foreground": "color: var(--primary-foreground);",
  "text-right": "text-align: right;",
  "text-secondary": "color: var(--secondary);",
  "text-secondary-foreground": "color: var(--secondary-foreground);",
  "text-chart-3": "color: var(--chart-3);",
  "text-sm": "font-size: var(--text-sm); /* 0.875rem (14px) */ \nline-height: var(--text-sm--line-height); /* calc(1.25 / 0.875) */",
  "text-xl": "font-size: var(--text-xl); /* 1.25rem (20px) */ \nline-height: var(--text-xl--line-height); /* calc(1.75 / 1.25) */",
  "text-xs": "font-size: var(--text-xs); /* 0.75rem (12px) */ \nline-height: var(--text-xs--line-height); /* calc(1 / 0.75) */",
  "top-0": "top: calc(var(--spacing) * 0);",
  "top-auto": "top: auto;",
  "tracking-normal": "letter-spacing: var(--tracking-normal);",
  "tracking-tight": "letter-spacing: var(--tracking-tight);",
  "tracking-tighter": "letter-spacing: var(--tracking-tighter);",
  "tracking-wide": "letter-spacing: var(--tracking-wide);",
  "tracking-wider": "letter-spacing: var(--tracking-wider);",
  "tracking-widest": "letter-spacing: var(--tracking-widest);",
  "truncate": "overflow: hidden;\ntext-overflow: ellipsis;\nwhite-space: nowrap;",
  "underline": "text-decoration-line: underline;",
  "uppercase": "text-transform: uppercase;",
  "visible": "visibility: visible;",
  "w-3": "width: calc(var(--spacing) * 3);",
  "w-4": "width: calc(var(--spacing) * 4);",
  "w-5": "width: calc(var(--spacing) * 5);",
  "w-6": "width: calc(var(--spacing) * 6);",
  "w-8": "width: calc(var(--spacing) * 8);",
  "w-auto": "width: auto;",
  "w-fit": "width: fit-content;",
  "w-full": "width: 100%;",
  "w-max": "width: max-content;",
  "w-min": "width: min-content;",
  "w-px": "width: 1px;",
  "w-screen": "width: 100vw;",
  "whitespace-break-spaces": "white-space: break-spaces;",
  "whitespace-normal": "white-space: normal;",
  "whitespace-nowrap": "white-space: nowrap;",
  "whitespace-pre": "white-space: pre;",
  "whitespace-pre-line": "white-space: pre-line;",
  "whitespace-pre-wrap": "white-space: pre-wrap;",
  "xl:grid-cols-1": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(1, minmax(0, 1fr));\n  }",
  "xl:grid-cols-2": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }",
  "xl:grid-cols-3": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n  }",
  "xl:grid-cols-4": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n  }",
  "xl:grid-cols-5": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(5, minmax(0, 1fr));\n  }",
  "xl:grid-cols-6": "@media (min-width: 1280px) {\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n  }",
  "z-0": "z-index: 0;",
  "z-10": "z-index: 10;",
  "z-20": "z-index: 20;",
  "z-30": "z-index: 30;",
  "z-40": "z-index: 40;",
  "z-50": "z-index: 50;",
  "z-auto": "z-index: auto;"
}