tide-design-system 2.0.0 → 2.0.1

package/dist/index-c5bc4216.js

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