@clubmed/trident-ui 1.2.0 → 1.3.0-beta.10

package/tailwind/tailwind.preset.js

@@ -1,100 +1,57 @@
-import { g as c } from "../chunks/_commonjsHelpers.js";
-var s = {}, p = {};
-(function(e) {
-  Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), Object.defineProperty(e, "default", {
-    enumerable: !0,
-    get: function() {
-      return o;
-    }
-  });
-  function a(t, r) {
-    return {
-      handler: t,
-      config: r
-    };
-  }
-  a.withOptions = function(t, r = () => ({})) {
-    const n = function(i) {
-      return {
-        __options: i,
-        handler: t(i),
-        config: r(i)
-      };
-    };
-    return n.__isOptionsFunction = !0, n.__pluginFunction = t, n.__configFunction = r, n;
-  };
-  const o = a;
-})(p);
-(function(e) {
-  Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), Object.defineProperty(e, "default", {
-    enumerable: !0,
-    get: function() {
-      return t;
-    }
-  });
-  const a = /* @__PURE__ */ o(p);
-  function o(r) {
-    return r && r.__esModule ? r : {
-      default: r
-    };
-  }
-  const t = a.default;
-})(s);
-let l = s;
-var m = (l.__esModule ? l : { default: l }).default;
-const g = /* @__PURE__ */ c(m), u = {
-  current: "currentColor",
-  transparent: "transparent",
-  inherit: "inherit",
-  /* BRAND */
-  black: "hsl(var(--color-black) / <alpha-value>)",
-  "black-active": "hsl(var(--color-black-active) / <alpha-value>)",
-  ultramarine: "hsl(var(--color-ultramarine) / <alpha-value>)",
-  "ultramarine-active": "hsl(var(--color-ultramarine-active) / <alpha-value>)",
-  lavender: "hsl(var(--color-lavender) / <alpha-value>)",
-  "lavender-active": "hsl(var(--color-lavender-active) / <alpha-value>)",
-  verdigris: "hsl(var(--color-verdigris) / <alpha-value>)",
-  "verdigris-active": "hsl(var(--color-verdigris-active) / <alpha-value>)",
-  sand: "hsl(var(--color-sand) / <alpha-value>)",
-  "sand-active": "hsl(var(--color-sand-active) / <alpha-value>)",
-  lightSand: "hsl(var(--color-lightSand) / <alpha-value>)",
-  "lightSand-active": "hsl(var(--color-lightSand-active) / <alpha-value>)",
-  saffron: "hsl(var(--color-saffron) / <alpha-value>)",
-  "saffron-active": "hsl(var(--color-saffron-active) / <alpha-value>)",
-  sienna: "hsl(var(--color-sienna) / <alpha-value>)",
-  "sienna-active": "hsl(var(--color-sienna-active) / <alpha-value>)",
-  wave: "hsl(var(--color-wave) / <alpha-value>)",
-  "wave-active": "hsl(var(--color-wave-active) / <alpha-value>)",
-  white: "hsl(var(--color-white) / <alpha-value>)",
-  "white-active": "hsl(var(--color-white-active) / <alpha-value>)",
-  /* LAYOUT */
-  darkGrey: "hsl(var(--color-darkGrey) / <alpha-value>)",
-  middleGrey: "hsl(var(--color-middleGrey) / <alpha-value>)",
-  grey: "hsl(var(--color-grey) / <alpha-value>)",
-  lightGrey: "hsl(var(--color-lightGrey) / <alpha-value>)",
-  pearl: "hsl(var(--color-pearl) / <alpha-value>)",
-  green: "hsl(var(--color-green) / <alpha-value>)",
-  red: "hsl(var(--color-red) / <alpha-value>)",
-  orange: "hsl(var(--color-orange) / <alpha-value>)"
-}, x = {
+import { animationDelay as o } from "./plugins/animationDelay.js";
+import { hocus as a } from "./plugins/hocus.js";
+import { lineClampSafariFix as n } from "./plugins/lineClampFix.js";
+import { popover as i } from "./plugins/popover.js";
+import { startingStyle as s } from "./plugins/startingStyle.js";
+import { transitionBehavior as m } from "./plugins/transitionBehavior.js";
+import { COLORS as p } from "./colors.js";
+const l = {
+  fit: "fit-content",
+  min: "min-content",
+  max: "max-content"
+}, t = {
+  auto: "auto",
+  "1/2": "50%",
+  "1/3": "33.333333%",
+  "2/3": "66.666667%",
+  "1/4": "25%",
+  "2/4": "50%",
+  "3/4": "75%",
+  "1/5": "20%",
+  "2/5": "40%",
+  "3/5": "60%",
+  "4/5": "80%",
+  "1/6": "16.666667%",
+  "2/6": "33.333333%",
+  "3/6": "50%",
+  "4/6": "66.666667%",
+  "5/6": "83.333333%",
+  "3/10": "30%",
+  "6/10": "60%",
+  "7/10": "70%",
+  "1/12": "8.333333%",
+  "2/12": "16.666667%",
+  "3/12": "25%",
+  "4/12": "33.333333%",
+  "5/12": "41.666667%",
+  "6/12": "50%",
+  "7/12": "58.333333%",
+  "8/12": "66.666667%",
+  "9/12": "75%",
+  "10/12": "83.333333%",
+  "11/12": "91.666667%",
+  full: "100%"
+}, r = { ...l, ...t }, h = {
   content: [],
   plugins: [
-    g(({ addUtilities: e }) => {
-      const o = {};
-      for (let t = 1; t <= 7; t++)
-        o[`.line-clamp-${t}`] = {
-          maxHeight: `${t}lh`,
-          overflow: "hidden",
-          display: "-webkit-box",
-          "-webkit-box-orient": "vertical",
-          "-webkit-line-clamp": `${t}`
-        };
-      e(o);
-    })
+    // tailwindCssTypography,
+    // tailwindCssContainerQueries,
+    n,
+    a,
+    o,
+    i,
+    m,
+    s
   ],
   corePlugins: {
     // Disables the generation of tailwind line clamp classes to avoid duplicates with the plugin
@@ -103,15 +60,367 @@ const g = /* @__PURE__ */ c(m), u = {
   darkMode: "media",
   // or 'class'
   theme: {
+    extends: {
+      // Overrides the default styles generated by the @tailwindcss/typography plugin
+      // typography,
+      // containers: {
+      //   xs: '20rem' /* 320px */,
+      //   sm: '24rem' /* 384px */,
+      //   md: '28rem' /* 448px */,
+      //   lg: '32rem' /* 512px */,
+      //   xl: '36rem' /* 576px */,
+      //   '2xl': '42rem' /* 672px */,
+      //   '3xl': '48rem' /* 768px */,
+      //   '4xl': '56rem' /* 896px */,
+      //   '5xl': '64rem' /* 1024px */,
+      //   '6xl': '72rem' /* 1152px */,
+      //   '7xl': '80rem' /* 1280px */,
+      // },
+      gridAutoColumns: {
+        ...t,
+        360: "360px",
+        380: "380px"
+      }
+    },
+    colors: p,
     screens: {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1220px",
-      "2xl": "96em",
-      "3xl": "2060px"
-    },
-    colors: u,
+      sm: "40rem",
+      // '640px',
+      md: "48rem",
+      //, '768px',
+      lg: "64rem",
+      // '1024px',
+      xl: "76.25rem",
+      // '1220px',
+      "2xl": "96rem",
+      // '1536px',
+      "3xl": "128.75rem"
+      // '2060px',
+    },
+    spacing: {
+      0: "0",
+      1: "0.0625rem",
+      2: "0.125rem",
+      4: "0.25rem",
+      6: "0.375rem",
+      8: "0.5rem",
+      10: "0.625rem",
+      12: "0.75rem",
+      14: "0.875rem",
+      16: "1rem",
+      20: "1.25rem",
+      22: "1.375rem",
+      24: "1.5rem",
+      28: "1.75rem",
+      32: "2rem",
+      40: "2.5rem",
+      44: "2.75rem",
+      48: "3rem",
+      50: "3.125rem",
+      52: "3.25rem",
+      56: "3.5rem",
+      60: "3.75rem",
+      64: "4rem",
+      68: "4.25rem",
+      70: "4.375rem",
+      80: "5rem",
+      90: "5.625rem",
+      92: "5.75rem",
+      100: "6.25rem",
+      120: "7.5rem",
+      140: "8.75rem",
+      160: "10rem",
+      220: "13.75rem",
+      240: "15rem",
+      250: "15.625rem",
+      300: "18.75rem",
+      360: "22.5rem",
+      380: "23.75rem",
+      420: "26.25rem",
+      620: "38.75rem",
+      640: "40rem",
+      680: "42.5rem",
+      780: "48.75rem",
+      820: "51.25rem",
+      980: "61.25rem",
+      1120: "70rem",
+      1160: "72.5rem",
+      1180: "73.75rem",
+      1220: "76.25rem",
+      1340: "83.75rem"
+    },
+    animation: {
+      none: "none",
+      bounce: "bounce 1s infinite",
+      bounceEnter: "bounceEnter 500ms linear",
+      bounceEnterStrong: "bounceEnterStrong 600ms linear",
+      bounceExit: "bounceExit 500ms linear",
+      toastEnter: "toastEnter .4s ease",
+      toastExit: "toastExit .4s ease",
+      filling: "filling 10s linear",
+      spin: "spin 1s linear infinite",
+      loaderDash: "loaderDash 1.5s ease-in-out infinite",
+      wave: "wave 4s linear infinite",
+      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+      pulse: "pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+      rotatesIn: "rotatesIn .4s ease-in-out",
+      slideDown: "slideDown 0.5s ease-out",
+      slideRightEnter: "slideRightEnter .4s ease",
+      slideRightExit: "slideRightExit .4s ease",
+      slideUp: "slideUp 0.5s ease-out",
+      tick: "tick 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards",
+      tock: "tock 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal forwards",
+      boop: "boop 230ms cubic-bezier(.76,.24,.65,.85) normal both"
+    },
+    animationDelay: {
+      300: "300ms",
+      400: "400ms",
+      500: "500ms",
+      600: "600ms",
+      700: "700ms"
+    },
+    keyframes: {
+      bounceEnter: {
+        "0%": {
+          opacity: "0",
+          transform: "scale(0.5)"
+        },
+        "70%": {
+          opacity: "1",
+          transform: "scale(1.2)"
+        },
+        "100%": {
+          opacity: "1",
+          transform: "scale(1)"
+        }
+      },
+      bounceEnterStrong: {
+        "0%": {
+          opacity: "0",
+          transform: "scale(0.5)"
+        },
+        "70%": {
+          opacity: "1",
+          transform: "scale(1.5)"
+        },
+        "100%": {
+          opacity: "1",
+          transform: "scale(1)"
+        }
+      },
+      bounceExit: {
+        "0%": {
+          opacity: "1",
+          transform: "scale(1)"
+        },
+        "100%": {
+          opacity: "0",
+          transform: "scale(0.5)"
+        }
+      },
+      filling: {
+        "0%": {
+          transform: "scaleX(0)"
+        },
+        "100%": {
+          transform: "scaleX(1)"
+        }
+      },
+      loaderDash: {
+        "0%": {
+          strokeDashoffset: "38",
+          strokeDasharray: "38"
+        },
+        "50%": {
+          strokeDashoffset: "70",
+          strokeDasharray: "70",
+          transform: "rotate(180deg)"
+        },
+        "100%": {
+          transform: "rotate(360deg)"
+        }
+      },
+      pulse: {
+        "25%": {
+          scale: "1.25"
+        },
+        "50%": {
+          scale: "1"
+        }
+      },
+      rotatesIn: {
+        "0%": {
+          transform: "translateY(-20px)",
+          opacity: "0"
+        },
+        "100%": {
+          transform: "translateY(0)",
+          opacity: "1"
+        }
+      },
+      slideDown: {
+        "0%": { transform: "translateY(var(--tw-slideDown, -100%))" },
+        "100%": { transform: "translateY(0%)" }
+      },
+      slideRightEnter: {
+        "0%": {
+          transform: "translateX(100%)",
+          opacity: "0"
+        },
+        "100%": {
+          transform: "translateX(0%)",
+          opacity: "1"
+        }
+      },
+      slideRightExit: {
+        "0%": {
+          transform: "translateX(0%)"
+        },
+        "100%": {
+          transform: "translateX(101%)"
+        }
+      },
+      slideUp: {
+        "0%": { transform: "translateY(var(--tw-slideUp, 100%))" },
+        "100%": { transform: "translateY(0%)" }
+      },
+      spin: {
+        to: {
+          transform: "rotate(360deg)"
+        }
+      },
+      tick: {
+        "0%": {
+          transform: "rotateX(0deg)"
+        },
+        "100%": {
+          transform: "rotateX(-180deg)"
+        }
+      },
+      tock: {
+        "0%": {
+          transform: "rotateX(180deg)"
+        },
+        "100%": {
+          transform: "rotateX(0deg)"
+        }
+      },
+      wave: {
+        "0%": {
+          transform: "translate(100px, 140px)"
+        },
+        "10%": {
+          transform: "translate(100px, 140px)"
+        },
+        "100%": {
+          transform: "translate(0px, 0px)"
+        }
+      },
+      boop: {
+        "0%": {
+          scale: "1"
+        },
+        "25%": {
+          scale: "0.98"
+        },
+        "75%": {
+          scale: "1.025"
+        },
+        "100%": {
+          scale: "1"
+        }
+      },
+      // NOT IN DCX
+      ping: {
+        "75%, 100%": {
+          transform: "scale(2)",
+          opacity: "0"
+        }
+      },
+      bounce: {
+        "0%, 100%": {
+          transform: "translateY(-25%)",
+          animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+        },
+        "50%": {
+          transform: "none",
+          animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+        }
+      },
+      toastEnter: {
+        "0%": {
+          transform: "translateX(100%)",
+          opacity: "0"
+        },
+        "100%": {
+          transform: "translateX(0%)",
+          opacity: "1"
+        }
+      },
+      toastExit: {
+        "0%": {
+          transform: "translateX(0%)"
+        },
+        "100%": {
+          transform: "translateX(101%)"
+        }
+      }
+    },
+    aspectRatio: {
+      auto: "auto",
+      horizontal: "19 / 12",
+      square: "1 / 1",
+      vertical: "19 / 25",
+      verticalVideo: "9 / 16",
+      video: "16 / 9"
+    },
+    backdropBlur: ({ theme: e }) => e("blur"),
+    blur: {
+      DEFAULT: "8px",
+      0: "0",
+      none: "0",
+      xs: "2px",
+      sm: "4px",
+      md: "12px",
+      lg: "16px",
+      xl: "24px",
+      "2xl": "40px",
+      "3xl": "64px"
+    },
+    borderColor: ({ theme: e }) => ({
+      ...e("colors"),
+      DEFAULT: e("colors.gray.200", "currentColor")
+    }),
+    borderRadius: {
+      0: "0rem",
+      2: "0.125rem",
+      4: "0.25rem",
+      8: ".5rem",
+      16: "1rem",
+      22: "1.375rem",
+      32: "2rem",
+      pill: "7.5rem",
+      full: "100%"
+    },
+    borderWidth: {
+      DEFAULT: "1px",
+      1: "1px",
+      0: "0px",
+      2: "2px",
+      4: "4px",
+      6: "6px",
+      8: "8px"
+    },
+    boxShadow: {
+      sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+      DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+      md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+      lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+      xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+      "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+      inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+      none: "none"
+    },
     columns: {
       auto: "auto",
       1: "1",
@@ -140,45 +449,248 @@ const g = /* @__PURE__ */ c(m), u = {
       "6xl": "72rem",
       "7xl": "80rem"
     },
-    spacing: {
+    container: {},
+    dropShadow: {
+      sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+      DEFAULT: "0 0 12px rgb(0 0 0 / 0.2)",
+      md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+      lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+      xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+      "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+      none: "0 0 #0000"
+    },
+    fontFamily: {
+      sans: [
+        "var(--font-family-sans, Inter)",
+        "Helvetica Neue",
+        "Helvetica",
+        "Arial",
+        "sans-serif"
+      ],
+      serif: ["var(--font-family-serif, Newsreader)", "Times New Roman", "Times", "serif"]
+    },
+    fontSize: {
+      inherit: ["inherit", { lineHeight: "inherit" }],
+      b6: ["0.625rem", { lineHeight: ".75rem" }],
+      b5: ["0.75rem", { lineHeight: ".875rem" }],
+      b4: ["0.875rem", { lineHeight: "1.25rem" }],
+      b3: ["1rem", { lineHeight: "1.5rem" }],
+      b2: ["1.25rem", { lineHeight: "1.75rem" }],
+      b1: ["1.5rem", { lineHeight: "1.75rem" }],
+      b0: ["1.75rem", { lineHeight: "2rem" }],
+      h5: ["1.5rem", { lineHeight: "1.625rem", fontWeight: "700" }],
+      h4: ["1.75rem", { lineHeight: "1.875rem", fontWeight: "700" }],
+      h3: ["2rem", { lineHeight: "2.125rem", fontWeight: "700" }],
+      h2: ["2.5rem", { lineHeight: "2.625rem", fontWeight: "700" }],
+      h1: ["3rem", { lineHeight: "3.125rem", fontWeight: "700" }],
+      h0: ["4rem", { lineHeight: "4.125rem", fontWeight: "700" }]
+    },
+    fontWeight: {
+      normal: "400",
+      semibold: "600",
+      bold: "700"
+    },
+    height: ({ theme: e }) => ({
+      48: "48px",
+      100: "100px",
+      ...e("spacing"),
+      ...r,
+      screen: ["100vh", "100dvh"]
+    }),
+    inset: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...t
+    }),
+    lineClamp: {
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7"
+    },
+    lineHeight: {
+      none: "1",
+      tight: "1.25",
+      snug: "1.375",
+      normal: "1.5",
+      relaxed: "1.625",
+      loose: "2",
+      3: ".75rem",
+      4: "1rem",
+      5: "1.25rem",
+      6: "1.5rem",
+      7: "1.75rem",
+      8: "2rem",
+      9: "2.25rem",
+      10: "2.5rem"
+    },
+    maxHeight: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...r,
+      none: "none",
+      screen: ["100vh", "100dvh"]
+    }),
+    maxWidth: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...r,
+      none: "none",
+      screen: ["100vw", "100dvw"]
+    }),
+    minHeight: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...r,
+      none: "none",
+      screen: ["100vh", "100dvh"]
+    }),
+    minWidth: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...r,
+      none: "none",
+      screen: ["100vw", "100dvw"]
+    }),
+    opacity: {
       0: "0",
+      5: "0.05",
+      10: "0.1",
+      20: "0.2",
+      25: "0.25",
+      30: "0.3",
+      40: "0.4",
+      50: "0.5",
+      60: "0.6",
+      70: "0.7",
+      75: "0.75",
+      80: "0.8",
+      90: "0.9",
+      95: "0.95",
+      100: "1"
+    },
+    ringColor: ({ theme: e }) => ({
+      ...e("colors"),
+      DEFAULT: e("colors.blue.500", "#3b82f6")
+    }),
+    ringWidth: {
+      DEFAULT: "3px",
+      0: "0px",
       1: "1px",
-      2: "0.125rem",
-      4: "0.25rem",
-      8: "0.5rem",
-      12: "0.75rem",
-      16: "1rem",
-      20: "1.25rem",
-      24: "1.5rem",
-      32: "2rem",
-      40: "2.5rem",
-      60: "3.75rem",
-      80: "5rem",
-      120: "7.5rem",
-      160: "10rem"
+      2: "2px",
+      4: "4px",
+      8: "8px"
     },
