RubyGems - coveragebook_components - Versions diffs - 0.15.0 → 0.16.0 - Mend

coveragebook_components 0.15.0 → 0.16.0

Files changed (39) hide show

checksums.yaml +4 -4
data/app/assets/build/coco/app.css +1513 -1605
data/app/assets/build/coco/app.js +35 -27
data/app/assets/build/coco/book.css +1212 -1303
data/app/assets/build/coco/book.js +10 -6
data/app/assets/build/coco/coco.css +6908 -0
data/app/assets/build/coco/coco.js +10 -6
data/app/assets/build/coco/tailwind.preset.js +2759 -0
data/app/assets/css/base/setup.css +0 -11
data/app/assets/css/base/tippy.css +40 -43
data/app/assets/css/base/utils/text.css +0 -210
data/app/assets/css/coco.css +3 -0
data/app/assets/css/plugins/aspect.js +27 -0
data/app/assets/css/plugins/colors.js +30 -0
data/app/assets/css/plugins/icons.js +17 -0
data/app/assets/css/plugins/layout.js +15 -0
data/app/assets/css/plugins/text.js +183 -0
data/app/components/coco/app/nav_drawer/nav_drawer.css +2 -2
data/app/components/coco/app/plan_card/plan_card.css +1 -1
data/app/components/coco/buttons/button/button.css +5 -5
data/app/components/coco/buttons/button_group/button_group.css +1 -1
data/app/components/coco/buttons/color_picker_button/color_picker_button.css +1 -1
data/app/components/coco/buttons/menu/menu.css +1 -1
data/app/components/coco/buttons/menu_items/user_profile/user_profile.css +1 -1
data/app/components/coco/indicators/badge/badge.css +1 -1
data/app/components/coco/layout/panel/panel.css +1 -1
data/app/components/coco/modals/modal/modal.css +1 -1
data/app/components/coco/modals/modal_dialog/modal_dialog.css +1 -1
data/app/components/coco/utilities/placeholder/placeholder.css +1 -1
data/app/helpers/coco/integration_helper.rb +25 -3
data/config/exports.js +0 -0
data/config/tailwind.config.js +1 -83
data/config/tailwind.preset.js +66 -0
data/config/tokens.js +25 -21
data/lib/coco.rb +1 -1
metadata +12 -5
data/app/assets/css/base/utils/colors.css +0 -30
data/app/assets/css/base/utils/icons.css +0 -16
data/app/assets/css/base/utils/layout.css +0 -13

data/app/assets/build/coco/tailwind.preset.js ADDED Viewed

