@uoguelph/react-components 1.0.0-rc.0

package/dist/image-overlay.d.ts

@@ -0,0 +1,66 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { ElementType } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+declare const defaultElement = "img";
+
+/** A component to display content over an image. */
+export declare function ImageOverlay<T extends ImageOverlayElementType = typeof defaultElement>({ as, src, width, height, alt, children, className, verticalAlignment, horizontalAlignment, overlay, blurred, ...rest }: ImageOverlayProps<T>): JSX.Element;
+
+export declare namespace ImageOverlay {
+    var displayName: string;
+}
+
+declare type ImageOverlayElementType = ElementType<{
+    src: string;
+    alt: string;
+    height?: number;
+    width?: number;
+    className?: string;
+}, 'img'>;
+
+export declare type ImageOverlayProps<T extends ImageOverlayElementType = typeof defaultElement> = PropsWithChildren<{
+    /**
+     * The element type to render as.
+     *
+     * @default 'img'
+     */
+    as?: T;
+    /** The image source. */
+    src: string;
+    /** The image alt text. */
+    alt: string;
+    /** The image width in pixels. */
+    width?: number;
+    /** The image height in pixels. */
+    height?: number;
+    /** Additional classes to apply to the image. */
+    className?: string;
+    /**
+     * The vertical alignment of the content in the overlay.
+     *
+     * @default 'center'
+     */
+    verticalAlignment: 'top' | 'center' | 'bottom';
+    /**
+     * The horizontal alignment of the content in the overlay.
+     *
+     * @default 'center'
+     */
+    horizontalAlignment: 'left' | 'center' | 'right';
+    /**
+     * A color overlay to apply to the image.
+     *
+     * @default 'none'
+     */
+    overlay: 'dark' | 'light' | 'dark-gradient' | 'light-gradient' | 'none';
+    /**
+     * Whether the image should be blurred.
+     *
+     * @default false
+     */
+    blurred: boolean;
+} & ComponentPropsWithoutRef<T>>;
+
+export { }

package/dist/image-overlay.js

@@ -0,0 +1,144 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { twMerge as A } from "tailwind-merge";
+import { tv as k } from "tailwind-variants";
+const z = "img";
+function x({
+  as: r,
+  src: l,
+  width: n,
+  height: i,
+  alt: o,
+  children: g,
+  className: w,
+  verticalAlignment: s = "center",
+  horizontalAlignment: c = "center",
+  overlay: e = "none",
+  blurred: m = !1,
+  ...v
+}) {
+  const d = r ?? z, f = k({
+    slots: {
+      base: "tw:min-h-[50rem] tw:relative tw:flex tw:h-fit tw:w-full tw:flex-col",
+      imageWrapper: "tw:absolute tw:z-10 tw:h-full tw:w-full",
+      image: "tw:h-full tw:w-full tw:object-cover",
+      overlay: "tw:absolute tw:top-0 tw:left-0 tw:h-full tw:w-full",
+      container: "tw:relative tw:z-20 tw:flex tw:flex-1 tw:flex-col tw:p-0"
+    },
+    variants: {
+      blurred: {
+        true: {
+          image: "tw:blur-sm"
+        }
+      },
+      overlay: {
+        dark: {
+          overlay: "tw:bg-black/60"
+        },
+        light: {
+          overlay: "tw:bg-white/60"
+        },
+        "dark-gradient": {
+          overlay: "tw:from-black/50 tw:via-30% tw:via-black/20 tw:to-transparent"
+        },
+        "light-gradient": {
+          overlay: "tw:from-white/50 tw:via-30% tw:via-white/20 tw:to-transparent"
+        },
+        none: {
+          overlay: "tw:hidden"
+        }
+      },
+      verticalAlignment: {
+        top: {
+          container: "tw:justify-start"
+        },
+        center: {
+          container: "tw:justify-center"
+        },
+        bottom: {
+          container: "tw:justify-end"
+        }
+      },
+      horizontalAlignment: {
+        left: {
+          container: "tw:items-start"
+        },
+        center: {
+          container: "tw:items-center"
+        },
+        right: {
+          container: "tw:items-end"
+        }
+      }
+    },
+    compoundVariants: [
+      {
+        overlay: ["dark-gradient", "light-gradient"],
+        verticalAlignment: "bottom",
+        horizontalAlignment: ["left", "center", "right"],
+        class: {
+          overlay: "tw:bg-gradient-to-t"
+        }
+      },
+      {
+        overlay: ["dark-gradient", "light-gradient"],
+        verticalAlignment: "top",
+        horizontalAlignment: ["left", "center", "right"],
+        class: {
+          overlay: "tw:bg-gradient-to-b"
+        }
+      },
+      {
+        overlay: ["dark-gradient", "light-gradient"],
+        verticalAlignment: "center",
+        horizontalAlignment: "center",
+        class: {
+          overlay: "tw:bg-radial"
+        }
+      },
+      {
+        overlay: ["dark-gradient", "light-gradient"],
+        verticalAlignment: "center",
+        horizontalAlignment: "left",
+        class: {
+          overlay: "tw:bg-gradient-to-r"
+        }
+      },
+      {
+        overlay: ["dark-gradient", "light-gradient"],
+        verticalAlignment: "center",
+        horizontalAlignment: "right",
+        class: {
+          overlay: "tw:bg-gradient-to-l"
+        }
+      }
+    ]
+  }), {
+    base: h,
+    imageWrapper: y,
+    image: b,
+    overlay: u,
+    container: p
+  } = f({ blurred: m, overlay: e, verticalAlignment: s, horizontalAlignment: c });
+  return /* @__PURE__ */ a("div", { className: h(), children: [
+    /* @__PURE__ */ a("div", { className: y(), children: [
+      /* @__PURE__ */ t(
+        d,
+        {
+          ...v,
+          className: A(b(), w),
+          src: l,
+          width: n,
+          height: i,
+          alt: o,
+          sizes: "100vw"
+        }
+      ),
+      e !== "none" && /* @__PURE__ */ t("div", { className: u() })
+    ] }),
+    /* @__PURE__ */ t("div", { className: p(), children: g })
+  ] });
+}
+x.displayName = "ImageOverlay";
+export {
+  x as ImageOverlay
+};

