@react-spectrum/s2 3.0.0-nightly-e00dc8373-250318 → 3.0.0-nightly-4b2c6e76f-250320

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.
@@ -1,20 +1,20 @@
1
1
  "use strict";
2
- var $b3643cb9d2948e30$exports = require("./style-macro.cjs");
2
+ var $346a586d9b655682$exports = require("./style-macro.cjs");
3
3
 
4
4
 
5
5
  function $parcel$export(e, n, v, s) {
6
6
  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
7
7
  }
8
8
 
9
- $parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$export$49bbad2a916ab57c);
10
- $parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$export$d19e682d444755ed);
11
- $parcel$export(module.exports, "colorMix", () => $7dddb03c6ef7d79c$export$9b476054b78b89cd);
12
- $parcel$export(module.exports, "linearGradient", () => $7dddb03c6ef7d79c$export$46def8197cf4dd4c);
13
- $parcel$export(module.exports, "fontRelative", () => $7dddb03c6ef7d79c$export$ba024f4caf693d15);
14
- $parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$export$17b63977b35bb6d2);
15
- $parcel$export(module.exports, "space", () => $7dddb03c6ef7d79c$export$a941ed4b947d12f8);
16
- $parcel$export(module.exports, "size", () => $7dddb03c6ef7d79c$export$346677f925de839c);
17
- $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320f4763bc);
9
+ $parcel$export(module.exports, "baseColor", () => $309cb17cf235357e$export$49bbad2a916ab57c);
10
+ $parcel$export(module.exports, "lightDark", () => $309cb17cf235357e$export$d19e682d444755ed);
11
+ $parcel$export(module.exports, "colorMix", () => $309cb17cf235357e$export$9b476054b78b89cd);
12
+ $parcel$export(module.exports, "linearGradient", () => $309cb17cf235357e$export$46def8197cf4dd4c);
13
+ $parcel$export(module.exports, "fontRelative", () => $309cb17cf235357e$export$ba024f4caf693d15);
14
+ $parcel$export(module.exports, "edgeToText", () => $309cb17cf235357e$export$17b63977b35bb6d2);
15
+ $parcel$export(module.exports, "space", () => $309cb17cf235357e$export$a941ed4b947d12f8);
16
+ $parcel$export(module.exports, "size", () => $309cb17cf235357e$export$346677f925de839c);
17
+ $parcel$export(module.exports, "style", () => $309cb17cf235357e$export$1d567c320f4763bc);
18
18
  /*
19
19
  * Copyright 2024 Adobe. All rights reserved.
20
20
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -26,11 +26,11 @@ $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$export$1d567c320
26
26
  * OF ANY KIND, either express or implied. See the License for the specific language
27
27
  * governing permissions and limitations under the License.
28
28
  */
