@bitrise/bitkit-v2 0.3.55 → 0.3.57

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

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