package/dist/index.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--tw-max-content-width:137rem;font-size:62.5%}body{margin:0;padding:0;font-size:1.6rem}}@layer components;@layer utilities{.tw\:pointer-events-none{pointer-events:none}.tw\:invisible{visibility:hidden}.tw\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tw\:absolute{position:absolute}.tw\:fixed{position:fixed}.tw\:relative{position:relative}.tw\:inset-0{inset:calc(var(--tw-spacing,.4rem)*0)}.tw\:top-0{top:calc(var(--tw-spacing,.4rem)*0)}.tw\:top-1\/2{top:50%}.tw\:right-0{right:calc(var(--tw-spacing,.4rem)*0)}.tw\:bottom-0{bottom:calc(var(--tw-spacing,.4rem)*0)}.tw\:left-0{left:calc(var(--tw-spacing,.4rem)*0)}.tw\:left-1\/2{left:50%}.tw\:z-0{z-index:0}.tw\:z-10{z-index:10}.tw\:z-20{z-index:20}.tw\:z-50{z-index:50}.tw\:col-start-1{grid-column-start:1}.tw\:col-start-2{grid-column-start:2}.tw\:row-start-1{grid-row-start:1}.tw\:container{width:100%}@media (width>=40rem){.tw\:container{max-width:40rem}}@media (width>=48rem){.tw\:container{max-width:48rem}}@media (width>=64rem){.tw\:container{max-width:64rem}}@media (width>=80rem){.tw\:container{max-width:80rem}}@media (width>=96rem){.tw\:container{max-width:96rem}}.tw\:mx-auto{margin-inline:auto}.tw\:my-2{margin-block:calc(var(--tw-spacing,.4rem)*2)}.tw\:my-7{margin-block:calc(var(--tw-spacing,.4rem)*7)}.tw\:mt-3\.75{margin-top:calc(var(--tw-spacing,.4rem)*3.75)}.tw\:mt-7\.5{margin-top:calc(var(--tw-spacing,.4rem)*7.5)}.tw\:mr-\[0\.3em\]{margin-right:.3em}.tw\:mr-auto{margin-right:auto}.tw\:mb-0{margin-bottom:calc(var(--tw-spacing,.4rem)*0)}.tw\:mb-1{margin-bottom:calc(var(--tw-spacing,.4rem)*1)}.tw\:mb-2{margin-bottom:calc(var(--tw-spacing,.4rem)*2)}.tw\:mb-3\.75{margin-bottom:calc(var(--tw-spacing,.4rem)*3.75)}.tw\:mb-4{margin-bottom:calc(var(--tw-spacing,.4rem)*4)}.tw\:ml-4{margin-left:calc(var(--tw-spacing,.4rem)*4)}.tw\:ml-\[0\.25em\]{margin-left:.25em}.tw\:ml-auto{margin-left:auto}.tw\:block{display:block}.tw\:contents{display:contents}.tw\:flex{display:flex}.tw\:grid{display:grid}.tw\:hidden{display:none}.tw\:inline-block{display:inline-block}.tw\:inline-flex{display:inline-flex}.tw\:aspect-\[16\/9\]{aspect-ratio:16/9}.tw\:aspect-square{aspect-ratio:1}.tw\:aspect-video{aspect-ratio:var(--tw-aspect-video,16/9)}.tw\:size-4{width:calc(var(--tw-spacing,.4rem)*4);height:calc(var(--tw-spacing,.4rem)*4)}.tw\:h-1{height:calc(var(--tw-spacing,.4rem)*1)}.tw\:h-2{height:calc(var(--tw-spacing,.4rem)*2)}.tw\:h-5{height:calc(var(--tw-spacing,.4rem)*5)}.tw\:h-9{height:calc(var(--tw-spacing,.4rem)*9)}.tw\:h-16{height:calc(var(--tw-spacing,.4rem)*16)}.tw\:h-\[\.75em\]{height:.75em}.tw\:h-\[1\.5em\]{height:1.5em}.tw\:h-\[1em\]{height:1em}.tw\:h-auto{height:auto}.tw\:h-fit{height:fit-content}.tw\:h-full{height:100%}.tw\:max-h-\[80vh\]{max-height:80vh}.tw\:max-h-\[calc\(85vh-14rem\)\]{max-height:calc(85vh - 14rem)}.tw\:min-h-\[7rem\]{min-height:7rem}.tw\:min-h-\[50rem\]{min-height:50rem}.tw\:w-2{width:calc(var(--tw-spacing,.4rem)*2)}.tw\:w-3\/4{width:75%}.tw\:w-5{width:calc(var(--tw-spacing,.4rem)*5)}.tw\:w-16{width:calc(var(--tw-spacing,.4rem)*16)}.tw\:w-24{width:calc(var(--tw-spacing,.4rem)*24)}.tw\:w-\[1em\]{width:1em}.tw\:w-fit{width:fit-content}.tw\:w-full{width:100%}.tw\:w-screen{width:100vw}.tw\:max-w-6xl{max-width:var(--tw-container-6xl,72rem)}.tw\:max-w-\[--tw-max-content-width\]{max-width:--tw-max-content-width}.tw\:flex-1{flex:1}.tw\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:rotate-90{rotate:90deg}.tw\:animate-fade-in{animation:var(--tw-animate-fade-in,fade .25s ease-in-out 1 normal forwards)}.tw\:animate-spin{animation:var(--tw-animate-spin,spin 1s linear infinite)}.tw\:cursor-not-allowed{cursor:not-allowed}.tw\:cursor-pointer{cursor:pointer}.tw\:list-inside{list-style-position:inside}.tw\:list-decimal{list-style-type:decimal}.tw\:list-disc{list-style-type:disc}.tw\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.tw\:grid-cols-\[1fr_2fr\]{grid-template-columns:1fr 2fr}.tw\:grid-cols-\[1fr_4fr\]{grid-template-columns:1fr 4fr}.tw\:grid-cols-\[2fr_1fr\]{grid-template-columns:2fr 1fr}.tw\:grid-cols-\[4fr_1fr\]{grid-template-columns:4fr 1fr}.tw\:grid-cols-\[repeat\(var\(--items\)\,calc\(100\%\/var\(--display\)\)\)\]{grid-template-columns:repeat(var(--items),calc(100%/var(--display)))}.tw\:flex-col{flex-direction:column}.tw\:flex-col-reverse{flex-direction:column-reverse}.tw\:flex-row{flex-direction:row}.tw\:flex-row-reverse{flex-direction:row-reverse}.tw\:flex-wrap{flex-wrap:wrap}.tw\:items-center{align-items:center}.tw\:items-end{align-items:flex-end}.tw\:items-start{align-items:flex-start}.tw\:justify-between{justify-content:space-between}.tw\:justify-center{justify-content:center}.tw\:justify-end{justify-content:flex-end}.tw\:justify-start{justify-content:flex-start}.tw\:gap-0\.5{gap:calc(var(--tw-spacing,.4rem)*.5)}.tw\:gap-1{gap:calc(var(--tw-spacing,.4rem)*1)}.tw\:gap-2{gap:calc(var(--tw-spacing,.4rem)*2)}.tw\:gap-4{gap:calc(var(--tw-spacing,.4rem)*4)}.tw\:gap-5{gap:calc(var(--tw-spacing,.4rem)*5)}.tw\:gap-\[1em\]{gap:1em}.tw\:overflow-hidden{overflow:hidden}.tw\:overflow-x-hidden{overflow-x:hidden}.tw\:rounded{border-radius:.25rem}.tw\:rounded-full{border-radius:3.40282e38px}.tw\:rounded-t-sm{border-top-left-radius:var(--tw-radius-sm,.25rem);border-top-right-radius:var(--tw-radius-sm,.25rem)}.tw\:border{border-style:var(--tw-border-style);border-width:1px}.tw\:border-0{border-style:var(--tw-border-style);border-width:0}.tw\:border-2{border-style:var(--tw-border-style);border-width:2px}.tw\:border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.tw\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.tw\:border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.tw\:border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.tw\:border-black{border-color:var(--tw-color-black,#000)}.tw\:border-blue{border-color:var(--tw-color-blue,#187bb4)}.tw\:border-dark-grey{border-color:var(--tw-color-dark-grey,#747676)}.tw\:border-green{border-color:var(--tw-color-green,#318738)}.tw\:border-light-grey{border-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:border-red{border-color:var(--tw-color-red,#e51937)}.tw\:border-white{border-color:var(--tw-color-white,#fff)}.tw\:border-white\/40{border-color:color-mix(in oklab,var(--tw-color-white,#fff)40%,transparent)}.tw\:border-yellow{border-color:var(--tw-color-yellow,#ffc429)}.tw\:border-l-black{border-left-color:var(--tw-color-black,#000)}.tw\:border-l-blue{border-left-color:var(--tw-color-blue,#187bb4)}.tw\:border-l-dark-grey{border-left-color:var(--tw-color-dark-grey,#747676)}.tw\:border-l-green{border-left-color:var(--tw-color-green,#318738)}.tw\:border-l-light-grey{border-left-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:border-l-red{border-left-color:var(--tw-color-red,#e51937)}.tw\:border-l-white{border-left-color:var(--tw-color-white,#fff)}.tw\:border-l-yellow{border-left-color:var(--tw-color-yellow,#ffc429)}.tw\:bg-black{background-color:var(--tw-color-black,#000)}.tw\:bg-black\/30{background-color:color-mix(in oklab,var(--tw-color-black,#000)30%,transparent)}.tw\:bg-black\/40{background-color:color-mix(in oklab,var(--tw-color-black,#000)40%,transparent)}.tw\:bg-black\/60{background-color:color-mix(in oklab,var(--tw-color-black,#000)60%,transparent)}.tw\:bg-blue{background-color:var(--tw-color-blue,#187bb4)}.tw\:bg-dark-grey{background-color:var(--tw-color-dark-grey,#747676)}.tw\:bg-dark-grey-bg{background-color:var(--tw-color-dark-grey-bg,#222)}.tw\:bg-green{background-color:var(--tw-color-green,#318738)}.tw\:bg-light-grey{background-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:bg-light-grey-bg{background-color:var(--tw-color-light-grey-bg,#f5f5f5)}.tw\:bg-red{background-color:var(--tw-color-red,#e51937)}.tw\:bg-transparent{background-color:#0000}.tw\:bg-white{background-color:var(--tw-color-white,#fff)}.tw\:bg-white\/60{background-color:color-mix(in oklab,var(--tw-color-white,#fff)60%,transparent)}.tw\:bg-yellow{background-color:var(--tw-color-yellow,#ffc429)}.tw\:bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.tw\:bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.tw\:bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.tw\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.tw\:bg-radial{--tw-gradient-position:in oklab;background-image:radial-gradient(var(--tw-gradient-stops))}.tw\:from-black\/50{--tw-gradient-from:color-mix(in oklab,var(--tw-color-black,#000)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.tw\:from-white\/50{--tw-gradient-from:color-mix(in oklab,var(--tw-color-white,#fff)50%,transparent);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.tw\:via-black\/20{--tw-gradient-via:color-mix(in oklab,var(--tw-color-black,#000)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.tw\:via-white\/20{--tw-gradient-via:color-mix(in oklab,var(--tw-color-white,#fff)20%,transparent);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.tw\:via-30\%{--tw-gradient-via-position:30%}.tw\:to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.tw\:fill-black{fill:var(--tw-color-black,#000)}.tw\:object-cover{object-fit:cover}.tw\:p-0{padding:calc(var(--tw-spacing,.4rem)*0)}.tw\:p-1{padding:calc(var(--tw-spacing,.4rem)*1)}.tw\:p-1\.5{padding:calc(var(--tw-spacing,.4rem)*1.5)}.tw\:p-2\.5{padding:calc(var(--tw-spacing,.4rem)*2.5)}.tw\:p-3{padding:calc(var(--tw-spacing,.4rem)*3)}.tw\:p-4{padding:calc(var(--tw-spacing,.4rem)*4)}.tw\:p-5{padding:calc(var(--tw-spacing,.4rem)*5)}.tw\:p-6{padding:calc(var(--tw-spacing,.4rem)*6)}.tw\:p-7{padding:calc(var(--tw-spacing,.4rem)*7)}.tw\:px-0{padding-inline:calc(var(--tw-spacing,.4rem)*0)}.tw\:px-4{padding-inline:calc(var(--tw-spacing,.4rem)*4)}.tw\:px-5{padding-inline:calc(var(--tw-spacing,.4rem)*5)}.tw\:px-6{padding-inline:calc(var(--tw-spacing,.4rem)*6)}.tw\:py-0{padding-block:calc(var(--tw-spacing,.4rem)*0)}.tw\:py-2{padding-block:calc(var(--tw-spacing,.4rem)*2)}.tw\:py-3{padding-block:calc(var(--tw-spacing,.4rem)*3)}.tw\:py-4{padding-block:calc(var(--tw-spacing,.4rem)*4)}.tw\:pt-2{padding-top:calc(var(--tw-spacing,.4rem)*2)}.tw\:pt-8{padding-top:calc(var(--tw-spacing,.4rem)*8)}.tw\:pb-4{padding-bottom:calc(var(--tw-spacing,.4rem)*4)}.tw\:pl-4{padding-left:calc(var(--tw-spacing,.4rem)*4)}.tw\:pl-5{padding-left:calc(var(--tw-spacing,.4rem)*5)}.tw\:text-center{text-align:center}.tw\:text-left{text-align:left}.tw\:font-serif{font-family:var(--tw-font-serif,"Bitter",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif)}.tw\:text-2xl{font-size:var(--tw-text-2xl,2.5rem);line-height:var(--tw-leading,var(--tw-text-2xl--line-height,1.4))}.tw\:text-3xl{font-size:var(--tw-text-3xl,3rem);line-height:var(--tw-leading,var(--tw-text-3xl--line-height,1.4))}.tw\:text-4xl{font-size:var(--tw-text-4xl,4rem);line-height:var(--tw-leading,var(--tw-text-4xl--line-height,1.4))}.tw\:text-6xl{font-size:var(--tw-text-6xl,6rem);line-height:var(--tw-leading,var(--tw-text-6xl--line-height,1.6))}.tw\:text-9xl{font-size:var(--tw-text-9xl,12.8rem);line-height:var(--tw-leading,var(--tw-text-9xl--line-height,1.6))}.tw\:text-base{font-size:var(--tw-text-base,1.6rem);line-height:var(--tw-leading,var(--tw-text-base--line-height,1.4))}.tw\:text-lg{font-size:var(--tw-text-lg,1.8rem);line-height:var(--tw-leading,var(--tw-text-lg--line-height,1.4))}.tw\:text-sm{font-size:var(--tw-text-sm,1.4rem);line-height:var(--tw-leading,var(--tw-text-sm--line-height,1.4))}.tw\:text-xl{font-size:var(--tw-text-xl,2rem);line-height:var(--tw-leading,var(--tw-text-xl--line-height,1.4))}.tw\:leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.tw\:leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.tw\:font-bold{--tw-font-weight:var(--tw-font-weight-bold,700);font-weight:var(--tw-font-weight-bold,700)}.tw\:font-light{--tw-font-weight:var(--tw-font-weight-light,300);font-weight:var(--tw-font-weight-light,300)}.tw\:font-medium{--tw-font-weight:var(--tw-font-weight-medium,500);font-weight:var(--tw-font-weight-medium,500)}.tw\:font-normal{--tw-font-weight:var(--tw-font-weight-normal,400);font-weight:var(--tw-font-weight-normal,400)}.tw\:text-black{color:var(--tw-color-black,#000)}.tw\:text-black-contrast{color:var(--tw-color-black-contrast,#fff)}.tw\:text-blue{color:var(--tw-color-blue,#187bb4)}.tw\:text-blue-contrast{color:var(--tw-color-blue-contrast,#fff)}.tw\:text-blue-on-light{color:var(--tw-color-blue-on-light,#1775ab)}.tw\:text-body-copy{color:var(--tw-color-body-copy,#555)}.tw\:text-body-copy-bold{color:var(--tw-color-body-copy-bold,#333)}.tw\:text-body-copy-link{color:var(--tw-color-body-copy-link,#187bb4)}.tw\:text-body-copy-link-on-dark{color:var(--tw-color-body-copy-link-on-dark,#1d93d7)}.tw\:text-body-copy-link-on-light{color:var(--tw-color-body-copy-link-on-light,#166ea2)}.tw\:text-body-copy-on-dark{color:var(--tw-color-body-copy-on-dark,#ccc)}.tw\:text-dark-grey{color:var(--tw-color-dark-grey,#747676)}.tw\:text-dark-grey-contrast{color:var(--tw-color-dark-grey-contrast,#fff)}.tw\:text-green{color:var(--tw-color-green,#318738)}.tw\:text-green-contrast{color:var(--tw-color-green-contrast,#fff)}.tw\:text-light-grey{color:var(--tw-color-light-grey,#d8d8d8)}.tw\:text-light-grey-contrast{color:var(--tw-color-light-grey-contrast,#000)}.tw\:text-red{color:var(--tw-color-red,#e51937)}.tw\:text-red-contrast{color:var(--tw-color-red-contrast,#fff)}.tw\:text-white{color:var(--tw-color-white,#fff)}.tw\:text-white-contrast{color:var(--tw-color-white-contrast,#000)}.tw\:text-yellow{color:var(--tw-color-yellow,#ffc429)}.tw\:text-yellow-contrast{color:var(--tw-color-yellow-contrast,#000)}.tw\:italic{font-style:italic}.tw\:no-underline{text-decoration-line:none}.tw\:underline{text-decoration-line:underline}.tw\:decoration-current{text-decoration-color:currentColor}.tw\:decoration-transparent{text-decoration-color:#0000}.tw\:decoration-1{text-decoration-thickness:1px}.tw\:opacity-0{opacity:0}.tw\:opacity-50{opacity:.5}.tw\:opacity-60{opacity:.6}.tw\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:blur-sm{--tw-blur:blur(var(--tw-blur-sm,8px));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.tw\:transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s))}.tw\:transition-\[transform\,color\,opacity\,visibility\]{transition-property:transform,color,opacity,visibility;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s))}.tw\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s))}.tw\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s))}.tw\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--tw-default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--tw-default-transition-duration,.15s))}.tw\:duration-200{--tw-duration:.2s;transition-duration:.2s}.tw\:duration-300{--tw-duration:.3s;transition-duration:.3s}.tw\:ease-in-out{--tw-ease:var(--tw-ease-in-out,cubic-bezier(.4,0,.2,1));transition-timing-function:var(--tw-ease-in-out,cubic-bezier(.4,0,.2,1))}.tw\:ease-out{--tw-ease:var(--tw-ease-out,cubic-bezier(0,0,.2,1));transition-timing-function:var(--tw-ease-out,cubic-bezier(0,0,.2,1))}@media (hover:hover){.tw\:group-hover\:scale-110:is(:where(.tw\:group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.tw\:group-hover\:bg-yellow:is(:where(.tw\:group):hover *){background-color:var(--tw-color-yellow,#ffc429)}}.tw\:group-ui-checked\:opacity-100:is(:where(.tw\:group)[data-headlessui-state~=checked] *),.tw\:group-ui-checked\:opacity-100:is(:where([data-headlessui-state~=checked]) :where(.tw\:group) *){opacity:1}.tw\:group-hocus-visible\:bg-yellow:is(:is(:where(.tw\:group):hover,:where(.tw\:group):focus-visible) *){background-color:var(--tw-color-yellow,#ffc429)}.tw\:group-hocus-visible\:text-blue-contrast:is(:is(:where(.tw\:group):hover,:where(.tw\:group):focus-visible) *){color:var(--tw-color-blue-contrast,#fff)}.tw\:group-hocus-visible\:text-yellow-contrast:is(:is(:where(.tw\:group):hover,:where(.tw\:group):focus-visible) *){color:var(--tw-color-yellow-contrast,#000)}@media (hover:hover){.tw\:hover\:bg-red:hover{background-color:var(--tw-color-red,#e51937)}.tw\:hover\:bg-red\/30:hover{background-color:color-mix(in oklab,var(--tw-color-red,#e51937)30%,transparent)}.tw\:hover\:decoration-transparent:hover{text-decoration-color:#0000}}.tw\:focus\:bg-red\/30:focus{background-color:color-mix(in oklab,var(--tw-color-red,#e51937)30%,transparent)}.tw\:focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.tw\:focus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--tw-spacing,.4rem)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:focus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--tw-spacing,.4rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:focus-visible\:text-black:focus-visible{color:var(--tw-color-black,#000)}.tw\:focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw\:focus-visible\:ring-black:focus-visible{--tw-ring-color:var(--tw-color-black,#000)}.tw\:focus-visible\:ring-blue:focus-visible{--tw-ring-color:var(--tw-color-blue,#187bb4)}.tw\:focus-visible\:ring-body-copy-link:focus-visible{--tw-ring-color:var(--tw-color-body-copy-link,#187bb4)}.tw\:focus-visible\:ring-body-copy-link-on-light:focus-visible{--tw-ring-color:var(--tw-color-body-copy-link-on-light,#166ea2)}.tw\:focus-visible\:ring-dark-grey:focus-visible{--tw-ring-color:var(--tw-color-dark-grey,#747676)}.tw\:focus-visible\:ring-green:focus-visible{--tw-ring-color:var(--tw-color-green,#318738)}.tw\:focus-visible\:ring-light-grey:focus-visible{--tw-ring-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:focus-visible\:ring-red:focus-visible{--tw-ring-color:var(--tw-color-red,#e51937)}.tw\:focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--tw-color-white,#fff)}.tw\:focus-visible\:ring-yellow:focus-visible{--tw-ring-color:var(--tw-color-yellow,#ffc429)}.tw\:focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.tw\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.tw\:has-\[strong\]\:text-body-copy-bold:has(:is(strong)){color:var(--tw-color-body-copy-bold,#333)}.tw\:data-\[closed\]\:opacity-0[data-closed]{opacity:0}@media (width>=40rem){.tw\:sm\:px-16{padding-inline:calc(var(--tw-spacing,.4rem)*16)}.tw\:sm\:text-6xl{font-size:var(--tw-text-6xl,6rem);line-height:var(--tw-leading,var(--tw-text-6xl--line-height,1.6))}}@media (width>=48rem){.tw\:md\:sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tw\:md\:absolute{position:absolute}.tw\:md\:z-20{z-index:20}.tw\:md\:block{display:block}.tw\:md\:contents{display:contents}.tw\:md\:grid{display:grid}.tw\:md\:aspect-\[2\.625\]{aspect-ratio:2.625}.tw\:md\:w-1\/3{width:33.3333%}.tw\:md\:w-9{width:calc(var(--tw-spacing,.4rem)*9)}.tw\:md\:flex-row{flex-direction:row}.tw\:md\:rounded-full{border-radius:3.40282e38px}.tw\:md\:bg-black\/70{background-color:color-mix(in oklab,var(--tw-color-black,#000)70%,transparent)}.tw\:md\:p-4{padding:calc(var(--tw-spacing,.4rem)*4)}.tw\:md\:px-4{padding-inline:calc(var(--tw-spacing,.4rem)*4)}.tw\:md\:text-4xl{font-size:var(--tw-text-4xl,4rem);line-height:var(--tw-leading,var(--tw-text-4xl--line-height,1.4))}}@media (width>=64rem){.tw\:lg\:absolute{position:absolute}.tw\:lg\:bottom-0{bottom:calc(var(--tw-spacing,.4rem)*0)}.tw\:lg\:left-1\/2{left:50%}.tw\:lg\:container{width:100%}@media (width>=40rem){.tw\:lg\:container{max-width:40rem}}@media (width>=48rem){.tw\:lg\:container{max-width:48rem}}.tw\:lg\:container{max-width:64rem}@media (width>=80rem){.tw\:lg\:container{max-width:80rem}}@media (width>=96rem){.tw\:lg\:container{max-width:96rem}}.tw\:lg\:mx-auto{margin-inline:auto}.tw\:lg\:ml-auto{margin-left:auto}.tw\:lg\:max-w-7xl{max-width:var(--tw-container-7xl,80rem)}.tw\:lg\:max-w-\[50\%\]{max-width:50%}.tw\:lg\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:lg\:items-center{align-items:center}.tw\:lg\:items-end{align-items:flex-end}.tw\:lg\:bg-black\/80{background-color:color-mix(in oklab,var(--tw-color-black,#000)80%,transparent)}.tw\:lg\:p-4{padding:calc(var(--tw-spacing,.4rem)*4)}.tw\:lg\:text-center{text-align:center}.tw\:lg\:text-right{text-align:right}.tw\:lg\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}}.tw\:ui-checked\:bg-black[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-black{background-color:var(--tw-color-black,#000)}.tw\:ui-checked\:bg-blue[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-blue{background-color:var(--tw-color-blue,#187bb4)}.tw\:ui-checked\:bg-dark-grey[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-dark-grey{background-color:var(--tw-color-dark-grey,#747676)}.tw\:ui-checked\:bg-green[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-green{background-color:var(--tw-color-green,#318738)}.tw\:ui-checked\:bg-light-grey[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-light-grey{background-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:ui-checked\:bg-red[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-red{background-color:var(--tw-color-red,#e51937)}.tw\:ui-checked\:bg-white[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-white{background-color:var(--tw-color-white,#fff)}.tw\:ui-checked\:bg-yellow[data-headlessui-state~=checked],:where([data-headlessui-state~=checked]) .tw\:ui-checked\:bg-yellow{background-color:var(--tw-color-yellow,#ffc429)}.tw\:hocus-visible\:-translate-x-1:hover,.tw\:hocus-visible\:-translate-x-1:focus-visible{--tw-translate-x:calc(var(--tw-spacing,.4rem)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:hocus-visible\:translate-x-1:hover,.tw\:hocus-visible\:translate-x-1:focus-visible{--tw-translate-x:calc(var(--tw-spacing,.4rem)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.tw\:hocus-visible\:bg-black:hover,.tw\:hocus-visible\:bg-black:focus-visible{background-color:var(--tw-color-black,#000)}.tw\:hocus-visible\:bg-black-focus:hover,.tw\:hocus-visible\:bg-black-focus:focus-visible{background-color:var(--tw-color-black-focus,#444)}.tw\:hocus-visible\:bg-blue:hover,.tw\:hocus-visible\:bg-blue:focus-visible{background-color:var(--tw-color-blue,#187bb4)}.tw\:hocus-visible\:bg-blue-focus:hover,.tw\:hocus-visible\:bg-blue-focus:focus-visible{background-color:var(--tw-color-blue-focus,#135f8b)}.tw\:hocus-visible\:bg-dark-grey:hover,.tw\:hocus-visible\:bg-dark-grey:focus-visible{background-color:var(--tw-color-dark-grey,#747676)}.tw\:hocus-visible\:bg-dark-grey-focus:hover,.tw\:hocus-visible\:bg-dark-grey-focus:focus-visible{background-color:var(--tw-color-dark-grey-focus,#63625f)}.tw\:hocus-visible\:bg-green:hover,.tw\:hocus-visible\:bg-green:focus-visible{background-color:var(--tw-color-green,#318738)}.tw\:hocus-visible\:bg-green-focus:hover,.tw\:hocus-visible\:bg-green-focus:focus-visible{background-color:var(--tw-color-green-focus,#27682c)}.tw\:hocus-visible\:bg-light-grey:hover,.tw\:hocus-visible\:bg-light-grey:focus-visible{background-color:var(--tw-color-light-grey,#d8d8d8)}.tw\:hocus-visible\:bg-light-grey-focus:hover,.tw\:hocus-visible\:bg-light-grey-focus:focus-visible{background-color:var(--tw-color-light-grey-focus,#bfbfbf)}.tw\:hocus-visible\:bg-red:hover,.tw\:hocus-visible\:bg-red:focus-visible{background-color:var(--tw-color-red,#e51937)}.tw\:hocus-visible\:bg-red-focus:hover,.tw\:hocus-visible\:bg-red-focus:focus-visible{background-color:var(--tw-color-red-focus,#b3142c)}.tw\:hocus-visible\:bg-white:hover,.tw\:hocus-visible\:bg-white:focus-visible{background-color:var(--tw-color-white,#fff)}.tw\:hocus-visible\:bg-white-focus:hover,.tw\:hocus-visible\:bg-white-focus:focus-visible{background-color:var(--tw-color-white-focus,#ddd)}.tw\:hocus-visible\:bg-yellow:hover,.tw\:hocus-visible\:bg-yellow:focus-visible{background-color:var(--tw-color-yellow,#ffc429)}.tw\:hocus-visible\:bg-yellow-focus:hover,.tw\:hocus-visible\:bg-yellow-focus:focus-visible{background-color:var(--tw-color-yellow-focus,#ffe299)}.tw\:hocus-visible\:text-black:hover,.tw\:hocus-visible\:text-black:focus-visible{color:var(--tw-color-black,#000)}.tw\:hocus-visible\:text-black-contrast:hover,.tw\:hocus-visible\:text-black-contrast:focus-visible{color:var(--tw-color-black-contrast,#fff)}.tw\:hocus-visible\:text-blue-contrast:hover,.tw\:hocus-visible\:text-blue-contrast:focus-visible{color:var(--tw-color-blue-contrast,#fff)}.tw\:hocus-visible\:text-dark-grey-contrast:hover,.tw\:hocus-visible\:text-dark-grey-contrast:focus-visible{color:var(--tw-color-dark-grey-contrast,#fff)}.tw\:hocus-visible\:text-green-contrast:hover,.tw\:hocus-visible\:text-green-contrast:focus-visible{color:var(--tw-color-green-contrast,#fff)}.tw\:hocus-visible\:text-light-grey-contrast:hover,.tw\:hocus-visible\:text-light-grey-contrast:focus-visible{color:var(--tw-color-light-grey-contrast,#000)}.tw\:hocus-visible\:text-red-contrast:hover,.tw\:hocus-visible\:text-red-contrast:focus-visible{color:var(--tw-color-red-contrast,#fff)}.tw\:hocus-visible\:text-white-contrast:hover,.tw\:hocus-visible\:text-white-contrast:focus-visible{color:var(--tw-color-white-contrast,#000)}.tw\:hocus-visible\:text-yellow-contrast:hover,.tw\:hocus-visible\:text-yellow-contrast:focus-visible{color:var(--tw-color-yellow-contrast,#000)}.tw\:hocus-visible\:decoration-black:hover,.tw\:hocus-visible\:decoration-black:focus-visible{-webkit-text-decoration-color:var(--tw-color-black,#000);text-decoration-color:var(--tw-color-black,#000)}.tw\:hocus-visible\:decoration-transparent:hover,.tw\:hocus-visible\:decoration-transparent:focus-visible{text-decoration-color:#0000}.tw\:\[\&_p\:last-child\]\:mb-0 p:last-child{margin-bottom:calc(var(--tw-spacing,.4rem)*0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}to{opacity:1}}

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export declare function bezier(delta: number, cx1: number, cy1: number, cx2: number, cy2: number): number;
+
+export declare function clamp(value: number, min: number, max: number): number;
+
+export declare function lerp(a: number, b: number, delta: number): number;
+
+export declare function mod(n: number, m: number): number;
+
+export declare const toTitleCase: (str: string) => string;
+
+export { }

package/dist/index.js

@@ -0,0 +1,33 @@
+import { b as l, c as b, l as u, m as C } from "./math-utils-BwzyIQRL.js";
+const c = (e) => {
+  var a, i, n;
+  const t = [
+    "a",
+    "an",
+    "the",
+    "and",
+    "but",
+    "or",
+    "for",
+    "nor",
+    "on",
+    "at",
+    "to",
+    "by",
+    "of",
+    "in",
+    "with"
+  ], s = {
+    "co-op": "Co-op",
+    "thesis-based": "Thesis-based",
+    "course-based": "Course-based"
+  };
+  return e in s ? s[e] : ((n = (i = (a = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : a.split(/\s+|-|_+/)) == null ? void 0 : i.map((o) => t.includes(o) ? o : o.charAt(0).toUpperCase() + o.slice(1))) == null ? void 0 : n.join(" ")) ?? "";
+};
+export {
+  l as bezier,
+  b as clamp,
+  u as lerp,
+  C as mod,
+  c as toTitleCase
+};

package/dist/info.d.ts

@@ -0,0 +1,19 @@
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function Info({ children, color }: InfoProps): JSX.Element;
+
+export declare namespace Info {
+    var displayName: string;
+}
+
+export declare type InfoProps = PropsWithChildren<{
+    /**
+     * The color of the left border in the info component.
+     *
+     * @default 'red'
+     */
+    color?: 'red' | 'yellow' | 'blue' | 'green' | 'light-grey' | 'dark-grey' | 'black' | 'white';
+}>;
+
+export { }

package/dist/info.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import { tv as o } from "tailwind-variants";
+function w({ children: r, color: e = "red" }) {
+  const l = o({
+    base: "tw:flex tw:flex-col tw:gap-1 tw:border-l-4 tw:pl-4",
+    variants: {
+      color: {
+        red: "tw:border-l-red",
+        yellow: "tw:border-l-yellow",
+        blue: "tw:border-l-blue",
+        green: "tw:border-l-green",
+        "light-grey": "tw:border-l-light-grey",
+        "dark-grey": "tw:border-l-dark-grey",
+        black: "tw:border-l-black",
+        white: "tw:border-l-white"
+      }
+    }
+  });
+  return /* @__PURE__ */ t("div", { className: l({ color: e }), children: r });
+}
+w.displayName = "Info";
+export {
+  w as Info
+};

package/dist/link-carousel-content.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function LinkCarouselContent({ children, className }: LinkCarouselContentProps): JSX.Element;
+
+export declare type LinkCarouselContentProps = PropsWithChildren<{
+    /** Additional classes to apply to the link carousel content container. */
+    className?: string;
+}>;
+
+export { }

package/dist/link-carousel-content.js

@@ -0,0 +1,20 @@
+import { jsx as n } from "react/jsx-runtime";
+import { useContext as s } from "react";
+import { twMerge as l } from "tailwind-merge";
+import { tv as a } from "tailwind-variants";
+import { LinkCarouselContext as i } from "./link-carousel-context.js";
+function w({ children: o, className: e }) {
+  const t = s(i), r = a({
+    base: "tw:relative tw:h-full tw:hidden tw:md:block",
+    variants: {
+      stack: {
+        true: "tw:w-full",
+        false: "tw:flex-1"
+      }
+    }
+  });
+  return /* @__PURE__ */ n("div", { className: `uofg-link-carousel-content ${l(r({ stack: t == null ? void 0 : t.stack }), e)}`, children: o });
+}
+export {
+  w as LinkCarouselContent
+};

package/dist/link-carousel-context.d.ts

@@ -0,0 +1,30 @@
+import { Context } from 'react';
+import { PropsWithChildren } from 'react';
+
+export declare const LinkCarouselContext: Context<LinkCarouselContextValue | null>;
+
+export declare type LinkCarouselContextValue = {
+    previousActiveId: LinkCarouselId | null;
+    clearPreviousActiveId: () => void;
+    activeId: LinkCarouselId | null;
+    setActiveId: (id: LinkCarouselId) => void;
+    stack: LinkCarouselProps['stack'];
+    direction: LinkCarouselProps['direction'];
+};
+
+export declare type LinkCarouselId = string | number;
+
+declare type LinkCarouselProps = PropsWithChildren<{
+    /** Additional classes to apply to the link carousel. */
+    className?: string;
+    /** Whether the carousel links should stack on top of the content, rather than beside it. */
+    stack?: boolean;
+    /**
+     * The side of the carousel that the links should be displayed on.
+     *
+     * @default 'left'
+     */
+    direction?: 'left' | 'right';
+}>;
+
+export { }

package/dist/link-carousel-context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as LinkCarouselContext
+};

package/dist/link-carousel-item.d.ts

@@ -0,0 +1,15 @@
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+declare type LinkCarouselId = string | number;
+
+export declare function LinkCarouselItem({ id, children, className }: LinkCarouselItemProps): JSX.Element;
+
+export declare type LinkCarouselItemProps = PropsWithChildren<{
+    /** The unique identifier for the link carousel item. */
+    id: LinkCarouselId;
+    /** Additional classes to apply to the link carousel item */
+    className?: string;
+}>;
+
+export { }

package/dist/link-carousel-item.js

@@ -0,0 +1,21 @@
+import { jsx as i, Fragment as w } from "react/jsx-runtime";
+import { useContext as l } from "react";
+import { twMerge as m } from "tailwind-merge";
+import { tv as n } from "tailwind-variants";
+import { LinkCarouselContext as c } from "./link-carousel-context.js";
+function k({ id: e, children: r, className: o }) {
+  const t = l(c), s = n({
+    base: "tw:w-full tw:hidden tw:bg-white",
+    variants: {
+      isActive: { true: "tw:block tw:relative tw:animate-fade-in tw:z-10" },
+      wasActive: { true: "tw:block tw:absolute tw:z-0 tw:top-0 tw:left-0" }
+    }
+  }), a = m(
+    s({ isActive: (t == null ? void 0 : t.activeId) === e, wasActive: (t == null ? void 0 : t.previousActiveId) === e }),
+    o
+  );
+  return /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i("div", { className: `uofg-link-carousel-item ${a}`, children: r }) });
+}
+export {
+  k as LinkCarouselItem
+};

package/dist/link-carousel-link.d.ts

@@ -0,0 +1,34 @@
+import { ElementType } from 'react';
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+declare const defaultElement = "a";
+
+declare type LinkCarouselId = string | number;
+
+export declare function LinkCarouselLink<T extends LinkCarouselLinkElementType = typeof defaultElement>({ as, id, children, className, href, ...rest }: LinkCarouselLinkProps<T>): JSX.Element;
+
+export declare namespace LinkCarouselLink {
+    var displayName: string;
+}
+
+export declare type LinkCarouselLinkElementType = ElementType<{
+    href?: string;
+}, 'a'>;
+
+export declare type LinkCarouselLinkProps<T extends LinkCarouselLinkElementType = typeof defaultElement> = PropsWithChildren<{
+    /**
+     * The element type to render as.
+     *
+     * @default 'a'
+     */
+    as?: T;
+    /** The id of the link, this is used to determine which carousel item is controlled by this link. */
+    id: LinkCarouselId;
+    /** The URL this links to. */
+    href: string;
+    /** Additional classes to apply to the link. */
+    className?: string;
+}>;
+
+export { }

package/dist/link-carousel-link.js

@@ -0,0 +1,39 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useContext as c } from "react";
+import { twMerge as k } from "tailwind-merge";
+import { tv as u } from "tailwind-variants";
+import { LinkCarouselContext as w } from "./link-carousel-context.js";
+const f = "a";
+function p({
+  as: e,
+  id: o,
+  children: r,
+  className: s,
+  href: n,
+  ...a
+}) {
+  const i = e ?? f, t = c(w), l = u({
+    base: "tw:w-full tw:flex-1 tw:text-xl tw:bg-black tw:flex tw:items-center tw:justify-center tw:text-black-contrast tw:p-6",
+    variants: {
+      stack: {
+        true: "tw:md:bg-black/70"
+      }
+    }
+  });
+  return /* @__PURE__ */ m(
+    i,
+    {
+      ...a,
+      href: n,
+      className: k(l({ stack: t == null ? void 0 : t.stack }), s),
+      onMouseEnter: () => {
+        t == null || t.setActiveId(o);
+      },
+      children: r
+    }
+  );
+}
+p.displayName = "LinkCarouselLink";
+export {
+  p as LinkCarouselLink
+};

