@hanzo/ui
Version:
Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.
1,941 lines (1,926 loc) • 52.7 kB
JavaScript
"use strict";
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// tailwind/index.ts
var tailwind_exports = {};
__export(tailwind_exports, {
preset: () => tailwind_config_hanzo_preset_default
});
module.exports = __toCommonJS(tailwind_exports);
// tailwind/tailwind.config.hanzo-preset.js
var import_tailwindcss_animate = __toESM(require("tailwindcss-animate"));
var import_container_queries = __toESM(require("@tailwindcss/container-queries"));
var import_tailwindcss_interaction_media = __toESM(require("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
var import_plugin = __toESM(require("tailwindcss/plugin"));
var import_lodash2 = __toESM(require("lodash.merge"));
var import_lodash3 = __toESM(require("lodash.castarray"));
// util/index.ts
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
var import_lodash = __toESM(require("lodash.isplainobject"));
var import_postcss_selector_parser = __toESM(require("postcss-selector-parser"));
var parseSelector = (0, import_postcss_selector_parser.default)();
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 = import_postcss_selector_parser.default.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(
(0, import_lodash2.default)(
{},
...Object.keys(config).filter((key) => computed[key]).map((key) => computed[key](config[key])),
...(0, import_lodash3.default)(config.css || {})
)
).map(([k, v]) => updateSelector(k, v))
);
}
__name(configToCss, "configToCss");
var typo_plugin_default = import_plugin.default.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: [
import_tailwindcss_animate.default,
typo_plugin_default({ className: "typography", base: 16 }),
import_container_queries.default,
import_tailwindcss_interaction_media.default
],
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"
},