@bitrise/bitkit-v2 0.3.53 → 0.3.55

package/dist/node_modules/@chakra-ui/react/dist/esm/preset-base.js

@@ -0,0 +1,1054 @@
+import { createColorMixTransform as t } from "./styled-system/color-mix.js";
+import { defineConfig as g, defineConditions as h } from "./styled-system/config.js";
+import { cssVar as b } from "./styled-system/css-var.js";
+const v = (r) => /^var\(--.+\)$/.test(r), o = (r, a) => a != null ? `${r}(${a})` : a, i = (r) => {
+  if (v(r) || r == null) return r;
+  const a = typeof r == "string" && !r.endsWith("deg");
+  return typeof r == "number" || a ? `${r}deg` : r;
+}, u = (r) => ({
+  values: ["outside", "inside", "mixed", "none"],
+  transform(a, { token: s }) {
+    const d = s("colors.colorPalette.focusRing");
+    return {
+      inside: {
+        "--focus-ring-color": d,
+        [r]: {
+          outlineOffset: "0px",
+          outlineWidth: "var(--focus-ring-width, 1px)",
+          outlineColor: "var(--focus-ring-color)",
+          outlineStyle: "var(--focus-ring-style, solid)",
+          borderColor: "var(--focus-ring-color)"
+        }
+      },
+      outside: {
+        "--focus-ring-color": d,
+        [r]: {
+          outlineWidth: "var(--focus-ring-width, 2px)",
+          outlineOffset: "var(--focus-ring-offset, 2px)",
+          outlineStyle: "var(--focus-ring-style, solid)",
+          outlineColor: "var(--focus-ring-color)"
+        }
+      },
+      mixed: {
+        "--focus-ring-color": d,
+        [r]: {
+          outlineWidth: "var(--focus-ring-width, 3px)",
+          outlineStyle: "var(--focus-ring-style, solid)",
+          outlineColor: "color-mix(in srgb, var(--focus-ring-color), transparent 60%)",
+          borderColor: "var(--focus-ring-color)"
+        }
+      },
+      none: {
+        "--focus-ring-color": d,
+        [r]: {
+          outline: "none"
+        }
+      }
+    }[a] ?? {};
+  }
+}), f = t("borderColor"), n = (r) => ({
+  transition: r,
+  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+  transitionDuration: "150ms"
+}), m = h({
+  hover: [
+    "@media (hover: hover)",
+    "&:is(:hover, [data-hover]):not(:disabled, [data-disabled])"
+  ],
+  active: "&:is(:active, [data-active]):not(:disabled, [data-disabled], [data-state=open])",
+  focus: "&:is(:focus, [data-focus])",
+  focusWithin: "&:is(:focus-within, [data-focus-within])",
+  focusVisible: "&:is(:focus-visible, [data-focus-visible])",
+  disabled: "&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])",
+  visited: "&:visited",
+  target: "&:target",
+  readOnly: "&:is([data-readonly], [aria-readonly=true], [readonly])",
+  readWrite: "&:read-write",
+  empty: "&:is(:empty, [data-empty])",
+  checked: "&:is(:checked, [data-checked], [aria-checked=true], [data-state=checked])",
+  enabled: "&:enabled",
+  expanded: "&:is([aria-expanded=true], [data-expanded], [data-state=expanded])",
+  highlighted: "&[data-highlighted]",
+  complete: "&[data-complete]",
+  incomplete: "&[data-incomplete]",
+  dragging: "&[data-dragging]",
+  before: "&::before",
+  after: "&::after",
+  firstLetter: "&::first-letter",
+  firstLine: "&::first-line",
+  marker: "&::marker",
+  selection: "&::selection",
+  file: "&::file-selector-button",
+  backdrop: "&::backdrop",
+  first: "&:first-of-type",
+  last: "&:last-of-type",
+  notFirst: "&:not(:first-of-type)",
+  notLast: "&:not(:last-of-type)",
+  only: "&:only-child",
+  even: "&:nth-of-type(even)",
+  odd: "&:nth-of-type(odd)",
+  peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
+  peerHover: ".peer:is(:hover, [data-hover]):not(:disabled, [data-disabled]) ~ &",
+  peerActive: ".peer:is(:active, [data-active]):not(:disabled, [data-disabled]) ~ &",
+  peerFocusWithin: ".peer:focus-within ~ &",
+  peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
+  peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
+  peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) ~ &",
+  peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
+  peerExpanded: ".peer:is([aria-expanded=true], [data-expanded], [data-state=expanded]) ~ &",
+  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
+  groupFocus: ".group:is(:focus, [data-focus]) &",
+  groupHover: ".group:is(:hover, [data-hover]):not(:disabled, [data-disabled]) &",
+  groupActive: ".group:is(:active, [data-active]):not(:disabled, [data-disabled]) &",
+  groupFocusWithin: ".group:focus-within &",
+  groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
+  groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
+  groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true], [data-state=checked]) &",
+  groupExpanded: ".group:is([aria-expanded=true], [data-expanded], [data-state=expanded]) &",
+  groupInvalid: ".group:invalid &",
+  indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state=indeterminate])",
+  required: "&:is([data-required], [aria-required=true])",
+  valid: "&:is([data-valid], [data-state=valid])",
+  invalid: "&:is([data-invalid], [aria-invalid=true], [data-state=invalid])",
+  autofill: "&:autofill",
+  inRange: "&:is(:in-range, [data-in-range])",
+  outOfRange: "&:is(:out-of-range, [data-outside-range])",
+  placeholder: "&::placeholder, &[data-placeholder]",
+  placeholderShown: "&:is(:placeholder-shown, [data-placeholder-shown])",
+  pressed: "&:is([aria-pressed=true], [data-pressed])",
+  selected: "&:is([aria-selected=true], [data-selected])",
+  grabbed: "&:is([aria-grabbed=true], [data-grabbed])",
+  underValue: "&[data-state=under-value]",
+  overValue: "&[data-state=over-value]",
+  atValue: "&[data-state=at-value]",
+  default: "&:default",
+  optional: "&:optional",
+  open: "&:is([open], [data-open], [data-state=open])",
+  closed: "&:is([closed], [data-closed], [data-state=closed])",
+  fullscreen: "&:is(:fullscreen, [data-fullscreen])",
+  loading: "&:is([data-loading], [aria-busy=true])",
+  hidden: "&:is([hidden], [data-hidden])",
+  current: "&[data-current]",
+  currentPage: "&[aria-current=page]",
+  currentStep: "&[aria-current=step]",
+  today: "&[data-today]",
+  unavailable: "&[data-unavailable]",
+  rangeStart: "&[data-range-start]",
+  rangeEnd: "&[data-range-end]",
+  now: "&[data-now]",
+  topmost: "&[data-topmost]",
+  motionReduce: "@media (prefers-reduced-motion: reduce)",
+  motionSafe: "@media (prefers-reduced-motion: no-preference)",
+  print: "@media print",
+  landscape: "@media (orientation: landscape)",
+  portrait: "@media (orientation: portrait)",
+  dark: ".dark &, .dark .chakra-theme:not(.light) &",
+  light: ":root &, .light &",
+  osDark: "@media (prefers-color-scheme: dark)",
+  osLight: "@media (prefers-color-scheme: light)",
+  highContrast: "@media (forced-colors: active)",
+  lessContrast: "@media (prefers-contrast: less)",
+  moreContrast: "@media (prefers-contrast: more)",
+  ltr: "[dir=ltr] &",
+  rtl: "[dir=rtl] &",
+  scrollbar: "&::-webkit-scrollbar",
+  scrollbarThumb: "&::-webkit-scrollbar-thumb",
+  scrollbarTrack: "&::-webkit-scrollbar-track",
+  horizontal: "&[data-orientation=horizontal]",
+  vertical: "&[data-orientation=vertical]",
+  icon: "& :where(svg)",
+  starting: "@starting-style"
+}), l = b("bg-currentcolor"), p = (r) => r === l.ref || r === "currentBg", e = (r) => ({
+  ...r("colors"),
+  currentBg: l
+}), x = g({
+  conditions: m,
+  utilities: {
+    // background
+    background: {
+      values: e,
+      shorthand: ["bg"],
+      transform(r, a) {
+        if (p(a.raw)) return { background: l.ref };
+        const s = t("background")(r, a);
+        return { ...s, [l.var]: s?.background };
+      }
+    },
+    backgroundColor: {
+      values: e,
+      shorthand: ["bgColor"],
+      transform(r, a) {
+        if (p(a.raw))
+          return { backgroundColor: l.ref };
+        const s = t("backgroundColor")(r, a);
+        return {
+          ...s,
+          [l.var]: s?.backgroundColor
+        };
+      }
+    },
+    backgroundSize: { shorthand: ["bgSize"] },
+    backgroundPosition: { shorthand: ["bgPos"] },
+    backgroundRepeat: { shorthand: ["bgRepeat"] },
+    backgroundAttachment: { shorthand: ["bgAttachment"] },
+    backgroundClip: {
+      shorthand: ["bgClip"],
+      values: ["text"],
+      transform(r) {
+        return r === "text" ? { color: "transparent", backgroundClip: "text" } : { backgroundClip: r };
+      }
+    },
+    backgroundGradient: {
+      shorthand: ["bgGradient"],
+      values(r) {
+        return {
+          ...r("gradients"),
+          "to-t": "linear-gradient(to top, var(--gradient))",
+          "to-tr": "linear-gradient(to top right, var(--gradient))",
+          "to-r": "linear-gradient(to right, var(--gradient))",
+          "to-br": "linear-gradient(to bottom right, var(--gradient))",
+          "to-b": "linear-gradient(to bottom, var(--gradient))",
+          "to-bl": "linear-gradient(to bottom left, var(--gradient))",
+          "to-l": "linear-gradient(to left, var(--gradient))",
+          "to-tl": "linear-gradient(to top left, var(--gradient))"
+        };
+      },
+      transform(r) {
+        return {
+          "--gradient-stops": "var(--gradient-from), var(--gradient-to)",
+          "--gradient": "var(--gradient-via-stops, var(--gradient-stops))",
+          backgroundImage: r
+        };
+      }
+    },
+    gradientFrom: {
+      values: e,
+      transform: t("--gradient-from")
+    },
+    gradientTo: {
+      values: e,
+      transform: t("--gradient-to")
+    },
+    gradientVia: {
+      values: e,
+      transform(r, a) {
+        return {
+          ...t("--gradient-via")(r, a),
+          "--gradient-via-stops": "var(--gradient-from), var(--gradient-via), var(--gradient-to)"
+        };
+      }
+    },
+    backgroundImage: {
+      values(r) {
+        return { ...r("gradients"), ...r("assets") };
+      },
+      shorthand: ["bgImg", "bgImage"]
+    },
+    // border
+    border: { values: "borders" },
+    borderTop: { values: "borders" },
+    borderLeft: { values: "borders" },
+    borderBlockStart: { values: "borders" },
+    borderRight: { values: "borders" },
+    borderBottom: { values: "borders" },
+    borderBlockEnd: { values: "borders" },
+    borderInlineStart: { values: "borders", shorthand: ["borderStart"] },
+    borderInlineEnd: { values: "borders", shorthand: ["borderEnd"] },
+    borderInline: { values: "borders", shorthand: ["borderX"] },
+    borderBlock: { values: "borders", shorthand: ["borderY"] },
+    // border colors
+    borderColor: {
+      values: e,
+      transform: t("borderColor")
+    },
+    borderTopColor: {
+      values: e,
+      transform: t("borderTopColor")
+    },
+    borderBlockStartColor: {
+      values: e,
+      transform: t("borderBlockStartColor")
+    },
+    borderBottomColor: {
+      values: e,
+      transform: t("borderBottomColor")
+    },
+    borderBlockEndColor: {
+      values: e,
+      transform: t("borderBlockEndColor")
+    },
+    borderLeftColor: {
+      values: e,
+      transform: t("borderLeftColor")
+    },
+    borderInlineStartColor: {
+      values: e,
+      shorthand: ["borderStartColor"],
+      transform: t("borderInlineStartColor")
+    },
+    borderRightColor: {
+      values: e,
+      transform: t("borderRightColor")
+    },
+    borderInlineEndColor: {
+      values: e,
+      shorthand: ["borderEndColor"],
+      transform: t("borderInlineEndColor")
+    },
+    // border styles
+    borderStyle: { values: "borderStyles" },
+    borderTopStyle: { values: "borderStyles" },
+    borderBlockStartStyle: { values: "borderStyles" },
+    borderBottomStyle: { values: "borderStyles" },
+    borderBlockEndStyle: {
+      values: "borderStyles"
+    },
+    borderInlineStartStyle: {
+      values: "borderStyles",
+      shorthand: ["borderStartStyle"]
+    },
+    borderInlineEndStyle: {
+      values: "borderStyles",
+      shorthand: ["borderEndStyle"]
+    },
+    borderLeftStyle: { values: "borderStyles" },
+    borderRightStyle: { values: "borderStyles" },
+    // border radius
+    borderRadius: { values: "radii", shorthand: ["rounded"] },
+    borderTopLeftRadius: { values: "radii", shorthand: ["roundedTopLeft"] },
+    borderStartStartRadius: {
+      values: "radii",
+      shorthand: ["roundedStartStart", "borderTopStartRadius"]
+    },
+    borderEndStartRadius: {
+      values: "radii",
+      shorthand: ["roundedEndStart", "borderBottomStartRadius"]
+    },
+    borderTopRightRadius: {
+      values: "radii",
+      shorthand: ["roundedTopRight"]
+    },
+    borderStartEndRadius: {
+      values: "radii",
+      shorthand: ["roundedStartEnd", "borderTopEndRadius"]
+    },
+    borderEndEndRadius: {
+      values: "radii",
+      shorthand: ["roundedEndEnd", "borderBottomEndRadius"]
+    },
+    borderBottomLeftRadius: {
+      values: "radii",
+      shorthand: ["roundedBottomLeft"]
+    },
+    borderBottomRightRadius: {
+      values: "radii",
+      shorthand: ["roundedBottomRight"]
+    },
+    borderInlineStartRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedStart", "borderStartRadius"],
+      transform: (r) => ({
+        borderStartStartRadius: r,
+        borderEndStartRadius: r
+      })
+    },
+    borderInlineEndRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedEnd", "borderEndRadius"],
+      transform: (r) => ({
+        borderStartEndRadius: r,
+        borderEndEndRadius: r
+      })
+    },
+    borderTopRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedTop"],
+      transform: (r) => ({
+        borderTopLeftRadius: r,
+        borderTopRightRadius: r
+      })
+    },
+    borderBottomRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedBottom"],
+      transform: (r) => ({
+        borderBottomLeftRadius: r,
+        borderBottomRightRadius: r
+      })
+    },
+    borderLeftRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedLeft"],
+      transform: (r) => ({
+        borderTopLeftRadius: r,
+        borderBottomLeftRadius: r
+      })
+    },
+    borderRightRadius: {
+      values: "radii",
+      property: "borderRadius",
+      shorthand: ["roundedRight"],
+      transform: (r) => ({
+        borderTopRightRadius: r,
+        borderBottomRightRadius: r
+      })
+    },
+    borderWidth: { values: "borderWidths" },
+    borderBlockStartWidth: { values: "borderWidths" },
+    borderTopWidth: { values: "borderWidths" },
+    borderBottomWidth: { values: "borderWidths" },
+    borderBlockEndWidth: { values: "borderWidths" },
+    borderRightWidth: { values: "borderWidths" },
+    borderInlineWidth: {
+      values: "borderWidths",
+      shorthand: ["borderXWidth"]
+    },
+    borderInlineStartWidth: {
+      values: "borderWidths",
+      shorthand: ["borderStartWidth"]
+    },
+    borderInlineEndWidth: {
+      values: "borderWidths",
+      shorthand: ["borderEndWidth"]
+    },
+    borderLeftWidth: { values: "borderWidths" },
+    borderBlockWidth: {
+      values: "borderWidths",
+      shorthand: ["borderYWidth"]
+    },
+    // colors
+    color: {
+      values: e,
+      transform: t("color")
+    },
+    fill: {
+      values: e,
+      transform: t("fill")
+    },
+    stroke: {
+      values: e,
+      transform: t("stroke")
+    },
+    accentColor: {
+      values: e,
+      transform: t("accentColor")
+    },
+    // divide
+    divideX: {
+      values: { type: "string" },
+      transform(r) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+            borderInlineStartWidth: r,
+            borderInlineEndWidth: "0px"
+          }
+        };
+      }
+    },
+    divideY: {
+      values: { type: "string" },
+      transform(r) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+            borderTopWidth: r,
+            borderBottomWidth: "0px"
+          }
+        };
+      }
+    },
+    divideColor: {
+      values: e,
+      transform(r, a) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": f(
+            r,
+            a
+          )
+        };
+      }
+    },
+    divideStyle: {
+      property: "borderStyle",
+      transform(r) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+            borderStyle: r
+          }
+        };
+      }
+    },
+    // effects
+    boxShadow: { values: "shadows", shorthand: ["shadow"] },
+    boxShadowColor: {
+      values: e,
+      transform: t("--shadow-color"),
+      shorthand: ["shadowColor"]
+    },
+    mixBlendMode: { shorthand: ["blendMode"] },
+    backgroundBlendMode: { shorthand: ["bgBlendMode"] },
+    opacity: { values: "opacity" },
+    // filters
+    filter: {
+      transform(r) {
+        return r !== "auto" ? { filter: r } : {
+          filter: "var(--blur) var(--brightness) var(--contrast) var(--grayscale) var(--hue-rotate) var(--invert) var(--saturate) var(--sepia) var(--drop-shadow)"
+        };
+      }
+    },
+    blur: {
+      values: "blurs",
+      transform: (r) => ({ "--blur": o("blur", r) })
+    },
+    brightness: {
+      transform: (r) => ({ "--brightness": o("brightness", r) })
+    },
+    contrast: {
+      transform: (r) => ({ "--contrast": o("contrast", r) })
+    },
+    grayscale: {
+      transform: (r) => ({ "--grayscale": o("grayscale", r) })
+    },
+    hueRotate: {
+      transform: (r) => ({ "--hue-rotate": o("hue-rotate", i(r)) })
+    },
+    invert: { transform: (r) => ({ "--invert": o("invert", r) }) },
+    saturate: {
+      transform: (r) => ({ "--saturate": o("saturate", r) })
+    },
+    sepia: { transform: (r) => ({ "--sepia": o("sepia", r) }) },
+    dropShadow: {
+      transform: (r) => ({ "--drop-shadow": o("drop-shadow", r) })
+    },
+    // backdrop filters
+    backdropFilter: {
+      transform(r) {
+        return r !== "auto" ? { backdropFilter: r } : {
+          backdropFilter: "var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-opacity) var(--backdrop-saturate) var(--backdrop-sepia)"
+        };
+      }
+    },
+    backdropBlur: {
+      values: "blurs",
+      transform: (r) => ({ "--backdrop-blur": o("blur", r) })
+    },
+    backdropBrightness: {
+      transform: (r) => ({
+        "--backdrop-brightness": o("brightness", r)
+      })
+    },
+    backdropContrast: {
+      transform: (r) => ({ "--backdrop-contrast": o("contrast", r) })
+    },
+    backdropGrayscale: {
+      transform: (r) => ({
+        "--backdrop-grayscale": o("grayscale", r)
+      })
+    },
+    backdropHueRotate: {
+      transform: (r) => ({
+        "--backdrop-hue-rotate": o("hue-rotate", i(r))
+      })
+    },
+    backdropInvert: {
+      transform: (r) => ({ "--backdrop-invert": o("invert", r) })
+    },
+    backdropOpacity: {
+      transform: (r) => ({ "--backdrop-opacity": o("opacity", r) })
+    },
+    backdropSaturate: {
+      transform: (r) => ({ "--backdrop-saturate": o("saturate", r) })
+    },
+    backdropSepia: {
+      transform: (r) => ({ "--backdrop-sepia": o("sepia", r) })
+    },
+    // flexbox
+    flexBasis: { values: "sizes" },
+    gap: { values: "spacing" },
+    rowGap: { values: "spacing", shorthand: ["gapY"] },
+    columnGap: { values: "spacing", shorthand: ["gapX"] },
+    flexDirection: { shorthand: ["flexDir"] },
+    // grid
+    gridGap: { values: "spacing" },
+    gridColumnGap: { values: "spacing" },
+    gridRowGap: { values: "spacing" },
+    // interactivity
+    outlineColor: {
+      values: e,
+      transform: t("outlineColor")
+    },
+    focusRing: u("&:is(:focus, [data-focus])"),
+    focusVisibleRing: u(
+      "&:is(:focus-visible, [data-focus-visible])"
+    ),
+    focusRingColor: {
+      values: e,
+      transform: t("--focus-ring-color")
+    },
+    focusRingOffset: {
+      values: "spacing",
+      transform: (r) => ({ "--focus-ring-offset": r })
+    },
+    focusRingWidth: {
+      values: "borderWidths",
+      property: "outlineWidth",
+      transform: (r) => ({ "--focus-ring-width": r })
+    },
+    focusRingStyle: {
+      values: "borderStyles",
+      property: "outlineStyle",
+      transform: (r) => ({ "--focus-ring-style": r })
+    },
+    // layout
+    aspectRatio: { values: "aspectRatios" },
+    width: { values: "sizes", shorthand: ["w"] },
+    inlineSize: { values: "sizes" },
+    height: { values: "sizes", shorthand: ["h"] },
+    blockSize: { values: "sizes" },
+    boxSize: {
+      values: "sizes",
+      property: "width",
+      transform: (r) => ({ width: r, height: r })
+    },
+    minWidth: { values: "sizes", shorthand: ["minW"] },
+    minInlineSize: { values: "sizes" },
+    minHeight: { values: "sizes", shorthand: ["minH"] },
+    minBlockSize: { values: "sizes" },
+    maxWidth: { values: "sizes", shorthand: ["maxW"] },
+    maxInlineSize: { values: "sizes" },
+    maxHeight: { values: "sizes", shorthand: ["maxH"] },
+    maxBlockSize: { values: "sizes" },
+    hideFrom: {
+      values: "breakpoints",
+      //@ts-ignore
+      transform: (r, { raw: a, token: s }) => ({
+        [s.raw(`breakpoints.${a}`) ? `@breakpoint ${a}` : `@media screen and (min-width: ${r})`]: { display: "none" }
+      })
+    },
+    hideBelow: {
+      values: "breakpoints",
+      //@ts-ignore
+      transform(r, { raw: a, token: s }) {
+        return {
+          [s.raw(`breakpoints.${a}`) ? `@breakpoint ${a}Down` : `@media screen and (max-width: ${r})`]: {
+            display: "none"
+          }
+        };
+      }
+    },
+    // scroll
+    overscrollBehavior: { shorthand: ["overscroll"] },
+    overscrollBehaviorX: { shorthand: ["overscrollX"] },
+    overscrollBehaviorY: { shorthand: ["overscrollY"] },
+    scrollbar: {
+      values: ["visible", "hidden"],
+      transform(r) {
+        switch (r) {
+          case "visible":
+            return {
+              msOverflowStyle: "auto",
+              scrollbarWidth: "auto",
+              "&::-webkit-scrollbar": { display: "block" }
+            };
+          case "hidden":
+            return {
+              msOverflowStyle: "none",
+              scrollbarWidth: "none",
+              "&::-webkit-scrollbar": { display: "none" }
+            };
+          default:
+            return {};
+        }
+      }
+    },
+    scrollbarColor: {
+      values: e,
+      transform: t("scrollbarColor")
+    },
+    scrollbarGutter: { values: "spacing" },
+    scrollbarWidth: { values: "sizes" },
+    // scroll margin
+    scrollMargin: { values: "spacing" },
+    scrollMarginTop: { values: "spacing" },
+    scrollMarginBottom: { values: "spacing" },
+    scrollMarginLeft: { values: "spacing" },
+    scrollMarginRight: { values: "spacing" },
+    scrollMarginX: {
+      values: "spacing",
+      transform: (r) => ({ scrollMarginLeft: r, scrollMarginRight: r })
+    },
+    scrollMarginY: {
+      values: "spacing",
+      transform: (r) => ({ scrollMarginTop: r, scrollMarginBottom: r })
+    },
+    // scroll padding
+    scrollPadding: { values: "spacing" },
+    scrollPaddingTop: { values: "spacing" },
+    scrollPaddingBottom: { values: "spacing" },
+    scrollPaddingLeft: { values: "spacing" },
+    scrollPaddingRight: { values: "spacing" },
+    scrollPaddingInline: { values: "spacing", shorthand: ["scrollPaddingX"] },
+    scrollPaddingBlock: { values: "spacing", shorthand: ["scrollPaddingY"] },
+    // scroll snap
+    scrollSnapType: {
+      values: {
+        none: "none",
+        x: "x var(--scroll-snap-strictness)",
+        y: "y var(--scroll-snap-strictness)",
+        both: "both var(--scroll-snap-strictness)"
+      }
+    },
+    scrollSnapStrictness: {
+      values: ["mandatory", "proximity"],
+      transform: (r) => ({ "--scroll-snap-strictness": r })
+    },
+    scrollSnapMargin: { values: "spacing" },
+    scrollSnapMarginTop: { values: "spacing" },
+    scrollSnapMarginBottom: { values: "spacing" },
+    scrollSnapMarginLeft: { values: "spacing" },
+    scrollSnapMarginRight: { values: "spacing" },
+    // list
+    listStylePosition: { shorthand: ["listStylePos"] },
+    listStyleImage: { values: "assets", shorthand: ["listStyleImg"] },
+    // position
+    position: { shorthand: ["pos"] },
+    zIndex: { values: "zIndex" },
+    inset: { values: "spacing" },
+    insetInline: { values: "spacing", shorthand: ["insetX"] },
+    insetBlock: { values: "spacing", shorthand: ["insetY"] },
+    top: { values: "spacing" },
+    insetBlockStart: { values: "spacing" },
+    bottom: { values: "spacing" },
+    insetBlockEnd: { values: "spacing" },
+    left: { values: "spacing" },
+    right: { values: "spacing" },
+    insetInlineStart: {
+      values: "spacing",
+      shorthand: ["insetStart"]
+    },
+    insetInlineEnd: {
+      values: "spacing",
+      shorthand: ["insetEnd"]
+    },
+    // shadow / ring
+    ring: {
+      transform(r) {
+        return {
+          "--ring-offset-shadow": "var(--ring-inset) 0 0 0 var(--ring-offset-width) var(--ring-offset-color)",
+          "--ring-shadow": "var(--ring-inset) 0 0 0 calc(var(--ring-width) + var(--ring-offset-width)) var(--ring-color)",
+          "--ring-width": r,
+          boxShadow: "var(--ring-offset-shadow), var(--ring-shadow), var(--shadow, 0 0 #0000)"
+        };
+      }
+    },
+    ringColor: {
+      values: e,
+      transform: t("--ring-color")
+    },
+    ringOffset: {
+      transform: (r) => ({ "--ring-offset-width": r })
+    },
+    ringOffsetColor: {
+      values: e,
+      transform: t("--ring-offset-color")
+    },
+    ringInset: {
+      transform: (r) => ({ "--ring-inset": r })
+    },
+    // margin
+    margin: { values: "spacing", shorthand: ["m"] },
+    marginTop: { values: "spacing", shorthand: ["mt"] },
+    marginBlockStart: { values: "spacing" },
+    marginRight: { values: "spacing", shorthand: ["mr"] },
+    marginBottom: { values: "spacing", shorthand: ["mb"] },
+    marginBlockEnd: { values: "spacing" },
+    marginLeft: { values: "spacing", shorthand: ["ml"] },
+    marginInlineStart: { values: "spacing", shorthand: ["ms", "marginStart"] },
+    marginInlineEnd: { values: "spacing", shorthand: ["me", "marginEnd"] },
+    marginInline: { values: "spacing", shorthand: ["mx", "marginX"] },
+    marginBlock: { values: "spacing", shorthand: ["my", "marginY"] },
+    // padding
+    padding: { values: "spacing", shorthand: ["p"] },
+    paddingTop: { values: "spacing", shorthand: ["pt"] },
+    paddingRight: { values: "spacing", shorthand: ["pr"] },
+    paddingBottom: { values: "spacing", shorthand: ["pb"] },
+    paddingBlockStart: { values: "spacing" },
+    paddingBlockEnd: { values: "spacing" },
+    paddingLeft: { values: "spacing", shorthand: ["pl"] },
+    paddingInlineStart: {
+      values: "spacing",
+      shorthand: ["ps", "paddingStart"]
+    },
+    paddingInlineEnd: { values: "spacing", shorthand: ["pe", "paddingEnd"] },
+    paddingInline: { values: "spacing", shorthand: ["px", "paddingX"] },
+    paddingBlock: { values: "spacing", shorthand: ["py", "paddingY"] },
+    // text decoration
+    textDecoration: { shorthand: ["textDecor"] },
+    textDecorationColor: {
+      values: e,
+      transform: t("textDecorationColor")
+    },
+    textShadow: { values: "shadows" },
+    // transform
+    transform: {
+      transform: (r) => {
+        let a = r;
+        return r === "auto" && (a = "translateX(var(--translate-x, 0)) translateY(var(--translate-y, 0)) rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)) skewX(var(--skew-x, 0)) skewY(var(--skew-y, 0))"), r === "auto-gpu" && (a = "translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)) skewX(var(--skew-x, 0)) skewY(var(--skew-y, 0))"), { transform: a };
+      }
+    },
+    skewX: { transform: (r) => ({ "--skew-x": i(r) }) },
+    skewY: { transform: (r) => ({ "--skew-y": i(r) }) },
+    scaleX: { transform: (r) => ({ "--scale-x": r }) },
+    scaleY: { transform: (r) => ({ "--scale-y": r }) },
+    scale: {
+      transform(r) {
+        return r !== "auto" ? { scale: r } : {
+          scale: "var(--scale-x, 1) var(--scale-y, 1)"
+        };
+      }
+    },
+    spaceXReverse: {
+      values: { type: "boolean" },
+      transform(r) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+            "--space-x-reverse": r ? "1" : void 0
+          }
+        };
+      }
+    },
+    spaceX: {
+      property: "marginInlineStart",
+      values: "spacing",
+      transform: (r) => ({
+        "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+          "--space-x-reverse": "0",
+          marginInlineStart: `calc(${r} * calc(1 - var(--space-x-reverse)))`,
+          marginInlineEnd: `calc(${r} * var(--space-x-reverse))`
+        }
+      })
+    },
+    spaceYReverse: {
+      values: { type: "boolean" },
+      transform(r) {
+        return {
+          "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+            "--space-y-reverse": r ? "1" : void 0
+          }
+        };
+      }
+    },
+    spaceY: {
+      property: "marginTop",
+      values: "spacing",
+      transform: (r) => ({
+        "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
+          "--space-y-reverse": "0",
+          marginTop: `calc(${r} * calc(1 - var(--space-y-reverse)))`,
+          marginBottom: `calc(${r} * var(--space-y-reverse))`
+        }
+      })
+    },
+    rotate: {
+      transform(r) {
+        return r !== "auto" ? { rotate: i(r) } : {
+          rotate: "var(--rotate-x, 0) var(--rotate-y, 0) var(--rotate-z, 0)"
+        };
+      }
+    },
+    rotateX: {
+      transform(r) {
+        return { "--rotate-x": i(r) };
+      }
+    },
+    rotateY: {
+      transform(r) {
+        return { "--rotate-y": i(r) };
+      }
+    },
+    // transform / translate
+    translate: {
+      transform(r) {
+        return r !== "auto" ? { translate: r } : {
+          translate: "var(--translate-x) var(--translate-y)"
+        };
+      }
+    },
+    translateX: {
+      values: "spacing",
+      transform: (r) => ({ "--translate-x": r })
+    },
+    translateY: {
+      values: "spacing",
+      transform: (r) => ({ "--translate-y": r })
+    },
+    // transition
+    transition: {
+      values: [
+        "all",
+        "common",
+        "colors",
+        "opacity",
+        "position",
+        "backgrounds",
+        "size",
+        "shadow",
+        "transform"
+      ],
+      transform(r) {
+        switch (r) {
+          case "all":
+            return n("all");
+          case "position":
+            return n(
+              "left, right, top, bottom, inset-inline, inset-block"
+            );
+          case "colors":
+            return n(
+              "color, background-color, border-color, text-decoration-color, fill, stroke"
+            );
+          case "opacity":
+            return n("opacity");
+          case "shadow":
+            return n("box-shadow");
+          case "transform":
+            return n("transform");
+          case "size":
+            return n("width, height");
+          case "backgrounds":
+            return n(
+              "background, background-color, background-image, background-position"
+            );
+          case "common":
+            return n(
+              "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter"
+            );
+          default:
+            return { transition: r };
+        }
+      }
+    },
+    transitionDuration: { values: "durations" },
+    transitionProperty: {
+      values: {
+        common: "background-color, border-color, color, fill, stroke, opacity, box-shadow, translate, transform",
+        colors: "background-color, border-color, color, fill, stroke",
+        size: "width, height",
+        position: "left, right, top, bottom, inset-inline, inset-block",
+        background: "background, background-color, background-image, background-position"
+      }
+    },
+    transitionTimingFunction: { values: "easings" },
+    // animation
+    animation: { values: "animations" },
+    animationDuration: { values: "durations" },
+    animationDelay: { values: "durations" },
+    animationTimingFunction: { values: "easings" },
+    // typography
+    fontFamily: { values: "fonts" },
+    fontSize: { values: "fontSizes" },
+    fontWeight: { values: "fontWeights" },
+    lineHeight: { values: "lineHeights" },
+    letterSpacing: { values: "letterSpacings" },
+    textIndent: { values: "spacing" },
+    truncate: {
+      values: { type: "boolean" },
+      transform(r) {
+        return r === !0 ? {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        } : {};
+      }
+    },
+    lineClamp: {
+      transform(r) {
+        return r === "none" ? {
+          WebkitLineClamp: "unset"
+        } : {
+          overflow: "hidden",
+          display: "-webkit-box",
+          WebkitLineClamp: r,
+          WebkitBoxOrient: "vertical",
+          textWrap: "wrap"
+        };
+      }
+    },
+    // table
+    borderSpacing: {
+      values: (r) => ({
+        ...r("spacing"),
+        auto: "var(--border-spacing-x, 0) var(--border-spacing-y, 0)"
+      })
+    },
+    borderSpacingX: {
+      values: "spacing",
+      transform(r) {
+        return {
+          "--border-spacing-x": r
+        };
+      }
+    },
+    borderSpacingY: {
+      values: "spacing",
+      transform(r) {
+        return {
+          "--border-spacing-y": r
+        };
+      }
+    },
+    // helpers
+    srOnly: {
+      values: { type: "boolean" },
+      transform(r) {
+        return y[r] || {};
+      }
+    },
+    debug: {
+      values: { type: "boolean" },
+      transform(r) {
+        return r ? {
+          outline: "1px solid blue !important",
+          "& > *": {
+            outline: "1px solid red !important"
+          }
+        } : {};
+      }
+    },
+    caretColor: {
+      values: e,
+      transform: t("caretColor")
+    },
+    cursor: { values: "cursor" }
+  }
+}), y = {
+  true: {
+    position: "absolute",
+    width: "1px",
+    height: "1px",
+    padding: "0",
+    margin: "-1px",
+    overflow: "hidden",
+    clip: "rect(0, 0, 0, 0)",
+    whiteSpace: "nowrap",
+    borderWidth: "0"
+  },
+  false: {
+    position: "static",
+    width: "auto",
+    height: "auto",
+    padding: "0",
+    margin: "0",
+    overflow: "visible",
+    clip: "auto",
+    whiteSpace: "normal"
+  }
+};
+export {
+  x as defaultBaseConfig,
+  m as defaultConditions
+};