29
- function $7dddb03c6ef7d79c$var$pxToRem(px) {
29
+ function $309cb17cf235357e$var$pxToRem(px) {
30
30
  if (typeof px === 'string') px = parseFloat(px);
31
31
  return px / 16 + 'rem';
32
32
  }
33
- const $7dddb03c6ef7d79c$var$color = {
33
+ const $309cb17cf235357e$var$color = {
34
34
  transparent: 'transparent',
35
35
  black: 'black',
36
36
  white: 'white',
@@ -466,8 +466,8 @@ const $7dddb03c6ef7d79c$var$color = {
466
466
  Mark: 'Mark',
467
467
  LinkText: 'LinkText'
468
468
  };
469
- function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
470
- let keys = Object.keys($7dddb03c6ef7d79c$var$color);
469
+ function $309cb17cf235357e$export$49bbad2a916ab57c(base) {
470
+ let keys = Object.keys($309cb17cf235357e$var$color);
471
471
  let index = keys.indexOf(base);
472
472
  if (index === -1) throw new Error('Invalid base color ' + base);
473
473
  return {
@@ -477,21 +477,21 @@ function $7dddb03c6ef7d79c$export$49bbad2a916ab57c(base) {
477
477
  isPressed: keys[index + 1]
478
478
  };
479
479
  }
480
- function $7dddb03c6ef7d79c$var$parseColor(value) {
481
- let arbitrary = (0, $b3643cb9d2948e30$exports.parseArbitraryValue)(value);
480
+ function $309cb17cf235357e$var$parseColor(value) {
481
+ let arbitrary = (0, $346a586d9b655682$exports.parseArbitraryValue)(value);
482
482
  if (arbitrary) return arbitrary[0];
483
483
  let [colorValue, opacity] = value.split('/');
484
- colorValue = $7dddb03c6ef7d79c$var$color[colorValue];
484
+ colorValue = $309cb17cf235357e$var$color[colorValue];
485
485
  if (opacity) colorValue = `rgb(from ${colorValue} r g b / ${opacity}%)`;
486
486
  return colorValue;
487
487
  }
488
- function $7dddb03c6ef7d79c$export$d19e682d444755ed(light, dark) {
489
- return `[light-dark(${$7dddb03c6ef7d79c$var$parseColor(light)}, ${$7dddb03c6ef7d79c$var$parseColor(dark)})]`;
488
+ function $309cb17cf235357e$export$d19e682d444755ed(light, dark) {
489
+ return `[light-dark(${$309cb17cf235357e$var$parseColor(light)}, ${$309cb17cf235357e$var$parseColor(dark)})]`;
490
490
  }
491
- function $7dddb03c6ef7d79c$export$9b476054b78b89cd(a, b, percent) {
492
- return `[color-mix(in srgb, ${$7dddb03c6ef7d79c$var$parseColor(a)}, ${$7dddb03c6ef7d79c$var$parseColor(b)} ${percent}%)]`;
491
+ function $309cb17cf235357e$export$9b476054b78b89cd(a, b, percent) {
492
+ return `[color-mix(in srgb, ${$309cb17cf235357e$var$parseColor(a)}, ${$309cb17cf235357e$var$parseColor(b)} ${percent}%)]`;
493
493
  }
494
- function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
494
+ function $309cb17cf235357e$export$46def8197cf4dd4c(angle, ...tokens) {
495
495
  // Generate @property rules for each gradient stop color. This allows the gradient to be animated.
496
496
  let propertyDefinitions = [];
497
497
  for(let i = 0; i < tokens.length; i++)propertyDefinitions.push(`@property --g${i} {
@@ -511,12 +511,12 @@ function $7dddb03c6ef7d79c$export$46def8197cf4dd4c(angle, ...tokens) {
511
511
  }
512
512
  ];
513
513
  }
514
- function $7dddb03c6ef7d79c$var$generateSpacing(px) {
514
+ function $309cb17cf235357e$var$generateSpacing(px) {
515
515
  let res = {};
516
- for (let p of px)res[p] = $7dddb03c6ef7d79c$var$pxToRem(p);
516
+ for (let p of px)res[p] = $309cb17cf235357e$var$pxToRem(p);
517
517
  return res;
518
518
  }
519
- const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
519
+ const $309cb17cf235357e$var$baseSpacing = $309cb17cf235357e$var$generateSpacing([
520
520
  0,
521
521
  2,
522
522
  4,
@@ -553,7 +553,7 @@ const $7dddb03c6ef7d79c$var$baseSpacing = $7dddb03c6ef7d79c$var$generateSpacing(
553
553
  ]);
554
554
  // This should match the above, but negative. There's no way to negate a number
555
555
  // type in typescript so this has to be done manually for now.
556
- const $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpacing([
556
+ const $309cb17cf235357e$var$negativeSpacing = $309cb17cf235357e$var$generateSpacing([
557
557
  // -2, // spacing-50 !! TODO: should we support this?
558
558
  -4,
559
559
  -8,
@@ -587,107 +587,107 @@ const $7dddb03c6ef7d79c$var$negativeSpacing = $7dddb03c6ef7d79c$var$generateSpac
587
587
  -320,
588
588
  -384
589
589
  ]);
590
- function $7dddb03c6ef7d79c$export$ba024f4caf693d15(base, baseFontSize = 14) {
590
+ function $309cb17cf235357e$export$ba024f4caf693d15(base, baseFontSize = 14) {
591
591
  return base / baseFontSize + 'em';
592
592
  }
593
- function $7dddb03c6ef7d79c$export$17b63977b35bb6d2(height) {
594
- return `calc(${$7dddb03c6ef7d79c$var$baseSpacing[height]} * 3 / 8)`;
593
+ function $309cb17cf235357e$export$17b63977b35bb6d2(height) {
594
+ return `calc(${$309cb17cf235357e$var$baseSpacing[height]} * 3 / 8)`;
595
595
  }
596
- function $7dddb03c6ef7d79c$export$a941ed4b947d12f8(px) {
597
- return $7dddb03c6ef7d79c$var$pxToRem(px);
596
+ function $309cb17cf235357e$export$a941ed4b947d12f8(px) {
597
+ return $309cb17cf235357e$var$pxToRem(px);
598
598
  }
599
- const $7dddb03c6ef7d79c$var$spacing = {
600
- ...$7dddb03c6ef7d79c$var$baseSpacing,
599
+ const $309cb17cf235357e$var$spacing = {
600
+ ...$309cb17cf235357e$var$baseSpacing,
601
601
  // font-size relative values
602
- 'text-to-control': $7dddb03c6ef7d79c$export$ba024f4caf693d15(10),
602
+ 'text-to-control': $309cb17cf235357e$export$ba024f4caf693d15(10),
603
603
  'text-to-visual': {
604
- default: $7dddb03c6ef7d79c$export$ba024f4caf693d15(6),
605
- touch: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
604
+ default: $309cb17cf235357e$export$ba024f4caf693d15(6),
605
+ touch: $309cb17cf235357e$export$ba024f4caf693d15(8, 17) // -> 6px, 7px, 8px, 9px, 10px, should be 7px, 7px, 8px, 9px, 11px
606
606
  },
607
607
  // height relative values
608
608
  'edge-to-text': 'calc(self(height, self(minHeight)) * 3 / 8)',
609
609
  'pill': 'calc(self(height, self(minHeight)) / 2)'
610
610
  };
611
- function $7dddb03c6ef7d79c$export$346677f925de839c(px) {
612
- return `calc(${$7dddb03c6ef7d79c$var$pxToRem(px)} * var(--s2-scale))`;
611
+ function $309cb17cf235357e$export$346677f925de839c(px) {
612
+ return `calc(${$309cb17cf235357e$var$pxToRem(px)} * var(--s2-scale))`;
613
613
  }
614
- const $7dddb03c6ef7d79c$var$sizing = {
614
+ const $309cb17cf235357e$var$sizing = {
615
615
  auto: 'auto',
616
616
  full: '100%',
617
617
  min: 'min-content',
618
618
  max: 'max-content',
619
619
  fit: 'fit-content',
620
620
  control: {
621
- default: $7dddb03c6ef7d79c$export$346677f925de839c(32),
621
+ default: $309cb17cf235357e$export$346677f925de839c(32),
622
622
  size: {
623
- XS: $7dddb03c6ef7d79c$export$346677f925de839c(20),
624
- S: $7dddb03c6ef7d79c$export$346677f925de839c(24),
625
- L: $7dddb03c6ef7d79c$export$346677f925de839c(40),
626
- XL: $7dddb03c6ef7d79c$export$346677f925de839c(48)
623
+ XS: $309cb17cf235357e$export$346677f925de839c(20),
624
+ S: $309cb17cf235357e$export$346677f925de839c(24),
625
+ L: $309cb17cf235357e$export$346677f925de839c(40),
626
+ XL: $309cb17cf235357e$export$346677f925de839c(48)
627
627
  }
628
628
  },
629
629
  // With browser support for round() we could do this:
630
630
  // 'control-sm': `round(${16 / 14}em, 2px)`
631
631
  'control-sm': {
632
- default: $7dddb03c6ef7d79c$export$346677f925de839c(16),
632
+ default: $309cb17cf235357e$export$346677f925de839c(16),
633
633
  size: {
634
- S: $7dddb03c6ef7d79c$export$346677f925de839c(14),
635
- L: $7dddb03c6ef7d79c$export$346677f925de839c(18),
636
- XL: $7dddb03c6ef7d79c$export$346677f925de839c(20)
634
+ S: $309cb17cf235357e$export$346677f925de839c(14),
635
+ L: $309cb17cf235357e$export$346677f925de839c(18),
636
+ XL: $309cb17cf235357e$export$346677f925de839c(20)
637
637
  }
638
638
  }
639
639
  };
640
- const $7dddb03c6ef7d79c$var$height = {
641
- ...$7dddb03c6ef7d79c$var$sizing,
640
+ const $309cb17cf235357e$var$height = {
641
+ ...$309cb17cf235357e$var$sizing,
642
642
  screen: '100vh'
643
643
  };
644
- const $7dddb03c6ef7d79c$var$width = {
645
- ...$7dddb03c6ef7d79c$var$sizing,
644
+ const $309cb17cf235357e$var$width = {
645
+ ...$309cb17cf235357e$var$sizing,
646
646
  screen: '100vw'
647
647
  };
648
- function $7dddb03c6ef7d79c$var$createSpectrumSizingProperty(values) {
649
- return (0, $b3643cb9d2948e30$exports.createSizingProperty)(values, (px)=>`calc(${$7dddb03c6ef7d79c$var$pxToRem(px)} * var(--s2-scale))`);
648
+ function $309cb17cf235357e$var$createSpectrumSizingProperty(values) {
649
+ return (0, $346a586d9b655682$exports.createSizingProperty)(values, (px)=>`calc(${$309cb17cf235357e$var$pxToRem(px)} * var(--s2-scale))`);
650
650
  }
651
- const $7dddb03c6ef7d79c$var$margin = {
652
- ...$7dddb03c6ef7d79c$var$spacing,
653
- ...$7dddb03c6ef7d79c$var$negativeSpacing,
651
+ const $309cb17cf235357e$var$margin = {
652
+ ...$309cb17cf235357e$var$spacing,
653
+ ...$309cb17cf235357e$var$negativeSpacing,
654
654
  auto: 'auto'
655
655
  };
656
- const $7dddb03c6ef7d79c$var$inset = {
657
- ...$7dddb03c6ef7d79c$var$baseSpacing,
656
+ const $309cb17cf235357e$var$inset = {
657
+ ...$309cb17cf235357e$var$baseSpacing,
658
658
  auto: 'auto',
659
659
  full: '100%'
660
660
  };
661
- const $7dddb03c6ef7d79c$var$translate = {
662
- ...$7dddb03c6ef7d79c$var$baseSpacing,
663
- ...$7dddb03c6ef7d79c$var$negativeSpacing,
661
+ const $309cb17cf235357e$var$translate = {
662
+ ...$309cb17cf235357e$var$baseSpacing,
663
+ ...$309cb17cf235357e$var$negativeSpacing,
664
664
  full: '100%'
665
665
  };
666
- const $7dddb03c6ef7d79c$var$borderWidth = {
666
+ const $309cb17cf235357e$var$borderWidth = {
667
667
  0: '0px',
668
668
  1: "1px",
669
669
  2: "2px",
670
670
  4: "4px"
671
671
  };
672
- const $7dddb03c6ef7d79c$var$radius = {
672
+ const $309cb17cf235357e$var$radius = {
673
673
  none: "0px",
674
- sm: $7dddb03c6ef7d79c$var$pxToRem("4px"),
675
- default: $7dddb03c6ef7d79c$var$pxToRem("8px"),
676
- lg: $7dddb03c6ef7d79c$var$pxToRem("10px"),
677
- xl: $7dddb03c6ef7d79c$var$pxToRem("16px"),
674
+ sm: $309cb17cf235357e$var$pxToRem("4px"),
675
+ default: $309cb17cf235357e$var$pxToRem("8px"),
676
+ lg: $309cb17cf235357e$var$pxToRem("10px"),
677
+ xl: $309cb17cf235357e$var$pxToRem("16px"),
678
678
  full: '9999px',
679
679
  pill: 'calc(self(height, self(minHeight, 9999px)) / 2)',
680
- control: $7dddb03c6ef7d79c$export$ba024f4caf693d15(8),
681
- 'control-sm': $7dddb03c6ef7d79c$export$ba024f4caf693d15(4)
680
+ control: $309cb17cf235357e$export$ba024f4caf693d15(8),
681
+ 'control-sm': $309cb17cf235357e$export$ba024f4caf693d15(4)
682
682
  };
683
- let $7dddb03c6ef7d79c$var$gridTrack = (value)=>{
683
+ let $309cb17cf235357e$var$gridTrack = (value)=>{
684
684
  if (typeof value === 'string') return value;
685
- return value.map((v)=>$7dddb03c6ef7d79c$var$gridTrackSize(v)).join(' ');
685
+ return value.map((v)=>$309cb17cf235357e$var$gridTrackSize(v)).join(' ');
686
686
  };
687
- let $7dddb03c6ef7d79c$var$gridTrackSize = (value)=>{
688
- return value in $7dddb03c6ef7d79c$var$baseSpacing ? $7dddb03c6ef7d79c$var$baseSpacing[value] : value;
687
+ let $309cb17cf235357e$var$gridTrackSize = (value)=>{
688
+ return value in $309cb17cf235357e$var$baseSpacing ? $309cb17cf235357e$var$baseSpacing[value] : value;
689
689
  };
690
- const $7dddb03c6ef7d79c$var$transitionProperty = {
690
+ const $309cb17cf235357e$var$transitionProperty = {
691
691
  // var(--gp) is generated by the backgroundImage property when setting a gradient.
692
692
  // It includes a list of all of the custom properties used for each color stop.
693
693
  default: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
@@ -699,7 +699,7 @@ const $7dddb03c6ef7d79c$var$transitionProperty = {
699
699
  none: 'none'
700
700
  };
701
701
  // TODO
702
- const $7dddb03c6ef7d79c$var$timingFunction = {
702
+ const $309cb17cf235357e$var$timingFunction = {
703
703
  default: 'cubic-bezier(0.45, 0, 0.4, 1)',
704
704
  linear: 'linear',
705
705
  in: 'cubic-bezier(0.5, 0, 1, 1)',
@@ -707,11 +707,11 @@ const $7dddb03c6ef7d79c$var$timingFunction = {
707
707
  'in-out': 'cubic-bezier(0.45, 0, 0.4, 1)'
708
708
  };
709
709
  // TODO: do these need tokens or are arbitrary values ok?
710
- let $7dddb03c6ef7d79c$var$durationProperty = (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
710
+ let $309cb17cf235357e$var$durationProperty = (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
711
711
  [property]: typeof value === 'number' ? value + 'ms' : value
712
712
  }));
713
713
  // const colorWithAlpha = createColorProperty(color);
714
- const $7dddb03c6ef7d79c$var$fontWeightBase = {
714
+ const $309cb17cf235357e$var$fontWeightBase = {
715
715
  light: '300',
716
716
  // TODO: spectrum calls this "regular" but CSS calls it "normal". We also call other properties "default". What do we want to match?
717
717
  normal: '400',
@@ -720,7 +720,7 @@ const $7dddb03c6ef7d79c$var$fontWeightBase = {
720
720
  'extra-bold': '800',
721
721
  black: '900'
722
722
  };
723
- const $7dddb03c6ef7d79c$var$i18nFonts = {
723
+ const $309cb17cf235357e$var$i18nFonts = {
724
724
  ':lang(ar)': 'myriad-arabic, ui-sans-serif, system-ui, sans-serif',
725
725
  ':lang(he)': 'myriad-hebrew, ui-sans-serif, system-ui, sans-serif',
726
726
  ':lang(ja)': "adobe-clean-han-japanese, 'Hiragino Kaku Gothic ProN', '\u30D2\u30E9\u30AE\u30CE\u89D2\u30B4 ProN W3', Osaka, YuGothic, 'Yu Gothic', '\u30E1\u30A4\u30EA\u30AA', Meiryo, '\uFF2D\uFF33 \uFF30\u30B4\u30B7\u30C3\u30AF', 'MS PGothic', sans-serif",
@@ -730,7 +730,7 @@ const $7dddb03c6ef7d79c$var$i18nFonts = {
730
730
  ':lang(zh-hant)': "adobe-clean-han-traditional, source-han-traditional, 'MingLiu', 'Microsoft JhengHei UI', 'Microsoft JhengHei', 'Heiti TC Light', sans-serif",
731
731
  ':lang(zh-Hans, zh-CN, zh-SG)': "adobe-clean-han-simplified-c, source-han-simplified-c, 'SimSun', 'Heiti SC Light', sans-serif"
732
732
  };
733
- const $7dddb03c6ef7d79c$var$fontSize = {
733
+ const $309cb17cf235357e$var$fontSize = {
734
734
  // The default font size scale is for use within UI components.
735
735
  'ui-xs': {
736
736
  "default": "0.6875rem",
@@ -914,11 +914,11 @@ const $7dddb03c6ef7d79c$var$fontSize = {
914
914
  touch: "1.5rem"
915
915
  }
916
916
  };
917
- const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.createTheme)({
917
+ const $309cb17cf235357e$export$1d567c320f4763bc = (0, $346a586d9b655682$exports.createTheme)({
918
918
  properties: {
919
919
  // colors
920
- color: (0, $b3643cb9d2948e30$exports.createColorProperty)({
921
- ...$7dddb03c6ef7d79c$var$color,
920
+ color: (0, $346a586d9b655682$exports.createColorProperty)({
921
+ ...$309cb17cf235357e$var$color,
922
922
  accent: {
923
923
  default: "light-dark(rgb(59, 99, 251), rgb(86, 129, 255))",
924
924
  isHovered: "light-dark(rgb(39, 77, 234), rgb(105, 149, 254))",
@@ -953,8 +953,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
953
953
  code: "light-dark(rgb(41, 41, 41), rgb(219, 219, 219))",
954
954
  auto: "lch(from self(backgroundColor, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1)"
955
955
  }),
956
- backgroundColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
957
- ...$7dddb03c6ef7d79c$var$color,
956
+ backgroundColor: (0, $346a586d9b655682$exports.createColorProperty)({
957
+ ...$309cb17cf235357e$var$color,
958
958
  accent: {
959
959
  default: "light-dark(rgb(59, 99, 251), rgb(64, 105, 253))",
960
960
  isHovered: "light-dark(rgb(39, 77, 234), rgb(52, 91, 248))",
@@ -1043,8 +1043,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1043
1043
  pasteboard: "light-dark(rgb(233, 233, 233), rgb(17, 17, 17))",
1044
1044
  elevated: "light-dark(rgb(255, 255, 255), rgb(34, 34, 34))"
1045
1045
  }),
1046
- borderColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
1047
- ...$7dddb03c6ef7d79c$var$color,
1046
+ borderColor: (0, $346a586d9b655682$exports.createColorProperty)({
1047
+ ...$309cb17cf235357e$var$color,
1048
1048
  negative: {
1049
1049
  default: "light-dark(rgb(215, 50, 32), rgb(252, 67, 46))",
1050
1050
  isHovered: "light-dark(rgb(183, 40, 24), rgb(255, 103, 86))",
@@ -1053,8 +1053,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1053
1053
  },
1054
1054
  disabled: "light-dark(rgb(218, 218, 218), rgb(57, 57, 57))"
1055
1055
  }),
1056
- outlineColor: (0, $b3643cb9d2948e30$exports.createColorProperty)({
1057
- ...$7dddb03c6ef7d79c$var$color,
1056
+ outlineColor: (0, $346a586d9b655682$exports.createColorProperty)({
1057
+ ...$309cb17cf235357e$var$color,
1058
1058
  'focus-ring': {
1059
1059
  default: "light-dark(rgb(75, 117, 255), rgb(64, 105, 253))",
1060
1060
  forcedColors: 'Highlight'
@@ -1063,7 +1063,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1063
1063
  // textDecorationColor: colorWithAlpha,
1064
1064
  // accentColor: colorWithAlpha,
1065
1065
  // caretColor: colorWithAlpha,
1066
- fill: (0, $b3643cb9d2948e30$exports.createColorProperty)({
1066
+ fill: (0, $346a586d9b655682$exports.createColorProperty)({
1067
1067
  none: 'none',
1068
1068
  currentColor: 'currentColor',
1069
1069
  accent: "light-dark(rgb(75, 117, 255), rgb(86, 129, 255))",
@@ -1091,40 +1091,40 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1091
1091
  cinnamon: "light-dark(rgb(184, 109, 70), rgb(192, 119, 80))",
1092
1092
  brown: "light-dark(rgb(154, 123, 77), rgb(163, 132, 84))",
1093
1093
  silver: "light-dark(rgb(128, 128, 128), rgb(137, 137, 137))",
1094
- ...$7dddb03c6ef7d79c$var$color
1094
+ ...$309cb17cf235357e$var$color
1095
1095
  }),
1096
- stroke: (0, $b3643cb9d2948e30$exports.createColorProperty)({
1096
+ stroke: (0, $346a586d9b655682$exports.createColorProperty)({
1097
1097
  none: 'none',
1098
1098
  currentColor: 'currentColor',
1099
- ...$7dddb03c6ef7d79c$var$color
1099
+ ...$309cb17cf235357e$var$color
1100
1100
  }),
1101
1101
  // dimensions
1102
- borderSpacing: $7dddb03c6ef7d79c$var$baseSpacing,
1102
+ borderSpacing: $309cb17cf235357e$var$baseSpacing,
1103
1103
  flexBasis: {
1104
1104
  auto: 'auto',
1105
1105
  full: '100%',
1106
- ...$7dddb03c6ef7d79c$var$baseSpacing
1106
+ ...$309cb17cf235357e$var$baseSpacing
1107
1107
  },
1108
- rowGap: $7dddb03c6ef7d79c$var$spacing,
1109
- columnGap: $7dddb03c6ef7d79c$var$spacing,
1110
- height: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
1111
- width: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
1112
- containIntrinsicWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
1113
- containIntrinsicHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
1114
- minHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$height),
1115
- maxHeight: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty({
1116
- ...$7dddb03c6ef7d79c$var$height,
1108
+ rowGap: $309cb17cf235357e$var$spacing,
1109
+ columnGap: $309cb17cf235357e$var$spacing,
1110
+ height: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
1111
+ width: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
1112
+ containIntrinsicWidth: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
1113
+ containIntrinsicHeight: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
1114
+ minHeight: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$height),
1115
+ maxHeight: $309cb17cf235357e$var$createSpectrumSizingProperty({
1116
+ ...$309cb17cf235357e$var$height,
1117
1117
  none: 'none'
1118
1118
  }),
1119
- minWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty($7dddb03c6ef7d79c$var$width),
1120
- maxWidth: $7dddb03c6ef7d79c$var$createSpectrumSizingProperty({
1121
- ...$7dddb03c6ef7d79c$var$width,
1119
+ minWidth: $309cb17cf235357e$var$createSpectrumSizingProperty($309cb17cf235357e$var$width),
1120
+ maxWidth: $309cb17cf235357e$var$createSpectrumSizingProperty({
1121
+ ...$309cb17cf235357e$var$width,
1122
1122
  none: 'none'
1123
1123
  }),
1124
- borderStartWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineStartWidth', $7dddb03c6ef7d79c$var$borderWidth),
1125
- borderEndWidth: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderInlineEndWidth', $7dddb03c6ef7d79c$var$borderWidth),
1126
- borderTopWidth: $7dddb03c6ef7d79c$var$borderWidth,
1127
- borderBottomWidth: $7dddb03c6ef7d79c$var$borderWidth,
1124
+ borderStartWidth: (0, $346a586d9b655682$exports.createRenamedProperty)('borderInlineStartWidth', $309cb17cf235357e$var$borderWidth),
1125
+ borderEndWidth: (0, $346a586d9b655682$exports.createRenamedProperty)('borderInlineEndWidth', $309cb17cf235357e$var$borderWidth),
1126
+ borderTopWidth: $309cb17cf235357e$var$borderWidth,
1127
+ borderBottomWidth: $309cb17cf235357e$var$borderWidth,
1128
1128
  borderStyle: [
1129
1129
  'solid',
1130
1130
  'dashed',
@@ -1138,43 +1138,43 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1138
1138
  1: '1',
1139
1139
  2: '2'
1140
1140
  },
1141
- marginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineStart', $7dddb03c6ef7d79c$var$margin),
1142
- marginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('marginInlineEnd', $7dddb03c6ef7d79c$var$margin),
1143
- marginTop: $7dddb03c6ef7d79c$var$margin,
1144
- marginBottom: $7dddb03c6ef7d79c$var$margin,
1145
- paddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineStart', $7dddb03c6ef7d79c$var$spacing),
1146
- paddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('paddingInlineEnd', $7dddb03c6ef7d79c$var$spacing),
1147
- paddingTop: $7dddb03c6ef7d79c$var$spacing,
1148
- paddingBottom: $7dddb03c6ef7d79c$var$spacing,
1149
- scrollMarginStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
1150
- scrollMarginEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollMarginInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
1151
- scrollMarginTop: $7dddb03c6ef7d79c$var$baseSpacing,
1152
- scrollMarginBottom: $7dddb03c6ef7d79c$var$baseSpacing,
1153
- scrollPaddingStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineStart', $7dddb03c6ef7d79c$var$baseSpacing),
1154
- scrollPaddingEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('scrollPaddingInlineEnd', $7dddb03c6ef7d79c$var$baseSpacing),
1155
- scrollPaddingTop: $7dddb03c6ef7d79c$var$baseSpacing,
1156
- scrollPaddingBottom: $7dddb03c6ef7d79c$var$baseSpacing,
1157
- textIndent: $7dddb03c6ef7d79c$var$baseSpacing,
1158
- translateX: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
1141
+ marginStart: (0, $346a586d9b655682$exports.createRenamedProperty)('marginInlineStart', $309cb17cf235357e$var$margin),
1142
+ marginEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('marginInlineEnd', $309cb17cf235357e$var$margin),
1143
+ marginTop: $309cb17cf235357e$var$margin,
1144
+ marginBottom: $309cb17cf235357e$var$margin,
1145
+ paddingStart: (0, $346a586d9b655682$exports.createRenamedProperty)('paddingInlineStart', $309cb17cf235357e$var$spacing),
1146
+ paddingEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('paddingInlineEnd', $309cb17cf235357e$var$spacing),
1147
+ paddingTop: $309cb17cf235357e$var$spacing,
1148
+ paddingBottom: $309cb17cf235357e$var$spacing,
1149
+ scrollMarginStart: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollMarginInlineStart', $309cb17cf235357e$var$baseSpacing),
1150
+ scrollMarginEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollMarginInlineEnd', $309cb17cf235357e$var$baseSpacing),
1151
+ scrollMarginTop: $309cb17cf235357e$var$baseSpacing,
1152
+ scrollMarginBottom: $309cb17cf235357e$var$baseSpacing,
1153
+ scrollPaddingStart: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollPaddingInlineStart', $309cb17cf235357e$var$baseSpacing),
1154
+ scrollPaddingEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('scrollPaddingInlineEnd', $309cb17cf235357e$var$baseSpacing),
1155
+ scrollPaddingTop: $309cb17cf235357e$var$baseSpacing,
1156
+ scrollPaddingBottom: $309cb17cf235357e$var$baseSpacing,
1157
+ textIndent: $309cb17cf235357e$var$baseSpacing,
1158
+ translateX: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
1159
1159
  '--translateX': value,
1160
1160
  translate: 'var(--translateX, 0) var(--translateY, 0)'
1161
- }), $7dddb03c6ef7d79c$var$translate),
1162
- translateY: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
1161
+ }), $309cb17cf235357e$var$translate),
1162
+ translateY: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
1163
1163
  '--translateY': value,
1164
1164
  translate: 'var(--translateX, 0) var(--translateY, 0)'
1165
- }), $7dddb03c6ef7d79c$var$translate),
1166
- rotate: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1165
+ }), $309cb17cf235357e$var$translate),
1166
+ rotate: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1167
1167
  [property]: typeof value === 'number' ? `${value}deg` : value
1168
1168
  })),
1169
- scaleX: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
1169
+ scaleX: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
1170
1170
  '--scaleX': value,
1171
1171
  scale: 'var(--scaleX, 1) var(--scaleY, 1)'
1172
1172
  })),
1173
- scaleY: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
1173
+ scaleY: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
1174
1174
  '--scaleY': value,
1175
1175
  scale: 'var(--scaleX, 1) var(--scaleY, 1)'
1176
1176
  })),
1177
- transform: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1177
+ transform: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1178
1178
  position: [
1179
1179
  'absolute',
1180
1180
  'fixed',
@@ -1182,12 +1182,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1182
1182
  'sticky',
1183
1183
  'static'
1184
1184
  ],
1185
- insetStart: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineStart', $7dddb03c6ef7d79c$var$inset),
1186
- insetEnd: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('insetInlineEnd', $7dddb03c6ef7d79c$var$inset),
1187
- top: $7dddb03c6ef7d79c$var$inset,
1188
- left: $7dddb03c6ef7d79c$var$inset,
1189
- bottom: $7dddb03c6ef7d79c$var$inset,
1190
- right: $7dddb03c6ef7d79c$var$inset,
1185
+ insetStart: (0, $346a586d9b655682$exports.createRenamedProperty)('insetInlineStart', $309cb17cf235357e$var$inset),
1186
+ insetEnd: (0, $346a586d9b655682$exports.createRenamedProperty)('insetInlineEnd', $309cb17cf235357e$var$inset),
1187
+ top: $309cb17cf235357e$var$inset,
1188
+ left: $309cb17cf235357e$var$inset,
1189
+ bottom: $309cb17cf235357e$var$inset,
1190
+ right: $309cb17cf235357e$var$inset,
1191
1191
  aspectRatio: {
1192
1192
  auto: 'auto',
1193
1193
  square: '1 / 1',
@@ -1197,16 +1197,16 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1197
1197
  fontFamily: {
1198
1198
  sans: {
1199
1199
  default: 'adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif',
1200
- ...$7dddb03c6ef7d79c$var$i18nFonts
1200
+ ...$309cb17cf235357e$var$i18nFonts
1201
1201
  },
1202
1202
  serif: {
1203
1203
  default: 'adobe-clean-serif, "Source Serif", Georgia, serif',
1204
- ...$7dddb03c6ef7d79c$var$i18nFonts
1204
+ ...$309cb17cf235357e$var$i18nFonts
1205
1205
  },
1206
1206
  code: 'source-code-pro, "Source Code Pro", Monaco, monospace'
1207
1207
  },
1208
- fontSize: $7dddb03c6ef7d79c$var$fontSize,
1209
- fontWeight: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value, property)=>{
1208
+ fontSize: $309cb17cf235357e$var$fontSize,
1209
+ fontWeight: (0, $346a586d9b655682$exports.createMappedProperty)((value, property)=>{
1210
1210
  if (property === 'fontWeight') return {
1211
1211
  // Set font-variation-settings in addition to font-weight to work around typekit issue.
1212
1212
  fontVariationSettings: value === 'inherit' ? 'inherit' : `"wght" ${value}`,
@@ -1217,18 +1217,18 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1217
1217
  [property]: value
1218
1218
  };
1219
1219
  }, {
1220
- ...$7dddb03c6ef7d79c$var$fontWeightBase,
1220
+ ...$309cb17cf235357e$var$fontWeightBase,
1221
1221
  heading: {
1222
- default: $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"],
1223
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["extra-bold"]
1222
+ default: $309cb17cf235357e$var$fontWeightBase["extra-bold"],
1223
+ ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["extra-bold"]
1224
1224
  },
1225
1225
  title: {
1226
- default: $7dddb03c6ef7d79c$var$fontWeightBase["bold"],
1227
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["bold"]
1226
+ default: $309cb17cf235357e$var$fontWeightBase["bold"],
1227
+ ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["bold"]
1228
1228
  },
1229
1229
  detail: {
1230
- default: $7dddb03c6ef7d79c$var$fontWeightBase["medium"],
1231
- ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $7dddb03c6ef7d79c$var$fontWeightBase["bold"]
1230
+ default: $309cb17cf235357e$var$fontWeightBase["medium"],
1231
+ ':lang(ja, ko, zh, zh-Hant, zh-Hans)': $309cb17cf235357e$var$fontWeightBase["bold"]
1232
1232
  }
1233
1233
  }),
1234
1234
  lineHeight: {
@@ -1289,7 +1289,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1289
1289
  'sub',
1290
1290
  'super'
1291
1291
  ],
1292
- textDecoration: (0, $b3643cb9d2948e30$exports.createMappedProperty)((value)=>({
1292
+ textDecoration: (0, $346a586d9b655682$exports.createMappedProperty)((value)=>({
1293
1293
  textDecoration: value === 'none' ? 'none' : `${value} ${"1px"}`,
1294
1294
  textUnderlineOffset: value === 'underline' ? "1px" : undefined
1295
1295
  }), [
@@ -1302,7 +1302,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1302
1302
  'ellipsis',
1303
1303
  'clip'
1304
1304
  ],
1305
- lineClamp: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value)=>({
1305
+ lineClamp: (0, $346a586d9b655682$exports.createArbitraryProperty)((value)=>({
1306
1306
  overflow: 'hidden',
1307
1307
  display: '-webkit-box',
1308
1308
  '-webkit-box-orient': 'vertical',
@@ -1349,10 +1349,10 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1349
1349
  dragged: `drop-shadow${"0px"} ${"6px"} ${"16px"} ${"light-dark(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6))"}`,
1350
1350
  none: 'none'
1351
1351
  },
1352
- borderTopStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartStartRadius', $7dddb03c6ef7d79c$var$radius),
1353
- borderTopEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderStartEndRadius', $7dddb03c6ef7d79c$var$radius),
1354
- borderBottomStartRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndStartRadius', $7dddb03c6ef7d79c$var$radius),
1355
- borderBottomEndRadius: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('borderEndEndRadius', $7dddb03c6ef7d79c$var$radius),
1352
+ borderTopStartRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderStartStartRadius', $309cb17cf235357e$var$radius),
1353
+ borderTopEndRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderStartEndRadius', $309cb17cf235357e$var$radius),
1354
+ borderBottomStartRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderEndStartRadius', $309cb17cf235357e$var$radius),
1355
+ borderBottomEndRadius: (0, $346a586d9b655682$exports.createRenamedProperty)('borderEndEndRadius', $309cb17cf235357e$var$radius),
1356
1356
  forcedColorAdjust: [
1357
1357
  'auto',
1358
1358
  'none'
@@ -1362,7 +1362,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1362
1362
  'dark',
1363
1363
  'light dark'
1364
1364
  ],
1365
- backgroundImage: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>{
1365
+ backgroundImage: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>{
1366
1366
  if (typeof value === 'string') return {
1367
1367
  [property]: value
1368
1368
  };
@@ -1375,7 +1375,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1375
1375
  let properties = [];
1376
1376
  value[0].stops.forEach(([color], i)=>{
1377
1377
  properties.push(`--g${i}`);
1378
- values[`--g${i}`] = $7dddb03c6ef7d79c$var$parseColor(color);
1378
+ values[`--g${i}`] = $309cb17cf235357e$var$parseColor(color);
1379
1379
  });
1380
1380
  // This is used by transition-property so we automatically transition all of the color stops.
1381
1381
  values['--gp'] = properties.join(', ');
@@ -1461,7 +1461,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1461
1461
  'plus-darker',
1462
1462
  'plus-lighter'
1463
1463
  ],
1464
- opacity: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1464
+ opacity: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1465
1465
  outlineStyle: [
1466
1466
  'none',
1467
1467
  'solid',
@@ -1470,19 +1470,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1470
1470
  'double',
1471
1471
  'inset'
1472
1472
  ],
1473
- outlineOffset: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((v, property)=>({
1473
+ outlineOffset: (0, $346a586d9b655682$exports.createArbitraryProperty)((v, property)=>({
1474
1474
  [property]: `${v}px`
1475
1475
  })),
1476
- outlineWidth: $7dddb03c6ef7d79c$var$borderWidth,
1477
- transition: (0, $b3643cb9d2948e30$exports.createRenamedProperty)('transitionProperty', $7dddb03c6ef7d79c$var$transitionProperty),
1478
- transitionDelay: $7dddb03c6ef7d79c$var$durationProperty,
1479
- transitionDuration: $7dddb03c6ef7d79c$var$durationProperty,
1480
- transitionTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
1481
- animation: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1476
+ outlineWidth: $309cb17cf235357e$var$borderWidth,
1477
+ transition: (0, $346a586d9b655682$exports.createRenamedProperty)('transitionProperty', $309cb17cf235357e$var$transitionProperty),
1478
+ transitionDelay: $309cb17cf235357e$var$durationProperty,
1479
+ transitionDuration: $309cb17cf235357e$var$durationProperty,
1480
+ transitionTimingFunction: $309cb17cf235357e$var$timingFunction,
1481
+ animation: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1482
1482
  [property === 'animation' ? 'animationName' : property]: value
1483
1483
  })),
1484
- animationDuration: $7dddb03c6ef7d79c$var$durationProperty,
1485
- animationDelay: $7dddb03c6ef7d79c$var$durationProperty,
1484
+ animationDuration: $309cb17cf235357e$var$durationProperty,
1485
+ animationDelay: $309cb17cf235357e$var$durationProperty,
1486
1486
  animationDirection: [
1487
1487
  'normal',
1488
1488
  'reverse',
@@ -1495,8 +1495,8 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1495
1495
  'backwards',
1496
1496
  'both'
1497
1497
  ],
1498
- animationIterationCount: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1499
- animationTimingFunction: $7dddb03c6ef7d79c$var$timingFunction,
1498
+ animationIterationCount: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1499
+ animationTimingFunction: $309cb17cf235357e$var$timingFunction,
1500
1500
  // layout
1501
1501
  display: [
1502
1502
  'block',
@@ -1570,12 +1570,12 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1570
1570
  'wrap-reverse',
1571
1571
  'nowrap'
1572
1572
  ],
1573
- flexShrink: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1574
- flexGrow: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1575
- gridColumnStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1576
- gridColumnEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1577
- gridRowStart: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1578
- gridRowEnd: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1573
+ flexShrink: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1574
+ flexGrow: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1575
+ gridColumnStart: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1576
+ gridColumnEnd: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1577
+ gridRowStart: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1578
+ gridRowEnd: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1579
1579
  gridAutoFlow: [
1580
1580
  'row',
1581
1581
  'column',
@@ -1583,19 +1583,19 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1583
1583
  'row dense',
1584
1584
  'column dense'
1585
1585
  ],
1586
- gridAutoRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1587
- [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
1586
+ gridAutoRows: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1587
+ [property]: $309cb17cf235357e$var$gridTrackSize(value)
1588
1588
  })),
1589
- gridAutoColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1590
- [property]: $7dddb03c6ef7d79c$var$gridTrackSize(value)
1589
+ gridAutoColumns: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1590
+ [property]: $309cb17cf235357e$var$gridTrackSize(value)
1591
1591
  })),
1592
- gridTemplateColumns: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1593
- [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
1592
+ gridTemplateColumns: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1593
+ [property]: $309cb17cf235357e$var$gridTrack(value)
1594
1594
  })),
1595
- gridTemplateRows: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1596
- [property]: $7dddb03c6ef7d79c$var$gridTrack(value)
1595
+ gridTemplateRows: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1596
+ [property]: $309cb17cf235357e$var$gridTrack(value)
1597
1597
  })),
1598
- gridTemplateAreas: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((value, property)=>({
1598
+ gridTemplateAreas: (0, $346a586d9b655682$exports.createArbitraryProperty)((value, property)=>({
1599
1599
  [property]: value.map((v)=>`"${v}"`).join('')
1600
1600
  })),
1601
1601
  float: [
@@ -1722,7 +1722,7 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1722
1722
  'auto',
1723
1723
  'smooth'
1724
1724
  ],
1725
- order: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1725
+ order: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1726
1726
  pointerEvents: [
1727
1727
  'none',
1728
1728
  'auto'
@@ -1850,9 +1850,9 @@ const $7dddb03c6ef7d79c$export$1d567c320f4763bc = (0, $b3643cb9d2948e30$exports.
1850
1850
  'contents',
1851
1851
  'transform'
1852
1852
  ],
1853
- zIndex: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)(),
1853
+ zIndex: (0, $346a586d9b655682$exports.createArbitraryProperty)(),
1854
1854
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
1855
- disableTapHighlight: (0, $b3643cb9d2948e30$exports.createArbitraryProperty)((_value)=>({
1855
+ disableTapHighlight: (0, $346a586d9b655682$exports.createArbitraryProperty)((_value)=>({
1856
1856
  '-webkit-tap-highlight-color': 'rgba(0,0,0,0)'
1857
1857
  }))
1858
1858
  },