@hanzo/ui 4.8.5 → 4.9.0

package/dist/tailwind/index.mjs

@@ -1,2019 +0,0 @@
-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
-};