@cronocode/react-box 1.7.2 → 1.7.3

package/components/dox.js

@@ -1,1004 +0,0 @@
-import { useMemo as L, useLayoutEffect as O, useEffect as I } from "react";
-import { I as _ } from "../utils.js";
-import { u as D } from "../theme.js";
-var e;
-((a) => {
-  ((r) => {
-    function c(l, d) {
-      return `${l}${d.replace("/", "-")}`;
-    }
-    r.fraction = c;
-    function m(l) {
-      return [`${l} path`, `${l} circle`, `${l} rect`, `${l} line`];
-    }
-    r.svg = m;
-  })(a.ClassName || (a.ClassName = {})), ((r) => {
-    function c(u, i) {
-      return `${i / 4}rem`;
-    }
-    r.rem = c;
-    function m(u, i) {
-      return `${i}px`;
-    }
-    r.px = m;
-    function l(u, i) {
-      const [o, v] = i.split("/");
-      return `${+o / +v * 100}%`;
-    }
-    r.fraction = l;
-    function d(u, i) {
-      switch (i) {
-        case "fit":
-          return "100%";
-        case "fit-screen":
-          return u.toLocaleLowerCase().includes("height") ? "100vh" : "100vw";
-        default:
-          return i;
-      }
-    }
-    r.widthHeight = d;
-    function g(u) {
-      return (i, o) => `var(--${u}${o});`;
-    }
-    r.variables = g;
-    function S(u) {
-      return (i, o) => `var(--${u}${o});`;
-    }
-    r.svgVariables = S;
-    function k(u, i) {
-      return `repeat(${i},minmax(0,1fr))`;
-    }
-    r.gridColumns = k;
-    function N(u, i) {
-      return i === "full-row" ? "1/-1" : `span ${i}/span ${i}`;
-    }
-    r.gridColumn = N;
-    function p(u, i) {
-      return `${i}ms`;
-    }
-    r.ms = p;
-    function y(u, i) {
-      return `${i}deg`;
-    }
-    r.rotate = y;
-    function $(u, i) {
-      return i === "xAxis" ? "-1 1" : "1 -1";
-    }
-    r.flip = $;
-  })(a.Value || (a.Value = {}));
-})(e || (e = {}));
-const W = ["H", "F", "A"];
-var s;
-((a) => {
-  a.positiveSizes = [
-    0,
-    1,
-    2,
-    3,
-    4,
-    5,
-    6,
-    7,
-    8,
-    9,
-    10,
-    11,
-    12,
-    13,
-    14,
-    15,
-    16,
-    17,
-    18,
-    19,
-    20,
-    22,
-    24,
-    26,
-    28,
-    30,
-    32,
-    34,
-    36,
-    38,
-    40,
-    42,
-    44,
-    46,
-    48,
-    50,
-    52,
-    54,
-    56,
-    58,
-    60,
-    64,
-    68,
-    72,
-    76,
-    80,
-    84,
-    88,
-    92,
-    96,
-    100
-  ], a.negativeSizes = [
-    -1,
-    -2,
-    -3,
-    -4,
-    -5,
-    -6,
-    -7,
-    -8,
-    -9,
-    -10,
-    -11,
-    -12,
-    -13,
-    -14,
-    -15,
-    -16,
-    -17,
-    -18,
-    -19,
-    -20,
-    -22,
-    -24,
-    -26,
-    -28,
-    -30,
-    -32,
-    -34,
-    -36,
-    -38,
-    -40,
-    -44,
-    -48,
-    -52,
-    -56,
-    -60,
-    -64,
-    -68,
-    -72,
-    -76,
-    -80,
-    -84,
-    -88,
-    -92,
-    -96,
-    -100
-  ], a.sizes = [...a.positiveSizes, ...a.negativeSizes], a.borderAndOutlineStyles = [
-    "solid",
-    "dashed",
-    "dotted",
-    "double",
-    "groove",
-    "ridge",
-    "inset",
-    "outset",
-    "none",
-    "hidden"
-  ], a.overflows = ["auto", "hidden", "scroll", "visible"], a.widthHeightFractions = [
-    "1/2",
-    "1/3",
-    "2/3",
-    "1/4",
-    "2/4",
-    "3/4",
-    "1/5",
-    "2/5",
-    "3/5",
-    "4/5",
-    "1/6",
-    "2/6",
-    "3/6",
-    "4/6",
-    "5/6",
-    "1/12",
-    "2/12",
-    "3/12",
-    "4/12",
-    "5/12",
-    "6/12",
-    "7/12",
-    "8/12",
-    "9/12",
-    "10/12",
-    "11/12"
-  ], a.widthHeightValues = ["fit", "fit-screen", "auto", "fit-content", "max-content", "min-content"], a.alignSelf = ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
-})(s || (s = {}));
-const A = {
-  shadow: { cssNames: ["box-shadow"], formatValue: e.Value.variables("shadow") },
-  background: { cssNames: ["background"], formatValue: e.Value.variables("background") },
-  color: { cssNames: ["color"], formatValue: e.Value.variables("color") },
-  bgColor: { cssNames: ["background-color"], formatValue: e.Value.variables("color") },
-  borderColor: { cssNames: ["border-color"], formatValue: e.Value.variables("color") },
-  outlineColor: { cssNames: ["outline-color"], formatValue: e.Value.variables("color") }
-}, R = {
-  fill: {
-    cssNames: ["fill"],
-    formatValue: e.Value.svgVariables("color"),
-    formatSelector: e.ClassName.svg
-  },
-  stroke: {
-    cssNames: ["stroke"],
-    formatValue: e.Value.svgVariables("color"),
-    formatSelector: e.ClassName.svg
-  }
-}, x = {
-  hover: { className: "_h" },
-  focus: { className: "_f" }
-}, t = {
-  display: {
-    cssNames: ["display"],
-    values1: { values: ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  inline: {
-    cssNames: ["display"],
-    values1: { values: [!0], formatValue: () => "inline-block" },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  boxSizing: {
-    cssNames: ["box-sizing"],
-    values1: { values: ["border-box", "content-box"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  width: {
-    cssNames: ["width"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  minWidth: {
-    cssNames: ["min-width"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  maxWidth: {
-    cssNames: ["max-width"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  height: {
-    cssNames: ["height"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  minHeight: {
-    cssNames: ["min-height"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  maxHeight: {
-    cssNames: ["max-height"],
-    values1: { values: s.widthHeightValues, formatValue: e.Value.widthHeight },
-    values2: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values3: {
-      values: s.widthHeightFractions,
-      formatValue: e.Value.fraction
-      // formatClassName: DoxStylesFormatters.ClassName.fraction,
-    }
-  },
-  position: {
-    cssNames: ["position"],
-    values1: { values: ["static", "relative", "absolute", "fixed", "sticky"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  top: {
-    cssNames: ["top"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  right: {
-    cssNames: ["right"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  bottom: {
-    cssNames: ["bottom"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  left: {
-    cssNames: ["left"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  inset: {
-    cssNames: ["inset"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  margin: {
-    cssNames: ["margin"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginHorizontal: {
-    cssNames: ["margin-inline"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginVertical: {
-    cssNames: ["margin-block"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginTop: {
-    cssNames: ["margin-top"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginRight: {
-    cssNames: ["margin-right"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginBottom: {
-    cssNames: ["margin-bottom"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  marginLeft: {
-    cssNames: ["margin-left"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: ["auto"] },
-    values3: { values: [] }
-  },
-  padding: {
-    cssNames: ["padding"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingHorizontal: {
-    cssNames: ["padding-inline"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingVertical: {
-    cssNames: ["padding-block"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingTop: {
-    cssNames: ["padding-top"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingRight: {
-    cssNames: ["padding-right"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingBottom: {
-    cssNames: ["padding-bottom"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  paddingLeft: {
-    cssNames: ["padding-left"],
-    values1: { values: s.sizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  border: {
-    cssNames: ["border-width"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderHorizontal: {
-    cssNames: ["border-inline-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderVertical: {
-    cssNames: ["border-block-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderTop: {
-    cssNames: ["border-top-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRight: {
-    cssNames: ["border-right-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderBottom: {
-    cssNames: ["border-bottom-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderLeft: {
-    cssNames: ["border-left-width"],
-    values1: { values: s.sizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderStyle: {
-    cssNames: ["border-style"],
-    values1: { values: s.borderAndOutlineStyles },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadius: {
-    cssNames: ["border-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusTop: {
-    cssNames: ["border-top-left-radius", "border-top-right-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusRight: {
-    cssNames: ["border-top-right-radius", "border-bottom-right-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusBottom: {
-    cssNames: ["border-bottom-left-radius", "border-bottom-right-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusLeft: {
-    cssNames: ["border-top-left-radius", "border-bottom-left-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusTopLeft: {
-    cssNames: ["border-top-left-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusTopRight: {
-    cssNames: ["border-top-right-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusBottomLeft: {
-    cssNames: ["border-bottom-left-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  borderRadiusBottomRight: {
-    cssNames: ["border-bottom-right-radius"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  cursor: {
-    cssNames: ["cursor"],
-    values1: {
-      values: [
-        "auto",
-        "default",
-        "none",
-        "context-menu",
-        "help",
-        "pointer",
-        "progress",
-        "wait",
-        "cell",
-        "crosshair",
-        "text",
-        "vertical-text",
-        "alias",
-        "copy",
-        "move",
-        "no-drop",
-        "not-allowed",
-        "e-resize",
-        "n-resize",
-        "ne-resize",
-        "nw-resize",
-        "s-resize",
-        "se-resize",
-        "sw-resize",
-        "w-resize",
-        "ew-resize",
-        "ns-resize",
-        "nesw-resize",
-        "nwse-resize",
-        "col-resize",
-        "row-resize",
-        "all-scroll",
-        "zoom-in",
-        "zoom-out",
-        "grab",
-        "grabbing"
-      ]
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  zIndex: {
-    cssNames: ["z-index"],
-    values1: {
-      values: [1, 2, 3, 4, 5, 10, 11, 12, 13, 14, 15, 100, 101, 102, 103, 104, 105, 1e3, 1001, 1002, 1003, 1004, 1005]
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  overflow: {
-    cssNames: ["overflow"],
-    values1: { values: s.overflows },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  overflowX: {
-    cssNames: ["overflow-x"],
-    values1: { values: s.overflows },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  overflowY: {
-    cssNames: ["overflow-y"],
-    values1: { values: s.overflows },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  opacity: {
-    cssNames: ["opacity"],
-    values1: { values: [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  fontSize: {
-    cssNames: ["font-size"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: ["inherit"] },
-    values3: { values: [] }
-  },
-  fontStyle: {
-    cssNames: ["font-style"],
-    values1: { values: ["italic", "normal", "oblique"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  fontWeight: {
-    cssNames: ["font-weight"],
-    values1: { values: [100, 200, 300, 400, 500, 600, 700, 800, 900] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  letterSpacing: {
-    cssNames: ["letter-spacing"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  lineHeight: {
-    cssNames: ["line-height"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: ["font-size"], formatValue: () => "1" },
-    values3: { values: [] }
-  },
-  textDecoration: {
-    cssNames: ["text-decoration"],
-    values1: { values: ["none", "underline", "overline", "line-through"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  textTransform: {
-    cssNames: ["text-transform"],
-    values1: { values: ["none", "capitalize", "lowercase", "uppercase"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  textAlign: {
-    cssNames: ["text-align"],
-    values1: { values: ["left", "right", "center", "justify"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flexWrap: {
-    cssNames: ["flex-wrap"],
-    values1: { values: ["nowrap", "wrap", "wrap-reverse"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  justifyContent: {
-    cssNames: ["justify-content"],
-    values1: {
-      values: [
-        "start",
-        "end",
-        "flex-start",
-        "flex-end",
-        "center",
-        "left",
-        "right",
-        "space-between",
-        "space-around",
-        "space-evenly",
-        "stretch"
-      ]
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  alignItems: {
-    cssNames: ["align-items"],
-    values1: {
-      values: ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end", "self-start", "self-end"]
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  alignContent: {
-    cssNames: ["align-content"],
-    values1: {
-      values: [
-        "flex-start",
-        "flex-end",
-        "center",
-        "space-between",
-        "space-around",
-        "space-evenly",
-        "stretch",
-        "start",
-        "end",
-        "baseline"
-      ]
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flex1: {
-    cssNames: ["flex"],
-    values1: { values: [!0], formatValue: () => "1" },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flexDirection: {
-    cssNames: ["flex-direction"],
-    values1: { values: ["row", "row-reverse", "column", "column-reverse"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  gap: {
-    cssNames: ["gap"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  rowGap: {
-    cssNames: ["row-gap"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  columnGap: {
-    cssNames: ["column-gap"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.rem },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  order: {
-    cssNames: ["order"],
-    values1: { values: s.positiveSizes },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flexGrow: {
-    cssNames: ["flex-grow"],
-    values1: { values: s.positiveSizes },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flexShrink: {
-    cssNames: ["flex-shrink"],
-    values1: { values: s.positiveSizes },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  alignSelf: {
-    cssNames: ["align-self"],
-    values1: { values: s.alignSelf },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  justifySelf: {
-    cssNames: ["justify-self"],
-    values1: { values: s.alignSelf },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  gridColumns: {
-    cssNames: ["grid-template-columns"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.gridColumns },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  colSpan: {
-    cssNames: ["grid-column"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.gridColumn },
-    values2: { values: ["full-row"], formatValue: e.Value.gridColumn },
-    values3: { values: [] }
-  },
-  colStart: {
-    cssNames: ["grid-column-start"],
-    values1: { values: s.positiveSizes },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  colEnd: {
-    cssNames: ["grid-column-end"],
-    values1: { values: s.positiveSizes },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  outline: {
-    cssNames: ["outline-width"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  outlineStyle: {
-    cssNames: ["outline-style"],
-    values1: { values: s.borderAndOutlineStyles },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  outlineOffset: {
-    cssNames: ["outline-offset"],
-    values1: { values: s.positiveSizes, formatValue: e.Value.px },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  transition: {
-    cssNames: ["transition-property"],
-    values1: { values: ["none", "all"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  transitionDuration: {
-    cssNames: ["transition-duration"],
-    values1: {
-      values: [50, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 750, 800, 850, 900, 950, 1e3],
-      formatValue: e.Value.ms
-    },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  userSelect: {
-    cssNames: ["user-select"],
-    values1: { values: ["none", "auto", "text", "all"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  appearance: {
-    cssNames: ["appearance"],
-    values1: { values: ["none"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  pointerEvents: {
-    cssNames: ["pointer-events"],
-    values1: { values: ["none", "auto", "all"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  whiteSpace: {
-    cssNames: ["white-space"],
-    values1: { values: ["break-spaces", "normal", "nowrap", "pre", "pre-line", "pre-wrap"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  textOverflow: {
-    cssNames: ["text-overflow"],
-    values1: { values: ["clip", "ellipsis"] },
-    values2: { values: [] },
-    values3: { values: [] }
-  }
-}, C = {
-  rotate: {
-    cssNames: ["rotate"],
-    values1: { values: [0, 90, 180, 270, -90, -180, -270], formatValue: e.Value.rotate },
-    values2: { values: [] },
-    values3: { values: [] }
-  },
-  flip: {
-    cssNames: ["scale"],
-    values1: { values: ["xAxis", "yAxis"], formatValue: e.Value.flip },
-    values2: { values: [] },
-    values3: { values: [] }
-  }
-};
-Object.keys(C).forEach((a) => {
-  t[a] = C[a];
-});
-Object.keys(A).forEach((a) => {
-  t[a] = A[a], t[a].isThemeStyle = !0;
-});
-Object.keys(R).forEach((a) => {
-  t[a] = R[a], t[a].isThemeStyle = !0;
-});
-const V = {
-  w: { ...t.width, key: "width" },
-  h: { ...t.height, key: "height" },
-  m: { ...t.margin, key: "margin" },
-  mx: { ...t.marginHorizontal, key: "marginHorizontal" },
-  my: { ...t.marginVertical, key: "marginVertical" },
-  mt: { ...t.marginTop, key: "marginTop" },
-  mr: { ...t.marginRight, key: "marginRight" },
-  mb: { ...t.marginBottom, key: "marginBottom" },
-  ml: { ...t.marginLeft, key: "marginLeft" },
-  p: { ...t.padding, key: "padding" },
-  px: { ...t.paddingHorizontal, key: "paddingHorizontal" },
-  py: { ...t.paddingVertical, key: "paddingVertical" },
-  pt: { ...t.paddingTop, key: "paddingTop" },
-  pr: { ...t.paddingRight, key: "paddingRight" },
-  pb: { ...t.paddingBottom, key: "paddingBottom" },
-  pl: { ...t.paddingLeft, key: "paddingLeft" },
-  b: { ...t.border, key: "border" },
-  bx: { ...t.borderHorizontal, key: "borderHorizontal" },
-  by: { ...t.borderVertical, key: "borderVertical" },
-  bt: { ...t.borderTop, key: "borderTop" },
-  br: { ...t.borderRight, key: "borderRight" },
-  bb: { ...t.borderBottom, key: "borderBottom" },
-  bl: { ...t.borderLeft, key: "borderLeft" },
-  jc: { ...t.justifyContent, key: "justifyContent" },
-  ai: { ...t.alignItems, key: "alignItems" },
-  ac: { ...t.alignContent, key: "alignContent" },
-  d: { ...t.flexDirection, key: "flexDirection" }
-}, G = Object.keys(t), P = Object.keys(V);
-W.forEach((a) => {
-  G.forEach((r) => {
-    t[`${r}${a}`] = { ...t[r] }, t[`${r}${a}`].pseudoSuffix = a;
-  }), P.forEach((r) => {
-    V[`${r}${a}`] = { ...V[r], key: `${V[r].key}${a}` }, V[`${r}${a}`].pseudoSuffix = a;
-  });
-});
-var b;
-((a) => {
-  a.doxClassName = "_dox", a.svgClassName = "_svg";
-  const r = `:root{--borderColor: black;--outlineColor: black;--lineHeight: 1.2;--fontSize: 14px;--transitionTime: 0.25s;--svgTransitionTime: 0.3s;#crono-box {position: absolute;top: 0;left: 0;height: 0;}}
-html{font-size: 16px;font-family: Arial, sans-serif;}
-body{margin: 0;line-height: var(--lineHeight);font-size: var(--fontSize);}
-a,ul{all: unset;}
-.${a.doxClassName}{display: block;border: 0 solid var(--borderColor);outline: 0px solid var(--outlineColor);margin: 0;padding: 0;background-color: initial;transition: all var(--transitionTime);box-sizing: border-box;font-family: inherit;font-size: inherit;}
-.${a.svgClassName}{transition: all var(--svgTransitionTime);}.${a.svgClassName} path,.${a.svgClassName} circle,.${a.svgClassName} rect,.${a.svgClassName} line {transition: all var(--svgTransitionTime);}
-`, c = new _(), m = Object.keys(t), l = $();
-  let d = !1;
-  const g = m.reduce((u, i) => (u[i] = /* @__PURE__ */ new Set(), u), {});
-  function S(u, i) {
-    if (u in t)
-      return N(u, i);
-    if (u in x)
-      return x[u].className;
-    if (u in C)
-      return N(u, i);
-  }
-  a.get = S;
-  function k() {
-    if (d) {
-      console.info("%c💬Flush Dox Styles", "color: #00ffff");
-      let u = p([r]);
-      u = p(u, "H"), u = p(u, "F"), u = p(u, "A"), l.innerHTML = u.join(""), d = !1;
-    }
-  }
-  a.flush = k;
-  function N(u, i) {
-    var n;
-    g[u].has(i) || (d = !0, g[u].add(i));
-    const o = y(u, i), v = ((n = o.formatClassName) == null ? void 0 : n.call(o, u, i)) ?? `${u}${i}`;
-    return `-${c.getIdentity(v)}`;
-  }
-  function p(u, i) {
-    return Object.entries(g).filter(([v]) => {
-      var n;
-      return ((n = t[v]) == null ? void 0 : n.pseudoSuffix) === i;
-    }).reduce((v, [n, j]) => (j.forEach((z) => {
-      var T;
-      const f = y(n, z), h = `.${N(n, z)}`;
-      let w = [];
-      i ? i === "H" ? w = [
-        ...o(`${h}:hover`, f),
-        ...o(`.${x.hover.className}:hover>${h}`, f)
-      ] : i === "F" ? w = [
-        ...o(`${h}:focus-within`, f),
-        ...o(`.${x.focus.className}:focus-within>${h}`, f)
-      ] : i === "A" && (w = o(`${h}:active`, f)) : w = o(h, f);
-      const F = ((T = f.formatValue) == null ? void 0 : T.call(f, n, z)) ?? z, B = t[n].cssNames.map((E) => `${E}:${F};`).join("");
-      v.push(`${w.join(",")}{${B}}`);
-    }), v), u);
-    function o(v, n) {
-      return n.formatSelector ? n.formatSelector(v) : [v];
-    }
-  }
-  function y(u, i) {
-    const o = t[u];
-    return o.isThemeStyle ? o : o.values1.values.includes(i) ? o.values1 : o.values2.values.includes(i) ? o.values2 : o.values3;
-  }
-  function $() {
-    const u = "crono-styles", o = typeof window < "u" && typeof window.document < "u" ? window.document : global.document;
-    let v = o.getElementById(u);
-    return v || (v = o.createElement("style"), v.setAttribute("id", u), v.setAttribute("type", "text/css"), o.head.insertBefore(v, o.head.firstChild)), v;
-  }
-})(b || (b = {}));
-const q = typeof window < "u" && typeof window.document < "u", M = q ? O : I;
-function Q(a, r) {
-  const c = D(a);
-  return M(b.flush, [a]), L(() => {
-    const m = [r ? b.svgClassName : b.doxClassName], l = c ? { ...H(c), ...H(a) } : H(a);
-    return "inline" in l && (l.display === "block" ? l.display = "inline-block" : l.display === "flex" ? l.display = "inline-flex" : l.display === "grid" && (l.display = "inline-grid"), delete l.inline), "inlineH" in l && (l.displayH === "block" ? l.displayH = "inline-block" : l.displayH === "flex" ? l.displayH = "inline-flex" : l.displayH === "grid" && (l.displayH = "inline-grid"), delete l.inlineH), "inlineF" in l && (l.displayF === "block" ? l.displayF = "inline-block" : l.displayF === "flex" ? l.displayF = "inline-flex" : l.displayF === "grid" && (l.displayF = "inline-grid"), delete l.inlineF), "inlineA" in l && (l.displayA === "block" ? l.displayA = "inline-block" : l.displayA === "flex" ? l.displayA = "inline-flex" : l.displayA === "grid" && (l.displayA = "inline-grid"), delete l.inlineA), Object.entries(l).forEach(([d, g]) => {
-      m.push(b.get(d, g));
-    }), m;
-  }, [a, c]);
-}
-function H(a) {
-  const r = { ...a };
-  return Object.keys(r).forEach((m) => {
-    const l = V[m];
-    l && (l.key in r || (r[l.key] = r[m]), delete r[m]);
-  }), r;
-}
-export {
-  b as S,
-  Q as u
-};