@unocss/preset-wind4 66.6.6 → 66.6.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/rules.mjs CHANGED
@@ -1,8 +1,7 @@
1
- import { A as bracketTypeRe, B as xyzMap, D as h, F as directionMap, I as globalKeywords, L as insetMap, M as cornerMap, R as positionMap, S as parseColor, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, d as colorableShadows, g as hasParseableColor, j as splitComma, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, p as defineProperty, r as generateThemeVariable, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-B_qFX7UQ.mjs";
2
- import { n as containerParent, r as containerShortcuts, t as container } from "./container-BsDB8iH5.mjs";
1
+ import { A as bracketTypeRe, B as xyzMap, D as h, F as directionMap, I as globalKeywords, L as insetMap, M as cornerMap, R as positionMap, S as parseColor, U as SpecialColorKey, V as CONTROL_NO_NEGATIVE, _ as hyphenate, a as themeTracking, b as makeGlobalStaticRules, d as colorableShadows, g as hasParseableColor, j as splitComma, l as colorCSSGenerator, m as directionSize, n as detectThemeValue, p as defineProperty, r as generateThemeVariable, u as colorResolver, v as isCSSMathFn, w as resolveBreakpoints, x as numberResolver, y as isSize, z as xyzArray } from "./utils-BamiTVVE.mjs";
2
+ import { n as containerParent, r as containerShortcuts, t as container } from "./container-_7pdPWQl.mjs";
3
3
  import { notNull, symbols } from "@unocss/core";
4
4
  import { getStringComponent, getStringComponents } from "@unocss/rule-utils";
5
-
6
5
  //#region src/rules/align.ts
7
6
  const verticalAlignAlias = {
8
7
  "mid": "middle",
@@ -34,7 +33,6 @@ const textAlignValues = [
34
33
  "end"
35
34
  ];
36
35
  const textAligns = [...textAlignValues.map((v) => [`text-${v}`, { "text-align": v }]), ...[...globalKeywords, ...textAlignValues].map((v) => [`text-align-${v}`, { "text-align": v }])];
37
-
38
36
  //#endregion
39
37
  //#region src/rules/animation.ts
40
38
  const animations = [
@@ -131,7 +129,6 @@ const animations = [
131
129
  ["animate-none", { animation: "none" }],
132
130
  ...makeGlobalStaticRules("animate", "animation")
133
131
  ];
134
-
135
132
  //#endregion
136
133
  //#region src/rules/background.ts
137
134
  const properties = {
@@ -253,7 +250,7 @@ const backgroundStyles = [
253
250
  ] }
254
251
  ],
255
252
  [/^(from|via|to|stops)-(.+)$/, bgGradientColorResolver()],
256
- [/^(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity$1]) => ({ [`--un-${position}-opacity`]: h.bracket.percent(opacity$1) })],
253
+ [/^(from|via|to)-op(?:acity)?-?(.+)$/, ([, position, opacity]) => ({ [`--un-${position}-opacity`]: h.bracket.percent(opacity) })],
257
254
  [/^(from|via|to)-([\d.]+%)$/, bgGradientPositionResolver()],
258
255
  [
259
256
  /^bg-((?:repeating-)?(?:linear|radial|conic))$/,
@@ -325,7 +322,6 @@ const backgroundStyles = [
325
322
  ["bg-origin-content", { "background-origin": "content-box" }],
326
323
  ...makeGlobalStaticRules("bg-origin", "background-origin")
327
324
  ];
328
-
329
325
  //#endregion
330
326
  //#region src/rules/behaviors.ts
331
327
  const outline = [
@@ -341,7 +337,7 @@ const outline = [
341
337
  ],
342
338
  [
343
339
  /^outline-op(?:acity)?-?(.+)$/,
344
- ([, opacity$1]) => ({ "--un-outline-opacity": h.bracket.percent.cssvar(opacity$1) }),
340
+ ([, opacity]) => ({ "--un-outline-opacity": h.bracket.percent.cssvar(opacity) }),
345
341
  { autocomplete: "outline-(op|opacity)-<percent>" }
346
342
  ],
347
343
  [
@@ -498,7 +494,6 @@ const scrollBehaviors = [
498
494
  ["scroll-smooth", { "scroll-behavior": "smooth" }],
499
495
  ...makeGlobalStaticRules("scroll", "scroll-behavior")
500
496
  ];
501
-
502
497
  //#endregion
503
498
  //#region src/rules/border.ts
504
499
  const borderStyles = [
@@ -605,16 +600,16 @@ function handlerBorderColorOrSize([, a = "", b], ctx) {
605
600
  b
606
601
  ]);
607
602
  if (hasParseableColor(b, ctx.theme)) {
608
- const directions$1 = directionMap[a].map((i) => borderColorResolver(i)(["", b], ctx)).filter(notNull);
609
- return [directions$1.map((d) => d[0]).reduce((acc, item) => {
603
+ const directions = directionMap[a].map((i) => borderColorResolver(i)(["", b], ctx)).filter(notNull);
604
+ return [directions.map((d) => d[0]).reduce((acc, item) => {
610
605
  Object.assign(acc, item);
611
606
  return acc;
612
- }, {}), ...directions$1.flatMap((d) => d.slice(1))];
607
+ }, {}), ...directions.flatMap((d) => d.slice(1))];
613
608
  }
614
609
  }
615
610
  }
616
- function handlerBorderOpacity([, a = "", opacity$1]) {
617
- const v = h.bracket.percent.cssvar(opacity$1);
611
+ function handlerBorderOpacity([, a = "", opacity]) {
612
+ const v = h.bracket.percent.cssvar(opacity);
618
613
  if (a in directionMap && v != null) return directionMap[a].map((i) => [`--un-border${i}-opacity`, v]);
619
614
  }
620
615
  function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
@@ -631,7 +626,6 @@ function handlerRounded([, a = "", s = "DEFAULT"], { theme }) {
631
626
  function handlerBorderStyle([, a = "", s]) {
632
627
  if (borderStyles.includes(s) && a in directionMap) return [["--un-border-style", s], ...directionMap[a].map((i) => [`border${i}-style`, s])];
633
628
  }
634
-
635
629
  //#endregion
636
630
  //#region src/rules/color.ts
637
631
  /**
@@ -665,11 +659,10 @@ const bgColors = [[
665
659
  { autocomplete: "bg-$colors" }
666
660
  ], [
667
661
  /^bg-op(?:acity)?-?(.+)$/,
668
- ([, opacity$1]) => ({ "--un-bg-opacity": h.bracket.percent.cssvar(opacity$1) }),
662
+ ([, opacity]) => ({ "--un-bg-opacity": h.bracket.percent.cssvar(opacity) }),
669
663
  { autocomplete: "bg-(op|opacity)-<percent>" }
670
664
  ]];
671
665
  const colorScheme = [[/^(?:color-)?scheme-(.+)$/, ([, v]) => ({ "color-scheme": v.split("-").join(" ") })]];
672
-
673
666
  //#endregion
674
667
  //#region src/rules/columns.ts
675
668
  const columns = [
@@ -709,7 +702,6 @@ const columns = [
709
702
  ["break-after-column", { "break-after": "column" }],
710
703
  ...makeGlobalStaticRules("break-after")
711
704
  ];
712
-
713
705
  //#endregion
714
706
  //#region src/rules/decoration.ts
715
707
  const decorationStyles = [
@@ -743,7 +735,7 @@ const textDecorations = [
743
735
  ],
744
736
  [
745
737
  /^(?:underline|decoration)-op(?:acity)?-?(.+)$/,
746
- ([, opacity$1]) => ({ "--un-line-opacity": h.bracket.percent.cssvar(opacity$1) }),
738
+ ([, opacity]) => ({ "--un-line-opacity": h.bracket.percent.cssvar(opacity) }),
747
739
  { autocomplete: "(underline|decoration)-(op|opacity)-<percent>" }
748
740
  ],
749
741
  [
@@ -768,7 +760,6 @@ function handleColorOrWidth$1(match, ctx) {
768
760
  return result;
769
761
  }
770
762
  }
771
-
772
763
  //#endregion
773
764
  //#region src/rules/spacing.ts
774
765
  const paddings = [
@@ -815,9 +806,9 @@ const spaces = [[
815
806
  "space-(x|y)-reverse",
816
807
  "space-(x|y)-$spacing"
817
808
  ] }
818
- ], [/^space-([xy])-reverse$/, function* ([m, d], { symbols: symbols$1 }) {
809
+ ], [/^space-([xy])-reverse$/, function* ([m, d], { symbols }) {
819
810
  yield {
820
- [symbols$1.variants]: [notLastChildSelectorVariant(m)],
811
+ [symbols.variants]: [notLastChildSelectorVariant(m)],
821
812
  [`--un-space-${d}-reverse`]: "1"
822
813
  };
823
814
  yield defineProperty(`--un-space-${d}-reverse`, { initialValue: 0 });
@@ -832,7 +823,7 @@ function notLastChildSelectorVariant(s) {
832
823
  })
833
824
  };
834
825
  }
835
- function* handlerSpace([m, d, s], { theme, symbols: symbols$1 }) {
826
+ function* handlerSpace([m, d, s], { theme, symbols }) {
836
827
  let v;
837
828
  const num = numberResolver(s);
838
829
  if (num != null) {
@@ -845,7 +836,7 @@ function* handlerSpace([m, d, s], { theme, symbols: symbols$1 }) {
845
836
  });
846
837
  if (results) {
847
838
  yield {
848
- [symbols$1.variants]: [notLastChildSelectorVariant(m)],
839
+ [symbols.variants]: [notLastChildSelectorVariant(m)],
849
840
  [`--un-space-${d}-reverse`]: "0",
850
841
  ...Object.fromEntries(results)
851
842
  };
@@ -853,7 +844,6 @@ function* handlerSpace([m, d, s], { theme, symbols: symbols$1 }) {
853
844
  }
854
845
  }
855
846
  }
856
-
857
847
  //#endregion
858
848
  //#region src/rules/divide.ts
859
849
  const divides = [
@@ -873,10 +863,10 @@ const divides = [
873
863
  ],
874
864
  [
875
865
  /^divide-op(?:acity)?-?(.+)$/,
876
- function* ([match, opacity$1], { symbols: symbols$1 }) {
866
+ function* ([match, opacity], { symbols }) {
877
867
  yield {
878
- [symbols$1.variants]: [notLastChildSelectorVariant(match)],
879
- "--un-divide-opacity": h.bracket.percent(opacity$1)
868
+ [symbols.variants]: [notLastChildSelectorVariant(match)],
869
+ "--un-divide-opacity": h.bracket.percent(opacity)
880
870
  };
881
871
  },
882
872
  { autocomplete: ["divide-(op|opacity)", "divide-(op|opacity)-<percent>"] }
@@ -887,25 +877,25 @@ const divides = [
887
877
  { autocomplete: ["divide-(x|y)", "divide-(x|y)-reverse"] }
888
878
  ],
889
879
  [/^divide-?([xy])-?(.+)$/, handlerDivide],
890
- [/^divide-?([xy])-reverse$/, function* ([m, d], { symbols: symbols$1 }) {
880
+ [/^divide-?([xy])-reverse$/, function* ([m, d], { symbols }) {
891
881
  yield {
892
- [symbols$1.variants]: [notLastChildSelectorVariant(m)],
882
+ [symbols.variants]: [notLastChildSelectorVariant(m)],
893
883
  [`--un-divide-${d}-reverse`]: "1"
894
884
  };
895
885
  yield defineProperty(`--un-divide-${d}-reverse`, { initialValue: 0 });
896
886
  }],
897
887
  [
898
- /* @__PURE__ */ new RegExp(`^divide-(${borderStyles.join("|")})$`),
899
- function* ([match, style], { symbols: symbols$1 }) {
888
+ new RegExp(`^divide-(${borderStyles.join("|")})$`),
889
+ function* ([match, style], { symbols }) {
900
890
  yield {
901
- [symbols$1.variants]: [notLastChildSelectorVariant(match)],
891
+ [symbols.variants]: [notLastChildSelectorVariant(match)],
902
892
  "border-style": style
903
893
  };
904
894
  },
905
895
  { autocomplete: borderStyles.map((i) => `divide-${i}`) }
906
896
  ]
907
897
  ];
908
- function* handlerDivide([m, d, s], { symbols: symbols$1 }) {
898
+ function* handlerDivide([m, d, s], { symbols }) {
909
899
  let v = h.bracket.cssvar.px(s || "1");
910
900
  if (v != null) {
911
901
  if (v === "0") v = "0px";
@@ -918,7 +908,7 @@ function* handlerDivide([m, d, s], { symbols: symbols$1 }) {
918
908
  });
919
909
  if (results) {
920
910
  yield {
921
- [symbols$1.variants]: [notLastChildSelectorVariant(m)],
911
+ [symbols.variants]: [notLastChildSelectorVariant(m)],
922
912
  [`--un-divide-${d}-reverse`]: 0,
923
913
  ...Object.fromEntries(results.flat())
924
914
  };
@@ -927,7 +917,6 @@ function* handlerDivide([m, d, s], { symbols: symbols$1 }) {
927
917
  }
928
918
  }
929
919
  }
930
-
931
920
  //#endregion
932
921
  //#region src/rules/filters.ts
933
922
  const filterBaseKeys = [
@@ -1043,7 +1032,7 @@ const filters = [
1043
1032
  ] }
1044
1033
  ],
1045
1034
  [/^(?:filter-)?drop-shadow-color-(.+)$/, colorResolver("--un-drop-shadow-color", "drop-shadow")],
1046
- [/^(?:filter-)?drop-shadow(?:-color)?-op(?:acity)?-?(.+)$/, ([, opacity$1]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity$1) })],
1035
+ [/^(?:filter-)?drop-shadow(?:-color)?-op(?:acity)?-?(.+)$/, ([, opacity]) => ({ "--un-drop-shadow-opacity": h.bracket.percent(opacity) })],
1047
1036
  [
1048
1037
  /^(?:(backdrop-)|filter-)?grayscale(?:-(.+))?$/,
1049
1038
  toFilter("grayscale", percentWithDefault),
@@ -1102,7 +1091,6 @@ const filters = [
1102
1091
  "backdrop-filter": keyword
1103
1092
  }])