@@ -0,0 +1,2759 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+// node_modules/tailwindcss/lib/util/cloneDeep.js
+var require_cloneDeep = __commonJS({
+  "node_modules/tailwindcss/lib/util/cloneDeep.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "cloneDeep", {
+      enumerable: true,
+      get: function() {
+        return cloneDeep;
+      }
+    });
+    function cloneDeep(value) {
+      if (Array.isArray(value)) {
+        return value.map((child) => cloneDeep(child));
+      }
+      if (typeof value === "object" && value !== null) {
+        return Object.fromEntries(Object.entries(value).map(([k, v]) => [
+          k,
+          cloneDeep(v)
+        ]));
+      }
+      return value;
+    }
+  }
+});
+// node_modules/tailwindcss/stubs/config.full.js
+var require_config_full = __commonJS({
+  "node_modules/tailwindcss/stubs/config.full.js"(exports2, module2) {
+    module2.exports = {
+      content: [],
+      presets: [],
+      darkMode: "media",
+      // or 'class'
+      theme: {
+        accentColor: ({ theme }) => ({
+          ...theme("colors"),
+          auto: "auto"
+        }),
+        animation: {
+          none: "none",
+          spin: "spin 1s linear infinite",
+          ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
+          pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+          bounce: "bounce 1s infinite"
+        },
+        aria: {
+          busy: 'busy="true"',
+          checked: 'checked="true"',
+          disabled: 'disabled="true"',
+          expanded: 'expanded="true"',
+          hidden: 'hidden="true"',
+          pressed: 'pressed="true"',
+          readonly: 'readonly="true"',
+          required: 'required="true"',
+          selected: 'selected="true"'
+        },
+        aspectRatio: {
+          auto: "auto",
+          square: "1 / 1",
+          video: "16 / 9"
+        },
+        backdropBlur: ({ theme }) => theme("blur"),
+        backdropBrightness: ({ theme }) => theme("brightness"),
+        backdropContrast: ({ theme }) => theme("contrast"),
+        backdropGrayscale: ({ theme }) => theme("grayscale"),
+        backdropHueRotate: ({ theme }) => theme("hueRotate"),
+        backdropInvert: ({ theme }) => theme("invert"),
+        backdropOpacity: ({ theme }) => theme("opacity"),
+        backdropSaturate: ({ theme }) => theme("saturate"),
+        backdropSepia: ({ theme }) => theme("sepia"),
+        backgroundColor: ({ theme }) => theme("colors"),
+        backgroundImage: {
+          none: "none",
+          "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
+          "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
+          "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
+          "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
+          "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
+          "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
+          "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
+          "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
+        },
+        backgroundOpacity: ({ theme }) => theme("opacity"),
+        backgroundPosition: {
+          bottom: "bottom",
+          center: "center",
+          left: "left",
+          "left-bottom": "left bottom",
+          "left-top": "left top",
+          right: "right",
+          "right-bottom": "right bottom",
+          "right-top": "right top",
+          top: "top"
+        },
+        backgroundSize: {
+          auto: "auto",
+          cover: "cover",
+          contain: "contain"
+        },
+        blur: {
+          0: "0",
+          none: "0",
+          sm: "4px",
+          DEFAULT: "8px",
+          md: "12px",
+          lg: "16px",
+          xl: "24px",
+          "2xl": "40px",
+          "3xl": "64px"
+        },
+        borderColor: ({ theme }) => ({
+          ...theme("colors"),
+          DEFAULT: theme("colors.gray.200", "currentColor")
+        }),
+        borderOpacity: ({ theme }) => theme("opacity"),
+        borderRadius: {
+          none: "0px",
+          sm: "0.125rem",
+          DEFAULT: "0.25rem",
+          md: "0.375rem",
+          lg: "0.5rem",
+          xl: "0.75rem",
+          "2xl": "1rem",
+          "3xl": "1.5rem",
+          full: "9999px"
+        },
+        borderSpacing: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        borderWidth: {
+          DEFAULT: "1px",
+          0: "0px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        boxShadow: {
+          sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+          DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+          md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+          lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+          xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+          "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+          inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+          none: "none"
+        },
+        boxShadowColor: ({ theme }) => theme("colors"),
+        brightness: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          90: ".9",
+          95: ".95",
+          100: "1",
+          105: "1.05",
+          110: "1.1",
+          125: "1.25",
+          150: "1.5",
+          200: "2"
+        },
+        caretColor: ({ theme }) => theme("colors"),
+        colors: ({ colors: colors2 }) => ({
+          inherit: colors2.inherit,
+          current: colors2.current,
+          transparent: colors2.transparent,
+          black: colors2.black,
+          white: colors2.white,
+          slate: colors2.slate,
+          gray: colors2.gray,
+          zinc: colors2.zinc,
+          neutral: colors2.neutral,
+          stone: colors2.stone,
+          red: colors2.red,
+          orange: colors2.orange,
+          amber: colors2.amber,
+          yellow: colors2.yellow,
+          lime: colors2.lime,
+          green: colors2.green,
+          emerald: colors2.emerald,
+          teal: colors2.teal,
+          cyan: colors2.cyan,
+          sky: colors2.sky,
+          blue: colors2.blue,
+          indigo: colors2.indigo,
+          violet: colors2.violet,
+          purple: colors2.purple,
+          fuchsia: colors2.fuchsia,
+          pink: colors2.pink,
+          rose: colors2.rose
+        }),
+        columns: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          "3xs": "16rem",
+          "2xs": "18rem",
+          xs: "20rem",
+          sm: "24rem",
+          md: "28rem",
+          lg: "32rem",
+          xl: "36rem",
+          "2xl": "42rem",
+          "3xl": "48rem",
+          "4xl": "56rem",
+          "5xl": "64rem",
+          "6xl": "72rem",
+          "7xl": "80rem"
+        },
+        container: {},
+        content: {
+          none: "none"
+        },
+        contrast: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          100: "1",
+          125: "1.25",
+          150: "1.5",
+          200: "2"
+        },
+        cursor: {
+          auto: "auto",
+          default: "default",
+          pointer: "pointer",
+          wait: "wait",
+          text: "text",
+          move: "move",
+          help: "help",
+          "not-allowed": "not-allowed",
+          none: "none",
+          "context-menu": "context-menu",
+          progress: "progress",
+          cell: "cell",
+          crosshair: "crosshair",
+          "vertical-text": "vertical-text",
+          alias: "alias",
+          copy: "copy",
+          "no-drop": "no-drop",
+          grab: "grab",
+          grabbing: "grabbing",
+          "all-scroll": "all-scroll",
+          "col-resize": "col-resize",
+          "row-resize": "row-resize",
+          "n-resize": "n-resize",
+          "e-resize": "e-resize",
+          "s-resize": "s-resize",
+          "w-resize": "w-resize",
+          "ne-resize": "ne-resize",
+          "nw-resize": "nw-resize",
+          "se-resize": "se-resize",
+          "sw-resize": "sw-resize",
+          "ew-resize": "ew-resize",
+          "ns-resize": "ns-resize",
+          "nesw-resize": "nesw-resize",
+          "nwse-resize": "nwse-resize",
+          "zoom-in": "zoom-in",
+          "zoom-out": "zoom-out"
+        },
+        divideColor: ({ theme }) => theme("borderColor"),
+        divideOpacity: ({ theme }) => theme("borderOpacity"),
+        divideWidth: ({ theme }) => theme("borderWidth"),
+        dropShadow: {
+          sm: "0 1px 1px rgb(0 0 0 / 0.05)",
+          DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
+          md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
+          lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
+          xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
+          "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
+          none: "0 0 #0000"
+        },
+        fill: ({ theme }) => ({
+          none: "none",
+          ...theme("colors")
+        }),
+        flex: {
+          1: "1 1 0%",
+          auto: "1 1 auto",
+          initial: "0 1 auto",
+          none: "none"
+        },
+        flexBasis: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%"
+        }),
+        flexGrow: {
+          0: "0",
+          DEFAULT: "1"
+        },
+        flexShrink: {
+          0: "0",
+          DEFAULT: "1"
+        },
+        fontFamily: {
+          sans: [
+            "ui-sans-serif",
+            "system-ui",
+            "sans-serif",
+            '"Apple Color Emoji"',
+            '"Segoe UI Emoji"',
+            '"Segoe UI Symbol"',
+            '"Noto Color Emoji"'
+          ],
+          serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
+          mono: [
+            "ui-monospace",
+            "SFMono-Regular",
+            "Menlo",
+            "Monaco",
+            "Consolas",
+            '"Liberation Mono"',
+            '"Courier New"',
+            "monospace"
+          ]
+        },
+        fontSize: {
+          xs: ["0.75rem", { lineHeight: "1rem" }],
+          sm: ["0.875rem", { lineHeight: "1.25rem" }],
+          base: ["1rem", { lineHeight: "1.5rem" }],
+          lg: ["1.125rem", { lineHeight: "1.75rem" }],
+          xl: ["1.25rem", { lineHeight: "1.75rem" }],
+          "2xl": ["1.5rem", { lineHeight: "2rem" }],
+          "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+          "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+          "5xl": ["3rem", { lineHeight: "1" }],
+          "6xl": ["3.75rem", { lineHeight: "1" }],
+          "7xl": ["4.5rem", { lineHeight: "1" }],
+          "8xl": ["6rem", { lineHeight: "1" }],
+          "9xl": ["8rem", { lineHeight: "1" }]
+        },
+        fontWeight: {
+          thin: "100",
+          extralight: "200",
+          light: "300",
+          normal: "400",
+          medium: "500",
+          semibold: "600",
+          bold: "700",
+          extrabold: "800",
+          black: "900"
+        },
+        gap: ({ theme }) => theme("spacing"),
+        gradientColorStops: ({ theme }) => theme("colors"),
+        gradientColorStopPositions: {
+          "0%": "0%",
+          "5%": "5%",
+          "10%": "10%",
+          "15%": "15%",
+          "20%": "20%",
+          "25%": "25%",
+          "30%": "30%",
+          "35%": "35%",
+          "40%": "40%",
+          "45%": "45%",
+          "50%": "50%",
+          "55%": "55%",
+          "60%": "60%",
+          "65%": "65%",
+          "70%": "70%",
+          "75%": "75%",
+          "80%": "80%",
+          "85%": "85%",
+          "90%": "90%",
+          "95%": "95%",
+          "100%": "100%"
+        },
+        grayscale: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        gridAutoColumns: {
+          auto: "auto",
+          min: "min-content",
+          max: "max-content",
+          fr: "minmax(0, 1fr)"
+        },
+        gridAutoRows: {
+          auto: "auto",
+          min: "min-content",
+          max: "max-content",
+          fr: "minmax(0, 1fr)"
+        },
+        gridColumn: {
+          auto: "auto",
+          "span-1": "span 1 / span 1",
+          "span-2": "span 2 / span 2",
+          "span-3": "span 3 / span 3",
+          "span-4": "span 4 / span 4",
+          "span-5": "span 5 / span 5",
+          "span-6": "span 6 / span 6",
+          "span-7": "span 7 / span 7",
+          "span-8": "span 8 / span 8",
+          "span-9": "span 9 / span 9",
+          "span-10": "span 10 / span 10",
+          "span-11": "span 11 / span 11",
+          "span-12": "span 12 / span 12",
+          "span-full": "1 / -1"
+        },
+        gridColumnEnd: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridColumnStart: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridRow: {
+          auto: "auto",
+          "span-1": "span 1 / span 1",
+          "span-2": "span 2 / span 2",
+          "span-3": "span 3 / span 3",
+          "span-4": "span 4 / span 4",
+          "span-5": "span 5 / span 5",
+          "span-6": "span 6 / span 6",
+          "span-7": "span 7 / span 7",
+          "span-8": "span 8 / span 8",
+          "span-9": "span 9 / span 9",
+          "span-10": "span 10 / span 10",
+          "span-11": "span 11 / span 11",
+          "span-12": "span 12 / span 12",
+          "span-full": "1 / -1"
+        },
+        gridRowEnd: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridRowStart: {
+          auto: "auto",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12",
+          13: "13"
+        },
+        gridTemplateColumns: {
+          none: "none",
+          subgrid: "subgrid",
+          1: "repeat(1, minmax(0, 1fr))",
+          2: "repeat(2, minmax(0, 1fr))",
+          3: "repeat(3, minmax(0, 1fr))",
+          4: "repeat(4, minmax(0, 1fr))",
+          5: "repeat(5, minmax(0, 1fr))",
+          6: "repeat(6, minmax(0, 1fr))",
+          7: "repeat(7, minmax(0, 1fr))",
+          8: "repeat(8, minmax(0, 1fr))",
+          9: "repeat(9, minmax(0, 1fr))",
+          10: "repeat(10, minmax(0, 1fr))",
+          11: "repeat(11, minmax(0, 1fr))",
+          12: "repeat(12, minmax(0, 1fr))"
+        },
+        gridTemplateRows: {
+          none: "none",
+          subgrid: "subgrid",
+          1: "repeat(1, minmax(0, 1fr))",
+          2: "repeat(2, minmax(0, 1fr))",
+          3: "repeat(3, minmax(0, 1fr))",
+          4: "repeat(4, minmax(0, 1fr))",
+          5: "repeat(5, minmax(0, 1fr))",
+          6: "repeat(6, minmax(0, 1fr))",
+          7: "repeat(7, minmax(0, 1fr))",
+          8: "repeat(8, minmax(0, 1fr))",
+          9: "repeat(9, minmax(0, 1fr))",
+          10: "repeat(10, minmax(0, 1fr))",
+          11: "repeat(11, minmax(0, 1fr))",
+          12: "repeat(12, minmax(0, 1fr))"
+        },
+        height: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        hueRotate: {
+          0: "0deg",
+          15: "15deg",
+          30: "30deg",
+          60: "60deg",
+          90: "90deg",
+          180: "180deg"
+        },
+        inset: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          full: "100%"
+        }),
+        invert: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        keyframes: {
+          spin: {
+            to: {
+              transform: "rotate(360deg)"
+            }
+          },
+          ping: {
+            "75%, 100%": {
+              transform: "scale(2)",
+              opacity: "0"
+            }
+          },
+          pulse: {
+            "50%": {
+              opacity: ".5"
+            }
+          },
+          bounce: {
+            "0%, 100%": {
+              transform: "translateY(-25%)",
+              animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
+            },
+            "50%": {
+              transform: "none",
+              animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
+            }
+          }
+        },
+        letterSpacing: {
+          tighter: "-0.05em",
+          tight: "-0.025em",
+          normal: "0em",
+          wide: "0.025em",
+          wider: "0.05em",
+          widest: "0.1em"
+        },
+        lineHeight: {
+          none: "1",
+          tight: "1.25",
+          snug: "1.375",
+          normal: "1.5",
+          relaxed: "1.625",
+          loose: "2",
+          3: ".75rem",
+          4: "1rem",
+          5: "1.25rem",
+          6: "1.5rem",
+          7: "1.75rem",
+          8: "2rem",
+          9: "2.25rem",
+          10: "2.5rem"
+        },
+        listStyleType: {
+          none: "none",
+          disc: "disc",
+          decimal: "decimal"
+        },
+        listStyleImage: {
+          none: "none"
+        },
+        margin: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing")
+        }),
+        lineClamp: {
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6"
+        },
+        maxHeight: ({ theme }) => ({
+          ...theme("spacing"),
+          none: "none",
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        maxWidth: ({ theme, breakpoints }) => ({
+          ...theme("spacing"),
+          none: "none",
+          xs: "20rem",
+          sm: "24rem",
+          md: "28rem",
+          lg: "32rem",
+          xl: "36rem",
+          "2xl": "42rem",
+          "3xl": "48rem",
+          "4xl": "56rem",
+          "5xl": "64rem",
+          "6xl": "72rem",
+          "7xl": "80rem",
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content",
+          prose: "65ch",
+          ...breakpoints(theme("screens"))
+        }),
+        minHeight: ({ theme }) => ({
+          ...theme("spacing"),
+          full: "100%",
+          screen: "100vh",
+          svh: "100svh",
+          lvh: "100lvh",
+          dvh: "100dvh",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        minWidth: ({ theme }) => ({
+          ...theme("spacing"),
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        objectPosition: {
+          bottom: "bottom",
+          center: "center",
+          left: "left",
+          "left-bottom": "left bottom",
+          "left-top": "left top",
+          right: "right",
+          "right-bottom": "right bottom",
+          "right-top": "right top",
+          top: "top"
+        },
+        opacity: {
+          0: "0",
+          5: "0.05",
+          10: "0.1",
+          15: "0.15",
+          20: "0.2",
+          25: "0.25",
+          30: "0.3",
+          35: "0.35",
+          40: "0.4",
+          45: "0.45",
+          50: "0.5",
+          55: "0.55",
+          60: "0.6",
+          65: "0.65",
+          70: "0.7",
+          75: "0.75",
+          80: "0.8",
+          85: "0.85",
+          90: "0.9",
+          95: "0.95",
+          100: "1"
+        },
+        order: {
+          first: "-9999",
+          last: "9999",
+          none: "0",
+          1: "1",
+          2: "2",
+          3: "3",
+          4: "4",
+          5: "5",
+          6: "6",
+          7: "7",
+          8: "8",
+          9: "9",
+          10: "10",
+          11: "11",
+          12: "12"
+        },
+        outlineColor: ({ theme }) => theme("colors"),
+        outlineOffset: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        outlineWidth: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        padding: ({ theme }) => theme("spacing"),
+        placeholderColor: ({ theme }) => theme("colors"),
+        placeholderOpacity: ({ theme }) => theme("opacity"),
+        ringColor: ({ theme }) => ({
+          DEFAULT: theme("colors.blue.500", "#3b82f6"),
+          ...theme("colors")
+        }),
+        ringOffsetColor: ({ theme }) => theme("colors"),
+        ringOffsetWidth: {
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        ringOpacity: ({ theme }) => ({
+          DEFAULT: "0.5",
+          ...theme("opacity")
+        }),
+        ringWidth: {
+          DEFAULT: "3px",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        rotate: {
+          0: "0deg",
+          1: "1deg",
+          2: "2deg",
+          3: "3deg",
+          6: "6deg",
+          12: "12deg",
+          45: "45deg",
+          90: "90deg",
+          180: "180deg"
+        },
+        saturate: {
+          0: "0",
+          50: ".5",
+          100: "1",
+          150: "1.5",
+          200: "2"
+        },
+        scale: {
+          0: "0",
+          50: ".5",
+          75: ".75",
+          90: ".9",
+          95: ".95",
+          100: "1",
+          105: "1.05",
+          110: "1.1",
+          125: "1.25",
+          150: "1.5"
+        },
+        screens: {
+          sm: "640px",
+          md: "768px",
+          lg: "1024px",
+          xl: "1280px",
+          "2xl": "1536px"
+        },
+        scrollMargin: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        scrollPadding: ({ theme }) => theme("spacing"),
+        sepia: {
+          0: "0",
+          DEFAULT: "100%"
+        },
+        skew: {
+          0: "0deg",
+          1: "1deg",
+          2: "2deg",
+          3: "3deg",
+          6: "6deg",
+          12: "12deg"
+        },
+        space: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        spacing: {
+          px: "1px",
+          0: "0px",
+          0.5: "0.125rem",
+          1: "0.25rem",
+          1.5: "0.375rem",
+          2: "0.5rem",
+          2.5: "0.625rem",
+          3: "0.75rem",
+          3.5: "0.875rem",
+          4: "1rem",
+          5: "1.25rem",
+          6: "1.5rem",
+          7: "1.75rem",
+          8: "2rem",
+          9: "2.25rem",
+          10: "2.5rem",
+          11: "2.75rem",
+          12: "3rem",
+          14: "3.5rem",
+          16: "4rem",
+          20: "5rem",
+          24: "6rem",
+          28: "7rem",
+          32: "8rem",
+          36: "9rem",
+          40: "10rem",
+          44: "11rem",
+          48: "12rem",
+          52: "13rem",
+          56: "14rem",
+          60: "15rem",
+          64: "16rem",
+          72: "18rem",
+          80: "20rem",
+          96: "24rem"
+        },
+        stroke: ({ theme }) => ({
+          none: "none",
+          ...theme("colors")
+        }),
+        strokeWidth: {
+          0: "0",
+          1: "1",
+          2: "2"
+        },
+        supports: {},
+        data: {},
+        textColor: ({ theme }) => theme("colors"),
+        textDecorationColor: ({ theme }) => theme("colors"),
+        textDecorationThickness: {
+          auto: "auto",
+          "from-font": "from-font",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        textIndent: ({ theme }) => ({
+          ...theme("spacing")
+        }),
+        textOpacity: ({ theme }) => theme("opacity"),
+        textUnderlineOffset: {
+          auto: "auto",
+          0: "0px",
+          1: "1px",
+          2: "2px",
+          4: "4px",
+          8: "8px"
+        },
+        transformOrigin: {
+          center: "center",
+          top: "top",
+          "top-right": "top right",
+          right: "right",
+          "bottom-right": "bottom right",
+          bottom: "bottom",
+          "bottom-left": "bottom left",
+          left: "left",
+          "top-left": "top left"
+        },
+        transitionDelay: {
+          0: "0s",
+          75: "75ms",
+          100: "100ms",
+          150: "150ms",
+          200: "200ms",
+          300: "300ms",
+          500: "500ms",
+          700: "700ms",
+          1e3: "1000ms"
+        },
+        transitionDuration: {
+          DEFAULT: "150ms",
+          0: "0s",
+          75: "75ms",
+          100: "100ms",
+          150: "150ms",
+          200: "200ms",
+          300: "300ms",
+          500: "500ms",
+          700: "700ms",
+          1e3: "1000ms"
+        },
+        transitionProperty: {
+          none: "none",
+          all: "all",
+          DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
+          colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
+          opacity: "opacity",
+          shadow: "box-shadow",
+          transform: "transform"
+        },
+        transitionTimingFunction: {
+          DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
+          linear: "linear",
+          in: "cubic-bezier(0.4, 0, 1, 1)",
+          out: "cubic-bezier(0, 0, 0.2, 1)",
+          "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
+        },
+        translate: ({ theme }) => ({
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          full: "100%"
+        }),
+        size: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        width: ({ theme }) => ({
+          auto: "auto",
+          ...theme("spacing"),
+          "1/2": "50%",
+          "1/3": "33.333333%",
+          "2/3": "66.666667%",
+          "1/4": "25%",
+          "2/4": "50%",
+          "3/4": "75%",
+          "1/5": "20%",
+          "2/5": "40%",
+          "3/5": "60%",
+          "4/5": "80%",
+          "1/6": "16.666667%",
+          "2/6": "33.333333%",
+          "3/6": "50%",
+          "4/6": "66.666667%",
+          "5/6": "83.333333%",
+          "1/12": "8.333333%",
+          "2/12": "16.666667%",
+          "3/12": "25%",
+          "4/12": "33.333333%",
+          "5/12": "41.666667%",
+          "6/12": "50%",
+          "7/12": "58.333333%",
+          "8/12": "66.666667%",
+          "9/12": "75%",
+          "10/12": "83.333333%",
+          "11/12": "91.666667%",
+          full: "100%",
+          screen: "100vw",
+          svw: "100svw",
+          lvw: "100lvw",
+          dvw: "100dvw",
+          min: "min-content",
+          max: "max-content",
+          fit: "fit-content"
+        }),
+        willChange: {
+          auto: "auto",
+          scroll: "scroll-position",
+          contents: "contents",
+          transform: "transform"
+        },
+        zIndex: {
+          auto: "auto",
+          0: "0",
+          10: "10",
+          20: "20",
+          30: "30",
+          40: "40",
+          50: "50"
+        }
+      },
+      plugins: []
+    };
+  }
+});
+// node_modules/tailwindcss/lib/public/default-theme.js
+var require_default_theme = __commonJS({
+  "node_modules/tailwindcss/lib/public/default-theme.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _cloneDeep = require_cloneDeep();
+    var _configfull = /* @__PURE__ */ _interop_require_default(require_config_full());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var _default = (0, _cloneDeep.cloneDeep)(_configfull.default.theme);
+  }
+});
+// node_modules/tailwindcss/defaultTheme.js
+var require_defaultTheme = __commonJS({
+  "node_modules/tailwindcss/defaultTheme.js"(exports2, module2) {
+    var defaultTheme2 = require_default_theme();
+    module2.exports = (defaultTheme2.__esModule ? defaultTheme2 : { default: defaultTheme2 }).default;
+  }
+});
+// config/tokens.js
+var require_tokens = __commonJS({
+  "config/tokens.js"(exports2, module2) {
+    var colors2 = {
+      transparent: "transparent",
+      current: "currentColor",
+      black: "#000000",
+      white: "#FFFFFF",
+      coco: {
+        gray: {
+          50: "#F9FAFB",
+          100: "#F3F4F6",
+          200: "#E5E7EB",
+          300: "#D1D5DB",
+          400: "#9CA3AF",
+          500: "#6B7280",
+          600: "#4B5563",
+          700: "#374151",
+          800: "#1F2937",
+          900: "#111827"
+        }
+      },
+      gray: {
+        transparent: {
+          50: "rgba(0, 12, 39, 0.06)",
+          100: "rgba(0, 12, 39, 0.1)",
+          200: "rgba(0, 12, 39, 0.18)"
+        }
+      },
+      green: {
+        50: "#E8F3F1",
+        100: "#D1E7E2",
+        200: "#A3CFC5",
+        300: "#76B8AA",
+        400: "#48A08D",
+        500: "#1A8871",
+        600: "#137464",
+        700: "#0D6159",
+        800: "#084C4E",
+        900: "#013C43"
+      },
+      red: {
+        50: "#FEF2F2",
+        100: "#FEE2E2",
+        200: "#FECACA",
+        300: "#FCA5A5",
+        400: "#F87171",
+        500: "#EF4444",
+        600: "#DC2626",
+        700: "#B91C1C",
+        800: "#991B1B",
+        900: "#7F1D1D"
+      },
+      amber: {
+        50: "#FFFBEB",
+        100: "#FEF3C7",
+        200: "#FDE68A",
+        300: "#FCD34D",
+        400: "#FBBF24",
+        500: "#F59E0B",
+        600: "#D97706",
+        700: "#B45309",
+        800: "#92400E",
+        900: "#78350F"
+      },
+      blue: {
+        50: "#F0F9FF",
+        100: "#E0F2FE",
+        200: "#BAE6FD",
+        300: "#7DD3FC",
+        400: "#38BDF8",
+        500: "#0EA5E9",
+        600: "#0284C7",
+        700: "#0369A1",
+        800: "#075985",
+        900: "#0C4A6E"
+      },
+      teal: {
+        50: "#F0FDFA",
+        100: "#CCFBF1",
+        200: "#99F6E4",
+        300: "#5EEAD4",
+        400: "#2DD4BF",
+        500: "#14B8A6",
+        600: "#0D9488",
+        700: "#0F766E",
+        800: "#115E59",
+        900: "#134E4A"
+      }
+    };
+    var colorAliases = {
+      primary: {
+        ...colors2.green
+      },
+      positive: {
+        ...colors2.green
+      },
+      negative: {
+        ...colors2.red
+      },
+      warning: {
+        ...colors2.amber
+      },
+      info: {
+        ...colors2.blue
+      },
+      background: {
+        header: {
+          DEFAULT: "#427484"
+        },
+        light: {
+          1: colors2.white,
+          2: colors2.coco.gray[50],
+          3: colors2.coco.gray[100]
+        },
+        dark: {
+          1: colors2.coco.gray[900],
+          2: colors2.coco.gray[800],
+          3: colors2.coco.gray[700]
+        },
+        primary: {
+          DEFAULT: colors2.green[500],
+          light: colors2.green[100]
+        },
+        negative: {
+          DEFAULT: colors2.red[600],
+          light: colors2.red[100]
+        },
+        warning: {
+          DEFAULT: colors2.amber[500],
+          light: colors2.amber[50]
+        },
+        positive: {
+          DEFAULT: colors2.green[500],
+          light: colors2.green[100]
+        },
+        info: {
+          DEFAULT: colors2.blue[600],
+          light: colors2.blue[100]
+        }
+      },
+      content: {
+        dark: {
+          1: colors2.coco.gray[900],
+          2: colors2.coco.gray[800],
+          3: colors2.coco.gray[600],
+          muted: colors2.coco.gray[400]
+        },
+        light: {
+          1: colors2.white,
+          2: colors2.coco.gray[200],
+          muted: colors2.coco.gray[400]
+        },
+        primary: {
+          DEFAULT: colors2.green[500],
+          dark: colors2.green[600],
+          inverse: colors2.green[300],
+          "inverse-vivid": "#009979"
+        },
+        negative: {
+          DEFAULT: colors2.red[600],
+          dark: colors2.red[700],
+          inverse: colors2.red[300]
+        },
+        warning: {
+          DEFAULT: colors2.amber[600],
+          dark: colors2.amber[700],
+          inverse: colors2.amber[300]
+        },
+        positive: {
+          DEFAULT: colors2.green[500],
+          dark: colors2.green[600],
+          inverse: colors2.green[300]
+        },
+        info: {
+          DEFAULT: colors2.blue[600],
+          dark: colors2.blue[700],
+          inverse: colors2.blue[300]
+        }
+      }
+    };
+    var screens2 = {
+      xs: "380px",
+      sm: "576px",
+      md: "768px",
+      lg: "992px",
+      xl: "1200px",
+      "2xl": "1400px",
+      "3xl": "1600px",
+      max: "1800px",
+      "max-sm": { max: "576px" },
+      "max-md": { max: "768px" },
+      "max-lg": { max: "992px" },
+      "max-xl": { max: "1200px" },
+      "max-2xl": { max: "1400px" },
+      "max-max": { max: "1800px" },
+      letterbox: { raw: "(max-height: 760px) and (min-width: 576px)" },
+      print: { raw: "print" }
+      // Note: PDFs are rendered at a viewport width of 1280px
+    };
+    var fontSize2 = {
+      "para-xs": ["12px", "16px"],
+      "para-sm": ["14px", "20px"],
+      "para-md": ["16px", "24px"],
+      "para-lg": ["18px", "27px"],
+      "label-xxs": ["10px", "12px"],
+      "label-xs": ["12px", "14px"],
+      "label-sm": ["14px", "16px"],
+      "label-md": ["16px", "20px"],
+      "label-lg": ["18px", "24px"],
+      "display-1": ["96px", "96px"],
+      "display-2": ["80px", "84px"],
+      "display-3": ["64px", "68px"],
+      "display-4": ["48px", "52px"],
+      "relaxed-display-1": ["96px", "104px"],
+      "relaxed-display-2": ["80px", "88px"],
+      "relaxed-display-3": ["64px", "72px"],
+      "relaxed-display-4": ["48px", "56px"],
+      "heading-1": ["40px", "48px"],
+      "heading-2": ["32px", "40px"],
+      "heading-3": ["28px", "36px"],
+      "heading-4": ["24px", "30px"],
+      "heading-5": ["20px", "24px"],
+      "heading-6": ["16px", "20px"],
+      "subheading-1": ["32px", "40px"],
+      "subheading-2": ["24px", "32px"],
+      "subheading-3": ["20px", "28px"],
+      "subheading-4": ["16px", "24px"]
+    };
+    module2.exports = {
+      colors: {
+        ...colors2,
+        ...colorAliases
+      },
+      screens: screens2,
+      fontSize: fontSize2,
+      fontFamily: {
+        displaySans: "proxima-nova",
+        bodySans: "proxima-nova",
+        displaySerif: "merriweather"
+      }
+    };
+  }
+});
+// node_modules/mini-svg-data-uri/shorter-css-color-names.js
+var require_shorter_css_color_names = __commonJS({
+  "node_modules/mini-svg-data-uri/shorter-css-color-names.js"(exports2, module2) {
+    module2.exports = {
+      aqua: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+      azure: /#f0ffff(ff)?(?!\w)/gi,
+      beige: /#f5f5dc(ff)?(?!\w)/gi,
+      bisque: /#ffe4c4(ff)?(?!\w)/gi,
+      black: /#000000(ff)?(?!\w)|#000(f)?(?!\w)/gi,
+      blue: /#0000ff(ff)?(?!\w)|#00f(f)?(?!\w)/gi,
+      brown: /#a52a2a(ff)?(?!\w)/gi,
+      coral: /#ff7f50(ff)?(?!\w)/gi,
+      cornsilk: /#fff8dc(ff)?(?!\w)/gi,
+      crimson: /#dc143c(ff)?(?!\w)/gi,
+      cyan: /#00ffff(ff)?(?!\w)|#0ff(f)?(?!\w)/gi,
+      darkblue: /#00008b(ff)?(?!\w)/gi,
+      darkcyan: /#008b8b(ff)?(?!\w)/gi,
+      darkgrey: /#a9a9a9(ff)?(?!\w)/gi,
+      darkred: /#8b0000(ff)?(?!\w)/gi,
+      deeppink: /#ff1493(ff)?(?!\w)/gi,
+      dimgrey: /#696969(ff)?(?!\w)/gi,
+      gold: /#ffd700(ff)?(?!\w)/gi,
+      green: /#008000(ff)?(?!\w)/gi,
+      grey: /#808080(ff)?(?!\w)/gi,
+      honeydew: /#f0fff0(ff)?(?!\w)/gi,
+      hotpink: /#ff69b4(ff)?(?!\w)/gi,
+      indigo: /#4b0082(ff)?(?!\w)/gi,
+      ivory: /#fffff0(ff)?(?!\w)/gi,
+      khaki: /#f0e68c(ff)?(?!\w)/gi,
+      lavender: /#e6e6fa(ff)?(?!\w)/gi,
+      lime: /#00ff00(ff)?(?!\w)|#0f0(f)?(?!\w)/gi,
+      linen: /#faf0e6(ff)?(?!\w)/gi,
+      maroon: /#800000(ff)?(?!\w)/gi,
+      moccasin: /#ffe4b5(ff)?(?!\w)/gi,
+      navy: /#000080(ff)?(?!\w)/gi,
+      oldlace: /#fdf5e6(ff)?(?!\w)/gi,
+      olive: /#808000(ff)?(?!\w)/gi,
+      orange: /#ffa500(ff)?(?!\w)/gi,
+      orchid: /#da70d6(ff)?(?!\w)/gi,
+      peru: /#cd853f(ff)?(?!\w)/gi,
+      pink: /#ffc0cb(ff)?(?!\w)/gi,
+      plum: /#dda0dd(ff)?(?!\w)/gi,
+      purple: /#800080(ff)?(?!\w)/gi,
+      red: /#ff0000(ff)?(?!\w)|#f00(f)?(?!\w)/gi,
+      salmon: /#fa8072(ff)?(?!\w)/gi,
+      seagreen: /#2e8b57(ff)?(?!\w)/gi,
+      seashell: /#fff5ee(ff)?(?!\w)/gi,
+      sienna: /#a0522d(ff)?(?!\w)/gi,
+      silver: /#c0c0c0(ff)?(?!\w)/gi,
+      skyblue: /#87ceeb(ff)?(?!\w)/gi,
+      snow: /#fffafa(ff)?(?!\w)/gi,
+      tan: /#d2b48c(ff)?(?!\w)/gi,
+      teal: /#008080(ff)?(?!\w)/gi,
+      thistle: /#d8bfd8(ff)?(?!\w)/gi,
+      tomato: /#ff6347(ff)?(?!\w)/gi,
+      violet: /#ee82ee(ff)?(?!\w)/gi,
+      wheat: /#f5deb3(ff)?(?!\w)/gi,
+      white: /#ffffff(ff)?(?!\w)|#fff(f)?(?!\w)/gi
+    };
+  }
+});
+// node_modules/mini-svg-data-uri/index.js
+var require_mini_svg_data_uri = __commonJS({
+  "node_modules/mini-svg-data-uri/index.js"(exports2, module2) {
+    var shorterNames = require_shorter_css_color_names();
+    var REGEX = {
+      whitespace: /\s+/g,
+      urlHexPairs: /%[\dA-F]{2}/g,
+      quotes: /"/g
+    };
+    function collapseWhitespace(str) {
+      return str.trim().replace(REGEX.whitespace, " ");
+    }
+    function dataURIPayload(string) {
+      return encodeURIComponent(string).replace(REGEX.urlHexPairs, specialHexEncode);
+    }
+    function colorCodeToShorterNames(string) {
+      Object.keys(shorterNames).forEach(function(key) {
+        if (shorterNames[key].test(string)) {
+          string = string.replace(shorterNames[key], key);
+        }
+      });
+      return string;
+    }
+    function specialHexEncode(match) {
+      switch (match) {
+        case "%20":
+          return " ";
+        case "%3D":
+          return "=";
+        case "%3A":
+          return ":";
+        case "%2F":
+          return "/";
+        default:
+          return match.toLowerCase();
+      }
+    }
+    function svgToTinyDataUri(svgString) {
+      if (typeof svgString !== "string") {
+        throw new TypeError("Expected a string, but received " + typeof svgString);
+      }
+      if (svgString.charCodeAt(0) === 65279) {
+        svgString = svgString.slice(1);
+      }
+      var body = colorCodeToShorterNames(collapseWhitespace(svgString)).replace(REGEX.quotes, "'");
+      return "data:image/svg+xml," + dataURIPayload(body);
+    }
+    svgToTinyDataUri.toSrcset = function toSrcset(svgString) {
+      return svgToTinyDataUri(svgString).replace(/ /g, "%20");
+    };
+    module2.exports = svgToTinyDataUri;
+  }
+});
+// node_modules/tailwindcss/lib/util/createPlugin.js
+var require_createPlugin = __commonJS({
+  "node_modules/tailwindcss/lib/util/createPlugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    function createPlugin(plugin, config) {
+      return {
+        handler: plugin,
+        config
+      };
+    }
+    createPlugin.withOptions = function(pluginFunction, configFunction = () => ({})) {
+      const optionsFunction = function(options) {
+        return {
+          __options: options,
+          handler: pluginFunction(options),
+          config: configFunction(options)
+        };
+      };
+      optionsFunction.__isOptionsFunction = true;
+      optionsFunction.__pluginFunction = pluginFunction;
+      optionsFunction.__configFunction = configFunction;
+      return optionsFunction;
+    };
+    var _default = createPlugin;
+  }
+});
+// node_modules/tailwindcss/lib/public/create-plugin.js
+var require_create_plugin = __commonJS({
+  "node_modules/tailwindcss/lib/public/create-plugin.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _createPlugin = /* @__PURE__ */ _interop_require_default(require_createPlugin());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var _default = _createPlugin.default;
+  }
+});
+// node_modules/tailwindcss/plugin.js
+var require_plugin = __commonJS({
+  "node_modules/tailwindcss/plugin.js"(exports2, module2) {
+    var createPlugin = require_create_plugin();
+    module2.exports = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+  }
+});
+// node_modules/picocolors/picocolors.browser.js
+var require_picocolors_browser = __commonJS({
+  "node_modules/picocolors/picocolors.browser.js"(exports2, module2) {
+    var x = String;
+    var create = function() {
+      return { isColorSupported: false, reset: x, bold: x, dim: x, italic: x, underline: x, inverse: x, hidden: x, strikethrough: x, black: x, red: x, green: x, yellow: x, blue: x, magenta: x, cyan: x, white: x, gray: x, bgBlack: x, bgRed: x, bgGreen: x, bgYellow: x, bgBlue: x, bgMagenta: x, bgCyan: x, bgWhite: x };
+    };
+    module2.exports = create();
+    module2.exports.createColors = create;
+  }
+});
+// node_modules/tailwindcss/lib/util/log.js
+var require_log = __commonJS({
+  "node_modules/tailwindcss/lib/util/log.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    function _export(target, all) {
+      for (var name in all)
+        Object.defineProperty(target, name, {
+          enumerable: true,
+          get: all[name]
+        });
+    }
+    _export(exports2, {
+      dim: function() {
+        return dim;
+      },
+      default: function() {
+        return _default;
+      }
+    });
+    var _picocolors = /* @__PURE__ */ _interop_require_default(require_picocolors_browser());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    var alreadyShown = /* @__PURE__ */ new Set();
+    function log(type, messages, key) {
+      if (typeof process !== "undefined" && process.env.JEST_WORKER_ID)
+        return;
+      if (key && alreadyShown.has(key))
+        return;
+      if (key)
+        alreadyShown.add(key);
+      console.warn("");
+      messages.forEach((message) => console.warn(type, "-", message));
+    }
+    function dim(input) {
+      return _picocolors.default.dim(input);
+    }
+    var _default = {
+      info(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.cyan("info")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      warn(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.yellow("warn")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      },
+      risk(key, messages) {
+        log(_picocolors.default.bold(_picocolors.default.magenta("risk")), ...Array.isArray(key) ? [
+          key
+        ] : [
+          messages,
+          key
+        ]);
+      }
+    };
+  }
+});
+// node_modules/tailwindcss/lib/public/colors.js
+var require_colors = __commonJS({
+  "node_modules/tailwindcss/lib/public/colors.js"(exports2) {
+    "use strict";
+    Object.defineProperty(exports2, "__esModule", {
+      value: true
+    });
+    Object.defineProperty(exports2, "default", {
+      enumerable: true,
+      get: function() {
+        return _default;
+      }
+    });
+    var _log = /* @__PURE__ */ _interop_require_default(require_log());
+    function _interop_require_default(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    function warn({ version, from, to }) {
+      _log.default.warn(`${from}-color-renamed`, [
+        `As of Tailwind CSS ${version}, \`${from}\` has been renamed to \`${to}\`.`,
+        "Update your configuration file to silence this warning."
+      ]);
+    }
+    var _default = {
+      inherit: "inherit",
+      current: "currentColor",
+      transparent: "transparent",
+      black: "#000",
+      white: "#fff",
+      slate: {
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        600: "#475569",
+        700: "#334155",
+        800: "#1e293b",
+        900: "#0f172a",
+        950: "#020617"
+      },
+      gray: {
+        50: "#f9fafb",
+        100: "#f3f4f6",
+        200: "#e5e7eb",
+        300: "#d1d5db",
+        400: "#9ca3af",
+        500: "#6b7280",
+        600: "#4b5563",
+        700: "#374151",
+        800: "#1f2937",
+        900: "#111827",
+        950: "#030712"
+      },
+      zinc: {
+        50: "#fafafa",
+        100: "#f4f4f5",
+        200: "#e4e4e7",
+        300: "#d4d4d8",
+        400: "#a1a1aa",
+        500: "#71717a",
+        600: "#52525b",
+        700: "#3f3f46",
+        800: "#27272a",
+        900: "#18181b",
+        950: "#09090b"
+      },
+      neutral: {
+        50: "#fafafa",
+        100: "#f5f5f5",
+        200: "#e5e5e5",
+        300: "#d4d4d4",
+        400: "#a3a3a3",
+        500: "#737373",
+        600: "#525252",
+        700: "#404040",
+        800: "#262626",
+        900: "#171717",
+        950: "#0a0a0a"
+      },
+      stone: {
+        50: "#fafaf9",
+        100: "#f5f5f4",
+        200: "#e7e5e4",
+        300: "#d6d3d1",
+        400: "#a8a29e",
+        500: "#78716c",
+        600: "#57534e",
+        700: "#44403c",
+        800: "#292524",
+        900: "#1c1917",
+        950: "#0c0a09"
+      },
+      red: {
+        50: "#fef2f2",
+        100: "#fee2e2",
+        200: "#fecaca",
+        300: "#fca5a5",
+        400: "#f87171",
+        500: "#ef4444",
+        600: "#dc2626",
+        700: "#b91c1c",
+        800: "#991b1b",
+        900: "#7f1d1d",
+        950: "#450a0a"
+      },
+      orange: {
+        50: "#fff7ed",
+        100: "#ffedd5",
+        200: "#fed7aa",
+        300: "#fdba74",
+        400: "#fb923c",
+        500: "#f97316",
+        600: "#ea580c",
+        700: "#c2410c",
+        800: "#9a3412",
+        900: "#7c2d12",
+        950: "#431407"
+      },
+      amber: {
+        50: "#fffbeb",
+        100: "#fef3c7",
+        200: "#fde68a",
+        300: "#fcd34d",
+        400: "#fbbf24",
+        500: "#f59e0b",
+        600: "#d97706",
+        700: "#b45309",
+        800: "#92400e",
+        900: "#78350f",
+        950: "#451a03"
+      },
+      yellow: {
+        50: "#fefce8",
+        100: "#fef9c3",
+        200: "#fef08a",
+        300: "#fde047",
+        400: "#facc15",
+        500: "#eab308",
+        600: "#ca8a04",
+        700: "#a16207",
+        800: "#854d0e",
+        900: "#713f12",
+        950: "#422006"
+      },
+      lime: {
+        50: "#f7fee7",
+        100: "#ecfccb",
+        200: "#d9f99d",
+        300: "#bef264",
+        400: "#a3e635",
+        500: "#84cc16",
+        600: "#65a30d",
+        700: "#4d7c0f",
+        800: "#3f6212",
+        900: "#365314",
+        950: "#1a2e05"
+      },
+      green: {
+        50: "#f0fdf4",
+        100: "#dcfce7",
+        200: "#bbf7d0",
+        300: "#86efac",
+        400: "#4ade80",
+        500: "#22c55e",
+        600: "#16a34a",
+        700: "#15803d",
+        800: "#166534",
+        900: "#14532d",
+        950: "#052e16"
+      },
+      emerald: {
+        50: "#ecfdf5",
+        100: "#d1fae5",
+        200: "#a7f3d0",
+        300: "#6ee7b7",
+        400: "#34d399",
+        500: "#10b981",
+        600: "#059669",
+        700: "#047857",
+        800: "#065f46",
+        900: "#064e3b",
+        950: "#022c22"
+      },
+      teal: {
+        50: "#f0fdfa",
+        100: "#ccfbf1",
+        200: "#99f6e4",
+        300: "#5eead4",
+        400: "#2dd4bf",
+        500: "#14b8a6",
+        600: "#0d9488",
+        700: "#0f766e",
+        800: "#115e59",
+        900: "#134e4a",
+        950: "#042f2e"
+      },
+      cyan: {
+        50: "#ecfeff",
+        100: "#cffafe",
+        200: "#a5f3fc",
+        300: "#67e8f9",
+        400: "#22d3ee",
+        500: "#06b6d4",
+        600: "#0891b2",
+        700: "#0e7490",
+        800: "#155e75",
+        900: "#164e63",
+        950: "#083344"
+      },
+      sky: {
+        50: "#f0f9ff",
+        100: "#e0f2fe",
+        200: "#bae6fd",
+        300: "#7dd3fc",
+        400: "#38bdf8",
+        500: "#0ea5e9",
+        600: "#0284c7",
+        700: "#0369a1",
+        800: "#075985",
+        900: "#0c4a6e",
+        950: "#082f49"
+      },
+      blue: {
+        50: "#eff6ff",
+        100: "#dbeafe",
+        200: "#bfdbfe",
+        300: "#93c5fd",
+        400: "#60a5fa",
+        500: "#3b82f6",
+        600: "#2563eb",
+        700: "#1d4ed8",
+        800: "#1e40af",
+        900: "#1e3a8a",
+        950: "#172554"
+      },
+      indigo: {
+        50: "#eef2ff",
+        100: "#e0e7ff",
+        200: "#c7d2fe",
+        300: "#a5b4fc",
+        400: "#818cf8",
+        500: "#6366f1",
+        600: "#4f46e5",
+        700: "#4338ca",
+        800: "#3730a3",
+        900: "#312e81",
+        950: "#1e1b4b"
+      },
+      violet: {
+        50: "#f5f3ff",
+        100: "#ede9fe",
+        200: "#ddd6fe",
+        300: "#c4b5fd",
+        400: "#a78bfa",
+        500: "#8b5cf6",
+        600: "#7c3aed",
+        700: "#6d28d9",
+        800: "#5b21b6",
+        900: "#4c1d95",
+        950: "#2e1065"
+      },
+      purple: {
+        50: "#faf5ff",
+        100: "#f3e8ff",
+        200: "#e9d5ff",
+        300: "#d8b4fe",
+        400: "#c084fc",
+        500: "#a855f7",
+        600: "#9333ea",
+        700: "#7e22ce",
+        800: "#6b21a8",
+        900: "#581c87",
+        950: "#3b0764"
+      },
+      fuchsia: {
+        50: "#fdf4ff",
+        100: "#fae8ff",
+        200: "#f5d0fe",
+        300: "#f0abfc",
+        400: "#e879f9",
+        500: "#d946ef",
+        600: "#c026d3",
+        700: "#a21caf",
+        800: "#86198f",
+        900: "#701a75",
+        950: "#4a044e"
+      },
+      pink: {
+        50: "#fdf2f8",
+        100: "#fce7f3",
+        200: "#fbcfe8",
+        300: "#f9a8d4",
+        400: "#f472b6",
+        500: "#ec4899",
+        600: "#db2777",
+        700: "#be185d",
+        800: "#9d174d",
+        900: "#831843",
+        950: "#500724"
+      },
+      rose: {
+        50: "#fff1f2",
+        100: "#ffe4e6",
+        200: "#fecdd3",
+        300: "#fda4af",
+        400: "#fb7185",
+        500: "#f43f5e",
+        600: "#e11d48",
+        700: "#be123c",
+        800: "#9f1239",
+        900: "#881337",
+        950: "#4c0519"
+      },
+      get lightBlue() {
+        warn({
+          version: "v2.2",
+          from: "lightBlue",
+          to: "sky"
+        });
+        return this.sky;
+      },
+      get warmGray() {
+        warn({
+          version: "v3.0",
+          from: "warmGray",
+          to: "stone"
+        });
+        return this.stone;
+      },
+      get trueGray() {
+        warn({
+          version: "v3.0",
+          from: "trueGray",
+          to: "neutral"
+        });
+        return this.neutral;
+      },
+      get coolGray() {
+        warn({
+          version: "v3.0",
+          from: "coolGray",
+          to: "gray"
+        });
+        return this.gray;
+      },
+      get blueGray() {
+        warn({
+          version: "v3.0",
+          from: "blueGray",
+          to: "slate"
+        });
+        return this.slate;
+      }
+    };
+  }
+});
+// node_modules/tailwindcss/colors.js
+var require_colors2 = __commonJS({
+  "node_modules/tailwindcss/colors.js"(exports2, module2) {
+    var colors2 = require_colors();
+    module2.exports = (colors2.__esModule ? colors2 : { default: colors2 }).default;
+  }
+});
+// node_modules/@tailwindcss/forms/src/index.js
+var require_src = __commonJS({
+  "node_modules/@tailwindcss/forms/src/index.js"(exports2, module2) {
+    var svgToDataUri = require_mini_svg_data_uri();
+    var plugin = require_plugin();
+    var defaultTheme2 = require_defaultTheme();
+    var colors2 = require_colors2();
+    var [baseFontSize, { lineHeight: baseLineHeight }] = defaultTheme2.fontSize.base;
+    var { spacing, borderWidth, borderRadius } = defaultTheme2;
+    function resolveColor(color, opacityVariableName) {
+      return color.replace("<alpha-value>", `var(${opacityVariableName}, 1)`);
+    }
+    var forms = plugin.withOptions(function(options = { strategy: void 0 }) {
+      return function({ addBase, addComponents, theme }) {
+        const strategy = options.strategy === void 0 ? ["base", "class"] : [options.strategy];
+        const rules = [
+          {
+            base: [
+              "[type='text']",
+              "input:where(:not([type]))",
+              "[type='email']",
+              "[type='url']",
+              "[type='password']",
+              "[type='number']",
+              "[type='date']",
+              "[type='datetime-local']",
+              "[type='month']",
+              "[type='search']",
+              "[type='tel']",
+              "[type='time']",
+              "[type='week']",
+              "[multiple]",
+              "textarea",
+              "select"
+            ],
+            class: [".form-input", ".form-textarea", ".form-select", ".form-multiselect"],
+            styles: {
+              appearance: "none",
+              "background-color": "#fff",
+              "border-color": resolveColor(
+                theme("colors.gray.500", colors2.gray[500]),
+                "--tw-border-opacity"
+              ),
+              "border-width": borderWidth["DEFAULT"],
+              "border-radius": borderRadius.none,
+              "padding-top": spacing[2],
+              "padding-right": spacing[3],
+              "padding-bottom": spacing[2],
+              "padding-left": spacing[3],
+              "font-size": baseFontSize,
+              "line-height": baseLineHeight,
+              "--tw-shadow": "0 0 #0000",
+              "&:focus": {
+                outline: "2px solid transparent",
+                "outline-offset": "2px",
+                "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+                "--tw-ring-offset-width": "0px",
+                "--tw-ring-offset-color": "#fff",
+                "--tw-ring-color": resolveColor(
+                  theme("colors.blue.600", colors2.blue[600]),
+                  "--tw-ring-opacity"
+                ),
+                "--tw-ring-offset-shadow": `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
+                "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
+                "box-shadow": `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`,
+                "border-color": resolveColor(
+                  theme("colors.blue.600", colors2.blue[600]),
+                  "--tw-border-opacity"
+                )
+              }
+            }
+          },
+          {
+            base: ["input::placeholder", "textarea::placeholder"],
+            class: [".form-input::placeholder", ".form-textarea::placeholder"],
+            styles: {
+              color: resolveColor(theme("colors.gray.500", colors2.gray[500]), "--tw-text-opacity"),
+              opacity: "1"
+            }
+          },
+          {
+            base: ["::-webkit-datetime-edit-fields-wrapper"],
+            class: [".form-input::-webkit-datetime-edit-fields-wrapper"],
+            styles: {
+              padding: "0"
+            }
+          },
+          {
+            // Unfortunate hack until https://bugs.webkit.org/show_bug.cgi?id=198959 is fixed.
+            // This sucks because users can't change line-height with a utility on date inputs now.
+            // Reference: https://github.com/twbs/bootstrap/pull/31993
+            base: ["::-webkit-date-and-time-value"],
+            class: [".form-input::-webkit-date-and-time-value"],
+            styles: {
+              "min-height": "1.5em"
+            }
+          },
+          {
+            // In Safari on iOS date and time inputs are centered instead of left-aligned and can't be
+            // changed with `text-align` utilities on the input by default. Resetting this to `inherit`
+            // makes them left-aligned by default and makes it possible to override the alignment with
+            // utility classes without using an arbitrary variant to target the pseudo-elements.
+            base: ["::-webkit-date-and-time-value"],
+            class: [".form-input::-webkit-date-and-time-value"],
+            styles: {
+              "text-align": "inherit"
+            }
+          },
+          {
+            // In Safari on macOS date time inputs that are set to `display: block` have unexpected
+            // extra bottom spacing. This can be corrected by setting the `::-webkit-datetime-edit`
+            // pseudo-element to `display: inline-flex`, instead of the browser default of
+            // `display: inline-block`.
+            base: ["::-webkit-datetime-edit"],
+            class: [".form-input::-webkit-datetime-edit"],
+            styles: {
+              display: "inline-flex"
+            }
+          },
+          {
+            // In Safari on macOS date time inputs are 4px taller than normal inputs
+            // This is because there is extra padding on the datetime-edit and datetime-edit-{part}-field pseudo elements
+            // See https://github.com/tailwindlabs/tailwindcss-forms/issues/95
+            base: [
+              "::-webkit-datetime-edit",
+              "::-webkit-datetime-edit-year-field",
+              "::-webkit-datetime-edit-month-field",
+              "::-webkit-datetime-edit-day-field",
+              "::-webkit-datetime-edit-hour-field",
+              "::-webkit-datetime-edit-minute-field",
+              "::-webkit-datetime-edit-second-field",
+              "::-webkit-datetime-edit-millisecond-field",
+              "::-webkit-datetime-edit-meridiem-field"
+            ],
+            class: [
+              ".form-input::-webkit-datetime-edit",
+              ".form-input::-webkit-datetime-edit-year-field",
+              ".form-input::-webkit-datetime-edit-month-field",
+              ".form-input::-webkit-datetime-edit-day-field",
+              ".form-input::-webkit-datetime-edit-hour-field",
+              ".form-input::-webkit-datetime-edit-minute-field",
+              ".form-input::-webkit-datetime-edit-second-field",
+              ".form-input::-webkit-datetime-edit-millisecond-field",
+              ".form-input::-webkit-datetime-edit-meridiem-field"
+            ],
+            styles: {
+              "padding-top": 0,
+              "padding-bottom": 0
+            }
+          },
+          {
+            base: ["select"],
+            class: [".form-select"],
+            styles: {
+              "background-image": `url("${svgToDataUri(
+                `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="${resolveColor(
+                  theme("colors.gray.500", colors2.gray[500]),
+                  "--tw-stroke-opacity"
+                )}" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6 8l4 4 4-4"/></svg>`
+              )}")`,
+              "background-position": `right ${spacing[2]} center`,
+              "background-repeat": `no-repeat`,
+              "background-size": `1.5em 1.5em`,
+              "padding-right": spacing[10],
+              "print-color-adjust": `exact`
+            }
+          },
+          {
+            base: ["[multiple]", '[size]:where(select:not([size="1"]))'],
+            class: ['.form-select:where([size]:not([size="1"]))'],
+            styles: {
+              "background-image": "initial",
+              "background-position": "initial",
+              "background-repeat": "unset",
+              "background-size": "initial",
+              "padding-right": spacing[3],
+              "print-color-adjust": "unset"
+            }
+          },
+          {
+            base: [`[type='checkbox']`, `[type='radio']`],
+            class: [".form-checkbox", ".form-radio"],
+            styles: {
+              appearance: "none",
+              padding: "0",
+              "print-color-adjust": "exact",
+              display: "inline-block",
+              "vertical-align": "middle",
+              "background-origin": "border-box",
+              "user-select": "none",
+              "flex-shrink": "0",
+              height: spacing[4],
+              width: spacing[4],
+              color: resolveColor(theme("colors.blue.600", colors2.blue[600]), "--tw-text-opacity"),
+              "background-color": "#fff",
+              "border-color": resolveColor(
+                theme("colors.gray.500", colors2.gray[500]),
+                "--tw-border-opacity"
+              ),
+              "border-width": borderWidth["DEFAULT"],
+              "--tw-shadow": "0 0 #0000"
+            }
+          },
+          {
+            base: [`[type='checkbox']`],
+            class: [".form-checkbox"],
+            styles: {
+              "border-radius": borderRadius["none"]
+            }
+          },
+          {
+            base: [`[type='radio']`],
+            class: [".form-radio"],
+            styles: {
+              "border-radius": "100%"
+            }
+          },
+          {
+            base: [`[type='checkbox']:focus`, `[type='radio']:focus`],
+            class: [".form-checkbox:focus", ".form-radio:focus"],
+            styles: {
+              outline: "2px solid transparent",
+              "outline-offset": "2px",
+              "--tw-ring-inset": "var(--tw-empty,/*!*/ /*!*/)",
+              "--tw-ring-offset-width": "2px",
+              "--tw-ring-offset-color": "#fff",
+              "--tw-ring-color": resolveColor(
+                theme("colors.blue.600", colors2.blue[600]),
+                "--tw-ring-opacity"
+              ),
+              "--tw-ring-offset-shadow": `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
+              "--tw-ring-shadow": `var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
+              "box-shadow": `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`
+            }
+          },
+          {
+            base: [`[type='checkbox']:checked`, `[type='radio']:checked`],
+            class: [".form-checkbox:checked", ".form-radio:checked"],
+            styles: {
+              "border-color": `transparent`,
+              "background-color": `currentColor`,
+              "background-size": `100% 100%`,
+              "background-position": `center`,
+              "background-repeat": `no-repeat`
+            }
+          },
+          {
+            base: [`[type='checkbox']:checked`],
+            class: [".form-checkbox:checked"],
+            styles: {
+              "background-image": `url("${svgToDataUri(
+                `<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>`
+              )}")`,
+              "@media (forced-colors: active) ": {
+                appearance: "auto"
+              }
+            }
+          },
+          {
+            base: [`[type='radio']:checked`],
+            class: [".form-radio:checked"],
+            styles: {
+              "background-image": `url("${svgToDataUri(
+                `<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="3"/></svg>`
+              )}")`,
+              "@media (forced-colors: active) ": {
+                appearance: "auto"
+              }
+            }
+          },
+          {
+            base: [
+              `[type='checkbox']:checked:hover`,
+              `[type='checkbox']:checked:focus`,
+              `[type='radio']:checked:hover`,
+              `[type='radio']:checked:focus`
+            ],
+            class: [
+              ".form-checkbox:checked:hover",
+              ".form-checkbox:checked:focus",
+              ".form-radio:checked:hover",
+              ".form-radio:checked:focus"
+            ],
+            styles: {
+              "border-color": "transparent",
+              "background-color": "currentColor"
+            }
+          },
+          {
+            base: [`[type='checkbox']:indeterminate`],
+            class: [".form-checkbox:indeterminate"],
+            styles: {
+              "background-image": `url("${svgToDataUri(
+                `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16"><path stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 8h8"/></svg>`
+              )}")`,
+              "border-color": `transparent`,
+              "background-color": `currentColor`,
+              "background-size": `100% 100%`,
+              "background-position": `center`,
+              "background-repeat": `no-repeat`,
+              "@media (forced-colors: active) ": {
+                appearance: "auto"
+              }
+            }
+          },
+          {
+            base: [`[type='checkbox']:indeterminate:hover`, `[type='checkbox']:indeterminate:focus`],
+            class: [".form-checkbox:indeterminate:hover", ".form-checkbox:indeterminate:focus"],
+            styles: {
+              "border-color": "transparent",
+              "background-color": "currentColor"
+            }
+          },
+          {
+            base: [`[type='file']`],
+            class: null,
+            styles: {
+              background: "unset",
+              "border-color": "inherit",
+              "border-width": "0",
+              "border-radius": "0",
+              padding: "0",
+              "font-size": "unset",
+              "line-height": "inherit"
+            }
+          },
+          {
+            base: [`[type='file']:focus`],
+            class: null,
+            styles: {
+              outline: [`1px solid ButtonText`, `1px auto -webkit-focus-ring-color`]
+            }
+          }
+        ];
+        const getStrategyRules = (strategy2) => rules.map((rule) => {
+          if (rule[strategy2] === null)
+            return null;
+          return { [rule[strategy2]]: rule.styles };
+        }).filter(Boolean);
+        if (strategy.includes("base")) {
+          addBase(getStrategyRules("base"));
+        }
+        if (strategy.includes("class")) {
+          addComponents(getStrategyRules("class"));
+        }
+      };
+    });
+    module2.exports = forms;
+  }
+});
+// node_modules/@tailwindcss/container-queries/dist/index.js
+var require_dist = __commonJS({
+  "node_modules/@tailwindcss/container-queries/dist/index.js"(exports2, module2) {
+    "use strict";
+    var _plugin = /* @__PURE__ */ _interopRequireDefault(require_plugin());
+    function _interopRequireDefault(obj) {
+      return obj && obj.__esModule ? obj : {
+        default: obj
+      };
+    }
+    module2.exports = (0, _plugin.default)(function containerQueries(param) {
+      var matchUtilities = param.matchUtilities, matchVariant = param.matchVariant, theme = param.theme;
+      var parseValue = function parseValue2(value) {
+        var _value_match;
+        var _value_match_;
+        var numericValue = (_value_match_ = (_value_match = value.match(/^(\d+\.\d+|\d+|\.\d+)\D+/)) === null || _value_match === void 0 ? void 0 : _value_match[1]) !== null && _value_match_ !== void 0 ? _value_match_ : null;
+        if (numericValue === null)
+          return null;
+        return parseFloat(value);
+      };
+      var _theme;
+      var values = (_theme = theme("containers")) !== null && _theme !== void 0 ? _theme : {};
+      matchUtilities({
+        "@container": function(value, param2) {
+          var modifier = param2.modifier;
+          return {
+            "container-type": value,
+            "container-name": modifier
+          };
+        }
+      }, {
+        values: {
+          DEFAULT: "inline-size",
+          normal: "normal"
+        },
+        modifiers: "any"
+      });
+      matchVariant("@", function() {
+        var value = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", modifier = (arguments.length > 1 ? arguments[1] : void 0).modifier;
+        var parsed = parseValue(value);
+        return parsed !== null ? "@container ".concat(modifier !== null && modifier !== void 0 ? modifier : "", " (min-width: ").concat(value, ")") : [];
+      }, {
+        values,
+        sort: function sort(aVariant, zVariant) {
+          var a = parseFloat(aVariant.value);
+          var z = parseFloat(zVariant.value);
+          if (a === null || z === null)
+            return 0;
+          if (a - z !== 0)
+            return a - z;
+          var _aVariant_modifier;
+          var aLabel = (_aVariant_modifier = aVariant.modifier) !== null && _aVariant_modifier !== void 0 ? _aVariant_modifier : "";
+          var _zVariant_modifier;
+          var zLabel = (_zVariant_modifier = zVariant.modifier) !== null && _zVariant_modifier !== void 0 ? _zVariant_modifier : "";
+          if (aLabel === "" && zLabel !== "") {
+            return 1;
+          } else if (aLabel !== "" && zLabel === "") {
+            return -1;
+          }
+          return aLabel.localeCompare(zLabel, "en", {
+            numeric: true
+          });
+        }
+      });
+    }, {
+      theme: {
+        containers: {
+          xs: "20rem",
+          sm: "24rem",
+          md: "28rem",
+          lg: "32rem",
+          xl: "36rem",
+          "2xl": "42rem",
+          "3xl": "48rem",
+          "4xl": "56rem",
+          "5xl": "64rem",
+          "6xl": "72rem",
+          "7xl": "80rem"
+        }
+      }
+    });
+  }
+});
+// app/assets/css/plugins/colors.js
+var require_colors3 = __commonJS({
+  "app/assets/css/plugins/colors.js"(exports2, module2) {
+    var plugin = require_plugin();
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
+        ".bg-gray-blend-50": {
+          "@apply bg-gray-transparent-50": {},
+          "background-blend-mode": "hard-light"
+        },
+        ".bg-gray-blend-100": {
+          "@apply bg-gray-transparent-100": {},
+          "background-blend-mode": "hard-light"
+        },
+        ".bg-gray-blend-200": {
+          "@apply bg-gray-transparent-200": {},
+          "background-blend-mode": "hard-light"
+        },
+        ".border-gray-blend-50": {
+          "@apply border-gray-transparent-50": {},
+          "background-blend-mode": "hard-light"
+        },
+        ".border-gray-blend-100": {
+          "@apply border-gray-transparent-100": {},
+          "background-blend-mode": "hard-light"
+        },
+        ".border-gray-blend-200": {
+          "@apply border-gray-transparent-200": {},
+          "background-blend-mode": "hard-light"
+        }
+      });
+    });
+  }
+});
+// app/assets/css/plugins/icons.js
+var require_icons = __commonJS({
+  "app/assets/css/plugins/icons.js"(exports2, module2) {
+    var plugin = require_plugin();
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
+        ".icon": {},
+        ".icon-stroke": {
+          "@apply fill-none stroke-2 stroke-current text-current": {},
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        },
+        ".icon-fill": {
+          "@apply fill-current text-current": {},
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }
+      });
+    });
+  }
+});
+// app/assets/css/plugins/layout.js
+var require_layout = __commonJS({
+  "app/assets/css/plugins/layout.js"(exports2, module2) {
+    var plugin = require_plugin();
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
+        ".pl-app": {
+          "@apply pl-3 sm:pl-6 md:pl-8 lg:pl-10 xl:pl-11": {}
+        },
+        ".pr-app": {
+          "@apply pr-3 sm:pr-6 md:pr-8 lg:pr-10 xl:pr-11": {}
+        },
+        ".px-app": {
+          "@apply pl-app pr-app": {}
+        }
+      });
+    });
+  }
+});
+// app/assets/css/plugins/text.js
+var require_text = __commonJS({
+  "app/assets/css/plugins/text.js"(exports2, module2) {
+    var plugin = require_plugin();
+    module2.exports = plugin(function({ addUtilities }) {
+      addUtilities({
+        ".para-lg, .para-md, .para-sm, .para-xs": {
+          "@apply font-body": {}
+        },
+        ".para-lg": {
+          "@apply text-para-lg": {}
+        },
+        ".para-md": {
+          "@apply text-para-md": {}
+        },
+        ".para-sm": {
+          "@apply text-para-sm": {}
+        },
+        ".para-xs": {
+          "@apply text-para-xs": {}
+        },
+        /* labels */
+        ".label-lg, .label-md, .label-sm, .label-xs, .label-xxs": {
+          "@apply font-body font-semibold": {}
+        },
+        ".label-lg": {
+          "@apply text-label-lg": {}
+        },
+        ".label-md": {
+          "@apply text-label-md": {}
+        },
+        ".label-sm": {
+          "@apply text-label-sm": {}
+        },
+        ".label-xs": {
+          "@apply text-label-xs": {}
+        },
+        ".label-xxs": {
+          "@apply text-label-xxs": {}
+        },
+        /* standard subheadings */
+        ".subheading-1, .subheading-2, .subheading-3, .subheading-4": {
+          "@apply font-body font-[500]": {}
+        },
+        ".subheading-1": {
+          "@apply text-subheading-1": {}
+        },
+        ".subheading-2": {
+          "@apply text-subheading-2": {}
+        },
+        ".subheading-3": {
+          "@apply text-subheading-3": {}
+        },
+        ".subheading-4": {
+          "@apply text-subheading-4": {}
+        },
+        /* standard headings */
+        ".heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6": {
+          "@apply font-body font-bold": {}
+        },
+        ".heading-1": {
+          "@apply text-heading-1": {}
+        },
+        ".heading-2": {
+          "@apply text-heading-2": {}
+        },
+        ".heading-3": {
+          "@apply text-heading-3": {}
+        },
+        ".heading-4": {
+          "@apply text-heading-4": {}
+        },
+        ".heading-5": {
+          "@apply text-heading-5": {}
+        },
+        ".heading-6": {
+          "@apply text-heading-6": {}
+        },
+        /* display headings */
+        ".display-1, .display-2, .display-3, .display-4": {
+          "@apply font-display font-bold": {}
+        },
+        ".display-1": {
+          "@apply text-display-1": {}
+        },
+        ".display-2": {
+          "@apply text-display-2": {}
+        },
+        ".display-3": {
+          "@apply text-display-3": {}
+        },
+        ".display-4": {
+          "@apply text-display-4": {}
+        },
+        /* branded headings */
+        ".branded-heading-1, .branded-heading-2, .branded-heading-3, .branded-heading-4, .branded-heading-5, .branded-heading-6": {
+          "@apply font-branded font-bold": {}
+        },
+        ".branded-heading-1": {
+          "@apply text-heading-1": {}
+        },
+        ".branded-heading-2": {
+          "@apply text-heading-2": {}
+        },
+        ".branded-heading-3": {
+          "@apply text-heading-3": {}
+        },
+        ".branded-heading-4": {
+          "@apply text-heading-4": {}
+        },
+        ".branded-heading-5": {
+          "@apply text-heading-5": {}
+        },
+        ".branded-heading-6": {
+          "@apply text-heading-6": {}
+        },
+        ".coco-branded-heading-6": {
+          "@apply font-branded text-heading-6 font-bold": {}
+        },
+        /* branded display headings */
+        ".branded-display-1, .branded-display-2, .branded-display-3, .branded-display-4": {
+          "@apply font-branded font-bold": {}
+        },
+        ".branded-display-1": {
+          "@apply text-display-1": {}
+        },
+        ".branded-display-2": {
+          "@apply text-display-2": {}
+        },
+        ".branded-display-3": {
+          "@apply text-display-3": {}
+        },
+        ".branded-display-4": {
+          "@apply text-display-4": {}
+        }
+      });
+    });
+  }
+});
+// app/assets/css/plugins/aspect.js
+var require_aspect = __commonJS({
+  "app/assets/css/plugins/aspect.js"(exports2, module2) {
+    var plugin = require_plugin();
+    module2.exports = plugin(function({ matchUtilities, theme }) {
+      matchUtilities(
+        {
+          aspect: (value) => ({
+            "@supports (aspect-ratio: 1 / 1)": {
+              aspectRatio: value
+            },
+            "@supports not (aspect-ratio: 1 / 1)": {
+              "&::before": {
+                content: '""',
+                float: "left",
+                paddingTop: `calc(100% / (${value}))`
+              },
+              "&::after": {
+                clear: "left",
+                content: '""',
+                display: "block"
+              }
+            }
+          })
+        },
+        { values: theme("aspectRatio") }
+      );
+    });
+  }
+});
+// config/tailwind.preset.js
+var defaultTheme = require_defaultTheme();
+var { fontSize, fontFamily, colors, screens } = require_tokens();
+module.exports = {
+  theme: {
+    colors,
+    screens,
+    fontFamily: {
+      display: [fontFamily.displaySans, ...defaultTheme.fontFamily.sans],
+      body: [fontFamily.bodySans, ...defaultTheme.fontFamily.sans],
+      branded: [fontFamily.displaySerif, ...defaultTheme.fontFamily.serif]
+    },
+    extend: {
+      fontSize,
+      containers: {
+        "slide-fluid": "700px"
+      },
+      aspectRatio: {
+        slide: "16 / 10"
+      },
+      animation: {
+        spin: "spin 1.5s linear infinite",
+        "spin-reverse": "spin 1.5s linear infinite reverse"
+      },
+      spacing: {
+        4.5: "1.125rem",
+        5.5: "1.375rem",
+        6.5: "1.675rem",
+        7.5: "1.875rem",
+        13: "3.25rem",
+        15: "3.75rem",
+        17: "4.25rem",
+        18: "4.5rem"
+      },
+      customForms: () => ({
+        DEFAULT: {
+          checkbox: {
+            "&:indeterminate": {
+              background: `url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='2' x='4' y='7' rx='1'/%3E%3C/svg%3E");`,
+              borderColor: "transparent",
+              backgroundColor: "currentColor",
+              backgroundSize: "100% 100%",
+              backgroundPosition: "center",
+              backgroundRepeat: "no-repeat"
+            }
+          }
+        }
+      })
+    }
+  },
+  corePlugins: {
+    aspectRatio: false
+  },
+  plugins: [
+    require_src(),
+    require_dist(),
+    require_colors3(),
+    require_icons(),
+    require_layout(),
+    require_text(),
+    require_aspect()
+  ]
+};