-    animation: {
+    rotate: {
+      0: "0deg",
+      1: "1deg",
+      2: "2deg",
+      3: "3deg",
+      6: "6deg",
+      12: "12deg",
+      45: "45deg",
+      90: "90deg",
+      180: "180deg"
+    },
+    scale: {
+      ...t,
+      0: "0",
+      50: ".5",
+      75: ".75",
+      90: ".9",
+      95: ".95",
+      100: "1",
+      105: "1.05",
+      115: "1.15",
+      110: "1.1",
+      125: "1.25",
+      150: "1.5"
+    },
+    transitionDelay: {
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      400: "400ms",
+      500: "500ms",
+      600: "600ms",
+      700: "700ms",
+      800: "800ms",
+      1e3: "1000ms",
+      2e3: "2000ms"
+    },
+    transitionDuration: {
+      DEFAULT: "150ms",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      400: "400ms",
+      500: "500ms",
+      600: "600ms",
+      700: "700ms",
+      800: "800ms",
+      900: "900ms",
+      1e3: "1000ms",
+      3e3: "3000ms"
+    },
+    transitionProperty: {
+      DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
       none: "none",
-      spin: "spin 1s linear infinite",
-      loaderDash: "loaderDash 1.5s ease-in-out infinite",
-      wave: "wave 4s linear infinite",
-      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
-      pulse: "pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite",
-      rotatesIn: "rotatesIn .4s ease-in-out",
-      bounce: "bounce 1s infinite",
-      toastEnter: "toastEnter .4s ease",
-      toastExit: "toastExit .4s ease",
-      filling: "filling 10s linear"
+      all: "all",
+      "bg-size": "background-size",
+      colors: "color, background-color, border-color, outline-color, text-decoration-color, fill, stroke",
+      border: "border, border-radius, outline",
+      opacity: "opacity",
+      rotate: "rotate",
+      transform: "transform",
+      "transform/colors": "transform, color, background-color, border-color, outline-color, text-decoration-color, fill, stroke",
+      "transform/opacity": "transform, opacity",
+      "colors/opacity": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity"
     },
-    aspectRatio: {
+    translate: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...t
+    }),
+    width: ({ theme: e }) => ({
+      ...e("spacing"),
+      ...r,
+      screen: ["100vw", "100dvw"]
+    }),
+    zIndex: {
       auto: "auto",
-      square: "1 / 1",
-      horizontal: "19 / 12",
-      vertical: "19 / 25",
-      video: "16 / 9",
-      verticalVideo: "9 / 16"
+      0: "0",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5"
+    },
+    // NOT in DCX
+    transformOrigin: {
+      center: "center",
+      top: "top",
+      "top-right": "top right",
+      right: "right",
+      "bottom-right": "bottom right",
+      bottom: "bottom",
+      "bottom-left": "bottom left",
+      left: "left",
+      "top-left": "top left"
+    },
+    transitionTimingFunction: {
+      DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+      linear: "linear",
+      in: "cubic-bezier(0.4, 0, 1, 1)",
+      out: "cubic-bezier(0, 0, 0.2, 1)",
+      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    willChange: {
+      auto: "auto",
+      scroll: "scroll-position",
+      contents: "contents",
+      transform: "transform"
     },
-    backdropBlur: ({ theme: e }) => e("blur"),
     backdropBrightness: ({ theme: e }) => e("brightness"),
     backdropContrast: ({ theme: e }) => e("contrast"),
     backdropGrayscale: ({ theme: e }) => e("grayscale"),
@@ -216,17 +728,6 @@ const g = /* @__PURE__ */ c(m), u = {
       cover: "cover",
       contain: "contain"
     },
-    blur: {
-      0: "0",
-      none: "0",
-      sm: "4px",
-      DEFAULT: "8px",
-      md: "12px",
-      lg: "16px",
-      xl: "24px",
-      "2xl": "40px",
-      "3xl": "64px"
-    },
     brightness: {
       0: "0",
       50: ".5",
@@ -240,39 +741,10 @@ const g = /* @__PURE__ */ c(m), u = {
       150: "1.5",
       200: "2"
     },
-    borderColor: ({ theme: e }) => ({
-      ...e("colors"),
-      DEFAULT: e("colors.gray.200", "currentColor")
-    }),
     borderOpacity: ({ theme: e }) => e("opacity"),
-    borderRadius: {
-      0: "0rem",
-      4: "0.25rem",
-      8: ".5rem",
-      16: "1rem",
-      pill: "7.5rem",
-      full: "100%"
-    },
     borderSpacing: ({ theme: e }) => ({
       ...e("spacing")
     }),
-    borderWidth: {
-      DEFAULT: "1px",
-      0: "0px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    boxShadow: {
-      sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
-      DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
-      md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-      lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
-      xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
-      "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
-      inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
-      none: "none"
-    },
     boxShadowColor: ({ theme: e }) => e("colors"),
     caretColor: ({ theme: e }) => e("colors"),
     accentColor: ({ theme: e }) => ({
@@ -288,7 +760,6 @@ const g = /* @__PURE__ */ c(m), u = {
       150: "1.5",
       200: "2"
     },
-    container: {},
     content: {
       none: "none"
     },
@@ -333,15 +804,6 @@ const g = /* @__PURE__ */ c(m), u = {
     divideColor: ({ theme: e }) => e("borderColor"),
     divideOpacity: ({ theme: e }) => e("borderOpacity"),
     divideWidth: ({ theme: e }) => e("borderWidth"),
-    dropShadow: {
-      sm: "0 1px 1px rgb(0 0 0 / 0.05)",
-      DEFAULT: "0 0 12px rgb(0 0 0 / 0.2)",
-      md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
-      lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
-      xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
-      "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
-      none: "0 0 #0000"
-    },
     fill: ({ theme: e }) => e("colors"),
     grayscale: {
       0: "0",
@@ -404,30 +866,6 @@ const g = /* @__PURE__ */ c(m), u = {
       0: "0",
       DEFAULT: "1"
     },
-    fontFamily: {
-      sans: ["Inter", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"],
-      serif: ["Newsreader", "Times New Roman", "Times", "serif"]
-    },
-    fontSize: {
-      b6: ["0.625rem", { lineHeight: ".75rem" }],
-      b5: ["0.75rem", { lineHeight: ".875rem" }],
-      b4: ["0.875rem", { lineHeight: "1.25rem" }],
-      b3: ["1rem", { lineHeight: "1.5rem" }],
-      b2: ["1.25rem", { lineHeight: "1.75rem" }],
-      b1: ["1.5rem", { lineHeight: "1.75rem" }],
-      b0: ["1.75rem", { lineHeight: "2rem" }],
-      h5: ["1.5rem", { lineHeight: "1.625rem", fontWeight: "700" }],
-      h4: ["1.75rem", { lineHeight: "1.875rem", fontWeight: "700" }],
-      h3: ["2rem", { lineHeight: "2.125rem", fontWeight: "700" }],
-      h2: ["2.5rem", { lineHeight: "2.625rem", fontWeight: "700" }],
-      h1: ["3rem", { lineHeight: "3.125rem", fontWeight: "700" }],
-      h0: ["4rem", { lineHeight: "4.125rem", fontWeight: "700" }]
-    },
-    fontWeight: {
-      normal: "400",
-      semibold: "600",
-      bold: "700"
-    },
     gap: ({ theme: e }) => e("spacing"),
     gradientColorStops: ({ theme: e }) => e("colors"),
     gridAutoColumns: {
@@ -490,198 +928,18 @@ const g = /* @__PURE__ */ c(m), u = {
       12: "12",
       13: "13"
     },
-    gridRow: {
-      auto: "auto",
-      "span-1": "span 1 / span 1",
-      "span-2": "span 2 / span 2",
-      "span-3": "span 3 / span 3",
-      "span-4": "span 4 / span 4",
-      "span-5": "span 5 / span 5",
-      "span-6": "span 6 / span 6",
-      "span-full": "1 / -1"
-    },
-    gridRowStart: {
-      auto: "auto",
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5",
-      6: "6",
-      7: "7"
-    },
-    gridRowEnd: {
-      auto: "auto",
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5",
-      6: "6",
-      7: "7"
-    },
-    gridTemplateColumns: {
-      none: "none",
-      1: "repeat(1, minmax(0, 1fr))",
-      2: "repeat(2, minmax(0, 1fr))",
-      3: "repeat(3, minmax(0, 1fr))",
-      4: "repeat(4, minmax(0, 1fr))",
-      5: "repeat(5, minmax(0, 1fr))",
-      6: "repeat(6, minmax(0, 1fr))",
-      7: "repeat(7, minmax(0, 1fr))",
-      8: "repeat(8, minmax(0, 1fr))",
-      9: "repeat(9, minmax(0, 1fr))",
-      10: "repeat(10, minmax(0, 1fr))",
-      11: "repeat(11, minmax(0, 1fr))",
-      12: "repeat(12, minmax(0, 1fr))"
-    },
-    gridTemplateRows: {
-      none: "none",
-      1: "repeat(1, minmax(0, 1fr))",
-      2: "repeat(2, minmax(0, 1fr))",
-      3: "repeat(3, minmax(0, 1fr))",
-      4: "repeat(4, minmax(0, 1fr))",
-      5: "repeat(5, minmax(0, 1fr))",
-      6: "repeat(6, minmax(0, 1fr))"
-    },
-    height: ({ theme: e }) => ({
-      auto: "auto",
-      48: "48px",
-      100: "100px",
-      ...e("spacing"),
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      full: "100%",
-      screen: ["100vh", "100dvh"],
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content"
-    }),
-    inset: ({ theme: e }) => ({
-      auto: "auto",
-      ...e("spacing"),
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      full: "100%"
-    }),
-    keyframes: {
-      spin: {
-        to: {
-          transform: "rotate(360deg)"
-        }
-      },
-      loaderDash: {
-        "0%": {
-          strokeDashoffset: "38",
-          strokeDasharray: "38"
-        },
-        "50%": {
-          strokeDashoffset: "70",
-          strokeDasharray: "70",
-          transform: "rotate(180deg)"
-        },
-        "100%": {
-          transform: "rotate(360deg)"
-        }
-      },
-      wave: {
-        "0%": {
-          transform: "translate(100px, 140px)"
-        },
-        "10%": {
-          transform: "translate(100px, 140px)"
-        },
-        "100%": {
-          transform: "translate(0px, 0px)"
-        }
-      },
-      ping: {
-        "75%, 100%": {
-          transform: "scale(2)",
-          opacity: "0"
-        }
-      },
-      pulse: {
-        "25%": {
-          scale: "1.25"
-        },
-        "50%": {
-          scale: "1"
-        }
-      },
-      rotatesIn: {
-        "0%": {
-          transform: "translateY(-20px)",
-          opacity: "0"
-        },
-        "100%": {
-          transform: "translateY(0)",
-          opacity: "1"
-        }
-      },
-      bounce: {
-        "0%, 100%": {
-          transform: "translateY(-25%)",
-          animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
-        },
-        "50%": {
-          transform: "none",
-          animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
-        }
-      },
-      toastEnter: {
-        "0%": {
-          transform: "translateX(100%)",
-          opacity: "0"
-        },
-        "100%": {
-          transform: "translateX(0%)",
-          opacity: "1"
-        }
-      },
-      toastExit: {
-        "0%": {
-          transform: "translateX(0%)"
-        },
-        "100%": {
-          transform: "translateX(101%)"
-        }
-      },
-      filling: {
-        "0%": {
-          transform: "scaleX(0)"
-        },
-        "100%": {
-          transform: "scaleX(1)"
-        }
-      }
-    },
-    letterSpacing: {
-      tighter: "-0.05em",
-      tight: "-0.025em",
-      normal: "0em",
-      wide: "0.025em",
-      wider: "0.05em",
-      widest: "0.1em"
+    gridRow: {
+      auto: "auto",
+      "span-1": "span 1 / span 1",
+      "span-2": "span 2 / span 2",
+      "span-3": "span 3 / span 3",
+      "span-4": "span 4 / span 4",
+      "span-5": "span 5 / span 5",
+      "span-6": "span 6 / span 6",
+      "span-full": "1 / -1"
     },
-    lineClamp: {
+    gridRowStart: {
+      auto: "auto",
       1: "1",
       2: "2",
       3: "3",
@@ -690,69 +948,52 @@ const g = /* @__PURE__ */ c(m), u = {
       6: "6",
       7: "7"
     },
-    lineHeight: {
-      none: "1",
-      tight: "1.25",
-      snug: "1.375",
-      normal: "1.5",
-      relaxed: "1.625",
-      loose: "2",
-      3: ".75rem",
-      4: "1rem",
-      5: "1.25rem",
-      6: "1.5rem",
-      7: "1.75rem",
-      8: "2rem",
-      9: "2.25rem",
-      10: "2.5rem"
+    gridRowEnd: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7"
     },
-    listStyleType: {
+    gridTemplateColumns: {
       none: "none",
-      disc: "disc",
-      decimal: "decimal"
+      1: "repeat(1, minmax(0, 1fr))",
+      2: "repeat(2, minmax(0, 1fr))",
+      3: "repeat(3, minmax(0, 1fr))",
+      4: "repeat(4, minmax(0, 1fr))",
+      5: "repeat(5, minmax(0, 1fr))",
+      6: "repeat(6, minmax(0, 1fr))",
+      7: "repeat(7, minmax(0, 1fr))",
+      8: "repeat(8, minmax(0, 1fr))",
+      9: "repeat(9, minmax(0, 1fr))",
+      10: "repeat(10, minmax(0, 1fr))",
+      11: "repeat(11, minmax(0, 1fr))",
+      12: "repeat(12, minmax(0, 1fr))"
     },
-    margin: ({ theme: e }) => ({
-      auto: "auto",
-      ...e("spacing")
-    }),
-    maxHeight: ({ theme: e }) => ({
-      ...e("spacing"),
-      full: "100%",
-      screen: ["100vh", "100dvh"],
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content"
-    }),
-    maxWidth: ({ theme: e, breakpoints: a }) => ({
+    gridTemplateRows: {
       none: "none",
-      0: "0rem",
-      360: "360px",
-      1220: "1220px",
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      full: "100%",
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content",
-      prose: "65ch",
-      ...a(e("screens"))
-    }),
-    minHeight: {
-      0: "0px",
-      full: "100%",
-      // @ts-expect-error typing error from tailwind, I guess?
-      screen: ["100vh", "100dvh"],
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content"
+      1: "repeat(1, minmax(0, 1fr))",
+      2: "repeat(2, minmax(0, 1fr))",
+      3: "repeat(3, minmax(0, 1fr))",
+      4: "repeat(4, minmax(0, 1fr))",
+      5: "repeat(5, minmax(0, 1fr))",
+      6: "repeat(6, minmax(0, 1fr))"
     },
-    minWidth: {
-      0: "0px",
-      360: "360px",
-      full: "100%",
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content"
+    letterSpacing: {
+      tighter: "-0.05em",
+      tight: "-0.025em",
+      normal: "0em",
+      wide: "0.025em",
+      wider: "0.05em",
+      widest: "0.1em"
+    },
+    listStyleType: {
+      none: "none",
+      disc: "disc",
+      decimal: "decimal"
     },
     objectPosition: {
       bottom: "bottom",
@@ -765,23 +1006,10 @@ const g = /* @__PURE__ */ c(m), u = {
       "right-top": "right top",
       top: "top"
     },
-    opacity: {
-      0: "0",
-      5: "0.05",
-      10: "0.1",
-      20: "0.2",
-      25: "0.25",
-      30: "0.3",
-      40: "0.4",
-      50: "0.5",
-      60: "0.6",
-      70: "0.7",
-      75: "0.75",
-      80: "0.8",
-      90: "0.9",
-      95: "0.95",
-      100: "1"
-    },
+    margin: ({ theme: e }) => ({
+      auto: "auto",
+      ...e("spacing")
+    }),
     order: {
       first: "-9999",
       last: "9999",
@@ -817,10 +1045,6 @@ const g = /* @__PURE__ */ c(m), u = {
       4: "4px",
       8: "8px"
     },
-    ringColor: ({ theme: e }) => ({
-      DEFAULT: e("colors.blue.500", "#3b82f6"),
-      ...e("colors")
-    }),
     ringOffsetColor: ({ theme: e }) => e("colors"),
     ringOffsetWidth: {
       0: "0px",
@@ -833,25 +1057,6 @@ const g = /* @__PURE__ */ c(m), u = {
       DEFAULT: "0.5",
       ...e("opacity")
     }),
-    ringWidth: {
-      DEFAULT: "3px",
-      0: "0px",
-      1: "1px",
-      2: "2px",
-      4: "4px",
-      8: "8px"
-    },
-    rotate: {
-      0: "0deg",
-      1: "1deg",
-      2: "2deg",
-      3: "3deg",
-      6: "6deg",
-      12: "12deg",
-      45: "45deg",
-      90: "90deg",
-      180: "180deg"
-    },
     saturate: {
       0: "0",
       50: ".5",
@@ -859,18 +1064,6 @@ const g = /* @__PURE__ */ c(m), u = {
       150: "1.5",
       200: "2"
     },
-    scale: {
-      0: "0",
-      50: ".5",
-      75: ".75",
-      90: ".9",
-      95: ".95",
-      100: "1",
-      105: "1.05",
-      110: "1.1",
-      125: "1.25",
-      150: "1.5"
-    },
     scrollMargin: ({ theme: e }) => ({
       ...e("spacing")
     }),
@@ -879,6 +1072,7 @@ const g = /* @__PURE__ */ c(m), u = {
       0: "0",
       DEFAULT: "100%"
     },
+    size: ({ theme: e }) => e("spacing"),
     skew: {
       0: "0deg",
       1: "1deg",
@@ -918,124 +1112,7 @@ const g = /* @__PURE__ */ c(m), u = {
     textIndent: ({ theme: e }) => ({
       ...e("spacing")
     }),
-    textOpacity: ({ theme: e }) => e("opacity"),
-    transformOrigin: {
-      center: "center",
-      top: "top",
-      "top-right": "top right",
-      right: "right",
-      "bottom-right": "bottom right",
-      bottom: "bottom",
-      "bottom-left": "bottom left",
-      left: "left",
-      "top-left": "top left"
-    },
-    transitionDelay: {
-      75: "75ms",
-      100: "100ms",
-      150: "150ms",
-      200: "200ms",
-      300: "300ms",
-      500: "500ms",
-      700: "700ms",
-      1e3: "1000ms"
-    },
-    transitionDuration: {
-      DEFAULT: "150ms",
-      75: "75ms",
-      100: "100ms",
-      150: "150ms",
-      200: "200ms",
-      300: "300ms",
-      500: "500ms",
-      700: "700ms",
-      1e3: "1000ms"
-    },
-    transitionProperty: {
-      none: "none",
-      all: "all",
-      DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-      colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
-      opacity: "opacity",
-      "transform/opacity": "opacity, transform",
-      shadow: "box-shadow",
-      transform: "transform",
-      rotate: "rotate",
-      "bg-size": "background-size"
-    },
-    transitionTimingFunction: {
-      DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
-      linear: "linear",
-      in: "cubic-bezier(0.4, 0, 1, 1)",
-      out: "cubic-bezier(0, 0, 0.2, 1)",
-      "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
-    },
-    translate: ({ theme: e }) => ({
-      ...e("spacing"),
-      0: 0,
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      full: "100%"
-    }),
-    width: ({ theme: e }) => ({
-      auto: "auto",
-      px: "1px",
-      48: "48px",
-      100: "100px",
-      240: "240px",
-      360: "360px",
-      ...e("spacing"),
-      "1/2": "50%",
-      "1/3": "33.333333%",
-      "2/3": "66.666667%",
-      "1/4": "25%",
-      "2/4": "50%",
-      "3/4": "75%",
-      "1/5": "20%",
-      "2/5": "40%",
-      "3/5": "60%",
-      "4/5": "80%",
-      "1/6": "16.666667%",
-      "2/6": "33.333333%",
-      "3/6": "50%",
-      "4/6": "66.666667%",
-      "5/6": "83.333333%",
-      "1/12": "8.333333%",
-      "2/12": "16.666667%",
-      "3/12": "25%",
-      "4/12": "33.333333%",
-      "5/12": "41.666667%",
-      "6/12": "50%",
-      "7/12": "58.333333%",
-      "8/12": "66.666667%",
-      "9/12": "75%",
-      "10/12": "83.333333%",
-      "11/12": "91.666667%",
-      full: "100%",
-      screen: "100vw",
-      min: "min-content",
-      max: "max-content",
-      fit: "fit-content"
-    }),
-    willChange: {
-      auto: "auto",
-      scroll: "scroll-position",
-      contents: "contents",
-      transform: "transform"
-    },
-    zIndex: {
-      auto: "auto",
-      0: "0",
-      1: "1",
-      2: "2",
-      3: "3",
-      4: "4",
-      5: "5"
-    }
+    textOpacity: ({ theme: e }) => e("opacity")
   },
   variantOrder: [
     "first",
@@ -1060,6 +1137,6 @@ const g = /* @__PURE__ */ c(m), u = {
   }
 };
 export {
-  x as tailwindPreset
+  h as tailwindPreset
 };
 //# sourceMappingURL=tailwind.preset.js.map