tide-design-system 2.0.0

package/dist/index-c5bc4216.js

@@ -0,0 +1,1910 @@
+import { openBlock as r, createElementBlock as d, normalizeClass as i, unref as t, defineComponent as R, ref as _, watch as k, defineAsyncComponent as ae, markRaw as ne, createBlock as S, resolveDynamicComponent as V, createCommentVNode as O, toDisplayString as T, onMounted as j, createElementVNode as I, createVNode as U, renderSlot as H, withCtx as q, computed as D, Fragment as w, renderList as Z, createTextVNode as re, onUnmounted as Te, onUpdated as Oe, normalizeStyle as z, onBeforeUnmount as Re, getCurrentInstance as ee, withDirectives as J, vModelSelect as Ne, vModelDynamic as pe, vModelText as ve, Teleport as Ae, Transition as Le, withModifiers as _e, vShow as me } from "vue";
+const e = {
+  ALIGN: {
+    X: {
+      CENTER: "tide-text-center",
+      LEFT: "tide-text-left",
+      RIGHT: "tide-text-right"
+    },
+    Y: {
+      MIDDLE: "tide-align-middle"
+    }
+  },
+  AXIS1: {
+    AROUND: "tide-axis1-around",
+    BETWEEN: "tide-axis1-between",
+    CENTER: "tide-axis1-center",
+    END: "tide-axis1-end",
+    START: "tide-axis1-start"
+  },
+  AXIS2: {
+    AROUND: "tide-axis2-around",
+    CENTER: "tide-axis2-center",
+    END: "tide-axis2-end",
+    START: "tide-axis2-start"
+  },
+  BORDER: {
+    BOTTOM: {
+      ONE: "tide-border-bottom-1",
+      TWO: "tide-border-bottom-2"
+    },
+    FULL: {
+      ONE: "tide-border-1",
+      TWO: "tide-border-2"
+    },
+    LEFT: {
+      ONE: "tide-border-left-1",
+      TWO: "tide-border-left-2"
+    },
+    RADIUS: {
+      FULL: "tide-radius-full",
+      HALF: "tide-radius-1/2",
+      ONE: "tide-radius-1",
+      QUARTER: "tide-radius-1/4"
+    },
+    RIGHT: {
+      ONE: "tide-border-right-1",
+      TWO: "tide-border-right-2"
+    },
+    TOP: {
+      ONE: "tide-border-top-1",
+      TWO: "tide-border-top-2"
+    }
+  },
+  BOX_SIZING: {
+    BORDER_BOX: "tide-box-border",
+    CONTENT_BOX: "tide-box-content"
+  },
+  BREAK_WORD: {
+    ON: "tide-break-word"
+  },
+  CURSOR: {
+    NOT_ALLOWED: "tide-cursor-not-allowed",
+    POINTER: "tide-cursor-pointer"
+  },
+  DISPLAY: {
+    BLOCK: "tide-display-block",
+    CONTENTS: "tide-contents",
+    FLEX: "tide-display-flex",
+    GRID: "tide-display-grid",
+    HIDDEN: "tide-display-hidden",
+    INITIAL: "initial",
+    INLINE: "tide-display-inline",
+    INLINE_BLOCK: "tide-display-inline-block",
+    INLINE_FLEX: "tide-display-inline-flex"
+  },
+  FLEX: {
+    DIRECTION: {
+      COLUMN: "tide-flex-column",
+      COLUMN_REVERSE: "tide-flex-column-reverse",
+      ROW: "tide-flex-row",
+      ROW_REVERSE: "tide-row-reverse"
+    },
+    GROW: {
+      OFF: "tide-grow-none",
+      ON: "tide-grow"
+    },
+    SHRINK: {
+      OFF: "tide-shrink-none",
+      ON: "tide-shrink"
+    },
+    WRAP: "tide-flex-wrap"
+  },
+  FONT: {
+    SIZE: {
+      FOURTEEN: "tide-font-14",
+      SIXTEEN: "tide-font-16",
+      THIRTY_TWO: "tide-font-32",
+      TWELVE: "tide-font-12",
+      TWENTY: "tide-font-20",
+      TWENTY_FOUR: "tide-font-24"
+    },
+    WEIGHT: {
+      FIVE_HUNDRED: "tide-font-500",
+      FOUR_HUNDRED: "tide-font-400",
+      SEVEN_HUNDRED: "tide-font-700",
+      SIX_HUNDRED: "tide-font-600"
+    }
+  },
+  GAP: {
+    FOUR: "tide-gap-4",
+    HALF: "tide-gap-1/2",
+    ONE: "tide-gap-1",
+    QUARTER: "tide-gap-1/4",
+    TWO: "tide-gap-2"
+  },
+  HEIGHT: {
+    FULL: "tide-height-full"
+  },
+  LIST_BULLETS: {
+    OFF: "tide-list-none"
+  },
+  MARGIN: {
+    BOTTOM: {
+      FOUR: "tide-margin-bottom-4",
+      HALF: "tide-margin-bottom-1/2",
+      ONE: "tide-margin-bottom-1",
+      QUARTER: "tide-margin-bottom-1/4",
+      TWO: "tide-margin-bottom-2"
+    },
+    FULL: {
+      FOUR: "tide-margin-4",
+      HALF: "tide-margin-1/2",
+      ONE: "tide-margin-1",
+      QUARTER: "tide-margin-1/4",
+      TWO: "tide-margin-2"
+    },
+    LEFT: {
+      AUTO: "tide-margin-left-auto",
+      FOUR: "tide-margin-left-4",
+      HALF: "tide-margin-left-1/2",
+      ONE: "tide-margin-left-1",
+      QUARTER: "tide-margin-left-1/4",
+      TWO: "tide-margin-left-2"
+    },
+    RIGHT: {
+      AUTO: "tide-margin-right-auto",
+      FOUR: "tide-margin-right-4",
+      HALF: "tide-margin-right-1/2",
+      ONE: "tide-margin-right-1",
+      QUARTER: "tide-margin-right-1/4",
+      TWO: "tide-margin-right-2"
+    },
+    TOP: {
+      FOUR: "tide-margin-top-4",
+      HALF: "tide-margin-top-1/2",
+      ONE: "tide-margin-top-1",
+      QUARTER: "tide-margin-top-1/4",
+      TWO: "tide-margin-top-2"
+    },
+    X: {
+      AUTO: "tide-margin-x-auto",
+      FOUR: "tide-margin-x-4",
+      HALF: "tide-margin-x-1/2",
+      ONE: "tide-margin-x-1",
+      QUARTER: "tide-margin-x-1/4",
+      TWO: "tide-margin-x-2"
+    },
+    Y: {
+      FOUR: "tide-margin-y-4",
+      HALF: "tide-margin-y-1/2",
+      ONE: "tide-margin-y-1",
+      QUARTER: "tide-margin-y-1/4",
+      TWO: "tide-margin-y-2"
+    }
+  },
+  OBJECT: {
+    CENTER: "tide-object-center",
+    CONTAIN: "tide-object-contain",
+    COVER: "tide-object-cover",
+    SCALE_DOWN: "tide-object-scale-down"
+  },
+  OVERFLOW: {
+    X: {
+      AUTO: "tide-x-auto",
+      HIDDEN: "tide-x-hidden",
+      SCROLL: "tide-x-scroll"
+    },
+    XY: {
+      AUTO: "tide-xy-auto",
+      HIDDEN: "tide-xy-hidden"
+    },
+    Y: {
+      AUTO: "tide-y-auto",
+      HIDDEN: "tide-y-hidden"
+    }
+  },
+  PADDING: {
+    BOTTOM: {
+      FOUR: "tide-padding-bottom-4",
+      HALF: "tide-padding-bottom-1/2",
+      ONE: "tide-padding-bottom-1",
+      QUARTER: "tide-padding-bottom-1/4",
+      TWO: "tide-padding-bottom-2"
+    },
+    FULL: {
+      FOUR: "tide-padding-4",
+      HALF: "tide-padding-1/2",
+      ONE: "tide-padding-1",
+      QUARTER: "tide-padding-1/4",
+      TWO: "tide-padding-2"
+    },
+    LEFT: {
+      FOUR: "tide-padding-left-4",
+      HALF: "tide-padding-left-1/2",
+      ONE: "tide-padding-left-1",
+      QUARTER: "tide-padding-left-1/4",
+      TWO: "tide-padding-left-2"
+    },
+    RIGHT: {
+      FOUR: "tide-padding-right-4",
+      HALF: "tide-padding-right-1/2",
+      ONE: "tide-padding-right-1",
+      QUARTER: "tide-padding-right-1/4",
+      TWO: "tide-padding-right-2"
+    },
+    TOP: {
+      FOUR: "tide-padding-top-4",
+      HALF: "tide-padding-top-1/2",
+      ONE: "tide-padding-top-1",
+      QUARTER: "tide-padding-top-1/4",
+      TWO: "tide-padding-top-2"
+    },
+    X: {
+      FOUR: "tide-padding-x-4",
+      HALF: "tide-padding-x-1/2",
+      ONE: "tide-padding-x-1",
+      QUARTER: "tide-padding-x-1/4",
+      TWO: "tide-padding-x-2"
+    },
+    Y: {
+      FOUR: "tide-padding-y-4",
+      HALF: "tide-padding-y-1/2",
+      ONE: "tide-padding-y-1",
+      QUARTER: "tide-padding-y-1/4",
+      TWO: "tide-padding-y-2"
+    }
+  },
+  POINTER_EVENTS: {
+    OFF: "tide-pointer-events-none",
+    ON: "tide-pointer-events"
+  },
+  POSITION: {
+    ABSOLUTE: "tide-position-absolute",
+    FIXED: "tide-position-fixed",
+    RELATIVE: "tide-position-relative",
+    STICKY: "tide-sticky"
+  },
+  POSITIONING: {
+    BOTTOM_0: "tide-bottom-0",
+    LEFT_0: "tide-left-0",
+    RIGHT_0: "tide-right-0",
+    TOP_0: "tide-top-0"
+  },
+  SCROLLBAR: {
+    OFF: "tide-scrollbar-none"
+  },
+  SHADOW: {
+    BOTTOM: "tide-shadow-bottom",
+    TOP: "tide-shadow-top"
+  },
+  SNAP: {
+    ON: "tide-snap"
+  },
+  SNAP_ALIGN: {
+    START: "tide-snap-start"
+  },
+  TEXT_TRANSFORM: {
+    LOWER: "tide-text-transform-lower",
+    NONE: "tide-text-transform-none",
+    UPPER: "tide-text-transform-upper"
+  },
+  UNDERLINE: {
+    HOVER: "tide-underline-hover",
+    OFF: "tide-underline-none",
+    ON: "tide-underline"
+  },
+  VISIBILITY: {
+    OFF: "tide-visible-none",
+    ON: "tide-visible"
+  },
+  WHITESPACE_WRAP: {
+    OFF: "tide-whitespace-nowrap"
+  },
+  WIDTH: {
+    FULL: "tide-width-full",
+    MAX_FULL: "tide-max-width-full"
+  }
+};
+e.DISPLAY.BLOCK, e.DISPLAY.CONTENTS, e.DISPLAY.FLEX, e.DISPLAY.GRID, e.DISPLAY.HIDDEN, e.DISPLAY.INITIAL, e.DISPLAY.INLINE, e.DISPLAY.INLINE_BLOCK, e.DISPLAY.INLINE_FLEX, e.AXIS1.AROUND, e.AXIS1.BETWEEN, e.AXIS1.CENTER, e.AXIS1.END, e.AXIS1.START, e.AXIS2.AROUND, e.AXIS2.CENTER, e.AXIS2.END, e.AXIS2.START, e.FLEX.DIRECTION.COLUMN, e.FLEX.DIRECTION.COLUMN_REVERSE, e.FLEX.DIRECTION.ROW, e.FLEX.DIRECTION.ROW_REVERSE, e.GAP.ONE, e.GAP.HALF, e.GAP.QUARTER, e.GAP.TWO, e.GAP.FOUR, e.FLEX.GROW.ON, e.FLEX.GROW.OFF, e.FLEX.SHRINK.ON, e.FLEX.SHRINK.OFF, e.FLEX.WRAP, e.POSITION.ABSOLUTE, e.POSITION.FIXED, e.POSITION.RELATIVE, e.POSITION.STICKY, e.POSITIONING.TOP_0, e.POSITIONING.RIGHT_0, e.POSITIONING.BOTTOM_0, e.POSITIONING.LEFT_0, e.BOX_SIZING.BORDER_BOX, e.BOX_SIZING.CONTENT_BOX, e.MARGIN.FULL.ONE, e.MARGIN.FULL.HALF, e.MARGIN.FULL.QUARTER, e.MARGIN.FULL.TWO, e.MARGIN.FULL.FOUR, e.MARGIN.Y.ONE, e.MARGIN.Y.HALF, e.MARGIN.Y.QUARTER, e.MARGIN.Y.TWO, e.MARGIN.Y.FOUR, e.MARGIN.TOP.ONE, e.MARGIN.TOP.HALF, e.MARGIN.TOP.QUARTER, e.MARGIN.TOP.TWO, e.MARGIN.TOP.FOUR, e.MARGIN.X.ONE, e.MARGIN.X.HALF, e.MARGIN.X.QUARTER, e.MARGIN.X.TWO, e.MARGIN.X.FOUR, e.MARGIN.X.AUTO, e.MARGIN.RIGHT.ONE, e.MARGIN.RIGHT.HALF, e.MARGIN.RIGHT.QUARTER, e.MARGIN.RIGHT.TWO, e.MARGIN.RIGHT.FOUR, e.MARGIN.RIGHT.AUTO, e.MARGIN.BOTTOM.ONE, e.MARGIN.BOTTOM.HALF, e.MARGIN.BOTTOM.QUARTER, e.MARGIN.BOTTOM.TWO, e.MARGIN.BOTTOM.FOUR, e.MARGIN.LEFT.ONE, e.MARGIN.LEFT.HALF, e.MARGIN.LEFT.QUARTER, e.MARGIN.LEFT.TWO, e.MARGIN.LEFT.FOUR, e.MARGIN.LEFT.AUTO, e.BORDER.FULL.ONE, e.BORDER.FULL.TWO, e.BORDER.TOP.ONE, e.BORDER.TOP.TWO, e.BORDER.RIGHT.ONE, e.BORDER.RIGHT.TWO, e.BORDER.BOTTOM.ONE, e.BORDER.BOTTOM.TWO, e.BORDER.LEFT.ONE, e.BORDER.LEFT.TWO, e.BORDER.RADIUS.ONE, e.BORDER.RADIUS.HALF, e.BORDER.RADIUS.QUARTER, e.BORDER.RADIUS.FULL, e.PADDING.FULL.ONE, e.PADDING.FULL.HALF, e.PADDING.FULL.QUARTER, e.PADDING.FULL.TWO, e.PADDING.FULL.FOUR, e.PADDING.Y.ONE, e.PADDING.Y.HALF, e.PADDING.Y.QUARTER, e.PADDING.Y.TWO, e.PADDING.Y.FOUR, e.PADDING.TOP.ONE, e.PADDING.TOP.HALF, e.PADDING.TOP.QUARTER, e.PADDING.TOP.TWO, e.PADDING.TOP.FOUR, e.PADDING.X.ONE, e.PADDING.X.HALF, e.PADDING.X.QUARTER, e.PADDING.X.TWO, e.PADDING.X.FOUR, e.PADDING.RIGHT.ONE, e.PADDING.RIGHT.HALF, e.PADDING.RIGHT.QUARTER, e.PADDING.RIGHT.TWO, e.PADDING.RIGHT.FOUR, e.PADDING.BOTTOM.ONE, e.PADDING.BOTTOM.HALF, e.PADDING.BOTTOM.QUARTER, e.PADDING.BOTTOM.TWO, e.PADDING.BOTTOM.FOUR, e.PADDING.LEFT.ONE, e.PADDING.LEFT.HALF, e.PADDING.LEFT.QUARTER, e.PADDING.LEFT.TWO, e.PADDING.LEFT.FOUR, e.WIDTH.MAX_FULL, e.WIDTH.FULL, e.HEIGHT.FULL, e.ALIGN.Y.MIDDLE, e.BREAK_WORD, e.CURSOR.NOT_ALLOWED, e.CURSOR.POINTER, e.FONT.SIZE.TWELVE, e.FONT.SIZE.FOURTEEN, e.FONT.SIZE.SIXTEEN, e.FONT.SIZE.TWENTY, e.FONT.SIZE.TWENTY_FOUR, e.FONT.SIZE.THIRTY_TWO, e.FONT.WEIGHT.FOUR_HUNDRED, e.FONT.WEIGHT.FIVE_HUNDRED, e.FONT.WEIGHT.SIX_HUNDRED, e.FONT.WEIGHT.SEVEN_HUNDRED, e.LIST_BULLETS.OFF, e.OBJECT.CENTER, e.OBJECT.CONTAIN, e.OBJECT.COVER, e.OBJECT.SCALE_DOWN, e.POINTER_EVENTS.ON, e.POINTER_EVENTS.OFF, e.SCROLLBAR.OFF, e.SHADOW.BOTTOM, e.SHADOW.TOP, e.SNAP.ON, e.SNAP_ALIGN.START, e.ALIGN.X.LEFT, e.ALIGN.X.CENTER, e.ALIGN.X.RIGHT, e.TEXT_TRANSFORM.LOWER, e.TEXT_TRANSFORM.NONE, e.TEXT_TRANSFORM.UPPER, e.UNDERLINE, e.UNDERLINE.HOVER, e.UNDERLINE.OFF, e.VISIBILITY.ON, e.VISIBILITY.OFF, e.WHITESPACE_WRAP.OFF, e.OVERFLOW.XY.AUTO, e.OVERFLOW.XY.HIDDEN, e.OVERFLOW.X.AUTO, e.OVERFLOW.X.HIDDEN, e.OVERFLOW.X.SCROLL, e.OVERFLOW.Y.AUTO, e.OVERFLOW.Y.HIDDEN;
+const oe = {
+  __name: "TideDivider",
+  setup(a) {
+    return (s, o) => (r(), d("div", {
+      class: i(["tide-border-low", t(e).MARGIN.Y.HALF, t(e).BORDER.BOTTOM.ONE])
+    }, null, 2));
+  }
+}, le = (a, s) => {
+  const o = a[s];
+  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((n, l) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(l.bind(null, new Error("Unknown variable dynamic import: " + s)));
+  });
+}, y = {
+  LARGE: "large",
+  SMALL: "small"
+}, de = (a) => a && typeof a == "string" ? a.replace(/([a-z]{1})([A-Z]{1})/g, "$1 $2").replace(/[\s_-]/g, " ").toLowerCase().split(" ").map((s) => s.slice(0, 1).toUpperCase() + s.slice(1)).join("") : a, ge = ["data-icon"], fe = /* @__PURE__ */ R({
+  __name: "TideIcon",
+  props: {
+    icon: {},
+    size: { default: y.SMALL }
+  },
+  setup(a) {
+    const s = a, o = _();
+    return k(
+      () => s.icon,
+      () => {
+        const n = s.icon, l = de(n), c = ae(() => le(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/IconAccountBalance.vue": () => import("./IconAccountBalance-91cf067b.js"), "../assets/svg/icons/IconAdd.vue": () => import("./IconAdd-95c51c0e.js"), "../assets/svg/icons/IconAi.vue": () => import("./IconAi-08172540.js"), "../assets/svg/icons/IconAlignSpace.vue": () => import("./IconAlignSpace-9ab2bdf2.js"), "../assets/svg/icons/IconApplePay.vue": () => import("./IconApplePay-1ee6317b.js"), "../assets/svg/icons/IconArrowBack.vue": () => import("./IconArrowBack-a2226a94.js"), "../assets/svg/icons/IconArrowForward.vue": () => import("./IconArrowForward-e1ca9957.js"), "../assets/svg/icons/IconArrowRight.vue": () => import("./IconArrowRight-53382084.js"), "../assets/svg/icons/IconAssignment.vue": () => import("./IconAssignment-332c2b2b.js"), "../assets/svg/icons/IconAwardStar.vue": () => import("./IconAwardStar-1ca35385.js"), "../assets/svg/icons/IconBookmark.vue": () => import("./IconBookmark-49b42628.js"), "../assets/svg/icons/IconCalendarMonth.vue": () => import("./IconCalendarMonth-22c938d7.js"), "../assets/svg/icons/IconCall.vue": () => import("./IconCall-989a47fc.js"), "../assets/svg/icons/IconCheck.vue": () => import("./IconCheck-a3467b47.js"), "../assets/svg/icons/IconChevronLeft.vue": () => import("./IconChevronLeft-c1d90bb7.js"), "../assets/svg/icons/IconChevronRight.vue": () => import("./IconChevronRight-ad47891f.js"), "../assets/svg/icons/IconClear.vue": () => import("./IconClear-7c8fad4e.js"), "../assets/svg/icons/IconClose.vue": () => import("./IconClose-4b6c5aed.js"), "../assets/svg/icons/IconCycle.vue": () => import("./IconCycle-99d40f2d.js"), "../assets/svg/icons/IconDelete.vue": () => import("./IconDelete-446eff93.js"), "../assets/svg/icons/IconDiamond.vue": () => import("./IconDiamond-765a7d8d.js"), "../assets/svg/icons/IconEdit.vue": () => import("./IconEdit-ce05f3b5.js"), "../assets/svg/icons/IconError.vue": () => import("./IconError-7983707a.js"), "../assets/svg/icons/IconExpandContent.vue": () => import("./IconExpandContent-8b6e2125.js"), "../assets/svg/icons/IconExpandLess.vue": () => import("./IconExpandLess-9e23f1e9.js"), "../assets/svg/icons/IconExpandMore.vue": () => import("./IconExpandMore-ded098a7.js"), "../assets/svg/icons/IconFacebook.vue": () => import("./IconFacebook-3cab65a8.js"), "../assets/svg/icons/IconFavorite.vue": () => import("./IconFavorite-5fe831f4.js"), "../assets/svg/icons/IconFavoriteFilled.vue": () => import("./IconFavoriteFilled-58fa0bf7.js"), "../assets/svg/icons/IconFormatBold.vue": () => import("./IconFormatBold-889f6b8b.js"), "../assets/svg/icons/IconFormatItalic.vue": () => import("./IconFormatItalic-103eba00.js"), "../assets/svg/icons/IconFormatListBulleted.vue": () => import("./IconFormatListBulleted-4c824025.js"), "../assets/svg/icons/IconForum.vue": () => import("./IconForum-abc2fe82.js"), "../assets/svg/icons/IconGoogle.vue": () => import("./IconGoogle-281b6d80.js"), "../assets/svg/icons/IconGooglePay.vue": () => import("./IconGooglePay-cc83c5c8.js"), "../assets/svg/icons/IconGrid.vue": () => import("./IconGrid-ef763745.js"), "../assets/svg/icons/IconHelp.vue": () => import("./IconHelp-2ad33f76.js"), "../assets/svg/icons/IconInfo.vue": () => import("./IconInfo-5878df77.js"), "../assets/svg/icons/IconInsertText.vue": () => import("./IconInsertText-0c62badf.js"), "../assets/svg/icons/IconInstagram.vue": () => import("./IconInstagram-69e21cfb.js"), "../assets/svg/icons/IconIosShare.vue": () => import("./IconIosShare-be5f117c.js"), "../assets/svg/icons/IconLayout.vue": () => import("./IconLayout-c1ffbcd3.js"), "../assets/svg/icons/IconLinkedIn.vue": () => import("./IconLinkedIn-807ef6f5.js"), "../assets/svg/icons/IconLocalShipping.vue": () => import("./IconLocalShipping-2c6d71e0.js"), "../assets/svg/icons/IconLock.vue": () => import("./IconLock-9178e816.js"), "../assets/svg/icons/IconMail.vue": () => import("./IconMail-0123a7c6.js"), "../assets/svg/icons/IconMenu.vue": () => import("./IconMenu-33ed2d99.js"), "../assets/svg/icons/IconMoreHoriz.vue": () => import("./IconMoreHoriz-c281099f.js"), "../assets/svg/icons/IconNotifications.vue": () => import("./IconNotifications-89f80e0f.js"), "../assets/svg/icons/IconOpenInNew.vue": () => import("./IconOpenInNew-87ad0454.js"), "../assets/svg/icons/IconPalette.vue": () => import("./IconPalette-7ee5b40c.js"), "../assets/svg/icons/IconPaypal.vue": () => import("./IconPaypal-e311eadd.js"), "../assets/svg/icons/IconPerson.vue": () => import("./IconPerson-932fbcbc.js"), "../assets/svg/icons/IconPhotoCamera.vue": () => import("./IconPhotoCamera-fdbd5767.js"), "../assets/svg/icons/IconPinterest.vue": () => import("./IconPinterest-2d19c2eb.js"), "../assets/svg/icons/IconPlayArrow.vue": () => import("./IconPlayArrow-9837a5c0.js"), "../assets/svg/icons/IconRemove.vue": () => import("./IconRemove-29ef8f82.js"), "../assets/svg/icons/IconRoundedCorners.vue": () => import("./IconRoundedCorners-8ad194fc.js"), "../assets/svg/icons/IconSearch.vue": () => import("./IconSearch-5ff23d26.js"), "../assets/svg/icons/IconSell.vue": () => import("./IconSell-0e0ecd20.js"), "../assets/svg/icons/IconShare.vue": () => import("./IconShare-47084765.js"), "../assets/svg/icons/IconShoppingCart.vue": () => import("./IconShoppingCart-9d6495b3.js"), "../assets/svg/icons/IconSms.vue": () => import("./IconSms-5ba18382.js"), "../assets/svg/icons/IconStar.vue": () => import("./IconStar-ef69284b.js"), "../assets/svg/icons/IconSwapVert.vue": () => import("./IconSwapVert-05e14e3d.js"), "../assets/svg/icons/IconThreeDRotation.vue": () => import("./IconThreeDRotation-2433b2e8.js"), "../assets/svg/icons/IconTune.vue": () => import("./IconTune-3c6452f0.js"), "../assets/svg/icons/IconTwitter.vue": () => import("./IconTwitter-a634cef4.js"), "../assets/svg/icons/IconVideocam.vue": () => import("./IconVideocam-5712435e.js"), "../assets/svg/icons/IconViewInAr.vue": () => import("./IconViewInAr-d38a23d5.js"), "../assets/svg/icons/IconVisibility.vue": () => import("./IconVisibility-8cdf7151.js"), "../assets/svg/icons/IconWarning.vue": () => import("./IconWarning-b9e61180.js"), "../assets/svg/icons/IconYoutube.vue": () => import("./IconYoutube-92447826.js") }), `../assets/svg/icons/Icon${l}.vue`));
+        o.value = ne(c);
+      },
+      { immediate: !0 }
+    ), (n, l) => (r(), d("div", {
+      class: i(["tide-icon", s.size])
+    }, [
+      (r(), d("svg", {
+        class: i([t(e).DISPLAY.BLOCK]),
+        "data-icon": n.icon,
+        fill: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        o.value ? (r(), S(V(o.value), { key: 0 })) : O("", !0)
+      ], 10, ge))
+    ], 2));
+  }
+});
+const G = (a, s) => {
+  const o = a.__vccOpts || a;
+  for (const [n, l] of s)
+    o[n] = l;
+  return o;
+}, h = /* @__PURE__ */ G(fe, [["__scopeId", "data-v-335984a7"]]), Fe = /* @__PURE__ */ R({
+  __name: "TideIndicator",
+  props: {
+    label: { default: void 0 }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        s.label ? "tide-indicator-label" : "tide-indicator",
+        "tide-bg-surface-accent",
+        t(e).BORDER.RADIUS.FULL,
+        s.label ? [t(e).POSITION.RELATIVE, t(e).FONT.SIZE.TWELVE, t(e).FONT.WEIGHT.SEVEN_HUNDRED, "tide-font-on-surface"] : []
+      ])
+    }, [
+      s.label ? (r(), d("div", {
+        key: 0,
+        class: i([
+          t(e).POSITION.ABSOLUTE,
+          t(e).POSITIONING.TOP_0,
+          t(e).DISPLAY.FLEX,
+          t(e).AXIS1.CENTER,
+          t(e).AXIS2.CENTER,
+          t(e).WIDTH.FULL,
+          t(e).HEIGHT.FULL
+        ])
+      }, T(s.label), 3)) : O("", !0)
+    ], 2));
+  }
+});
+const Se = /* @__PURE__ */ G(Fe, [["__scopeId", "data-v-c83d0232"]]), F = {
+  ACCOUNT_BALANCE: "account-balance",
+  ADD: "add",
+  AI: "ai",
+  ALIGN_SPACE: "align-space",
+  APPLE_PAY: "apple-pay",
+  ARROW_BACK: "arrow-back",
+  ARROW_FORWARD: "arrow-forward",
+  ARROW_RIGHT: "arrow-right",
+  ASSIGNMENT: "assignment",
+  AWARD_STAR: "award-star",
+  BOOKMARK: "bookmark",
+  CALENDAR_MONTH: "calendar-month",
+  CALL: "call",
+  CHECK: "check",
+  CHEVRON_LEFT: "chevron-left",
+  CHEVRON_RIGHT: "chevron-right",
+  CLEAR: "clear",
+  CLOSE: "close",
+  CYCLE: "cycle",
+  DELETE: "delete",
+  DIAMOND: "diamond",
+  EDIT: "edit",
+  ERROR: "error",
+  EXPAND_CONTENT: "expand-content",
+  EXPAND_LESS: "expand-less",
+  EXPAND_MORE: "expand-more",
+  FACEBOOK: "facebook",
+  FAVORITE: "favorite",
+  FAVORITE_FILLED: "favorite-filled",
+  FORMAT_BOLD: "format-bold",
+  FORMAT_ITALIC: "format-italic",
+  FORMAT_LIST_BULLETED: "format-list-bulleted",
+  FORUM: "forum",
+  GOOGLE: "google",
+  GOOGLE_PAY: "google-pay",
+  GRID: "grid",
+  HELP: "help",
+  INFO: "info",
+  INSERT_TEXT: "insert-text",
+  INSTAGRAM: "instagram",
+  IOS_SHARE: "ios-share",
+  LAYOUT: "layout",
+  LINKED_IN: "linked in",
+  LOCAL_SHIPPING: "local-shipping",
+  LOCK: "lock",
+  MAIL: "mail",
+  MENU: "menu",
+  MORE_HORIZ: "more-horiz",
+  NOTIFICATIONS: "notifications",
+  OPEN_IN_NEW: "open-in-new",
+  PALETTE: "palette",
+  PAYPAL: "paypal",
+  PERSON: "person",
+  PHOTO_CAMERA: "photo-camera",
+  PINTEREST: "pinterest",
+  PLAY_ARROW: "play-arrow",
+  REMOVE: "remove",
+  ROUNDED_CORNERS: "rounded-corners",
+  SEARCH: "search",
+  SELL: "sell",
+  SHARE: "share",
+  SHOPPING_CART: "shopping-cart",
+  SMS: "sms",
+  STAR: "star",
+  SWAP_VERT: "swap-vert",
+  THREE_D_ROTATION: "three-d-rotation",
+  TUNE: "tune",
+  TWITTER: "twitter",
+  VIDEOCAM: "videocam",
+  VIEW_IN_AR: "view-in-ar",
+  VISIBILITY: "visibility",
+  WARNING: "warning",
+  YOUTUBE: "youtube"
+}, De = { class: "tide-accordion-item" }, Ue = {
+  key: 0,
+  class: "tide-font-on-surface-variant"
+}, Pe = /* @__PURE__ */ R({
+  __name: "TideAccordionItem",
+  props: {
+    hasBottomDivider: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    hasTopDivider: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    isActive: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    isExpandedInitial: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    isOptional: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    label: {
+      default: "",
+      required: !0,
+      type: String
+    }
+  },
+  setup(a) {
+    const s = a, o = _(s.isExpandedInitial);
+    let n = _();
+    const l = () => {
+      const c = n.value;
+      o.value = !o.value, c.style.gridTemplateRows = o.value ? "1fr" : "0fr";
+    };
+    return j(() => {
+      const c = n.value;
+      c.style.gridTemplateRows = o.value ? "1fr" : "0fr";
+    }), (c, E) => (r(), d("div", De, [
+      s.hasTopDivider ? (r(), S(oe, { key: 0 })) : O("", !0),
+      I("div", {
+        class: i(["accordion-head", t(e).DISPLAY.FLEX, t(e).AXIS1.BETWEEN, t(e).PADDING.Y.HALF, t(e).CURSOR.POINTER]),
+        onClick: l
+      }, [
+        I("div", {
+          class: i(["tide-display-flex", t(e).AXIS2.CENTER, t(e).GAP.HALF, t(e).FONT.WEIGHT.SEVEN_HUNDRED])
+        }, [
+          I("span", null, T(s.label), 1),
+          s.isOptional ? (r(), d("span", Ue, " (optional) ")) : O("", !0),
+          s.isActive ? (r(), S(Se, { key: 1 })) : O("", !0)
+        ], 2),
+        U(h, {
+          icon: o.value ? t(F).EXPAND_LESS : t(F).EXPAND_MORE
+        }, null, 8, ["icon"])
+      ], 2),
+      I("div", {
+        class: i(["tide-accordion-body", t(e).DISPLAY.GRID]),
+        ref_key: "accordionBody",
+        ref: n
+      }, [
+        I("div", {
+          class: i([t(e).OVERFLOW.Y.HIDDEN])
+        }, [
+          I("div", {
+            class: i([t(e).MARGIN.Y.ONE, t(e).FONT.WEIGHT.FOUR_HUNDRED, "tide-font-on-surface"])
+          }, [
+            H(c.$slots, "default", {}, void 0, !0)
+          ], 2)
+        ], 2)
+      ], 2),
+      s.hasBottomDivider ? (r(), S(oe, { key: 1 })) : O("", !0)
+    ]));
+  }
+});
+const Lt = /* @__PURE__ */ G(Pe, [["__scopeId", "data-v-8d7c88a9"]]), g = {
+  BUTTON: "button",
+  LINK: "a"
+}, X = {
+  BUTTON: "button",
+  DIV: "div",
+  LINK: "a"
+}, M = {
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  TERTIARY: "tertiary",
+  QUATERNARY: "quaternary",
+  FLOATING: "floating"
+}, B = {
+  BLANK: "_blank",
+  SELF: void 0
+}, Q = /* @__PURE__ */ R({
+  __name: "TideButtonIcon",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    element: { default: g.BUTTON },
+    href: { default: void 0 },
+    icon: { default: void 0 },
+    isNewTab: { type: Boolean, default: !1 },
+    priority: { default: M.PRIMARY }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), S(V(s.element === t(g).LINK ? "a" : "button"), {
+      class: i([
+        s.element === t(g).LINK ? "tide-link-as-button-icon" : "tide-button-icon",
+        s.priority && s.priority,
+        [t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF],
+        s.element === t(g).LINK ? [t(e).UNDERLINE.OFF] : ""
+      ]),
+      disabled: s.element === t(g).BUTTON && s.disabled,
+      href: s.element === t(g).LINK && s.href ? s.href : void 0,
+      target: s.element === t(g).LINK && s.isNewTab ? t(B).BLANK : t(B).SELF
+    }, {
+      default: q(() => [
+        s.icon ? (r(), S(h, {
+          key: 0,
+          icon: s.icon,
+          size: t(y).LARGE
+        }, null, 8, ["icon", "size"])) : O("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "disabled", "href", "target"]));
+  }
+}), $ = {
+  ERROR: "error",
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning"
+}, _t = /* @__PURE__ */ R({
+  __name: "TideAlert",
+  props: {
+    heading: { default: void 0 },
+    isToast: { type: Boolean, default: !1 },
+    type: { default: $.INFO }
+  },
+  setup(a) {
+    const s = a, o = D(() => {
+      let n = F.VIEW_IN_AR;
+      switch (s.type) {
+        case $.ERROR:
+          n = F.ERROR;
+          break;
+        default:
+        case $.INFO:
+          n = F.INFO;
+          break;
+        case $.SUCCESS:
+          n = F.CHECK;
+          break;
+        case $.WARNING:
+          n = F.WARNING;
+          break;
+      }
+      return n;
+    });
+    return (n, l) => (r(), d("div", {
+      class: i([
+        s.type,
+        "tide-alert",
+        t(e).DISPLAY.GRID,
+        t(e).BORDER.RADIUS.HALF,
+        t(e).PADDING.FULL.ONE,
+        s.isToast ? t(e).SHADOW.BOTTOM : ""
+      ])
+    }, [
+      I("div", {
+        class: i(["tide-alert-icon", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER])
+      }, [
+        U(h, {
+          class: i([s.type, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF, "tide-font-on-surface-inverse"]),
+          icon: o.value
+        }, null, 8, ["class", "icon"])
+      ], 2),
+      I("div", {
+        class: i(["tide-alert-heading", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER])
+      }, [
+        I("h2", {
+          class: i([t(e).FONT.SIZE.SIXTEEN, t(e).FONT.WEIGHT.SIX_HUNDRED, "tide-font-on-surface"])
+        }, T(s.heading), 3)
+      ], 2),
+      U(Q, {
+        class: i(["tide-alert-close", t(e).AXIS2.CENTER, "tide-font-on-surface"]),
+        icon: t(F).CLOSE,
+        priority: t(M).QUATERNARY
+      }, null, 8, ["class", "icon", "priority"]),
+      I("div", {
+        class: i(["tide-alert-body", t(e).FONT.WEIGHT.FIVE_HUNDRED, "tide-font-on-surface-variant"])
+      }, [
+        H(n.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+const mt = /* @__PURE__ */ R({
+  __name: "TideBadge",
+  props: {
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        "tide-badge",
+        "tide-on-surface",
+        "tide-bg-surface-floating",
+        t(e).DISPLAY.INLINE_FLEX,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.QUARTER,
+        t(e).PADDING.Y.QUARTER,
+        t(e).PADDING.X.HALF,
+        t(e).FONT.SIZE.FOURTEEN
+      ])
+    }, T(s.label), 3));
+  }
+}), gt = /* @__PURE__ */ R({
+  __name: "TideBadgeCounter",
+  props: {
+    slideCurrent: {},
+    slideTotal: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        "tide-badge",
+        "tide-on-surface",
+        "tide-bg-surface-floating",
+        t(e).DISPLAY.INLINE_FLEX,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.QUARTER,
+        t(e).PADDING.Y.QUARTER,
+        t(e).PADDING.X.HALF,
+        t(e).FONT.SIZE.FOURTEEN
+      ])
+    }, T(s.slideCurrent) + " / " + T(s.slideTotal), 3));
+  }
+}), ft = /* @__PURE__ */ R({
+  __name: "TideBadgeMisc",
+  props: {
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        "tide-badge",
+        "tide-on-surface",
+        "tide-bg-surface-floating",
+        t(e).DISPLAY.INLINE_FLEX,
+        t(e).AXIS2.CENTER,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.QUARTER,
+        t(e).PADDING.Y.QUARTER,
+        t(e).PADDING.X.HALF,
+        t(e).FONT.SIZE.FOURTEEN
+      ])
+    }, T(s.label), 3));
+  }
+}), Ft = /* @__PURE__ */ R({
+  __name: "TideBadgePremium",
+  props: {
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        "tide-badge",
+        "tide-on-surface",
+        "tide-bg-surface-variant",
+        t(e).DISPLAY.INLINE_FLEX,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.QUARTER,
+        t(e).PADDING.Y.QUARTER,
+        t(e).PADDING.X.HALF,
+        t(e).FONT.SIZE.TWELVE
+      ])
+    }, T(s.label), 3));
+  }
+}), Ge = {
+  YEARS_10: "10",
+  YEARS_15: "15",
+  YEARS_5: "5"
+}, he = {
+  class: /* @__PURE__ */ i([])
+}, St = /* @__PURE__ */ R({
+  __name: "TideBadgeTrustedPartner",
+  props: {
+    years: { default: Ge.YEARS_5 }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("div", {
+      class: i([
+        "tide-badge-trusted-partner",
+        "tide-font-on-surface-brand",
+        t(e).DISPLAY.INLINE_FLEX,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.QUARTER,
+        t(e).PADDING.Y.QUARTER,
+        t(e).PADDING.X.HALF,
+        t(e).FONT.SIZE.FOURTEEN
+      ])
+    }, [
+      U(h, {
+        icon: t(F).VIEW_IN_AR
+      }, null, 8, ["icon"]),
+      I("div", he, [
+        I("span", null, T(s.years) + " year trusted partner", 1)
+      ])
+    ], 2));
+  }
+}), be = ["data-track", "href"], He = ["data-track"], ye = { key: 0 }, Dt = /* @__PURE__ */ R({
+  __name: "TideBreadCrumbs",
+  props: {
+    breadCrumbs: {
+      default: void 0,
+      required: !0,
+      type: Object
+    }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("ul", {
+      class: i(["tide-bread-crumbs", t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).LIST_BULLETS.OFF])
+    }, [
+      (r(!0), d(w, null, Z(s.breadCrumbs, (l, c) => (r(), d(w, {
+        key: l.label
+      }, [
+        I("li", {
+          class: i([t(e).FONT.SIZE.FOURTEEN])
+        }, [
+          l.url ? (r(), d("a", {
+            key: 0,
+            class: i([t(e).FONT.WEIGHT.SEVEN_HUNDRED, "tide-font-on-surface"]),
+            "data-track": l.dataTrack || void 0,
+            href: l.url
+          }, T(l.label), 11, be)) : (r(), d("span", {
+            key: 1,
+            class: i([t(e).FONT.WEIGHT.FIVE_HUNDRED, "tide-font-on-surface-variant"]),
+            "data-track": l.dataTrack || void 0
+          }, T(l.label), 11, He))
+        ], 2),
+        s.breadCrumbs && c < s.breadCrumbs.length - 1 ? (r(), d("li", ye, [
+          U(h, {
+            icon: t(F).ARROW_RIGHT,
+            size: t(y).SMALL
+          }, null, 8, ["icon", "size"])
+        ])) : O("", !0)
+      ], 64))), 128))
+    ], 2));
+  }
+}), Ut = /* @__PURE__ */ R({
+  __name: "TideButton",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    element: { default: g.BUTTON },
+    href: { default: void 0 },
+    iconLeading: { default: void 0 },
+    iconTrailing: { default: void 0 },
+    isNewTab: { type: Boolean, default: !1 },
+    label: { default: void 0 },
+    priority: { default: M.PRIMARY }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), S(V(s.element === t(g).LINK ? t(g).LINK : t(g).BUTTON), {
+      class: i([
+        s.element === t(g).LINK ? "tide-link-as-button" : "tide-button",
+        s.priority && s.priority,
+        s.element === t(g).LINK ? [t(e).DISPLAY.INLINE_FLEX] : [t(e).DISPLAY.FLEX],
+        [t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.HALF, t(e).BORDER.RADIUS.HALF],
+        s.element === t(g).LINK ? "tide-underline-none" : "",
+        "tide-padding-y-1 tide-padding-x-2 tide-font-600"
+      ]),
+      disabled: s.element === t(g).BUTTON && s.disabled,
+      href: s.element === t(g).LINK && s.href ? s.href : void 0,
+      target: s.element === t(g).LINK && s.isNewTab ? t(B).BLANK : t(B).SELF
+    }, {
+      default: q(() => [
+        s.iconLeading ? (r(), S(h, {
+          key: 0,
+          icon: s.iconLeading,
+          size: t(y).LARGE
+        }, null, 8, ["icon", "size"])) : O("", !0),
+        re(" " + T(s.label) + " ", 1),
+        s.iconTrailing ? (r(), S(h, {
+          key: 1,
+          icon: s.iconTrailing,
+          size: t(y).LARGE
+        }, null, 8, ["icon", "size"])) : O("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "disabled", "href", "target"]));
+  }
+}), Ce = /* @__PURE__ */ R({
+  __name: "TideButtonPagination",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    element: { default: X.BUTTON },
+    href: { default: void 0 },
+    label: { default: void 0 }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), S(V(
+      s.element === t(X).LINK ? "a" : s.element === t(X).BUTTON ? "button" : "div"
+    ), {
+      class: i([
+        s.element === t(X).LINK ? "tide-link-as-button-icon" : "tide-button-icon",
+        [t(e).DISPLAY.INLINE_BLOCK, t(e).BORDER.RADIUS.FULL, t(e).PADDING.FULL.HALF],
+        s.element === t(X).LINK ? [t(e).UNDERLINE.OFF] : "",
+        s.element === t(X).DIV ? [t(e).CURSOR.POINTER] : "",
+        [t(e).FONT.WEIGHT.SEVEN_HUNDRED]
+      ]),
+      disabled: s.element === t(X).BUTTON && s.disabled,
+      href: s.element === t(X).LINK && s.href ? s.href : void 0
+    }, {
+      default: q(() => [
+        I("span", {
+          class: i(["label", t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER])
+        }, T(s.label), 3)
+      ]),
+      _: 1
+    }, 8, ["class", "disabled", "href"]));
+  }
+});
+const Be = /* @__PURE__ */ G(Ce, [["__scopeId", "data-v-da022c05"]]), Pt = /* @__PURE__ */ R({
+  __name: "TideCard",
+  setup(a) {
+    return (s, o) => (r(), d("div", {
+      class: i([
+        "tide-card",
+        t(e).HEIGHT.FULL,
+        t(e).BORDER.RADIUS.HALF,
+        "tide-bg-surface-low",
+        "tide-shadow-bottom",
+        "tide-font-surface",
+        "tide-scroll-snap-start"
+      ])
+    }, [
+      H(s.$slots, "default")
+    ], 2));
+  }
+}), ie = 16, Gt = /* @__PURE__ */ R({
+  __name: "TideCarousel",
+  props: {
+    isTouchscreen: { type: Boolean },
+    offsetX: { default: 0 }
+  },
+  emits: ["slideChange"],
+  setup(a, { emit: s }) {
+    const o = a;
+    let n = _(), l = _(), c = _(), E = _();
+    const N = _(), A = _(), u = _(), L = _(0), C = () => {
+      const m = Array.from(N.value.children).map((Y) => Y.offsetLeft);
+      if (m.length === 0)
+        return;
+      const W = m.reduce((Y, x) => Math.abs(x - A.value.scrollLeft) < Math.abs(Y - A.value.scrollLeft) ? x : Y);
+      L.value = m.indexOf(W);
+    }, P = () => {
+      n.value = N.value.scrollWidth, l.value = A.value.clientWidth, c.value = n.value > l.value, E.value = A.value.scrollWidth - A.value.clientWidth, u.value = c.value && !o.isTouchscreen, C();
+    }, f = () => {
+      P();
+    }, b = (m) => {
+      A.value.scrollTo({
+        behavior: "smooth",
+        left: N.value.children[m].offsetLeft
+      });
+    }, p = () => {
+      const m = N.value.scrollWidth, W = A.value.scrollLeft + A.value.clientWidth;
+      if (W > m)
+        A.value.scrollTo({
+          behavior: "smooth",
+          left: m
+        });
+      else {
+        const Y = o.offsetX && L.value === 0, Ee = W === m ? 0 : Y ? 2 : L.value + 1;
+        b(Ee);
+      }
+    }, v = () => {
+      const m = o.offsetX ? 1 : 0, W = L.value - 1 === m, x = L.value <= m ? N.value.children.length - 1 : W ? 0 : L.value - 1;
+      b(x);
+    };
+    return window.addEventListener("resize", P), j(() => {
+      P();
+    }), Te(() => {
+      window.removeEventListener("resize", P);
+    }), Oe(() => {
+      P();
+    }), k(L, () => {
+      s("slideChange", L.value);
+    }), (m, W) => (r(), d("section", {
+      class: i(["tide-carousel", t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).WIDTH.FULL]),
+      ref: "carouselRef"
+    }, [
+      I("div", {
+        class: i([t(e).SCROLLBAR.OFF, t(e).SNAP.ON, t(e).OVERFLOW.X.SCROLL]),
+        ref_key: "frameRef",
+        ref: A,
+        onScroll: f
+      }, [
+        I("ul", {
+          class: i([o.isTouchscreen ? [t(e).OVERFLOW.X.AUTO] : "", t(e).DISPLAY.FLEX, t(e).GAP.ONE, t(e).LIST_BULLETS.OFF]),
+          ref_key: "contentRef",
+          ref: N
+        }, [
+          o.offsetX ? (r(), d("li", {
+            key: 0,
+            class: i([t(e).FLEX.SHRINK.OFF, t(e).SNAP_ALIGN.START]),
+            style: z({ width: `${o.offsetX - ie}px` })
+          }, null, 6)) : O("", !0),
+          H(m.$slots, "default"),
+          o.offsetX ? (r(), d("li", {
+            key: 1,
+            class: i([t(e).FLEX.SHRINK.OFF, t(e).SNAP_ALIGN.START]),
+            style: z({ width: `${o.offsetX - ie}px` })
+          }, null, 6)) : O("", !0)
+        ], 2)
+      ], 34),
+      u.value ? (r(), d("div", {
+        key: 0,
+        class: i([
+          t(e).POSITION.ABSOLUTE,
+          t(e).DISPLAY.FLEX,
+          t(e).AXIS1.BETWEEN,
+          t(e).AXIS2.CENTER,
+          t(e).WIDTH.FULL,
+          t(e).HEIGHT.FULL,
+          t(e).POINTER_EVENTS.OFF
+        ])
+      }, [
+        U(Q, {
+          class: i([t(e).MARGIN.LEFT.ONE, t(e).POINTER_EVENTS.ON]),
+          icon: t(F).CHEVRON_LEFT,
+          priority: t(M).QUATERNARY,
+          onClick: v
+        }, null, 8, ["class", "icon", "priority"]),
+        U(Q, {
+          class: i([t(e).MARGIN.RIGHT.ONE, t(e).POINTER_EVENTS.ON]),
+          icon: t(F).CHEVRON_RIGHT,
+          priority: t(M).QUATERNARY,
+          onClick: p
+        }, null, 8, ["class", "icon", "priority"])
+      ], 2)) : O("", !0)
+    ], 2));
+  }
+}), We = ["href", "target"], Xe = /* @__PURE__ */ R({
+  __name: "TideChipAction",
+  props: {
+    href: {},
+    isNewTab: { type: Boolean, default: !1 },
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("a", {
+      class: i([
+        "tide-chip-action",
+        t(e).AXIS2.CENTER,
+        t(e).GAP.HALF,
+        t(e).BORDER.FULL.ONE,
+        "tide-border",
+        t(e).BORDER.RADIUS.FULL,
+        t(e).PADDING.X.ONE,
+        t(e).PADDING.Y.HALF,
+        "tide-bg-surface",
+        t(e).FONT.SIZE.FOURTEEN,
+        t(e).FONT.WEIGHT.FIVE_HUNDRED,
+        "tide-font-on-surface",
+        t(e).UNDERLINE.OFF
+      ]),
+      href: s.href,
+      target: s.isNewTab ? t(B).BLANK : t(B).SELF
+    }, [
+      U(h, {
+        icon: t(F).SEARCH
+      }, null, 8, ["icon"]),
+      I("span", null, T(s.label), 1)
+    ], 10, We));
+  }
+});
+const ht = /* @__PURE__ */ G(Xe, [["__scopeId", "data-v-075e9916"]]), Me = /* @__PURE__ */ R({
+  __name: "TideChipFilter",
+  props: {
+    isActive: { type: Boolean },
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("button", {
+      class: i([
+        "tide-chip-filter",
+        s.isActive ? ["tide-bg-secondary", "tide-font-on-secondary"] : ["tide-bg-surface-variant", "tide-font-on-surface"],
+        t(e).DISPLAY.FLEX,
+        t(e).AXIS2.CENTER,
+        t(e).GAP.HALF,
+        t(e).BORDER.FULL.ONE,
+        t(e).BORDER.RADIUS.FULL,
+        t(e).PADDING.X.ONE,
+        t(e).PADDING.Y.HALF,
+        t(e).FONT.SIZE.FOURTEEN,
+        t(e).FONT.WEIGHT.FIVE_HUNDRED,
+        s.isActive ? "active" : ""
+      ])
+    }, [
+      H(o.$slots, "default", {}, void 0, !0),
+      I("div", {
+        class: i([t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.HALF])
+      }, [
+        I("span", {
+          class: i([s.isActive ? "" : "icon-spacing", t(e).FONT.WEIGHT.FIVE_HUNDRED, t(e).WHITESPACE_WRAP.OFF])
+        }, T(s.label), 3)
+      ], 2)
+    ], 2));
+  }
+});
+const bt = /* @__PURE__ */ G(Me, [["__scopeId", "data-v-7cdf9402"]]), Ye = /* @__PURE__ */ R({
+  __name: "TideChipInput",
+  props: {
+    label: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("button", {
+      class: i([
+        "tide-chip-input",
+        "tide-border",
+        "tide-font-on-surface",
+        "tide-bg-surface",
+        t(e).DISPLAY.FLEX,
+        t(e).AXIS2.CENTER,
+        t(e).GAP.HALF,
+        t(e).BORDER.FULL.ONE,
+        t(e).BORDER.RADIUS.FULL,
+        t(e).PADDING.X.ONE,
+        t(e).PADDING.Y.HALF,
+        t(e).FONT.SIZE.FOURTEEN,
+        t(e).FONT.WEIGHT.FIVE_HUNDRED
+      ])
+    }, [
+      I("span", null, T(s.label), 1),
+      U(h, {
+        icon: t(F).CLOSE
+      }, null, 8, ["icon"])
+    ], 2));
+  }
+});
+const Ht = /* @__PURE__ */ G(Ye, [["__scopeId", "data-v-ac1feac9"]]), we = { class: "tide-columns" }, ke = { class: "tide-margin-bottom-1/2 tide-font-16" }, Ve = { class: "tide-columns-column" }, xe = { class: "tide-columns-column" }, $e = { class: "tide-columns-column" }, Qe = { class: "tide-columns-column" }, yt = /* @__PURE__ */ R({
+  __name: "TideColumns",
+  props: {
+    heading: { default: "" }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("section", we, [
+      I("h2", ke, T(s.heading), 1),
+      I("ul", {
+        class: i([t(e).DISPLAY.FLEX, t(e).FLEX.WRAP, t(e).GAP.TWO, t(e).LIST_BULLETS.OFF])
+      }, [
+        I("li", Ve, [
+          H(o.$slots, "section1")
+        ]),
+        I("li", xe, [
+          H(o.$slots, "section2")
+        ]),
+        I("li", $e, [
+          H(o.$slots, "section3")
+        ]),
+        I("li", Qe, [
+          H(o.$slots, "section4")
+        ])
+      ], 2)
+    ]));
+  }
+});
+const Ke = ["alt", "src"], Ct = /* @__PURE__ */ R({
+  __name: "TideImage",
+  props: {
+    alt: { default: "" },
+    cdn: { default: void 0 },
+    isLazy: { type: Boolean, default: !0 },
+    offset: { default: 0 },
+    src: { default: void 0 }
+  },
+  setup(a, { expose: s }) {
+    const o = a, n = _(), l = `${o.cdn}/image-coming-soon-512.png`, c = () => {
+      if (o.src) {
+        const u = new Image();
+        u.onload = N, u.onerror = E, u.src = o.src;
+      }
+    }, E = () => {
+      n.value.src = l;
+    }, N = () => {
+      n.value.src = o.src;
+    };
+    s(n.value);
+    const A = new IntersectionObserver((u, L) => {
+      u.forEach(
+        (C) => {
+          C.isIntersecting && (c(), L.unobserve(C.target));
+        },
+        {
+          rootMargin: `${o.offset}px`
+        }
+      );
+    });
+    return j(() => {
+      o.isLazy ? A.observe(n.value) : c();
+    }), Re(() => {
+      A.unobserve(n.value);
+    }), (u, L) => (r(), d("img", {
+      alt: u.alt,
+      class: i(["tide-image", t(e).OBJECT.CENTER, t(e).OBJECT.COVER]),
+      ref_key: "tideImage",
+      ref: n,
+      src: u.isLazy && u.src ? u.src : l
+    }, null, 10, Ke));
+  }
+}), qe = {
+  class: /* @__PURE__ */ i(["tide-input-radio"])
+}, Bt = /* @__PURE__ */ R({
+  __name: "TideInputRadio",
+  setup(a) {
+    return (s, o) => (r(), d("div", qe));
+  }
+}), Ze = ["data-icon", "fill"], ze = /* @__PURE__ */ R({
+  __name: "TideSvgIcon",
+  props: {
+    fill: { default: "currentColor" },
+    icon: {},
+    size: { default: y.SMALL }
+  },
+  setup(a) {
+    const s = a, o = _();
+    return k(
+      () => s.icon,
+      () => {
+        const n = s.icon, l = de(n), c = ae(() => le(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/IconAccountBalance.vue": () => import("./IconAccountBalance-91cf067b.js"), "../assets/svg/icons/IconAdd.vue": () => import("./IconAdd-95c51c0e.js"), "../assets/svg/icons/IconAi.vue": () => import("./IconAi-08172540.js"), "../assets/svg/icons/IconAlignSpace.vue": () => import("./IconAlignSpace-9ab2bdf2.js"), "../assets/svg/icons/IconApplePay.vue": () => import("./IconApplePay-1ee6317b.js"), "../assets/svg/icons/IconArrowBack.vue": () => import("./IconArrowBack-a2226a94.js"), "../assets/svg/icons/IconArrowForward.vue": () => import("./IconArrowForward-e1ca9957.js"), "../assets/svg/icons/IconArrowRight.vue": () => import("./IconArrowRight-53382084.js"), "../assets/svg/icons/IconAssignment.vue": () => import("./IconAssignment-332c2b2b.js"), "../assets/svg/icons/IconAwardStar.vue": () => import("./IconAwardStar-1ca35385.js"), "../assets/svg/icons/IconBookmark.vue": () => import("./IconBookmark-49b42628.js"), "../assets/svg/icons/IconCalendarMonth.vue": () => import("./IconCalendarMonth-22c938d7.js"), "../assets/svg/icons/IconCall.vue": () => import("./IconCall-989a47fc.js"), "../assets/svg/icons/IconCheck.vue": () => import("./IconCheck-a3467b47.js"), "../assets/svg/icons/IconChevronLeft.vue": () => import("./IconChevronLeft-c1d90bb7.js"), "../assets/svg/icons/IconChevronRight.vue": () => import("./IconChevronRight-ad47891f.js"), "../assets/svg/icons/IconClear.vue": () => import("./IconClear-7c8fad4e.js"), "../assets/svg/icons/IconClose.vue": () => import("./IconClose-4b6c5aed.js"), "../assets/svg/icons/IconCycle.vue": () => import("./IconCycle-99d40f2d.js"), "../assets/svg/icons/IconDelete.vue": () => import("./IconDelete-446eff93.js"), "../assets/svg/icons/IconDiamond.vue": () => import("./IconDiamond-765a7d8d.js"), "../assets/svg/icons/IconEdit.vue": () => import("./IconEdit-ce05f3b5.js"), "../assets/svg/icons/IconError.vue": () => import("./IconError-7983707a.js"), "../assets/svg/icons/IconExpandContent.vue": () => import("./IconExpandContent-8b6e2125.js"), "../assets/svg/icons/IconExpandLess.vue": () => import("./IconExpandLess-9e23f1e9.js"), "../assets/svg/icons/IconExpandMore.vue": () => import("./IconExpandMore-ded098a7.js"), "../assets/svg/icons/IconFacebook.vue": () => import("./IconFacebook-3cab65a8.js"), "../assets/svg/icons/IconFavorite.vue": () => import("./IconFavorite-5fe831f4.js"), "../assets/svg/icons/IconFavoriteFilled.vue": () => import("./IconFavoriteFilled-58fa0bf7.js"), "../assets/svg/icons/IconFormatBold.vue": () => import("./IconFormatBold-889f6b8b.js"), "../assets/svg/icons/IconFormatItalic.vue": () => import("./IconFormatItalic-103eba00.js"), "../assets/svg/icons/IconFormatListBulleted.vue": () => import("./IconFormatListBulleted-4c824025.js"), "../assets/svg/icons/IconForum.vue": () => import("./IconForum-abc2fe82.js"), "../assets/svg/icons/IconGoogle.vue": () => import("./IconGoogle-281b6d80.js"), "../assets/svg/icons/IconGooglePay.vue": () => import("./IconGooglePay-cc83c5c8.js"), "../assets/svg/icons/IconGrid.vue": () => import("./IconGrid-ef763745.js"), "../assets/svg/icons/IconHelp.vue": () => import("./IconHelp-2ad33f76.js"), "../assets/svg/icons/IconInfo.vue": () => import("./IconInfo-5878df77.js"), "../assets/svg/icons/IconInsertText.vue": () => import("./IconInsertText-0c62badf.js"), "../assets/svg/icons/IconInstagram.vue": () => import("./IconInstagram-69e21cfb.js"), "../assets/svg/icons/IconIosShare.vue": () => import("./IconIosShare-be5f117c.js"), "../assets/svg/icons/IconLayout.vue": () => import("./IconLayout-c1ffbcd3.js"), "../assets/svg/icons/IconLinkedIn.vue": () => import("./IconLinkedIn-807ef6f5.js"), "../assets/svg/icons/IconLocalShipping.vue": () => import("./IconLocalShipping-2c6d71e0.js"), "../assets/svg/icons/IconLock.vue": () => import("./IconLock-9178e816.js"), "../assets/svg/icons/IconMail.vue": () => import("./IconMail-0123a7c6.js"), "../assets/svg/icons/IconMenu.vue": () => import("./IconMenu-33ed2d99.js"), "../assets/svg/icons/IconMoreHoriz.vue": () => import("./IconMoreHoriz-c281099f.js"), "../assets/svg/icons/IconNotifications.vue": () => import("./IconNotifications-89f80e0f.js"), "../assets/svg/icons/IconOpenInNew.vue": () => import("./IconOpenInNew-87ad0454.js"), "../assets/svg/icons/IconPalette.vue": () => import("./IconPalette-7ee5b40c.js"), "../assets/svg/icons/IconPaypal.vue": () => import("./IconPaypal-e311eadd.js"), "../assets/svg/icons/IconPerson.vue": () => import("./IconPerson-932fbcbc.js"), "../assets/svg/icons/IconPhotoCamera.vue": () => import("./IconPhotoCamera-fdbd5767.js"), "../assets/svg/icons/IconPinterest.vue": () => import("./IconPinterest-2d19c2eb.js"), "../assets/svg/icons/IconPlayArrow.vue": () => import("./IconPlayArrow-9837a5c0.js"), "../assets/svg/icons/IconRemove.vue": () => import("./IconRemove-29ef8f82.js"), "../assets/svg/icons/IconRoundedCorners.vue": () => import("./IconRoundedCorners-8ad194fc.js"), "../assets/svg/icons/IconSearch.vue": () => import("./IconSearch-5ff23d26.js"), "../assets/svg/icons/IconSell.vue": () => import("./IconSell-0e0ecd20.js"), "../assets/svg/icons/IconShare.vue": () => import("./IconShare-47084765.js"), "../assets/svg/icons/IconShoppingCart.vue": () => import("./IconShoppingCart-9d6495b3.js"), "../assets/svg/icons/IconSms.vue": () => import("./IconSms-5ba18382.js"), "../assets/svg/icons/IconStar.vue": () => import("./IconStar-ef69284b.js"), "../assets/svg/icons/IconSwapVert.vue": () => import("./IconSwapVert-05e14e3d.js"), "../assets/svg/icons/IconThreeDRotation.vue": () => import("./IconThreeDRotation-2433b2e8.js"), "../assets/svg/icons/IconTune.vue": () => import("./IconTune-3c6452f0.js"), "../assets/svg/icons/IconTwitter.vue": () => import("./IconTwitter-a634cef4.js"), "../assets/svg/icons/IconVideocam.vue": () => import("./IconVideocam-5712435e.js"), "../assets/svg/icons/IconViewInAr.vue": () => import("./IconViewInAr-d38a23d5.js"), "../assets/svg/icons/IconVisibility.vue": () => import("./IconVisibility-8cdf7151.js"), "../assets/svg/icons/IconWarning.vue": () => import("./IconWarning-b9e61180.js"), "../assets/svg/icons/IconYoutube.vue": () => import("./IconYoutube-92447826.js") }), `../assets/svg/icons/Icon${l}.vue`));
+        o.value = ne(c);
+      },
+      { immediate: !0 }
+    ), (n, l) => (r(), d("div", {
+      class: i(["tide-svg-icon", s.size])
+    }, [
+      (r(), d("svg", {
+        class: i([t(e).DISPLAY.BLOCK]),
+        "data-icon": n.icon,
+        fill: s.fill,
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg"
+      }, [
+        o.value ? (r(), S(V(o.value), { key: 0 })) : O("", !0)
+      ], 10, Ze))
+    ], 2));
+  }
+});
+const K = /* @__PURE__ */ G(ze, [["__scopeId", "data-v-fecfca9d"]]);
+function ce(a, s) {
+  return (o) => {
+    const n = je({
+      maxlength: s,
+      minlength: a,
+      value: o
+    });
+    let l = n ? "" : Ie;
+    return s && a && (l = `Please enter a value between ${a} and ${s} characters in length.`), {
+      message: l,
+      valid: n
+    };
+  };
+}
+const je = ({
+  maxlength: a,
+  minlength: s,
+  value: o
+}) => {
+  const n = a && o.length > a, l = s && o.length < s;
+  return !n && !l;
+}, Ie = "Please enter a valid value.";
+function Je(a, s) {
+  for (const o of s) {
+    const n = o(a);
+    if (!n.valid)
+      return n;
+  }
+  return {
+    message: "",
+    valid: !0
+  };
+}
+const te = (a, s) => a !== !1 || s !== !1, se = (a, s) => typeof a == "string" && a.length > 0 ? a : typeof s == "string" && s.length > 0 ? s : Ie, ue = ({
+  error: a,
+  errorFromProps: s,
+  validators: o,
+  value: n
+}) => {
+  if (a.value = s, !s && o) {
+    const l = Je(n.value, o);
+    l.valid || (a.value = l.message);
+  }
+}, et = ["for"], tt = ["disabled", "name", "required", "id"], st = ["selected"], ot = ["selected", "value"], it = {
+  key: 1,
+  class: /* @__PURE__ */ i(["supporting-text tide-margin-top-1/4 tide-font-12"])
+}, at = /* @__PURE__ */ R({
+  __name: "TideInputSelect",
+  props: {
+    iconLeading: { default: void 0 },
+    selectId: { default: void 0 },
+    suffix: { default: "" },
+    options: {},
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [String, Boolean], default: !1 },
+    label: { default: void 0 },
+    name: {},
+    required: { type: Boolean, default: !1 },
+    value: { default: "" }
+  },
+  setup(a, { expose: s }) {
+    const o = a, n = _(o.error), l = _(o.required), c = _(o.value), E = ee(), N = (E == null ? void 0 : E.uid) ?? "", A = D(() => o.required ? `${o.label} *` : o.label), u = D(() => o.required && !c.value || te(n.value, o.error)), L = D(() => o.suffix && o.suffix.length > 0), C = D(() => se(o.error, n.value)), P = D(() => `${o.selectId ?? "select"}-${N}`);
+    return k(o, () => {
+      c.value = o.value;
+    }), s({ error: n, required: l, value: c }), (f, b) => (r(), d("div", {
+      class: i([
+        "tide-select",
+        "block-field",
+        "tide-font-surface-variant",
+        t(e).FONT.SIZE.FOURTEEN,
+        f.disabled && "disabled",
+        u.value && "error"
+      ])
+    }, [
+      f.label ? (r(), d("label", {
+        key: 0,
+        class: i([t(e).MARGIN.BOTTOM.QUARTER, t(e).FONT.SIZE.FOURTEEN, t(e).FONT.WEIGHT.SEVEN_HUNDRED]),
+        for: P.value
+      }, T(A.value), 11, et)) : O("", !0),
+      I("div", {
+        class: i([t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).WIDTH.FULL])
+      }, [
+        J(I("select", {
+          class: i([
+            "field",
+            "tide-bg-surface-low",
+            f.iconLeading && [t(e).PADDING.LEFT.TWO],
+            [t(e).BORDER.RADIUS.QUARTER, t(e).PADDING.FULL.HALF],
+            L.value && [t(e).PADDING.RIGHT.TWO],
+            "tide-width-full ",
+            [t(e).WIDTH.FULL],
+            f.disabled && [t(e).CURSOR.NOT_ALLOWED]
+          ]),
+          disabled: f.disabled,
+          name: f.name,
+          required: l.value,
+          id: P.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (p) => c.value = p)
+        }, [
+          f.placeholder ? (r(), d("option", {
+            key: 0,
+            selected: !c.value,
+            disabled: "",
+            hidden: "",
+            value: ""
+          }, T(f.placeholder), 9, st)) : O("", !0),
+          (r(!0), d(w, null, Z(f.options, (p) => (r(), d("option", {
+            key: p.value,
+            selected: c.value === p.value ? !0 : void 0,
+            value: p.value
+          }, T(p.label), 9, ot))), 128))
+        ], 10, tt), [
+          [Ne, c.value]
+        ]),
+        f.iconLeading ? (r(), S(K, {
+          key: 0,
+          class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.LEFT_0, t(e).MARGIN.LEFT.HALF, t(e).POINTER_EVENTS.OFF]),
+          icon: f.iconLeading,
+          size: t(y).SMALL
+        }, null, 8, ["class", "icon", "size"])) : O("", !0),
+        f.suffix ? (r(), d("span", {
+          key: 1,
+          class: i([
+            t(e).POSITION.ABSOLUTE,
+            t(e).POSITIONING.RIGHT_0,
+            t(e).MARGIN.RIGHT.TWO,
+            t(e).FONT.SIZE.FOURTEEN,
+            t(e).POINTER_EVENTS.OFF
+          ])
+        }, T(f.suffix), 3)) : O("", !0),
+        U(K, {
+          class: i([
+            "tide-bg-surface-low",
+            t(e).POSITION.ABSOLUTE,
+            t(e).POSITIONING.RIGHT_0,
+            t(e).MARGIN.RIGHT.HALF,
+            t(e).POINTER_EVENTS.OFF
+          ]),
+          icon: t(F).EXPAND_MORE,
+          size: t(y).SMALL
+        }, null, 8, ["class", "icon", "size"])
+      ], 2),
+      u.value ? (r(), d("div", it, T(C.value), 1)) : O("", !0)
+    ], 2));
+  }
+});
+const Wt = /* @__PURE__ */ G(at, [["__scopeId", "data-v-b1bb4363"]]), nt = {
+  DATE: "date",
+  DATETIME_LOCAL: "datetime-local",
+  EMAIL: "email",
+  MONTH: "month",
+  NUMBER: "number",
+  PASSWORD: "password",
+  SEARCH: "search",
+  TEL: "tel",
+  TEXT: "text",
+  TIME: "time",
+  URL: "url",
+  WEEK: "week"
+}, rt = ["for"], lt = ["disabled", "maxlength", "minlength", "name", "placeholder", "required", "type", "id"], Xt = /* @__PURE__ */ R({
+  __name: "TideInputText",
+  props: {
+    inputId: { default: void 0 },
+    iconLeading: { default: void 0 },
+    suffix: { default: "" },
+    maxlength: { default: void 0 },
+    minlength: { default: void 0 },
+    placeholder: { default: "" },
+    type: { default: nt.TEXT },
+    value: { default: "" },
+    transformValue: { type: Function, default: void 0 },
+    validators: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [String, Boolean], default: !1 },
+    label: { default: void 0 },
+    name: {},
+    required: { type: Boolean, default: !1 }
+  },
+  setup(a, { expose: s }) {
+    const o = a, n = (v) => o.transformValue ? o.transformValue(v) : v, l = _(o.error), c = _(o.required), E = _(n(o.value)), N = ee(), A = (N == null ? void 0 : N.uid) ?? "", u = D(() => o.required ? `${o.label} *` : o.label), L = D(() => o.required && !E.value || te(l.value, o.error)), C = D(() => o.suffix && o.suffix.length > 0), P = D(() => se(o.error, l.value)), f = D(() => `${o.inputId ?? "text-input"}-${A}`), b = () => {
+      var v;
+      if (o.transformValue) {
+        const m = ((v = E.value.match(/\d/g)) == null ? void 0 : v.join("")) || void 0;
+        E.value = m ? o.transformValue(m) : "";
+      }
+    }, p = () => ue({
+      error: l,
+      errorFromProps: o.error,
+      validators: [ce(o.minlength, o.maxlength), ...o.validators || []],
+      value: E
+    });
+    return k(o, () => {
+      E.value = n(o.value), p();
+    }), s({ error: l, required: c, value: E }), (v, m) => (r(), d("div", {
+      class: i([
+        "tide-text-input",
+        "block-field",
+        "tide-font-surface-variant",
+        t(e).FONT.SIZE.FOURTEEN,
+        v.disabled && "disabled",
+        L.value && "error"
+      ])
+    }, [
+      v.label ? (r(), d("label", {
+        key: 0,
+        class: i([t(e).MARGIN.BOTTOM.QUARTER, t(e).FONT.SIZE.FOURTEEN, t(e).FONT.WEIGHT.SEVEN_HUNDRED]),
+        for: f.value
+      }, T(u.value), 11, rt)) : O("", !0),
+      I("div", {
+        class: i([t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).WIDTH.FULL])
+      }, [
+        J(I("input", {
+          class: i([
+            "field tide-radius-1/4 tide-padding-1/2 tide-width-full tide-bg-surface-low",
+            L.value ? "tide-padding-right-2" : "",
+            v.iconLeading && "tide-padding-left-2",
+            v.disabled && "tide-cursor-not-allowed"
+          ]),
+          disabled: v.disabled,
+          maxlength: v.maxlength,
+          minlength: v.minlength,
+          name: v.name,
+          placeholder: v.placeholder,
+          required: c.value,
+          type: v.type,
+          onFocusout: p,
+          onInput: b,
+          onKeyup: p,
+          id: f.value,
+          "onUpdate:modelValue": m[0] || (m[0] = (W) => E.value = W)
+        }, null, 42, lt), [
+          [pe, E.value]
+        ]),
+        v.iconLeading ? (r(), S(K, {
+          key: 0,
+          class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.LEFT_0, t(e).MARGIN.LEFT.HALF, t(e).POINTER_EVENTS.OFF]),
+          icon: v.iconLeading,
+          size: t(y).SMALL
+        }, null, 8, ["class", "icon", "size"])) : O("", !0),
+        C.value ? (r(), d("span", {
+          key: 1,
+          class: i([
+            L.value ? [t(e).MARGIN.RIGHT.TWO] : [t(e).MARGIN.RIGHT.HALF],
+            t(e).POSITION.ABSOLUTE,
+            t(e).POSITIONING.RIGHT_0,
+            t(e).FONT.SIZE.FOURTEEN,
+            t(e).POINTER_EVENTS.OFF
+          ])
+        }, T(v.suffix), 3)) : O("", !0),
+        L.value ? (r(), S(K, {
+          key: 2,
+          class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.RIGHT_0, t(e).MARGIN.RIGHT.HALF, t(e).POINTER_EVENTS.OFF]),
+          icon: t(F).ERROR,
+          size: t(y).SMALL
+        }, null, 8, ["class", "icon", "size"])) : O("", !0)
+      ], 2),
+      L.value ? (r(), d("div", {
+        key: 1,
+        class: i(["supporting-text", t(e).FONT.SIZE.TWELVE])
+      }, T(P.value), 3)) : O("", !0)
+    ], 2));
+  }
+}), dt = ["for"], ct = ["disabled", "maxlength", "minlength", "name", "placeholder", "required", "rows", "id"], It = /* @__PURE__ */ R({
+  __name: "TideInputTextarea",
+  props: {
+    rows: { default: 8 },
+    textareaId: { default: void 0 },
+    maxlength: { default: void 0 },
+    minlength: { default: void 0 },
+    placeholder: { default: void 0 },
+    value: { default: "" },
+    transformValue: { type: Function, default: void 0 },
+    validators: { default: void 0 },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: [String, Boolean], default: !1 },
+    label: { default: void 0 },
+    name: {},
+    required: { type: Boolean, default: !1 }
+  },
+  setup(a, { expose: s }) {
+    const o = a, n = (p) => o.transformValue ? o.transformValue(p) : p, l = _(o.error), c = _(o.required), E = _(n(o.value)), N = ee(), A = (N == null ? void 0 : N.uid) ?? "", u = D(() => o.required ? `${o.label} *` : o.label), L = D(() => o.required && !E.value || te(l.value, o.error)), C = D(() => se(o.error, l.value)), P = D(() => `${o.textareaId ?? "textarea"}-${A}`), f = () => {
+      var p;
+      if (o.transformValue) {
+        const v = ((p = E.value.match(/\d/g)) == null ? void 0 : p.join("")) || void 0;
+        E.value = v ? o.transformValue(v) : "";
+      }
+    }, b = () => ue({
+      error: l,
+      errorFromProps: o.error,
+      validators: [ce(o.minlength, o.maxlength), ...o.validators || []],
+      value: E
+    });
+    return k(o, () => {
+      E.value = n(o.value), b();
+    }), s({ error: l, required: c, value: E }), (p, v) => (r(), d("div", {
+      class: i([
+        "tide-textarea block-field tide-display-flex tide-flex-column tide-axis2-start tide-font-14 tide-font-surface-variant",
+        p.disabled && "disabled",
+        L.value && "error"
+      ])
+    }, [
+      p.label ? (r(), d("label", {
+        key: 0,
+        class: i([t(e).MARGIN.BOTTOM.QUARTER, t(e).FONT.SIZE.FOURTEEN, t(e).FONT.WEIGHT.SEVEN_HUNDRED]),
+        for: P.value
+      }, T(u.value), 11, dt)) : O("", !0),
+      J(I("textarea", {
+        class: i(["field", "tide-bg-surface-low", "tide-font-surface-variant", t(e).PADDING.FULL.HALF]),
+        disabled: p.disabled,
+        maxlength: p.maxlength,
+        minlength: p.minlength,
+        name: p.name,
+        placeholder: p.placeholder,
+        required: c.value,
+        rows: p.rows,
+        onFocusout: b,
+        onInput: f,
+        onKeyup: b,
+        id: P.value,
+        "onUpdate:modelValue": v[0] || (v[0] = (m) => E.value = m)
+      }, null, 42, ct), [
+        [ve, E.value]
+      ]),
+      L.value ? (r(), d("div", {
+        key: 1,
+        class: i([
+          "supporting-text",
+          t(e).DISPLAY.FLEX,
+          t(e).AXIS2.CENTER,
+          t(e).GAP.HALF,
+          t(e).MARGIN.TOP.QUARTER,
+          t(e).BREAK_WORD.ON,
+          t(e).FONT.SIZE.TWELVE
+        ])
+      }, [
+        L.value ? (r(), S(K, {
+          key: 0,
+          class: i([t(e).ALIGN.Y.MIDDLE, t(e).FONT.SIZE.SIXTEEN, t(e).POINTER_EVENTS.OFF]),
+          icon: t(F).ERROR,
+          size: t(y).SMALL
+        }, null, 8, ["class", "icon", "size"])) : O("", !0),
+        I("span", {
+          class: i([t(e).ALIGN.Y.MIDDLE])
+        }, T(C.value), 3)
+      ], 2)) : O("", !0)
+    ], 2));
+  }
+});
+const Mt = /* @__PURE__ */ G(It, [["__scopeId", "data-v-18902ba3"]]), Yt = /* @__PURE__ */ R({
+  __name: "TideLink",
+  props: {
+    element: { default: g.LINK },
+    href: { default: void 0 },
+    iconLeading: { default: void 0 },
+    iconTrailing: { default: void 0 },
+    isNewTab: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  },
+  setup(a) {
+    const s = a, o = D(() => s.iconLeading || s.iconTrailing);
+    return (n, l) => (r(), S(V(s.element === t(g).LINK ? t(g).LINK : t(g).BUTTON), {
+      class: i([
+        s.element === t(g).LINK ? "tide-button-as-link" : "tide-link",
+        o.value ? [t(e).DISPLAY.INLINE_FLEX, t(e).AXIS2.CENTER, t(e).GAP.HALF] : [t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).UNDERLINE]
+      ]),
+      href: s.href,
+      target: s.isNewTab ? t(B).BLANK : t(B).SELF
+    }, {
+      default: q(() => [
+        s.iconLeading ? (r(), S(h, {
+          key: 0,
+          icon: s.iconLeading
+        }, null, 8, ["icon"])) : O("", !0),
+        o.value ? (r(), d("div", {
+          key: 1,
+          class: i([t(e).FONT.WEIGHT.SEVEN_HUNDRED, t(e).UNDERLINE])
+        }, T(s.label), 3)) : (r(), d(w, { key: 2 }, [
+          re(T(s.label), 1)
+        ], 64)),
+        s.iconTrailing ? (r(), S(h, {
+          key: 3,
+          icon: s.iconTrailing
+        }, null, 8, ["icon"])) : O("", !0)
+      ]),
+      _: 1
+    }, 8, ["class", "href", "target"]));
+  }
+}), ut = ["onClick"], Et = /* @__PURE__ */ R({
+  __name: "TideModal",
+  props: {
+    isOpen: { type: Boolean },
+    modalStyle: {},
+    style: {},
+    title: {},
+    width: {}
+  },
+  emits: ["modalClose"],
+  setup(a, { emit: s }) {
+    const o = a, n = _(null), l = () => {
+      s("modalClose");
+    }, c = () => {
+      o.isOpen ? (n.value = window.scrollY, document.body.style.overflow = "hidden", n.value && window.scrollTo(0, n.value)) : document.body.style.overflow = "";
+    }, E = (u) => {
+      u.key === "Escape" && (u.stopPropagation(), l());
+    }, N = () => {
+      window.addEventListener("keydown", E);
+    }, A = () => {
+      window.removeEventListener("keydown", E);
+    };
+    return j(() => {
+      c();
+    }), k(
+      () => o.isOpen,
+      (u) => {
+        c(), u ? N() : A();
+      }
+    ), (u, L) => (r(), S(Ae, { to: "body" }, [
+      U(Le, null, {
+        default: q(() => [
+          J(I("div", {
+            class: i([
+              "tide-modal-wrapper",
+              t(e).POSITION.ABSOLUTE,
+              t(e).DISPLAY.FLEX,
+              t(e).AXIS1.CENTER,
+              t(e).AXIS2.CENTER,
+              t(e).POSITIONING.TOP_0,
+              t(e).POSITIONING.LEFT_0,
+              t(e).WIDTH.FULL,
+              t(e).HEIGHT.FULL
+            ])
+          }, [
+            I("div", {
+              class: i(["tide-modal-bg", t(e).POSITION.ABSOLUTE, t(e).WIDTH.FULL, t(e).HEIGHT.FULL]),
+              style: z({ "--modal-width": o.width, ...u.style }),
+              onClick: _e(l, ["self"])
+            }, null, 14, ut),
+            I("div", {
+              class: i([
+                "tide-modal",
+                "tide-bg-floating",
+                "tide-font-surface",
+                t(e).POSITION.ABSOLUTE,
+                t(e).DISPLAY.FLEX,
+                t(e).FLEX.DIRECTION.COLUMN,
+                t(e).BORDER.RADIUS.HALF,
+                t(e).OVERFLOW.XY.HIDDEN
+              ]),
+              style: z({ ...u.modalStyle })
+            }, [
+              I("header", {
+                class: i(["modal-header", t(e).POSITION.RELATIVE, t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).PADDING.X.TWO])
+              }, [
+                u.title ? (r(), d("div", {
+                  key: 0,
+                  class: i([t(e).FLEX.GROW.ON, t(e).FONT.SIZE.TWENTY, t(e).ALIGN.X.CENTER, t(e).FONT.WEIGHT.SEVEN_HUNDRED])
+                }, T(u.title), 3)) : O("", !0),
+                I("button", {
+                  class: i([t(e).POSITION.ABSOLUTE, t(e).POSITIONING.RIGHT_0, t(e).MARGIN.RIGHT.TWO]),
+                  onClick: l,
+                  title: "Close"
+                }, [
+                  U(h, {
+                    icon: t(F).CLOSE
+                  }, null, 8, ["icon"])
+                ], 2)
+              ], 2),
+              I("div", {
+                class: i(["model-content", t(e).OVERFLOW.Y.AUTO])
+              }, [
+                H(u.$slots, "default", {}, void 0, !0)
+              ], 2),
+              u.$slots.footer ? (r(), d("footer", {
+                key: 0,
+                class: i([
+                  "tide-bg-surface",
+                  t(e).POSITION.STICKY,
+                  t(e).POSITIONING.LEFT_0,
+                  t(e).POSITIONING.BOTTOM_0,
+                  t(e).DISPLAY.FLEX,
+                  t(e).AXIS1.END,
+                  t(e).GAP.ONE,
+                  t(e).PADDING.X.TWO,
+                  t(e).PADDING.Y.HALF
+                ])
+              }, [
+                H(u.$slots, "footer", {}, void 0, !0)
+              ], 2)) : O("", !0)
+            ], 6)
+          ], 2), [
+            [me, o.isOpen]
+          ])
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+const wt = /* @__PURE__ */ G(Et, [["__scopeId", "data-v-33d67c7c"]]), kt = /* @__PURE__ */ R({
+  __name: "TidePagination",
+  props: {
+    pageCurrent: { default: 1 },
+    pageTotal: { default: 1 }
+  },
+  emits: ["setPage"],
+  setup(a) {
+    const s = a, o = D(() => new Array(s.pageTotal).fill("").map((n, l) => l + 1));
+    return (n, l) => (r(), d("section", {
+      class: i(["tide-pagination", t(e).DISPLAY.FLEX, t(e).AXIS1.CENTER, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).WIDTH.FULL])
+    }, [
+      U(Q, {
+        disabled: s.pageCurrent === 1,
+        icon: t(F).CHEVRON_LEFT,
+        priority: t(M).QUATERNARY,
+        onClick: l[0] || (l[0] = (c) => n.$emit("setPage", s.pageCurrent - 1))
+      }, null, 8, ["disabled", "icon", "priority"]),
+      I("ul", {
+        class: i([t(e).DISPLAY.FLEX, t(e).AXIS2.CENTER, t(e).GAP.QUARTER, t(e).LIST_BULLETS.OFF])
+      }, [
+        (r(!0), d(w, null, Z(o.value, (c) => (r(), d("li", { key: c }, [
+          U(Be, {
+            disabled: s.pageCurrent === c,
+            label: c,
+            priority: t(M).QUATERNARY,
+            onClick: (E) => n.$emit("setPage", c)
+          }, null, 8, ["disabled", "label", "priority", "onClick"])
+        ]))), 128))
+      ], 2),
+      U(Q, {
+        disabled: s.pageCurrent === o.value[o.value.length - 1],
+        icon: t(F).CHEVRON_RIGHT,
+        priority: t(M).QUATERNARY,
+        onClick: l[1] || (l[1] = (c) => n.$emit("setPage", s.pageCurrent + 1))
+      }, null, 8, ["disabled", "icon", "priority"])
+    ], 2));
+  }
+}), Tt = { class: "tide-responsive-columns" }, Ot = ["href", "target"], Vt = /* @__PURE__ */ R({
+  __name: "TideSeoLinks",
+  props: {
+    heading: { default: "" },
+    links: {}
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("section", Tt, [
+      I("h2", {
+        class: i([t(e).MARGIN.BOTTOM.HALF, t(e).FONT.SIZE.SIXTEEN])
+      }, T(s.heading), 3),
+      I("ul", {
+        class: i([t(e).DISPLAY.FLEX, t(e).FLEX.WRAP, t(e).GAP.TWO, t(e).LIST_BULLETS.OFF])
+      }, [
+        (r(!0), d(w, null, Z(s.links, (l) => (r(), d("li", {
+          class: i([t(e).DISPLAY.FLEX, t(e).FLEX.DIRECTION.COLUMN, t(e).GAP.QUARTER, "tide-width-1/", t(e).FONT.SIZE.FOURTEEN]),
+          key: l.label
+        }, [
+          I("a", {
+            class: i([t(e).UNDERLINE.OFF]),
+            href: l.url,
+            target: l.isNewTab ? t(B).BLANK : t(B).SELF
+          }, T(l.label), 11, Ot)
+        ], 2))), 128))
+      ], 2)
+    ]));
+  }
+});
+const Rt = ["data-track", "onClick"], Nt = /* @__PURE__ */ R({
+  __name: "TideTabs",
+  props: {
+    activeTabInitial: { default: 0 },
+    tabs: {}
+  },
+  emits: ["tabClick"],
+  setup(a, { emit: s }) {
+    const o = a, n = _(o.activeTabInitial), l = (c, E) => {
+      n.value = E, s("tabClick", c, E);
+    };
+    return (c, E) => (r(), d("div", {
+      class: i([
+        "tide-tabs",
+        "tide-bg-surface-variant",
+        t(e).DISPLAY.FLEX,
+        t(e).GAP.QUARTER,
+        t(e).BORDER.RADIUS.HALF,
+        t(e).PADDING.FULL.QUARTER,
+        t(e).OVERFLOW.XY.HIDDEN,
+        t(e).WIDTH.FULL
+      ])
+    }, [
+      (r(!0), d(w, null, Z(o.tabs, (N, A) => (r(), d("button", {
+        class: i([
+          "tide-tabs-tab",
+          A === n.value ? ["tide-bg-surface", "tide-font-on-surface", t(e).SHADOW.BOTTOM] : ["tide-font-on-surface-variant"],
+          t(e).FLEX.GROW.ON,
+          t(e).BORDER.RADIUS.QUARTER,
+          t(e).PADDING.Y.QUARTER,
+          t(e).WIDTH.FULL,
+          t(e).FONT.WEIGHT.SIX_HUNDRED,
+          t(e).WHITESPACE_WRAP.OFF
+        ]),
+        "data-track": N.dataTrack || void 0,
+        key: N.label,
+        onClick: (u) => l(u, A)
+      }, [
+        I("span", {
+          class: i([t(e).FONT.WEIGHT.SIX_HUNDRED])
+        }, T(N.label), 3),
+        N.count && N.count > 0 ? (r(), d("span", {
+          key: 0,
+          class: i([t(e).FONT.WEIGHT.SIX_HUNDRED])
+        }, " (" + T(N.count) + ") ", 3)) : O("", !0)
+      ], 10, Rt))), 128))
+    ], 2));
+  }
+});
+const xt = /* @__PURE__ */ G(Nt, [["__scopeId", "data-v-bbd05072"]]), pt = ["disabled"], vt = /* @__PURE__ */ R({
+  __name: "TideToggle",
+  props: {
+    disabled: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    isActive: {
+      required: !0,
+      type: Boolean
+    }
+  },
+  setup(a) {
+    const s = a;
+    return (o, n) => (r(), d("button", {
+      class: i([
+        "tide-toggle",
+        t(e).DISPLAY.FLEX,
+        t(e).AXIS2.CENTER,
+        t(e).BORDER.RADIUS.FULL,
+        t(e).OVERFLOW.XY.HIDDEN,
+        s.isActive ? "tide-bg-secondary" : "tide-bg-surface-variant"
+      ]),
+      disabled: s.disabled
+    }, [
+      I("div", {
+        class: i([
+          "tide-toggle-indicator",
+          "tide-bg-surface",
+          s.isActive ? "active" : "",
+          t(e).POSITION.RELATIVE,
+          t(e).BORDER.RADIUS.FULL,
+          t(e).SHADOW.BOTTOM
+        ])
+      }, null, 2)
+    ], 10, pt));
+  }
+});
+const $t = /* @__PURE__ */ G(vt, [["__scopeId", "data-v-a4d75625"]]);
+export {
+  kt as A,
+  Vt as B,
+  K as C,
+  xt as D,
+  $t as E,
+  Lt as T,
+  G as _,
+  _t as a,
+  mt as b,
+  gt as c,
+  ft as d,
+  Ft as e,
+  St as f,
+  Dt as g,
+  Ut as h,
+  Q as i,
+  Be as j,
+  Pt as k,
+  Gt as l,
+  ht as m,
+  bt as n,
+  Ht as o,
+  yt as p,
+  oe as q,
+  h as r,
+  Ct as s,
+  Se as t,
+  Bt as u,
+  Wt as v,
+  Xt as w,
+  Mt as x,
+  Yt as y,
+  wt as z
+};