@hanzo/ui 4.6.0 → 4.8.2

package/dist/tailwind/index.mjs

@@ -0,0 +1,2019 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// tailwind/tailwind.config.hanzo-preset.js
+import animatePlugin from "tailwindcss-animate";
+import containerQueriesPlugin from "@tailwindcss/container-queries";
+import tailwindInteractionMediaPlugin from "tailwindcss-interaction-media";
+
+// tailwind/colors.tailwind.js
+var colors_tailwind_default = /* @__PURE__ */ __name(({ colors }) => ({
+  inherit: colors.inherit,
+  current: colors.current,
+  transparent: colors.transparent,
+  ring: "var(--hz-ui-ring)",
+  background: "var(--hz-ui-bg-0)",
+  // Should be partially transparent,
+  // so opacity animations in 'vaul' module and other 3rd party stuff work
+  overlay: "var(--hz-ui-bg-overlay)",
+  // levels forward in z-index (a la Material Design)
+  level: {
+    DEFAULT: "var(--hz-ui-bg-0)",
+    "0": "var(--hz-ui-bg-0)",
+    "1": "var(--hz-ui-bg-1)",
+    "2": "var(--hz-ui-bg-2)",
+    "3": "var(--hz-ui-bg-3)"
+  },
+  accent: "var(--hz-ui-fg-0)",
+  // full contrast (darkTheme:white) : heading and links hover
+  foreground: "var(--hz-ui-fg-body)",
+  // body text off-white (bright enough to contrast to bg-level-1)
+  muted: {
+    DEFAULT: "var(--hz-ui-fg-2)",
+    // de-emphasized: fine print
+    "1": "var(--hz-ui-fg-2)",
+    // synonymous ^^^
+    "2": "var(--hz-ui-fg-3)",
+    // disabled or very de-emphasized
+    "3": "var(--hz-ui-fg-4)",
+    // very disabled ;)
+    "4": "var(--hz-ui-fg-5)"
+    // disabled border
+  },
+  primary: {
+    DEFAULT: "var(--hz-ui-primary)",
+    lux: "var(--hz-ui-primary)",
+    // in case there are two configs
+    hover: "var(--hz-ui-primary-hover)",
+    fg: "var(--hz-ui-primary-fg)"
+  },
+  secondary: {
+    DEFAULT: "var(--hz-ui-secondary)",
+    lux: "var(--hz-ui-secondary)",
+    // in case there are two configs
+    hover: "var(--hz-ui-secondary-hover)",
+    fg: "var(--hz-ui-secondary-fg)",
+    "0": "var(--hz-ui-secondary-0)",
+    "1": "var(--hz-ui-secondary-1)",
+    "2": "var(--hz-ui-secondary-2)",
+    "3": "var(--hz-ui-secondary-3)"
+  },
+  destructive: {
+    DEFAULT: "var(--hz-ui-destructive)",
+    fg: "var(--hz-ui-destructive-fg)"
+  },
+  nav: {
+    DEFAULT: "var(--hz-ui-nav)",
+    hover: "var(--hz-ui-nav-hover)",
+    current: "var(--hz-ui-nav-current)"
+  }
+}), "default");
+
+// tailwind/safelist.tailwind.js
+var safelist_tailwind_default = [
+  "font-sans",
+  {
+    pattern: /grid-cols-[1-6]/,
+    variants: ["xs", "sm", "md", "lg", "xl", "2xl"]
+  },
+  {
+    // SpaceBlock
+    pattern: /h-([0-9]|[1-3][0-9]|40)/,
+    variants: ["xs", "sm", "md", "lg", "xl", "2xl"]
+  },
+  {
+    pattern: /order-[0-6]/
+  },
+  {
+    // EnhHeadingBlock
+    pattern: /mb-([1-9]|1[0-2])/
+  },
+  "md:text-left",
+  // EnhHeadingBlock
+  "md:text-center",
+  "md:text-right",
+  "md:self-start",
+  "md:self-center",
+  "md:self-end"
+];
+
+// tailwind/screens.tailwind.js
+var screens_tailwind_default = {
+  xs: "0px",
+  // <-- phone
+  sm: "480px",
+  // phone --><-- sm tablets / narrow
+  md: "768px",
+  // sm tablets / narrow -->
+  lg: "1024px",
+  xl: "1280px",
+  "2xl": "1500px"
+};
+
+// tailwind/spacing.tailwind.js
+var percentages = {};
+for (let i = 0; i <= 100; i++) {
+  percentages[`pr-${i}`] = `${i}%`;
+}
+var spacing_tailwind_default = {
+  ...percentages,
+  px: "1px",
+  0: "0px",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  13: "3.25rem",
+  14: "3.5rem",
+  15: "3.75rem",
+  16: "4rem",
+  17: "4.25rem",
+  18: "4.5rem",
+  19: "4.75rem",
+  20: "5rem",
+  21: "5.25rem",
+  22: "5.5rem",
+  23: "5.75rem",
+  24: "6rem",
+  25: "5.25rem",
+  26: "5.5rem",
+  27: "5.75rem",
+  28: "7rem",
+  29: "7.25rem",
+  30: "7.5rem",
+  31: "7.75rem",
+  32: "8rem",
+  33: "8.25rem",
+  34: "8.5rem",
+  35: "8.75rem",
+  36: "9rem",
+  37: "9.25rem",
+  38: "9.5rem",
+  39: "9.75rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+};
+
+// tailwind/fontSize.tailwind.ts
+var fontSize_tailwind_default = {
+  xxs: ["0.65rem", { lineHeight: "0.8rem" }],
+  // very fine print               
+  xs: ["0.8rem", { lineHeight: "1rem" }],
+  // fine print               
+  sm: ["0.9rem", { lineHeight: "1.2rem" }],
+  // 'standard' some news article cards  (set manually when using typography-sm)
+  base: ["1rem", { lineHeight: 1.4 }],
+  lg: ["1.125rem", { lineHeight: "1.75rem" }],
+  xl: ["1.25rem", { lineHeight: "1.75rem" }],
+  "2xl": ["1.5rem", { lineHeight: "2rem" }],
+  "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+  "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+  "5xl": ["3rem", { lineHeight: "1" }],
+  "6xl": ["3.75rem", { lineHeight: "1" }]
+};
+
+// tailwind/fontFamily.tailwind.ts
+var fontFamily_tailwind_default = {
+  sans: ["sans-serif"],
+  heading: ["serif"],
+  nav: ["serif"],
+  serif: ["serif"],
+  mono: ["monospace"]
+};
+
+// tailwind/z-index.tailwind.js
+var zIndex = {
+  auto: "auto",
+  unset: "unset",
+  ...{
+    "below-content-3": "-3",
+    "below-content-2": "-2",
+    "below-content-1": "-1",
+    "below-content": "-1",
+    "content": "0",
+    "above-content": "1",
+    "above-content-1": "1",
+    "above-content-2": "2",
+    "above-content-3": "3"
+  },
+  // popups that may scroll w content, appear below header, etc
+  // for larger, modal popups, please use 'modal'
+  ...{
+    "below-popup-3": "7",
+    "below-popup-2": "8",
+    "below-popup-1": "9",
+    "below-popup": "9",
+    "popup": "10",
+    "above-popup": "11",
+    "above-popup-1": "11",
+    "above-popup-2": "12",
+    "above-popup-3": "13"
+  },
+  ...{
+    "below-header-3": "17",
+    "below-header-2": "18",
+    "below-header-1": "19",
+    "below-header": "19",
+    "header": "20",
+    "above-header": "21",
+    "above-header-1": "21",
+    "above-header-2": "22",
+    "above-header-3": "23"
+  },
+  // drawer, dialog, full screen menu
+  ...{
+    "below-modal-3": "27",
+    "below-modal-2": "28",
+    "below-modal-1": "29",
+    "below-modal": "29",
+    "modal": "30",
+    "above-modal": "31",
+    "above-modal-1": "31",
+    "above-modal-2": "32",
+    "above-modal-3": "33"
+  },
+  // "highest": help button, other UI that floats above everything.
+  ...{
+    "below-floating-3": "37",
+    "below-floating-2": "38",
+    "below-floating-1": "39",
+    "below-floating": "39",
+    "floating": "40",
+    "above-floating": "41",
+    "above-floating-1": "41",
+    "above-floating-2": "42",
+    "above-floating-3": "43"
+  }
+};
+for (let i = 0; i <= 50; i++) {
+  zIndex[`${i}`] = `${i}`;
+}
+var z_index_tailwind_default = zIndex;
+
+// tailwind/typo-plugin/index.js
+import plugin from "tailwindcss/plugin.js";
+import merge from "lodash.merge";
+import castArray from "lodash.castarray";
+
+// util/index.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function round(value) {
+  return Math.round(value * 100) / 100;
+}
+__name(round, "round");
+function pxToRem(px, base = 16) {
+  return `${px / base}rem`;
+}
+__name(pxToRem, "pxToRem");
+function pxToEm(px, base = 16) {
+  return `${px / base}em`;
+}
+__name(pxToEm, "pxToEm");
+
+// tailwind/typo-plugin/get-plugin-styles.js
+var typographyColorTheme = {
+  // vars are defined in global.css
+  // and dark mode is handled at that level.
+  "--tw-typo-plugin-body": "var(--hz-ui-fg-body)",
+  "--tw-typo-plugin-headings": "var(--hz-ui-fg-0)",
+  "--tw-typo-plugin-links": "var(--hz-ui-fg-0)",
+  "--tw-typo-plugin-links-hover": "var(--hz-ui-fg-2)",
+  "--tw-typo-plugin-bold": "var(--hz-ui-fg-0)",
+  "--tw-typo-plugin-counters": "var(--hz-ui-fg-4)",
+  "--tw-typo-plugin-bullets": "var(--hz-ui-fg-2)",
+  "--tw-typo-plugin-hr": "var(--hz-ui-fg-2)",
+  "--tw-typo-plugin-quotes": "var(--hz-ui-fg-body)",
+  "--tw-typo-plugin-quote-borders": "var(--hz-ui-fg-3)",
+  "--tw-typo-plugin-captions": "var(--hz-ui-fg-2)",
+  "--tw-typo-plugin-kbd": "var(--hz-ui-fg-0)",
+  "--tw-typo-plugin-kbd-shadows": "var(--hz-ui-fg-1)",
+  "--tw-typo-plugin-code": "var(--hz-ui-fg-0)",
+  "--tw-typo-plugin-pre-code": "var(--hz-ui-fg-1)",
+  "--tw-typo-plugin-pre-bg": "var(--hz-ui-bg-1)",
+  "--tw-typo-plugin-th-borders": "var(--hz-ui-fg-2)",
+  "--tw-typo-plugin-td-borders": "var(--hz-ui-fg-3)"
+};
+var defaultCSS = {
+  color: "var(--tw-typo-plugin-body)",
+  // YUCK  maxWidth: '65ch',
+  p: {
+    textAlign: "inherit"
+  },
+  // Required to maintain correct order when merging
+  "p:first-child": {},
+  "p:last-child": {},
+  a: {
+    color: "var(--tw-typo-plugin-links)",
+    textDecoration: "underline",
+    fontWeight: "400"
+  },
+  "a:hover": {
+    color: "var(--tw-typo-plugin-links-hover)"
+  },
+  blockquote: {
+    fontWeight: "400",
+    fontStyle: "italic",
+    color: "var(--tw-typo-plugin-quotes)",
+    quotes: '"\\201C""\\201D""\\2018""\\2019"'
+  },
+  //'blockquote::before': {},
+  //'blockquote::after': {},
+  "blockquote p:first-of-type::before": {
+    content: "open-quote"
+  },
+  "blockquote p:last-of-type::after": {
+    content: "close-quote"
+  },
+  "blockquote strong": {
+    color: "inherit"
+  },
+  cite: {
+    display: "block",
+    fontStyle: "normal",
+    textAlign: "right",
+    color: "var(--tw-typo-plugin-quotes)"
+  },
+  ol: {
+    listStyleType: "decimal"
+  },
+  ul: {
+    //listStyleType: 'disc',
+  },
+  "ol > li::marker": {
+    fontWeight: "400",
+    color: "var(--tw-typo-plugin-counters)"
+  },
+  "ul > li::marker": {
+    color: "var(--tw-typo-plugin-bullets)"
+  },
+  "ul > li::before": {},
+  hr: {
+    borderColor: "var(--tw-typo-plugin-hr)",
+    borderTopWidth: 1
+  },
+  h1: {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "800",
+    textAlign: "inherit",
+    textTransform: "uppercase"
+  },
+  h2: {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "700",
+    textAlign: "inherit",
+    textTransform: "uppercase"
+  },
+  h3: {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "600",
+    textAlign: "inherit",
+    textTransform: "uppercase"
+  },
+  h4: {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "600",
+    textAlign: "inherit"
+  },
+  h5: {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "600",
+    textAlign: "inherit"
+  },
+  h6: {
+    color: "var(--tw-typo-plugin-headings)",
+    textAlign: "inherit"
+  },
+  img: {},
+  "img:first-child": {},
+  "img:last-child": {},
+  picture: {
+    display: "block"
+  },
+  strong: {
+    color: "var(--tw-typo-plugin-bold)",
+    fontWeight: "600"
+  },
+  video: {},
+  kbd: {
+    fontWeight: "500",
+    fontFamily: "inherit",
+    color: "var(--tw-typo-plugin-kbd)",
+    boxShadow: "0 0 0 1px rgb(var(--tw-typo-plugin-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-typo-plugin-kbd-shadows) / 10%)"
+  },
+  code: {
+    color: "var(--tw-typo-plugin-code)",
+    fontWeight: "500"
+  },
+  "code::before": {
+    content: '"`"'
+  },
+  "code::after": {
+    content: '"`"'
+  },
+  "a code": {
+    color: "inherit"
+  },
+  "h1 code": {
+    color: "inherit"
+  },
+  "h2 code": {
+    color: "inherit"
+  },
+  "h3 code": {
+    color: "inherit"
+  },
+  "h4 code": {
+    color: "inherit"
+  },
+  "h5 code": {
+    color: "inherit"
+  },
+  "h6 code": {
+    color: "inherit"
+  },
+  "blockquote code": {
+    color: "inherit"
+  },
+  "thead th code": {
+    color: "inherit"
+  },
+  pre: {
+    color: "var(--tw-typo-plugin-pre-code)",
+    backgroundColor: "var(--tw-typo-plugin-pre-bg)",
+    overflowX: "auto",
+    fontWeight: "400"
+  },
+  "pre code": {
+    backgroundColor: "transparent",
+    borderWidth: "0",
+    borderRadius: "0",
+    padding: "0",
+    fontWeight: "inherit",
+    color: "inherit",
+    fontSize: "inherit",
+    fontFamily: "inherit",
+    lineHeight: "inherit"
+  },
+  "pre code::before": {
+    content: "none"
+  },
+  "pre code::after": {
+    content: "none"
+  },
+  table: {
+    width: "100%",
+    tableLayout: "auto",
+    textAlign: "left"
+  },
+  thead: {
+    borderBottomWidth: "1px",
+    borderBottomColor: "var(--tw-typo-plugin-th-borders)"
+  },
+  "thead th": {
+    color: "var(--tw-typo-plugin-headings)",
+    fontWeight: "600",
+    verticalAlign: "bottom"
+  },
+  "tbody tr": {},
+  "tbody tr:last-child": {},
+  "tbody td": {
+    verticalAlign: "baseline"
+  },
+  tfoot: {
+    borderTopWidth: "1px",
+    borderTopColor: "var(--tw-typo-plugin-th-borders)"
+  },
+  "tfoot td": {
+    verticalAlign: "top"
+  }
+};
+var defaultModifiers = /* @__PURE__ */ __name((base) => ({
+  base: {
+    css: [
+      {
+        fontSize: "1rem",
+        lineHeight: 1.4,
+        p: {
+          marginTop: "0.33rem",
+          marginBottom: "0.33rem"
+        },
+        "p:first-child": {
+          marginTop: 0
+        },
+        "p:last-child": {
+          marginBottom: 0
+        },
+        a: {},
+        "a:hover": {},
+        blockquote: {
+          //color: 'blue', //var(--tw-typo-plugin-quotes)',
+          //marginTop: pxToEm(32, 20),
+          //marginBottom: pxToEm(32, 20),
+          //paddingLeft: pxToEm(20, 20),
+        },
+        //'blockquote::before': {},
+        //'blockquote::after': {},
+        "blockquote p:first-of-type::before": {},
+        "blockquote p:last-of-type::after": {},
+        cite: {},
+        ol: {
+          fontSize: "1rem",
+          paddingLeft: "1.5rem",
+          margin: 0,
+          marginLeft: "-5px"
+        },
+        ul: {
+          fontSize: "1rem",
+          paddingLeft: "1.5rem",
+          margin: 0,
+          marginLeft: "-0.6rem",
+          listStylePosition: "outside",
+          listStyleType: "'\u25BC'"
+        },
+        li: {},
+        "ol > li": {
+          paddingLeft: "0.4rem"
+        },
+        "ul > li": {
+          paddingLeft: "0.75rem",
+          marginBottom: "0.75rem"
+        },
+        "ul > li:last-child": {
+          marginBottom: 0
+        },
+        "> ul > li p": {
+          margin: 0,
+          display: "inline"
+        },
+        hr: {},
+        h1: {
+          fontSize: pxToRem(40, base),
+          lineHeight: 1.2
+        },
+        h2: {
+          fontSize: pxToRem(36, base),
+          lineHeight: 1.2
+        },
+        h3: {
+          fontSize: "1.4rem",
+          lineHeight: 1.2
+        },
+        h4: {
+          marginTop: "0.5rem",
+          marginBottom: "0.5rem",
+          fontSize: "1.3rem",
+          lineHeight: 1.2
+        },
+        h5: {
+          marginTop: "0.5rem",
+          marginBottom: "0.5rem",
+          fontSize: "1.2rem",
+          lineHeight: 1.4
+        },
+        h6: {
+          marginTop: "0.5rem",
+          marginBottom: "0.5rem",
+          fontSize: "1.15rem",
+          lineHeight: 1.3
+        },
+        "hr + *": {
+          marginTop: "0"
+        },
+        "h2 + *": {
+          marginTop: "0"
+        },
+        "h3 + *": {
+          marginTop: "0"
+        },
+        "h4 + *": {
+          marginTop: "0"
+        },
+        img: {
+          marginTop: "0.5rem",
+          marginBottom: "0.5rem"
+        },
+        "img:first-child": {
+          marginTop: 0
+        },
+        "img:last-child": {
+          marginBottom: 0
+        },
+        picture: {
+          marginTop: pxToRem(20, base),
+          marginBottom: pxToRem(20, base)
+        },
+        "picture > img": {
+          marginTop: "0",
+          marginBottom: "0"
+        },
+        video: {
+          marginTop: pxToRem(20, base),
+          marginBottom: pxToRem(20, base)
+        },
+        kbd: {
+          fontSize: pxToEm(14, 16),
+          borderRadius: pxToRem(5, base),
+          paddingTop: pxToEm(3, 16),
+          paddingRight: pxToEm(6, 16),
+          paddingBottom: pxToEm(3, 16),
+          paddingLeft: pxToEm(6, 16)
+        },
+        code: {
+          fontSize: pxToEm(14, 16)
+        },
+        "h2 code": {
+          fontSize: pxToEm(21, 24)
+        },
+        "h3 code": {
+          fontSize: pxToEm(18, 20)
+        },
+        pre: {
+          fontSize: pxToRem(14, 16),
+          lineHeight: round(24 / 14),
+          marginTop: pxToEm(24, 14),
+          marginBottom: pxToEm(24, 14),
+          borderRadius: pxToRem(6, base),
+          paddingTop: pxToEm(12, 14),
+          paddingRight: pxToEm(16, 14),
+          paddingBottom: pxToEm(12, 14),
+          paddingLeft: pxToEm(16, 14)
+        },
+        /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        "ul ul, ul ol, ol ul, ol ol": {
+          marginTop: pxToRem(12, base),
+          marginBottom: pxToRem(12, base)
+        },
+        dl: {
+          marginTop: pxToEm(20, 16),
+          marginBottom: pxToEm(20, base)
+        },
+        dt: {
+          marginTop: pxToEm(20, base)
+        },
+        dd: {
+          marginTop: pxToEm(8, base),
+          paddingLeft: pxToEm(26, base)
+        },
+        table: {
+          fontSize: pxToEm(14, base),
+          lineHeight: round(24 / 14)
+        },
+        "thead th": {
+          paddingRight: pxToEm(8, 14),
+          paddingBottom: pxToEm(8, 14),
+          paddingLeft: pxToEm(8, 14)
+        },
+        "thead th:first-child": {
+          paddingLeft: "0"
+        },
+        "thead th:last-child": {
+          paddingRight: "0"
+        },
+        "tbody td, tfoot td": {
+          paddingTop: pxToEm(8, 14),
+          paddingRight: pxToEm(8, 14),
+          paddingBottom: pxToEm(8, 14),
+          paddingLeft: pxToEm(8, 14)
+        },
+        "tbody td:first-child, tfoot td:first-child": {
+          paddingLeft: "0"
+        },
+        "tbody td:last-child, tfoot td:last-child": {
+          paddingRight: "0"
+        }
+      }
+    ]
+  },
+  sm: {
+    css: [
+      {
+        p: {},
+        "p:first-child": {},
+        "p:last-child": {},
+        a: {},
+        "a:hover": {},
+        blockquote: {},
+        //'blockquote::before': {},
+        //'blockquote::after': {},
+        "blockquote p:first-of-type::before": {},
+        "blockquote p:last-of-type::after": {},
+        cite: {},
+        ol: {},
+        ul: {},
+        li: {},
+        "ol > li": {},
+        "ul > li": {},
+        "ul > li:last-child": {},
+        "> ul > li p": {},
+        hr: {},
+        h1: {
+          fontSize: pxToRem(24, base)
+        },
+        h2: {
+          fontSize: pxToRem(20, base)
+        },
+        h3: {
+          fontSize: pxToEm(18, base)
+        },
+        h4: {},
+        h5: {},
+        h6: {},
+        "hr + *": {},
+        "h2 + *": {},
+        "h3 + *": {},
+        "h4 + *": {},
+        img: {},
+        "img:first-child": {},
+        "img:last-child": {},
+        picture: {},
+        "picture > img": {},
+        video: {},
+        kbd: {},
+        code: {},
+        "h2 code": {},
+        "h3 code": {},
+        pre: {},
+        /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        "ul ul, ul ol, ol ul, ol ol": {},
+        dl: {},
+        dt: {},
+        dd: {},
+        table: {},
+        "thead th": {},
+        "thead th:first-child": {},
+        "thead th:last-child": {},
+        "tbody td, tfoot td": {},
+        "tbody td:first-child, tfoot td:first-child": {},
+        "tbody td:last-child, tfoot td:last-child": {}
+      }
+    ]
+  },
+  lg: {
+    css: [
+      {
+        p: {},
+        "p:first-child": {},
+        "p:last-child": {},
+        a: {},
+        "a:hover": {},
+        blockquote: {},
+        //'blockquote::before': {},
+        //'blockquote::after': {},
+        "blockquote p:first-of-type::before": {},
+        "blockquote p:last-of-type::after": {},
+        cite: {},
+        ol: {},
+        ul: {},
+        li: {},
+        "ol > li": {},
+        "ul > li": {},
+        "ul > li:last-child": {},
+        "> ul > li p": {},
+        hr: {},
+        h1: {
+          fontSize: pxToRem(45, base),
+          lineHeight: 1.1
+        },
+        h2: {
+          fontSize: pxToRem(40, base),
+          lineHeight: 1.1
+        },
+        h3: {
+          fontSize: pxToRem(32, base),
+          lineHeight: 1.1
+        },
+        h4: {
+          fontSize: pxToRem(26, base),
+          marginTop: pxToRem(13, base),
+          marginBottom: pxToRem(13, base)
+        },
+        h5: {
+          fontSize: pxToRem(22, base),
+          marginTop: pxToRem(11, base),
+          marginBottom: pxToRem(11, base)
+        },
+        h6: {},
+        "hr + *": {},
+        "h2 + *": {},
+        "h3 + *": {},
+        "h4 + *": {},
+        img: {},
+        "img:first-child": {},
+        "img:last-child": {},
+        picture: {},
+        "picture > img": {},
+        video: {},
+        kbd: {},
+        code: {},
+        "h2 code": {},
+        "h3 code": {},
+        pre: {},
+        /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        "ul ul, ul ol, ol ul, ol ol": {},
+        dl: {},
+        dt: {},
+        dd: {},
+        table: {},
+        "thead th": {},
+        "thead th:first-child": {},
+        "thead th:last-child": {},
+        "tbody td, tfoot td": {},
+        "tbody td:first-child, tfoot td:first-child": {},
+        "tbody td:last-child, tfoot td:last-child": {}
+      }
+    ]
+  },
+  xl: {
+    css: [
+      {
+        p: {},
+        "p:first-child": {},
+        "p:last-child": {},
+        a: {},
+        "a:hover": {},
+        blockquote: {},
+        //'blockquote::before': {},
+        //'blockquote::after': {},
+        "blockquote p:first-of-type::before": {},
+        "blockquote p:last-of-type::after": {},
+        cite: {},
+        ol: {},
+        ul: {},
+        li: {},
+        "ol > li": {},
+        "ul > li": {},
+        "ul > li:last-child": {},
+        "> ul > li p": {},
+        hr: {},
+        h1: {
+          fontSize: pxToRem(52, base),
+          lineHeight: 1.1
+        },
+        h2: {
+          fontSize: pxToRem(45, base),
+          lineHeight: 1.1
+        },
+        h3: {
+          fontSize: pxToRem(40, base),
+          lineHeight: 1.1
+        },
+        h4: {
+          fontSize: pxToRem(28, base),
+          marginTop: pxToRem(13, base),
+          marginBottom: pxToRem(13, base)
+        },
+        h5: {
+          fontSize: pxToRem(22, base),
+          marginTop: pxToRem(11, base),
+          marginBottom: pxToRem(11, base)
+        },
+        h6: {},
+        "hr + *": {},
+        "h2 + *": {},
+        "h3 + *": {},
+        "h4 + *": {},
+        img: {},
+        "img:first-child": {},
+        "img:last-child": {},
+        picture: {},
+        "picture > img": {},
+        video: {},
+        kbd: {},
+        code: {},
+        "h2 code": {},
+        "h3 code": {},
+        pre: {},
+        /*
+        '> ul > li > *:first-child': {},
+        '> ul > li > *:last-child': {},
+        '> ol > li > *:first-child': {},
+        '> ol > li > *:last-child': {},
+        */
+        "ul ul, ul ol, ol ul, ol ol": {},
+        dl: {},
+        dt: {},
+        dd: {},
+        table: {},
+        "thead th": {},
+        "thead th:first-child": {},
+        "thead th:last-child": {},
+        "tbody td, tfoot td": {},
+        "tbody td:first-child, tfoot td:first-child": {},
+        "tbody td:last-child, tfoot td:last-child": {}
+      }
+    ]
+  }
+}), "defaultModifiers");
+var getStyles = /* @__PURE__ */ __name((baseFontSize2) => ({
+  DEFAULT: {
+    css: [
+      defaultCSS,
+      typographyColorTheme,
+      ...defaultModifiers(baseFontSize2).base.css
+    ]
+  },
+  sm: defaultModifiers(baseFontSize2).sm,
+  lg: defaultModifiers(baseFontSize2).lg,
+  xl: defaultModifiers(baseFontSize2).xl
+}), "getStyles");
+var get_plugin_styles_default = getStyles;
+
+// tailwind/typo-plugin/utils.js
+import isPlainObject from "lodash.isplainobject";
+import parser from "postcss-selector-parser";
+var parseSelector = parser();
+function commonTrailingPseudos(selector) {
+  let ast = parseSelector.astSync(selector);
+  let matrix = [];
+  for (let [i, sel] of ast.nodes.entries()) {
+    for (const [j, child] of [...sel.nodes].reverse().entries()) {
+      if (child.type !== "pseudo" || !child.value.startsWith("::")) {
+        break;
+      }
+      matrix[j] = matrix[j] || [];
+      matrix[j][i] = child;
+    }
+  }
+  let trailingPseudos = parser.selector();
+  for (const pseudos of matrix) {
+    if (!pseudos) {
+      continue;
+    }
+    let values = /* @__PURE__ */ new Set([...pseudos.map((p) => p.value)]);
+    if (values.size > 1) {
+      break;
+    }
+    pseudos.forEach((pseudo) => pseudo.remove());
+    trailingPseudos.prepend(pseudos[0]);
+  }
+  if (trailingPseudos.nodes.length) {
+    return [trailingPseudos.toString(), ast.toString()];
+  }
+  return [null, selector];
+}
+__name(commonTrailingPseudos, "commonTrailingPseudos");
+
+// tailwind/typo-plugin/index.js
+var baseFontSize = 16;
+var computed = {
+  // Reserved for future "magic properties", for example:
+  // bulletColor: (color) => ({ 'ul > li::before': { backgroundColor: color } }),
+};
+function inWhere(selector, { className, modifier, prefix }) {
+  let prefixedNot = prefix(`.not-${className}`).slice(1);
+  let selectorPrefix = selector.startsWith(">") ? `${modifier === "DEFAULT" ? `.${className}` : `.${className}-${modifier}`} ` : "";
+  let [trailingPseudo, rebuiltSelector] = commonTrailingPseudos(selector);
+  if (trailingPseudo) {
+    return `:where(${selectorPrefix}${rebuiltSelector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))${trailingPseudo}`;
+  }
+  return `:where(${selectorPrefix}${selector}):not(:where([class~="${prefixedNot}"],[class~="${prefixedNot}"] *))`;
+}
+__name(inWhere, "inWhere");
+function isObject(value) {
+  return typeof value === "object" && value !== null;
+}
+__name(isObject, "isObject");
+function configToCss(config = {}, { target, className, modifier, prefix }) {
+  function updateSelector(k, v) {
+    if (target === "legacy") {
+      return [k, v];
+    }
+    if (Array.isArray(v)) {
+      return [k, v];
+    }
+    if (isObject(v)) {
+      let nested = Object.values(v).some(isObject);
+      if (nested) {
+        return [
+          inWhere(k, { className, modifier, prefix }),
+          v,
+          Object.fromEntries(Object.entries(v).map(([k2, v2]) => updateSelector(k2, v2)))
+        ];
+      }
+      return [inWhere(k, { className, modifier, prefix }), v];
+    }
+    return [k, v];
+  }
+  __name(updateSelector, "updateSelector");
+  return Object.fromEntries(
+    Object.entries(
+      merge(
+        {},
+        ...Object.keys(config).filter((key) => computed[key]).map((key) => computed[key](config[key])),
+        ...castArray(config.css || {})
+      )
+    ).map(([k, v]) => updateSelector(k, v))
+  );
+}
+__name(configToCss, "configToCss");
+var typo_plugin_default = plugin.withOptions(
+  ({ className = "prose", target = "modern", base = 16 } = {}) => {
+    baseFontSize = base;
+    return function({ addVariant, addComponents, theme, prefix }) {
+      let modifiers = theme("typography");
+      let options = { className, prefix };
+      for (let [name, ...selectors] of [
+        [
+          "headings",
+          "h1",
+          "h2",
+          "h3"
+          /* 'h4', 'h5', 'h6', 'th' */
+        ],
+        ["h1"],
+        ["h2"],
+        ["h3"],
+        ["h4"],
+        ["h5"],
+        ["h6"],
+        ["p"],
+        ["a"],
+        ["blockquote"],
+        ["figure"],
+        ["figcaption"],
+        ["strong"],
+        ["em"],
+        ["code"],
+        ["pre"],
+        ["ol"],
+        ["ul"],
+        ["li"],
+        ["table"],
+        ["thead"],
+        ["tr"],
+        ["th"],
+        ["td"],
+        ["img"],
+        ["video"],
+        ["hr"]
+      ]) {
+        selectors = selectors.length === 0 ? [name] : selectors;
+        let selector = target === "legacy" ? selectors.map((selector2) => `& ${selector2}`) : selectors.join(", ");
+        addVariant(
+          `${className}-${name}`,
+          target === "legacy" ? selector : `& :is(${inWhere(selector, options)})`
+        );
+      }
+      addComponents(
+        Object.keys(modifiers).map((modifier) => ({
+          [modifier === "DEFAULT" ? `.${className}` : `.${className}-${modifier}`]: configToCss(
+            modifiers[modifier],
+            {
+              target,
+              className,
+              modifier,
+              prefix
+            }
+          )
+        }))
+      );
+    };
+  },
+  () => {
+    return {
+      theme: { typography: get_plugin_styles_default(baseFontSize) }
+    };
+  }
+);
+
+// tailwind/tailwind.config.hanzo-preset.js
+var tailwind_config_hanzo_preset_default = {
+  darkMode: ["class"],
+  content: [],
+  safelist: safelist_tailwind_default,
+  plugins: [
+    animatePlugin,
+    typo_plugin_default({ className: "typography", base: 16 }),
+    containerQueriesPlugin,
+    tailwindInteractionMediaPlugin
+  ],
+  theme: {
+    accentColor: /* @__PURE__ */ __name(({ theme }) => ({
+      ...theme("colors"),
+      auto: "auto"
+    }), "accentColor"),
+    animation: {
+      none: "none",
+      spin: "spin 1s linear infinite",
+      ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+      pulse: "pulse 2s linear(0, 1) infinite",
+      // cubic-bezier(0.4, 0, 0.6, 1)
+      pulsereverse: "pulse 2s linear(1, 0) infinite",
+      bounce: "bounce 1s infinite",
+      "accordion-down": "accordion-down 0.2s ease-out",
+      "accordion-up": "accordion-up 0.2s ease-out",
+      "mobile-menu-open": "opacity-in 300ms ease-in"
+    },
+    aria: {
+      checked: 'checked="true"',
+      disabled: 'disabled="true"',
+      expanded: 'expanded="true"',
+      hidden: 'hidden="true"',
+      pressed: 'pressed="true"',
+      readonly: 'readonly="true"',
+      required: 'required="true"',
+      selected: 'selected="true"'
+    },
+    aspectRatio: {
+      auto: "auto",
+      square: "1 / 1",
+      video: "16 / 9"
+    },
+    backdropBlur: /* @__PURE__ */ __name(({ theme }) => theme("blur"), "backdropBlur"),
+    backdropBrightness: /* @__PURE__ */ __name(({ theme }) => theme("brightness"), "backdropBrightness"),
+    backdropContrast: /* @__PURE__ */ __name(({ theme }) => theme("contrast"), "backdropContrast"),
+    backdropGrayscale: /* @__PURE__ */ __name(({ theme }) => theme("grayscale"), "backdropGrayscale"),
+    backdropHueRotate: /* @__PURE__ */ __name(({ theme }) => theme("hueRotate"), "backdropHueRotate"),
+    backdropInvert: /* @__PURE__ */ __name(({ theme }) => theme("invert"), "backdropInvert"),
+    backdropOpacity: /* @__PURE__ */ __name(({ theme }) => theme("opacity"), "backdropOpacity"),
+    backdropSaturate: /* @__PURE__ */ __name(({ theme }) => theme("saturate"), "backdropSaturate"),
+    backdropSepia: /* @__PURE__ */ __name(({ theme }) => theme("sepia"), "backdropSepia"),
+    backgroundColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "backgroundColor"),
+    backgroundImage: {
+      none: "none",
+      "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
+      "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
+      "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
+      "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
+      "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
+      "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
+      "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
+      "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
+    },
+    backgroundOpacity: /* @__PURE__ */ __name(({ theme }) => theme("opacity"), "backgroundOpacity"),
+    backgroundPosition: {
+      bottom: "bottom",
+      center: "center",
+      left: "left",
+      "left-bottom": "left bottom",
+      "left-top": "left top",
+      right: "right",
+      "right-bottom": "right bottom",
+      "right-top": "right top",
+      top: "top"
+    },
+    backgroundSize: {
+      auto: "auto",
+      cover: "cover",
+      contain: "contain"
+    },
+    blur: {
+      0: "0",
+      none: "0",
+      sm: "4px",
+      DEFAULT: "8px",
+      md: "12px",
+      lg: "16px",
+      xl: "24px",
+      "2xl": "40px",
+      "3xl": "64px"
+    },
+    borderColor: /* @__PURE__ */ __name(({ theme }) => ({
+      ...theme("colors"),
+      DEFAULT: theme("colors.muted.3")
+    }), "borderColor"),
+    borderOpacity: /* @__PURE__ */ __name(({ theme }) => theme("opacity"), "borderOpacity"),
+    borderRadius: {
+      none: "0px",
+      sm: "0.25rem",
+      DEFAULT: "0.5rem",
+      md: "0.5rem",
+      lg: "0.75rem",
+      xl: "1rem",
+      "2xl": "1.5rem",
+      "3xl": "2rem",
+      full: "9999px"
+    },
+    borderSpacing: spacing_tailwind_default,
+    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: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "boxShadowColor"),
+    brightness: {
+      0: "0",
+      50: ".5",
+      75: ".75",
+      90: ".9",
+      95: ".95",
+      100: "1",
+      105: "1.05",
+      110: "1.1",
+      125: "1.25",
+      150: "1.5",
+      200: "2"
+    },
+    caretColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "caretColor"),
+    colors: colors_tailwind_default,
+    columns: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      "3xs": "16rem",
+      "2xs": "18rem",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem"
+    },
+    container: {
+      center: true,
+      padding: "2rem"
+    },
+    content: {
+      none: "none"
+    },
+    contrast: {
+      0: "0",
+      50: ".5",
+      75: ".75",
+      100: "1",
+      125: "1.25",
+      150: "1.5",
+      200: "2"
+    },
+    cursor: {
+      auto: "auto",
+      default: "default",
+      pointer: "pointer",
+      wait: "wait",
+      text: "text",
+      move: "move",
+      help: "help",
+      "not-allowed": "not-allowed",
+      none: "none",
+      "context-menu": "context-menu",
+      progress: "progress",
+      cell: "cell",
+      crosshair: "crosshair",
+      "vertical-text": "vertical-text",
+      alias: "alias",
+      copy: "copy",
+      "no-drop": "no-drop",
+      grab: "grab",
+      grabbing: "grabbing",
+      "all-scroll": "all-scroll",
+      "col-resize": "col-resize",
+      "row-resize": "row-resize",
+      "n-resize": "n-resize",
+      "e-resize": "e-resize",
+      "s-resize": "s-resize",
+      "w-resize": "w-resize",
+      "ne-resize": "ne-resize",
+      "nw-resize": "nw-resize",
+      "se-resize": "se-resize",
+      "sw-resize": "sw-resize",
+      "ew-resize": "ew-resize",
+      "ns-resize": "ns-resize",
+      "nesw-resize": "nesw-resize",
+      "nwse-resize": "nwse-resize",
+      "zoom-in": "zoom-in",
+      "zoom-out": "zoom-out"
+    },
+    divideColor: /* @__PURE__ */ __name(({ theme }) => theme("borderColor"), "divideColor"),
+    divideOpacity: /* @__PURE__ */ __name(({ theme }) => theme("borderOpacity"), "divideOpacity"),
+    divideWidth: /* @__PURE__ */ __name(({ theme }) => theme("borderWidth"), "divideWidth"),
+    dropShadow: {
+      sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+      DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+      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: /* @__PURE__ */ __name(({ theme }) => ({
+      none: "none",
+      ...theme("colors")
+    }), "fill"),
+    flex: {
+      1: "1 1 0%",
+      auto: "1 1 auto",
+      initial: "0 1 auto",
+      none: "none"
+    },
+    flexBasis: {
+      auto: "auto",
+      ...spacing_tailwind_default,
+      "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%"
+    },
+    flexGrow: {
+      0: "0",
+      DEFAULT: "1"
+    },
+    flexShrink: {
+      0: "0",
+      DEFAULT: "1"
+    },
+    fontFamily: fontFamily_tailwind_default,
+    fontSize: fontSize_tailwind_default,
+    fontWeight: {
+      thin: "100",
+      extralight: "200",
+      light: "300",
+      normal: "400",
+      medium: "500",
+      semibold: "600",
+      bold: "700",
+      extrabold: "800",
+      black: "900"
+    },
+    gap: spacing_tailwind_default,
+    gradientColorStops: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "gradientColorStops"),
+    gradientColorStopPositions: {
+      "0%": "0%",
+      "5%": "5%",
+      "10%": "10%",
+      "15%": "15%",
+      "20%": "20%",
+      "25%": "25%",
+      "30%": "30%",
+      "35%": "35%",
+      "40%": "40%",
+      "45%": "45%",
+      "50%": "50%",
+      "55%": "55%",
+      "60%": "60%",
+      "65%": "65%",
+      "70%": "70%",
+      "75%": "75%",
+      "80%": "80%",
+      "85%": "85%",
+      "90%": "90%",
+      "95%": "95%",
+      "100%": "100%"
+    },
+    grayscale: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    gridAutoColumns: {
+      auto: "auto",
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    },
+    gridAutoRows: {
+      auto: "auto",
+      min: "min-content",
+      max: "max-content",
+      fr: "minmax(0, 1fr)"
+    },
+    gridColumn: {
+      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-7": "span 7 / span 7",
+      "span-8": "span 8 / span 8",
+      "span-9": "span 9 / span 9",
+      "span-10": "span 10 / span 10",
+      "span-11": "span 11 / span 11",
+      "span-12": "span 12 / span 12",
+      "span-full": "1 / -1"
+    },
+    gridColumnEnd: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12",
+      13: "13"
+    },
+    gridColumnStart: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      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"
+    },
+    gridRowEnd: {
+      auto: "auto",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7"
+    },
+    gridRowStart: {
+      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: {
+      auto: "auto",
+      ...spacing_tailwind_default,
+      "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",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    },
+    hueRotate: {
+      0: "0deg",
+      15: "15deg",
+      30: "30deg",
+      60: "60deg",
+      90: "90deg",
+      180: "180deg"
+    },
+    inset: {
+      auto: "auto",
+      ...spacing_tailwind_default,
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    },
+    invert: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    keyframes: {
+      spin: {
+        to: {
+          transform: "rotate(360deg)"
+        }
+      },
+      ping: {
+        "75%, 100%": {
+          transform: "scale(2)",
+          opacity: "0"
+        }
+      },
+      pulse: {
+        "50%": {
+          opacity: ".5"
+        }
+      },
+      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)"
+        }
+      },
+      "accordion-down": {
+        from: { height: 0 },
+        to: { height: "var(--radix-accordion-content-height)" }
+      },
+      "accordion-up": {
+        from: { height: "var(--radix-accordion-content-height)" },
+        to: { height: 0 }
+      },
+      "opacity-in": {
+        from: { opacity: "0" },
+        to: { opacity: "1" }
+      }
+    },
+    letterSpacing: {
+      tighter: "-0.05em",
+      tight: "-0.025em",
+      normal: "0em",
+      wide: "0.025em",
+      wider: "0.05em",
+      widest: "0.1em"
+    },
+    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"
+    },
+    listStyleType: {
+      none: "none",
+      disc: "disc",
+      decimal: "decimal"
+    },
+    listStyleImage: {
+      none: "none"
+    },
+    margin: {
+      auto: "auto",
+      ...spacing_tailwind_default
+    },
+    lineClamp: {
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6"
+    },
+    maxHeight: {
+      ...spacing_tailwind_default,
+      none: "none",
+      full: "100%",
+      screen: "100vh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    },
+    maxWidth: /* @__PURE__ */ __name(({ theme, breakpoints }) => ({
+      ...spacing_tailwind_default,
+      none: "none",
+      0: "0rem",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content",
+      prose: "65ch",
+      ...breakpoints(theme("screens"))
+    }), "maxWidth"),
+    minHeight: {
+      ...spacing_tailwind_default,
+      0: "0px",
+      full: "100%",
+      screen: "100vh",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content"
+    },
+    minWidth: /* @__PURE__ */ __name(({ theme, breakpoints }) => ({
+      ...spacing_tailwind_default,
+      0: "0px",
+      full: "100%",
+      min: "min-content",
+      max: "max-content",
+      fit: "fit-content",
+      ...breakpoints(theme("screens"))
+    }), "minWidth"),
+    objectPosition: {
+      bottom: "bottom",
+      center: "center",
+      left: "left",
+      "left-bottom": "left bottom",
+      "left-top": "left top",
+      right: "right",
+      "right-bottom": "right bottom",
+      "right-top": "right top",
+      top: "top"
+    },
+    opacity: {
+      0: "0",
+      5: "0.05",
+      10: "0.1",
+      20: "0.2",
+      25: "0.25",
+      30: "0.3",
+      35: "0.35",
+      40: "0.4",
+      45: "0.45",
+      50: "0.5",
+      55: "0.55",
+      60: "0.6",
+      65: "0.65",
+      70: "0.7",
+      75: "0.75",
+      80: "0.8",
+      85: "0.85",
+      90: "0.9",
+      95: "0.95",
+      100: "1"
+    },
+    order: {
+      first: "-9999",
+      last: "9999",
+      none: "0",
+      1: "1",
+      2: "2",
+      3: "3",
+      4: "4",
+      5: "5",
+      6: "6",
+      7: "7",
+      8: "8",
+      9: "9",
+      10: "10",
+      11: "11",
+      12: "12"
+    },
+    outlineColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "outlineColor"),
+    outlineOffset: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    outlineWidth: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    padding: spacing_tailwind_default,
+    placeholderColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "placeholderColor"),
+    placeholderOpacity: /* @__PURE__ */ __name(({ theme }) => theme("opacity"), "placeholderOpacity"),
+    ringColor: /* @__PURE__ */ __name(({ theme }) => ({
+      DEFAULT: theme("colors.blue.500", "#3b82f6"),
+      ...theme("colors")
+    }), "ringColor"),
+    ringOffsetColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "ringOffsetColor"),
+    ringOffsetWidth: {
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    ringOpacity: /* @__PURE__ */ __name(({ theme }) => ({
+      DEFAULT: "0.5",
+      ...theme("opacity")
+    }), "ringOpacity"),
+    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",
+      100: "1",
+      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"
+    },
+    screens: screens_tailwind_default,
+    scrollMargin: spacing_tailwind_default,
+    scrollPadding: spacing_tailwind_default,
+    sepia: {
+      0: "0",
+      DEFAULT: "100%"
+    },
+    skew: {
+      0: "0deg",
+      1: "1deg",
+      2: "2deg",
+      3: "3deg",
+      6: "6deg",
+      12: "12deg"
+    },
+    space: spacing_tailwind_default,
+    spacing: spacing_tailwind_default,
+    stroke: /* @__PURE__ */ __name(({ theme }) => ({
+      none: "none",
+      ...theme("colors")
+    }), "stroke"),
+    strokeWidth: {
+      0: "0",
+      1: "1",
+      2: "2"
+    },
+    supports: {},
+    data: {
+      on: 'state~="on"',
+      off: 'state~="off"'
+    },
+    textColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "textColor"),
+    textDecorationColor: /* @__PURE__ */ __name(({ theme }) => theme("colors"), "textDecorationColor"),
+    textDecorationThickness: {
+      auto: "auto",
+      "from-font": "from-font",
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    textIndent: spacing_tailwind_default,
+    textOpacity: /* @__PURE__ */ __name(({ theme }) => theme("opacity"), "textOpacity"),
+    textUnderlineOffset: {
+      auto: "auto",
+      0: "0px",
+      1: "1px",
+      2: "2px",
+      4: "4px",
+      8: "8px"
+    },
+    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: {
+      0: "0s",
+      75: "75ms",
+      100: "100ms",
+      150: "150ms",
+      200: "200ms",
+      300: "300ms",
+      500: "500ms",
+      700: "700ms",
+      1e3: "1000ms"
+    },
+    transitionDuration: {
+      DEFAULT: "150ms",
+      0: "0s",
+      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",
+      shadow: "box-shadow",
+      transform: "transform",
+      height: "height",
+      spacing: "margin, padding"
+    },
+    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: {
+      ...spacing_tailwind_default,
+      "1/2": "50%",
+      "1/3": "33.333333%",
+      "2/3": "66.666667%",
+      "1/4": "25%",
+      "2/4": "50%",
+      "3/4": "75%",
+      full: "100%"
+    },
+    width: /* @__PURE__ */ __name(({ theme, breakpoints }) => ({
+      auto: "auto",
+      ...spacing_tailwind_default,
+      "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",
+      ...breakpoints(theme("screens"))
+    }), "width"),
+    willChange: {
+      auto: "auto",
+      scroll: "scroll-position",
+      contents: "contents",
+      transform: "transform"
+    },
+    zIndex: z_index_tailwind_default
+  }
+};
+export {
+  tailwind_config_hanzo_preset_default as preset
+};