package/dist/link-carousel-links.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import { PropsWithChildren } from 'react';
+
+export declare function LinkCarouselLinks({ children, className }: LinkCarouselLinksProps): JSX.Element;
+
+export declare type LinkCarouselLinksProps = PropsWithChildren<{
+    /** Additional classes to apply to the link carousel links. */
+    className?: string;
+}>;
+
+export { }

package/dist/link-carousel-links.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useContext as e } from "react";
+import { twMerge as l } from "tailwind-merge";
+import { tv as a } from "tailwind-variants";
+import { LinkCarouselContext as n } from "./link-carousel-context.js";
+function p({ children: o, className: r }) {
+  const t = e(n), s = a({
+    base: "tw:flex tw:flex-col tw:gap-2 tw:w-full tw:top-0 tw:md:w-1/3 tw:md:z-20",
+    variants: {
+      stack: {
+        true: "tw:md:absolute tw:h-full",
+        false: "tw:h-auto"
+      },
+      direction: {
+        left: "tw:left-0",
+        right: "tw:right-0"
+      }
+    }
+  })({ stack: t == null ? void 0 : t.stack, direction: t == null ? void 0 : t.direction });
+  return /* @__PURE__ */ i("div", { className: `uofg-link-carousel-links ${l(s, r)}`, children: o });
+}
+export {
+  p as LinkCarouselLinks
+};