1104
1093
  ];
1105
-
1106
1094
  //#endregion
1107
1095
  //#region src/rules/flex.ts
1108
1096
  const flex = [
@@ -1144,7 +1132,6 @@ const flex = [
1144
1132
  ["flex-wrap-reverse", { "flex-wrap": "wrap-reverse" }],
1145
1133
  ["flex-nowrap", { "flex-wrap": "nowrap" }]
1146
1134
  ];
1147
-
1148
1135
  //#endregion
1149
1136
  //#region src/rules/gap.ts
1150
1137
  const directions = {
@@ -1171,7 +1158,6 @@ const gaps = [
1171
1158
  { autocomplete: ["gap-(col|row)-$spacing", "gap-(col|row)-<num>"] }
1172
1159
  ]
1173
1160
  ];
1174
-
1175
1161
  //#endregion
1176
1162
  //#region src/rules/grid.ts
1177
1163
  function rowCol(s) {
@@ -1223,7 +1209,7 @@ const grids = [
1223
1209
  { autocomplete: "(grid-rows|grid-cols|rows|cols)-<num>" }
1224
1210
  ],
1225
1211
  [/^grid-area(s)?-(.+)$/, ([, s, v]) => {
1226
- if (s != null) return { "grid-template-areas": h.cssvar(v) ?? v.split("-").map((s$1) => `"${h.bracket(s$1)}"`).join(" ") };
1212
+ if (s != null) return { "grid-template-areas": h.cssvar(v) ?? v.split("-").map((s) => `"${h.bracket(s)}"`).join(" ") };
1227
1213
  return { "grid-area": h.bracket.cssvar(v) };
1228
1214
  }],
1229
1215
  ["grid-rows-none", { "grid-template-rows": "none" }],
@@ -1231,7 +1217,6 @@ const grids = [
1231
1217
  ["grid-rows-subgrid", { "grid-template-rows": "subgrid" }],
1232
1218
  ["grid-cols-subgrid", { "grid-template-columns": "subgrid" }]
1233
1219
  ];
1234
-
1235
1220
  //#endregion
1236
1221
  //#region src/rules/layout.ts
1237
1222
  const overflowValues = [
@@ -1248,7 +1233,6 @@ const overflows = [[
1248
1233
  ([, v]) => overflowValues.includes(v) ? { overflow: v } : void 0,
1249
1234
  { autocomplete: [`(overflow|of)-(${overflowValues.join("|")})`, `(overflow|of)-(x|y)-(${overflowValues.join("|")})`] }
1250
1235
  ], [/^(?:overflow|of)-([xy])-(.+)$/, ([, d, v]) => overflowValues.includes(v) ? { [`overflow-${d}`]: v } : void 0]];
1251
-
1252
1236
  //#endregion
1253
1237
  //#region src/rules/line-clamp.ts
1254
1238
  const lineClamps = [[
@@ -1266,7 +1250,6 @@ const lineClamps = [[
1266
1250
  "-webkit-box-orient": "horizontal",
1267
1251
  "-webkit-line-clamp": "unset"
1268
1252
  }]];
1269
-
1270
1253
  //#endregion
1271
1254
  //#region src/rules/mask.ts
1272
1255
  const linearMap = {
@@ -1284,8 +1267,8 @@ const baseMaskImage = {
1284
1267
  };
1285
1268
  function handlePosition([, v = ""]) {
1286
1269
  if (v in cornerMap) {
1287
- const positions$1 = v.split("").flatMap((c) => linearMap[c]).join(" ");
1288
- return { "mask-position": positions$1 };
1270
+ const positions = v.split("").flatMap((c) => linearMap[c]).join(" ");
1271
+ return { "mask-position": positions };
1289
1272
  }
1290
1273
  const _v = h.bracket.cssvar.global.position(v);
1291
1274
  if (_v !== null) return { "mask-position": _v };
@@ -1441,7 +1424,6 @@ const masks = [
1441
1424
  ["mask-type-luminance", { "mask-type": "luminance" }],
1442
1425
  ["mask-type-alpha", { "mask-type": "alpha" }]
1443
1426
  ];
1444
-
1445
1427
  //#endregion
1446
1428
  //#region src/rules/placeholder.ts
1447
1429
  const placeholders = [[
@@ -1450,10 +1432,9 @@ const placeholders = [[
1450
1432
  { autocomplete: "placeholder-$colors" }
1451
1433
  ], [
1452
1434
  /^\$ placeholder-op(?:acity)?-?(.+)$/,
1453
- ([, opacity$1]) => ({ "--un-placeholder-opacity": h.bracket.percent(opacity$1) }),
1435
+ ([, opacity]) => ({ "--un-placeholder-opacity": h.bracket.percent(opacity) }),
1454
1436
  { autocomplete: ["placeholder-(op|opacity)", "placeholder-(op|opacity)-<percent>"] }
1455
1437
  ]];
1456
-
1457
1438
  //#endregion
1458
1439
  //#region src/rules/position.ts
1459
1440
  const positions = [
@@ -1631,7 +1612,6 @@ const boxSizing = [
1631
1612
  ["box-content", { "box-sizing": "content-box" }],
1632
1613
  ...makeGlobalStaticRules("box", "box-sizing")
1633
1614
  ];
1634
-
1635
1615
  //#endregion
1636
1616
  //#region src/rules/question-mark.ts
1637
1617
  /**
@@ -1642,7 +1622,6 @@ const boxSizing = [
1642
1622
  const questionMark = [[/^(where|\?)$/, (_, { constructCSS, generator }) => {
1643
1623
  if (generator.userConfig.envMode === "dev") return `@keyframes __un_qm{0%{box-shadow:inset 4px 4px #ff1e90, inset -4px -4px #ff1e90}100%{box-shadow:inset 8px 8px #3399ff, inset -8px -8px #3399ff}} ${constructCSS({ animation: "__un_qm 0.5s ease-in-out alternate infinite" })}`;
1644
1624
  }]];
1645
-
1646
1625
  //#endregion
1647
1626
  //#region src/rules/shadow.ts
1648
1627
  const shadowProperties = {
@@ -1670,7 +1649,7 @@ const boxShadows = [
1670
1649
  ],
1671
1650
  [
1672
1651
  /^shadow-op(?:acity)?-?(.+)$/,
1673
- ([, opacity$1]) => ({ "--un-shadow-opacity": h.bracket.percent.cssvar(opacity$1) }),
1652
+ ([, opacity]) => ({ "--un-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
1674
1653
  { autocomplete: "shadow-(op|opacity)-<percent>" }
1675
1654
  ],
1676
1655
  [
@@ -1680,7 +1659,7 @@ const boxShadows = [
1680
1659
  ],
1681
1660
  [
1682
1661
  /^inset-shadow-op(?:acity)?-?(.+)$/,
1683
- ([, opacity$1]) => ({ "--un-inset-shadow-opacity": h.bracket.percent.cssvar(opacity$1) }),
1662
+ ([, opacity]) => ({ "--un-inset-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
1684
1663
  { autocomplete: "shadow-(op|opacity)-<percent>" }
1685
1664
  ]
1686
1665
  ];
@@ -1707,7 +1686,6 @@ function handleShadow(themeKey) {
1707
1686
  return colorResolver(`--un-${shadowVar}-color`, shadowVar)(match, ctx);
1708
1687
  };
1709
1688
  }
1710
-
1711
1689
  //#endregion
1712
1690
  //#region src/rules/ring.ts
1713
1691
  const rings = [
@@ -1725,7 +1703,7 @@ const rings = [
1725
1703
  ],
1726
1704
  [
1727
1705
  /^ring-op(?:acity)?-?(.+)$/,
1728
- ([, opacity$1]) => ({ "--un-ring-opacity": h.bracket.percent.cssvar(opacity$1) }),
1706
+ ([, opacity]) => ({ "--un-ring-opacity": h.bracket.percent.cssvar(opacity) }),
1729
1707
  { autocomplete: "ring-(op|opacity)-<percent>" }
1730
1708
  ],
1731
1709
  [/^inset-ring(?:-(.+))?$/, ([, d]) => {
@@ -1742,7 +1720,7 @@ const rings = [
1742
1720
  ],
1743
1721
  [
1744
1722
  /^inset-ring-op(?:acity)?-?(.+)$/,
1745
- ([, opacity$1]) => ({ "--un-inset-ring-opacity": h.bracket.percent.cssvar(opacity$1) }),
1723
+ ([, opacity]) => ({ "--un-inset-ring-opacity": h.bracket.percent.cssvar(opacity) }),
1746
1724
  { autocomplete: "inset-ring-(op|opacity)-<percent>" }
1747
1725
  ],
1748
1726
  [
@@ -1763,12 +1741,11 @@ const rings = [
1763
1741
  ],
1764
1742
  [
1765
1743
  /^ring-offset-op(?:acity)?-?(.+)$/,
1766
- ([, opacity$1]) => ({ "--un-ring-offset-opacity": h.bracket.percent.cssvar(opacity$1) }),
1744
+ ([, opacity]) => ({ "--un-ring-offset-opacity": h.bracket.percent.cssvar(opacity) }),
1767
1745
  { autocomplete: "ring-offset-(op|opacity)-<percent>" }
1768
1746
  ],
1769
1747
  ["ring-inset", { "--un-ring-inset": "inset" }]
1770
1748
  ];
1771
-
1772
1749
  //#endregion
1773
1750
  //#region src/rules/scrolls.ts
1774
1751
  const scrolls = [
@@ -1805,7 +1782,6 @@ const scrolls = [
1805
1782
  [/^scroll-p-(block|inline)-(.+)$/, directionSize("scroll-padding")],
1806
1783
  [/^scroll-p-?([bi][se])-?(.+)$/, directionSize("scroll-padding")]
1807
1784
  ];
1808
-
1809
1785
  //#endregion
1810
1786
  //#region src/rules/size.ts
1811
1787
  const sizeMapping = {
@@ -1864,7 +1840,7 @@ const sizes = [
1864
1840
  "(max|min)-(w|h|block|inline)-(full|screen|fit|max|min)"
1865
1841
  ] }
1866
1842
  ],
1867
- [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h$1, p], context) => ({ [getPropName(m, h$1)]: handleBreakpoint(context, p, "verticalBreakpoint") })],
1843
+ [/^(?:size-)?(min-|max-)?(h)-screen-(.+)$/, ([, m, h, p], context) => ({ [getPropName(m, h)]: handleBreakpoint(context, p, "verticalBreakpoint") })],
1868
1844
  [
1869
1845
  /^(?:size-)?(min-|max-)?(w)-screen-(.+)$/,
1870
1846
  ([, m, w, p], context) => ({ [getPropName(m, w)]: handleBreakpoint(context, p) }),
@@ -1895,7 +1871,6 @@ const aspectRatio = [[
1895
1871
  ([, d]) => ({ "aspect-ratio": getAspectRatio(d) }),
1896
1872
  { autocomplete: ["aspect-(square|video|ratio)", "aspect-ratio-(square|video)"] }
1897
1873
  ]];
1898
-
1899
1874
  //#endregion
1900
1875
  //#region src/rules/static.ts
1901
1876
  const cursorValues = [
@@ -2224,7 +2199,6 @@ const dynamicViewportHeight = [
2224
2199
  ];
2225
2200
  const accessibility = [["forced-color-adjust-auto", { "forced-color-adjust": "auto" }], ["forced-color-adjust-none", { "forced-color-adjust": "none" }]];
2226
2201
  const fieldSizing = [["field-sizing-fixed", { "field-sizing": "fixed" }], ["field-sizing-content", { "field-sizing": "content" }]];
2227
-
2228
2202
  //#endregion
2229
2203
  //#region src/rules/svg.ts
2230
2204
  const svgUtilities = [
@@ -2235,7 +2209,7 @@ const svgUtilities = [
2235
2209
  ],
2236
2210
  [
2237
2211
  /^fill-op(?:acity)?-?(.+)$/,
2238
- ([, opacity$1]) => ({ "--un-fill-opacity": h.bracket.percent.cssvar(opacity$1) }),
2212
+ ([, opacity]) => ({ "--un-fill-opacity": h.bracket.percent.cssvar(opacity) }),
2239
2213
  { autocomplete: "fill-(op|opacity)-<percent>" }
2240
2214
  ],
2241
2215
  ["fill-none", { fill: "none" }],
@@ -2253,7 +2227,7 @@ const svgUtilities = [
2253
2227
  ],
2254
2228
  [
2255
2229
  /^stroke-op(?:acity)?-?(.+)$/,
2256
- ([, opacity$1]) => ({ "--un-stroke-opacity": h.bracket.percent.cssvar(opacity$1) }),
2230
+ ([, opacity]) => ({ "--un-stroke-opacity": h.bracket.percent.cssvar(opacity) }),
2257
2231
  { autocomplete: "stroke-(op|opacity)-<percent>" }
2258
2232
  ],
2259
2233
  ["stroke-cap-square", { "stroke-linecap": "square" }],
@@ -2273,7 +2247,6 @@ function handleColorOrWidth(match, ctx) {
2273
2247
  if (isCSSMathFn(h.bracket(match[1]))) return handleWidth(match);
2274
2248
  return colorResolver("stroke", "stroke")(match, ctx);
2275
2249
  }
2276
-
2277
2250
  //#endregion
2278
2251
  //#region src/rules/table.ts
2279
2252
  const tables = [
@@ -2316,7 +2289,7 @@ const tables = [
2316
2289
  [`--un-border-spacing-${d}`]: v,
2317
2290
  "border-spacing": "var(--un-border-spacing-x) var(--un-border-spacing-y)"
2318
2291
  };
2319
- for (const d$1 of ["x", "y"]) yield defineProperty(`--un-border-spacing-${d$1}`, {
2292
+ for (const d of ["x", "y"]) yield defineProperty(`--un-border-spacing-${d}`, {
2320
2293
  syntax: "<length>",
2321
2294
  initialValue: "0"
2322
2295
  });
@@ -2342,7 +2315,6 @@ function resolveValue(s, theme) {
2342
2315
  }
2343
2316
  return v;
2344
2317
  }
2345
-
2346
2318
  //#endregion
2347
2319
  //#region src/rules/touch-actions.ts
2348
2320
  const touchActionValue = "var(--un-pan-x) var(--un-pan-y) var(--un-pinch-zoom)";
@@ -2382,7 +2354,6 @@ const touchActions = [
2382
2354
  ["touch-none", { "touch-action": "none" }],
2383
2355
  ...makeGlobalStaticRules("touch", "touch-action")
2384
2356
  ];
2385
-
2386
2357
  //#endregion
2387
2358
  //#region src/rules/transform.ts
2388
2359
  const transformValues = [
@@ -2480,7 +2451,7 @@ function handleTranslate([, d, b]) {
2480
2451
  "x",
2481
2452
  "y",
2482
2453
  "z"
2483
- ].map((d$1) => defineProperty(`--un-translate-${d$1}`, { initialValue: 0 }))];
2454
+ ].map((d) => defineProperty(`--un-translate-${d}`, { initialValue: 0 }))];
2484
2455
  }
2485
2456
  }
2486
2457
  function handleScale([, d, b]) {
@@ -2491,7 +2462,7 @@ function handleScale([, d, b]) {
2491
2462
  "x",
2492
2463
  "y",
2493
2464
  "z"
2494
- ].map((d$1) => defineProperty(`--un-scale-${d$1}`, { initialValue: 1 }))];
2465
+ ].map((d) => defineProperty(`--un-scale-${d}`, { initialValue: 1 }))];
2495
2466
  }
2496
2467
  }
2497
2468
  function handleRotate([, d = "", b]) {
@@ -2504,8 +2475,8 @@ function handleRotate([, d = "", b]) {
2504
2475
  "x",
2505
2476
  "y",
2506
2477
  "z"
2507
- ].map((d$1) => defineProperty(`--un-rotate-${d$1}`, { initialValue: `rotate${d$1.toUpperCase()}(0)` })),
2508
- ...["x", "y"].map((d$1) => defineProperty(`--un-skew-${d$1}`, { initialValue: `skew${d$1.toUpperCase()}(0)` }))
2478
+ ].map((d) => defineProperty(`--un-rotate-${d}`, { initialValue: `rotate${d.toUpperCase()}(0)` })),
2479
+ ...["x", "y"].map((d) => defineProperty(`--un-skew-${d}`, { initialValue: `skew${d.toUpperCase()}(0)` }))
2509
2480
  ];
2510
2481
  else return { rotate: h.bracket.cssvar.degree(b) };
2511
2482
  }
@@ -2519,16 +2490,15 @@ function handleSkew([, d, b]) {
2519
2490
  "x",
2520
2491
  "y",
2521
2492
  "z"
2522
- ].map((d$1) => defineProperty(`--un-rotate-${d$1}`, { initialValue: `rotate${d$1.toUpperCase()}(0)` })),
2523
- ...["x", "y"].map((d$1) => defineProperty(`--un-skew-${d$1}`, { initialValue: `skew${d$1.toUpperCase()}(0)` }))
2493
+ ].map((d) => defineProperty(`--un-rotate-${d}`, { initialValue: `rotate${d.toUpperCase()}(0)` })),
2494
+ ...["x", "y"].map((d) => defineProperty(`--un-skew-${d}`, { initialValue: `skew${d.toUpperCase()}(0)` }))
2524
2495
  ];
2525
2496
  }
2526
2497
  function transformXYZ(d, v, name) {
2527
2498
  const values = v.split(splitComma);
2528
2499
  if (d || !d && values.length === 1) return xyzMap[d].map((i) => [`--un-${name}${i}`, v]);
2529
- return values.map((v$1, i) => [`--un-${name}-${xyzArray[i]}`, v$1]);
2500
+ return values.map((v, i) => [`--un-${name}-${xyzArray[i]}`, v]);
2530
2501
  }
2531
-
2532
2502
  //#endregion
2533
2503
  //#region src/rules/transition.ts
2534
2504
  function resolveTransitionProperty(prop, theme) {
@@ -2536,7 +2506,7 @@ function resolveTransitionProperty(prop, theme) {
2536
2506
  if (h.cssvar(prop) != null) p = h.cssvar(prop);
2537
2507
  else {
2538
2508
  if (prop.startsWith("[") && prop.endsWith("]")) prop = prop.slice(1, -1);
2539
- const props = prop.split(",").map((p$1) => theme.property?.[p$1] ?? h.properties(p$1));
2509
+ const props = prop.split(",").map((p) => theme.property?.[p] ?? h.properties(p));
2540
2510
  if (props.every(Boolean)) p = props.join(",");
2541
2511
  }
2542
2512
  return p;
@@ -2596,7 +2566,6 @@ const transitions = [
2596
2566
  ["transition-discrete", { "transition-behavior": "allow-discrete" }],
2597
2567
  ["transition-normal", { "transition-behavior": "normal" }]
2598
2568
  ];
2599
-
2600
2569
  //#endregion
2601
2570
  //#region src/rules/typography.ts
2602
2571
  const fonts = [
@@ -2623,7 +2592,7 @@ const fonts = [
2623
2592
  ],
2624
2593
  [
2625
2594
  /^(?:text|color|c)-op(?:acity)?-?(.+)$/,
2626
- ([, opacity$1]) => ({ "--un-text-opacity": h.bracket.percent.cssvar(opacity$1) }),
2595
+ ([, opacity]) => ({ "--un-text-opacity": h.bracket.percent.cssvar(opacity) }),
2627
2596
  { autocomplete: "(text|color|c)-(op|opacity)-<percent>" }
2628
2597
  ],
2629
2598
  [
@@ -2786,7 +2755,7 @@ const textStrokes = [
2786
2755
  ],
2787
2756
  [
2788
2757
  /^text-stroke-op(?:acity)?-?(.+)$/,
2789
- ([, opacity$1]) => ({ "--un-text-stroke-opacity": h.bracket.percent.cssvar(opacity$1) }),
2758
+ ([, opacity]) => ({ "--un-text-stroke-opacity": h.bracket.percent.cssvar(opacity) }),
2790
2759
  { autocomplete: "text-stroke-(op|opacity)-<percent>" }
2791
2760
  ]
2792
2761
  ];
@@ -2824,7 +2793,7 @@ const textShadows = [
2824
2793
  ],
2825
2794
  [
2826
2795
  /^text-shadow(?:-color)?-op(?:acity)?-?(.+)$/,
2827
- ([, opacity$1]) => ({ "--un-text-shadow-opacity": h.bracket.percent.cssvar(opacity$1) }),
2796
+ ([, opacity]) => ({ "--un-text-shadow-opacity": h.bracket.percent.cssvar(opacity) }),
2828
2797
  { autocomplete: "text-shadow(-color)?-(op|opacity)-<percent>" }
2829
2798
  ]
2830
2799
  ];
@@ -2922,7 +2891,6 @@ function splitShorthand(body, type) {
2922
2891
  if (match == null || match === type) return [front, rest];
2923
2892
  }
2924
2893
  }
2925
-
2926
2894
  //#endregion
2927
2895
  //#region src/rules/variables.ts
2928
2896
  const variablesAbbrMap = {
@@ -2992,13 +2960,11 @@ function isURI(declaration) {
2992
2960
  return false;
2993
2961
  }
2994
2962
  }
2995
-
2996
2963
  //#endregion
2997
2964
  //#region src/rules/view-transition.ts
2998
2965
  const viewTransition = [[/^view-transition-([\w-]+)$/, ([, name]) => {
2999
2966
  return { "view-transition-name": name };
3000
2967
  }]];
3001
-
3002
2968
  //#endregion
3003
2969
  //#region src/rules/default.ts
3004
2970
  const rules = [
@@ -3095,6 +3061,5 @@ const rules = [
3095
3061
  fieldSizing,
3096
3062
  questionMark
3097
3063
  ].flat();
3098
-
3099
3064
  //#endregion
3100
- export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, fieldSizing, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, masks, mixBlendModes, notLastChildSelectorVariant, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, rules, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
3065
+ export { accents, accessibility, alignments, animations, appearance, appearances, aspectRatio, backgroundBlendModes, backgroundStyles, bgColors, borderStyles, borders, boxShadows, boxSizing, breaks, carets, colorScheme, columns, container, containerParent, containerShortcuts, contains, contentVisibility, contents, cssProperty, cssVariables, cursors, displays, divides, dynamicViewportHeight, fieldSizing, filters, flex, flexGridJustifiesAlignments, floats, fontSmoothings, fontStyles, fontVariantNumeric, fonts, gaps, grids, handlerBorderStyle, hyphens, imageRenderings, insets, isolations, justifies, lineClamps, listStyle, margins, masks, mixBlendModes, notLastChildSelectorVariant, objectPositions, opacity, orders, outline, overflows, overscrolls, paddings, placeholders, placements, pointerEvents, positions, questionMark, resizes, rings, rules, screenReadersAccess, scrollBehaviors, scrolls, shadowProperties, sizes, spaces, splitShorthand, svgUtilities, tabSizes, tables, textAligns, textDecorations, textIndents, textOverflows, textShadows, textStrokes, textTransforms, textWraps, touchActions, transformBase, transforms, transitions, userSelects, verticalAligns, viewTransition, whitespaces, willChange, writingModes, writingOrientations, zIndexes };
@@ -1,3 +1,2 @@
1
- import { W as shortcuts } from "./index-CG7jV-T1.mjs";
2
- import "./rules-C5vHFC6_.mjs";
1
+ import { W as shortcuts } from "./index-Br5yJM3P.mjs";
3
2
  export { shortcuts };
@@ -1,7 +1,5 @@
1
- import { r as containerShortcuts } from "./container-BsDB8iH5.mjs";
2
-
1
+ import { r as containerShortcuts } from "./container-_7pdPWQl.mjs";
3
2
  //#region src/shortcuts/index.ts
4
3
  const shortcuts = [...containerShortcuts];
5
-
6
4
  //#endregion
7
- export { shortcuts };
5
+ export { shortcuts };
package/dist/theme.d.mts CHANGED
@@ -1,3 +1,3 @@
1
- import { t as colors } from "./colors-Dy0ZKdct.mjs";
2
- import { C as Theme, D as aria, E as theme, O as animation, S as Colors, T as blur, _ as fontWeight, a as container, b as textStrokeWidth, c as dropShadow, d as radius, f as shadow, g as font, h as media, i as breakpoint, l as insetShadow, m as textShadow, n as property, o as verticalBreakpoint, p as spacing, r as supports, s as defaults, t as ease, u as perspective, v as leading, w as ThemeAnimation, x as tracking, y as text } from "./theme-BEjX_ZME.mjs";
1
+ import { t as colors } from "./colors-WEybJ2pP.mjs";
2
+ import { C as Theme, D as aria, E as theme, O as animation, S as Colors, T as blur, _ as fontWeight, a as container, b as textStrokeWidth, c as dropShadow, d as radius, f as shadow, g as font, h as media, i as breakpoint, l as insetShadow, m as textShadow, n as property, o as verticalBreakpoint, p as spacing, r as supports, s as defaults, t as ease, u as perspective, v as leading, w as ThemeAnimation, x as tracking, y as text } from "./theme-C7zgiweA.mjs";
3
3
  export { Colors, Theme, ThemeAnimation, animation, aria, blur, breakpoint, colors, container, defaults, dropShadow, ease, font, fontWeight, insetShadow, leading, media, perspective, property, radius, shadow, spacing, supports, text, textShadow, textStrokeWidth, theme, tracking, verticalBreakpoint };