tide-design-system 2.5.19 → 2.6.0

package/dist/components/TideColumns.vue2.js

@@ -0,0 +1,45 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref, toDisplayString, renderSlot } from "vue";
+import { CSS } from "../types/Styles.js";
+const _hoisted_1 = { class: "tide-columns" };
+const _hoisted_2 = { class: "tide-columns-column" };
+const _hoisted_3 = { class: "tide-columns-column" };
+const _hoisted_4 = { class: "tide-columns-column" };
+const _hoisted_5 = { class: "tide-columns-column" };
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideColumns",
+  props: {
+    heading: { default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h2", {
+          class: normalizeClass([unref(CSS).MARGIN.BOTTOM.HALF])
+        }, toDisplayString(props.heading), 3),
+        createElementVNode("ul", {
+          class: normalizeClass([unref(CSS).DISPLAY.FLEX, unref(CSS).FLEX.WRAP, unref(CSS).GAP.TWO, unref(CSS).LIST_BULLETS.OFF])
+        }, [
+          createElementVNode("li", _hoisted_2, [
+            renderSlot(_ctx.$slots, "section1", {}, void 0, true)
+          ]),
+          createElementVNode("li", _hoisted_3, [
+            renderSlot(_ctx.$slots, "section2", {}, void 0, true)
+          ]),
+          createElementVNode("li", _hoisted_4, [
+            renderSlot(_ctx.$slots, "section3", {}, void 0, true)
+          ]),
+          createElementVNode("li", _hoisted_5, [
+            renderSlot(_ctx.$slots, "section4", {}, void 0, true)
+          ])
+        ], 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideColumns.vue2.js.map

package/dist/components/TideColumns.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideColumns.vue2.js","sources":["../../src/components/TideColumns.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a columns component for use in navigation.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidecolumns--docs) for TideColumns\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import { CSS } from '@/types/Styles';\n\n  type Props = {\n    /** Determines label for the columns section. */\n    heading?: string;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    heading: '',\n  });\n</script>\n\n<template>\n  <section class=\"tide-columns\">\n    <h2 :class=\"[CSS.MARGIN.BOTTOM.HALF]\">\n      {{ props.heading }}\n    </h2>\n\n    <ul :class=\"[CSS.DISPLAY.FLEX, CSS.FLEX.WRAP, CSS.GAP.TWO, CSS.LIST_BULLETS.OFF]\">\n      <li class=\"tide-columns-column\">\n        <slot name=\"section1\" />\n      </li>\n\n      <li class=\"tide-columns-column\">\n        <slot name=\"section2\" />\n      </li>\n\n      <li class=\"tide-columns-column\">\n        <slot name=\"section3\" />\n      </li>\n\n      <li class=\"tide-columns-column\">\n        <slot name=\"section4\" />\n      </li>\n    </ul>\n  </section>\n</template>\n\n<style scoped>\n  .tide-columns-column {\n    width: 100%;\n  }\n\n  @media (min-width: 992px) {\n    .tide-columns-column {\n      width: calc((100% - 2rem) / 2);\n    }\n  }\n\n  @media (min-width: 1232px) {\n    .tide-columns-column {\n      width: calc((100% - 6rem) / 4);\n    }\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_toDisplayString","_normalizeClass","_renderSlot"],"mappings":";;;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;AAWf,UAAM,QAAQ;;AAMd,aAAAA,UAAA,GAAAC,mBAsBU,WAtBV,YAsBU;AAAA,QArBRC,mBAEK,MAAA;AAAA,UAFA,uBAAQC,MAAA,GAAA,EAAI,OAAO,OAAO,IAAI,CAAA;AAAA,QAAA,GAC9BC,gBAAA,MAAM,OAAO,GAAA,CAAA;AAAA,QAGlBF,mBAgBK,MAAA;AAAA,UAhBA,OAAKG,eAAA,CAAGF,WAAI,QAAQ,MAAMA,MAAA,GAAA,EAAI,KAAK,MAAMA,MAAA,GAAA,EAAI,IAAI,KAAKA,MAAA,GAAA,EAAI,aAAa,GAAG,CAAA;AAAA,QAAA;UAC7ED,mBAEK,MAFL,YAEK;AAAA,YADHI,WAAwB,KAAA,QAAA,YAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;UAG1BJ,mBAEK,MAFL,YAEK;AAAA,YADHI,WAAwB,KAAA,QAAA,YAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;UAG1BJ,mBAEK,MAFL,YAEK;AAAA,YADHI,WAAwB,KAAA,QAAA,YAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;UAG1BJ,mBAEK,MAFL,YAEK;AAAA,YADHI,WAAwB,KAAA,QAAA,YAAA,CAAA,GAAA,QAAA,IAAA;AAAA,UAAA;;;;;;"}

package/dist/components/TideDivider.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./TideDivider.vue2.js";
+/* empty css                 */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const TideDivider = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a1f225d2"]]);
+export {
+  TideDivider as default
+};
+//# sourceMappingURL=TideDivider.vue.js.map

package/dist/components/TideDivider.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideDivider.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/TideDivider.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, unref } from "vue";
+import { ORIENTATION } from "../types/Orientation.js";
+import { CSS } from "../types/Styles.js";
+const _hoisted_1 = {
+  class: /* @__PURE__ */ normalizeClass(["tide-divider"])
+};
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideDivider",
+  props: {
+    orientation: { default: ORIENTATION.HORIZONTAL }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            unref(CSS).BORDER.COLOR.LOW,
+            props.orientation === unref(ORIENTATION).HORIZONTAL ? [unref(CSS).MARGIN.Y.HALF, unref(CSS).BORDER.BOTTOM.ONE, unref(CSS).WIDTH.FULL] : [unref(CSS).MARGIN.X.HALF, unref(CSS).BORDER.RIGHT.ONE, unref(CSS).HEIGHT.FULL]
+          ])
+        }, null, 2)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideDivider.vue2.js.map

package/dist/components/TideDivider.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideDivider.vue2.js","sources":["../../src/components/TideDivider.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a divider component.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tidedivider--docs) for TideDivider\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import { ORIENTATION } from '@/types/Orientation';\n  import { CSS } from '@/types/Styles';\n\n  import type { Orientation } from '@/types/Orientation';\n\n  type Props = {\n    /** Determines whether Divider is horizontal or vertical */\n    orientation?: Orientation;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    orientation: ORIENTATION.HORIZONTAL,\n  });\n</script>\n\n<template>\n  <div :class=\"['tide-divider']\">\n    <div\n      :class=\"[\n        CSS.BORDER.COLOR.LOW,\n        props.orientation === ORIENTATION.HORIZONTAL\n          ? [CSS.MARGIN.Y.HALF, CSS.BORDER.BOTTOM.ONE, CSS.WIDTH.FULL]\n          : [CSS.MARGIN.X.HALF, CSS.BORDER.RIGHT.ONE, CSS.HEIGHT.FULL],\n      ]\"\n    />\n  </div>\n</template>\n\n<style scoped>\n  .tide-divider {\n    align-self: stretch;\n  }\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_unref"],"mappings":";;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;AAcf,UAAM,QAAQ;;AAMd,aAAAA,UAAA,GAAAC,mBASM,OATN,YASM;AAAA,QARJC,mBAOE,OAAA;AAAA,UANC,OAAKC,eAAA;AAAA,YAAYC,MAAA,GAAA,EAAI,OAAO,MAAM;AAAA,YAAa,MAAM,gBAAgBA,MAAA,WAAA,EAAY,aAAwB,CAAAA,MAAA,GAAA,EAAI,OAAO,EAAE,MAAMA,MAAA,GAAA,EAAI,OAAO,OAAO,KAAKA,WAAI,MAAM,IAAI,IAAe,CAAAA,MAAA,GAAA,EAAI,OAAO,EAAE,MAAMA,MAAA,GAAA,EAAI,OAAO,MAAM,KAAKA,WAAI,OAAO,IAAI;AAAA,UAAA;;;;;;"}

package/dist/components/TideForm.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent, openBlock, createElementBlock, withModifiers, renderSlot } from "vue";
+import { useTideForm } from "../composables/useTideForm.js";
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideForm",
+  emits: ["submit"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { revealValidationErrors } = useTideForm();
+    const handleSubmit = (e) => {
+      revealValidationErrors();
+      emit("submit", e);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        onSubmit: withModifiers(handleSubmit, ["prevent"]),
+        novalidate: ""
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 32);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideForm.vue.js.map

package/dist/components/TideForm.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideForm.vue.js","sources":["../../src/components/TideForm.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders a form component to be used to wrap form elements and handle form submission.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideform--docs) for TideForm\n   */\n  export default {};\n</script>\n\n<script setup lang=\"ts\">\n  import { useTideForm } from '@/composables/useTideForm';\n\n  type Emits = {\n    (event: 'submit', e: SubmitEvent): void;\n  };\n  const emit = defineEmits<Emits>();\n\n  const { revealValidationErrors } = useTideForm();\n\n  const handleSubmit = (e: SubmitEvent) => {\n    revealValidationErrors();\n    emit('submit', e);\n  };\n</script>\n\n<template>\n  <form\n    @submit.prevent=\"handleSubmit\"\n    novalidate\n  >\n    <slot />\n  </form>\n</template>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":";;AAME,MAAA,cAAe,CAAA;;;;;;AASf,UAAM,OAAO;AAEb,UAAM,EAAE,uBAAA,IAA2B,YAAA;AAEnC,UAAM,eAAe,CAAC,MAAmB;AACvC,6BAAA;AACA,WAAK,UAAU,CAAC;AAAA,IAClB;;0BAIAA,mBAKO,QAAA;AAAA,QAJJ,wBAAgB,cAAY,CAAA,SAAA,CAAA;AAAA,QAC7B,YAAA;AAAA,MAAA;QAEAC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;"}

package/dist/components/TideForm.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./TideForm.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideForm.vue2.js.map

package/dist/components/TideForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideForm.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/TideIcon.vue.js

@@ -0,0 +1,52 @@
+import __variableDynamicImportRuntimeHelper from "../_virtual/dynamic-import-helper.js";
+import { defineComponent, ref, watch, defineAsyncComponent, markRaw, openBlock, createElementBlock, normalizeClass, unref, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import { REALM } from "../types/Realm.js";
+import { SIZE } from "../types/Size.js";
+import { CSS } from "../types/Styles.js";
+import { formatPascalCase } from "../utilities/format.js";
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideIcon",
+  props: {
+    icon: {},
+    size: { default: SIZE.SMALL }
+  },
+  setup(__props) {
+    const props = __props;
+    const innerSVG = ref();
+    watch(
+      () => props.icon,
+      async () => {
+        const id = props.icon;
+        const name = formatPascalCase(id);
+        const [prefix] = id.split("-");
+        const realmFolder = REALM[prefix == null ? void 0 : prefix.toUpperCase()];
+        const component = defineAsyncComponent(() => {
+          if (realmFolder) {
+            return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/realm/aero/IconAeroFlight.svg": () => import("../assets/svg/icons/realm/aero/IconAeroFlight.svg.js"), "../assets/svg/icons/realm/aero/IconAeroHelicopter.svg": () => import("../assets/svg/icons/realm/aero/IconAeroHelicopter.svg.js"), "../assets/svg/icons/realm/aero/IconAeroModeFan.svg": () => import("../assets/svg/icons/realm/aero/IconAeroModeFan.svg.js"), "../assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg": () => import("../assets/svg/icons/realm/aero/IconAeroPlaneContrails.svg.js"), "../assets/svg/icons/realm/atv/IconAtvAtv.svg": () => import("../assets/svg/icons/realm/atv/IconAtvAtv.svg.js"), "../assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg": () => import("../assets/svg/icons/realm/atv/IconAtvDuneBuggy.svg.js"), "../assets/svg/icons/realm/atv/IconAtvGoKart.svg": () => import("../assets/svg/icons/realm/atv/IconAtvGoKart.svg.js"), "../assets/svg/icons/realm/atv/IconAtvGolfCart.svg": () => import("../assets/svg/icons/realm/atv/IconAtvGolfCart.svg.js"), "../assets/svg/icons/realm/atv/IconAtvSandRail.svg": () => import("../assets/svg/icons/realm/atv/IconAtvSandRail.svg.js"), "../assets/svg/icons/realm/atv/IconAtvSideBySide.svg": () => import("../assets/svg/icons/realm/atv/IconAtvSideBySide.svg.js"), "../assets/svg/icons/realm/atv/IconAtvTrailer.svg": () => import("../assets/svg/icons/realm/atv/IconAtvTrailer.svg.js"), "../assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg": () => import("../assets/svg/icons/realm/boatmart/IconBoatmartPwc.svg.js"), "../assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg": () => import("../assets/svg/icons/realm/boatmart/IconBoatmartTrailer.svg.js"), "../assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg": () => import("../assets/svg/icons/realm/cycle/IconCycleMotorcycle.svg.js"), "../assets/svg/icons/realm/cycle/IconCycleTrailer.svg": () => import("../assets/svg/icons/realm/cycle/IconCycleTrailer.svg.js"), "../assets/svg/icons/realm/pwc/IconPwcPwc.svg": () => import("../assets/svg/icons/realm/pwc/IconPwcPwc.svg.js"), "../assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg": () => import("../assets/svg/icons/realm/pwc/IconPwcSnowmobile.svg.js"), "../assets/svg/icons/realm/pwc/IconPwcTrailer.svg": () => import("../assets/svg/icons/realm/pwc/IconPwcTrailer.svg.js"), "../assets/svg/icons/realm/rv/IconRvClassA.svg": () => import("../assets/svg/icons/realm/rv/IconRvClassA.svg.js"), "../assets/svg/icons/realm/rv/IconRvClassB.svg": () => import("../assets/svg/icons/realm/rv/IconRvClassB.svg.js"), "../assets/svg/icons/realm/rv/IconRvClassC.svg": () => import("../assets/svg/icons/realm/rv/IconRvClassC.svg.js"), "../assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg": () => import("../assets/svg/icons/realm/rv/IconRvDestinationTrailer.svg.js"), "../assets/svg/icons/realm/rv/IconRvFifthWheel.svg": () => import("../assets/svg/icons/realm/rv/IconRvFifthWheel.svg.js"), "../assets/svg/icons/realm/rv/IconRvFishHouse.svg": () => import("../assets/svg/icons/realm/rv/IconRvFishHouse.svg.js"), "../assets/svg/icons/realm/rv/IconRvParkModel.svg": () => import("../assets/svg/icons/realm/rv/IconRvParkModel.svg.js"), "../assets/svg/icons/realm/rv/IconRvPopUpCamper.svg": () => import("../assets/svg/icons/realm/rv/IconRvPopUpCamper.svg.js"), "../assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg": () => import("../assets/svg/icons/realm/rv/IconRvTeardropTrailer.svg.js"), "../assets/svg/icons/realm/rv/IconRvTravelTrailer.svg": () => import("../assets/svg/icons/realm/rv/IconRvTravelTrailer.svg.js"), "../assets/svg/icons/realm/rv/IconRvTruckCamper.svg": () => import("../assets/svg/icons/realm/rv/IconRvTruckCamper.svg.js"), "../assets/svg/icons/realm/snow/IconSnowMotorcycle.svg": () => import("../assets/svg/icons/realm/snow/IconSnowMotorcycle.svg.js"), "../assets/svg/icons/realm/snow/IconSnowPwc.svg": () => import("../assets/svg/icons/realm/snow/IconSnowPwc.svg.js"), "../assets/svg/icons/realm/snow/IconSnowSideBySide.svg": () => import("../assets/svg/icons/realm/snow/IconSnowSideBySide.svg.js"), "../assets/svg/icons/realm/snow/IconSnowSnowmobile.svg": () => import("../assets/svg/icons/realm/snow/IconSnowSnowmobile.svg.js"), "../assets/svg/icons/realm/snow/IconSnowTrailer.svg": () => import("../assets/svg/icons/realm/snow/IconSnowTrailer.svg.js") }), `../assets/svg/icons/realm/${realmFolder}/Icon${name}.svg`, 7);
+          }
+          return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "../assets/svg/icons/IconAccountBalance.svg": () => import("../assets/svg/icons/IconAccountBalance.svg.js"), "../assets/svg/icons/IconAcute.svg": () => import("../assets/svg/icons/IconAcute.svg.js"), "../assets/svg/icons/IconAdd.svg": () => import("../assets/svg/icons/IconAdd.svg.js"), "../assets/svg/icons/IconAiDescription.svg": () => import("../assets/svg/icons/IconAiDescription.svg.js"), "../assets/svg/icons/IconAlignSpaceEven.svg": () => import("../assets/svg/icons/IconAlignSpaceEven.svg.js"), "../assets/svg/icons/IconApplePay.svg": () => import("../assets/svg/icons/IconApplePay.svg.js"), "../assets/svg/icons/IconArrowBack.svg": () => import("../assets/svg/icons/IconArrowBack.svg.js"), "../assets/svg/icons/IconArrowCycle.svg": () => import("../assets/svg/icons/IconArrowCycle.svg.js"), "../assets/svg/icons/IconArrowForward.svg": () => import("../assets/svg/icons/IconArrowForward.svg.js"), "../assets/svg/icons/IconArrowRight.svg": () => import("../assets/svg/icons/IconArrowRight.svg.js"), "../assets/svg/icons/IconArrowUp.svg": () => import("../assets/svg/icons/IconArrowUp.svg.js"), "../assets/svg/icons/IconAssignment.svg": () => import("../assets/svg/icons/IconAssignment.svg.js"), "../assets/svg/icons/IconAttachMoney.svg": () => import("../assets/svg/icons/IconAttachMoney.svg.js"), "../assets/svg/icons/IconAutoRenew.svg": () => import("../assets/svg/icons/IconAutoRenew.svg.js"), "../assets/svg/icons/IconAwardStar.svg": () => import("../assets/svg/icons/IconAwardStar.svg.js"), "../assets/svg/icons/IconBed.svg": () => import("../assets/svg/icons/IconBed.svg.js"), "../assets/svg/icons/IconBolt.svg": () => import("../assets/svg/icons/IconBolt.svg.js"), "../assets/svg/icons/IconBookmark.svg": () => import("../assets/svg/icons/IconBookmark.svg.js"), "../assets/svg/icons/IconBunkhouse.svg": () => import("../assets/svg/icons/IconBunkhouse.svg.js"), "../assets/svg/icons/IconCalculate.svg": () => import("../assets/svg/icons/IconCalculate.svg.js"), "../assets/svg/icons/IconCalendarMonth.svg": () => import("../assets/svg/icons/IconCalendarMonth.svg.js"), "../assets/svg/icons/IconCall.svg": () => import("../assets/svg/icons/IconCall.svg.js"), "../assets/svg/icons/IconCallQuality.svg": () => import("../assets/svg/icons/IconCallQuality.svg.js"), "../assets/svg/icons/IconCarRental.svg": () => import("../assets/svg/icons/IconCarRental.svg.js"), "../assets/svg/icons/IconCheck.svg": () => import("../assets/svg/icons/IconCheck.svg.js"), "../assets/svg/icons/IconChevronLeft.svg": () => import("../assets/svg/icons/IconChevronLeft.svg.js"), "../assets/svg/icons/IconChevronRight.svg": () => import("../assets/svg/icons/IconChevronRight.svg.js"), "../assets/svg/icons/IconClear.svg": () => import("../assets/svg/icons/IconClear.svg.js"), "../assets/svg/icons/IconClose.svg": () => import("../assets/svg/icons/IconClose.svg.js"), "../assets/svg/icons/IconContract.svg": () => import("../assets/svg/icons/IconContract.svg.js"), "../assets/svg/icons/IconCrash.svg": () => import("../assets/svg/icons/IconCrash.svg.js"), "../assets/svg/icons/IconDashboardCustomize.svg": () => import("../assets/svg/icons/IconDashboardCustomize.svg.js"), "../assets/svg/icons/IconDelete.svg": () => import("../assets/svg/icons/IconDelete.svg.js"), "../assets/svg/icons/IconDiamond.svg": () => import("../assets/svg/icons/IconDiamond.svg.js"), "../assets/svg/icons/IconDirectionsBoat.svg": () => import("../assets/svg/icons/IconDirectionsBoat.svg.js"), "../assets/svg/icons/IconDomain.svg": () => import("../assets/svg/icons/IconDomain.svg.js"), "../assets/svg/icons/IconDraft.svg": () => import("../assets/svg/icons/IconDraft.svg.js"), "../assets/svg/icons/IconEdit.svg": () => import("../assets/svg/icons/IconEdit.svg.js"), "../assets/svg/icons/IconEngine.svg": () => import("../assets/svg/icons/IconEngine.svg.js"), "../assets/svg/icons/IconEngineering.svg": () => import("../assets/svg/icons/IconEngineering.svg.js"), "../assets/svg/icons/IconError.svg": () => import("../assets/svg/icons/IconError.svg.js"), "../assets/svg/icons/IconExpandContent.svg": () => import("../assets/svg/icons/IconExpandContent.svg.js"), "../assets/svg/icons/IconExpandLess.svg": () => import("../assets/svg/icons/IconExpandLess.svg.js"), "../assets/svg/icons/IconExpandMore.svg": () => import("../assets/svg/icons/IconExpandMore.svg.js"), "../assets/svg/icons/IconFacebook.svg": () => import("../assets/svg/icons/IconFacebook.svg.js"), "../assets/svg/icons/IconFavorite.svg": () => import("../assets/svg/icons/IconFavorite.svg.js"), "../assets/svg/icons/IconFavoriteFilled.svg": () => import("../assets/svg/icons/IconFavoriteFilled.svg.js"), "../assets/svg/icons/IconFlag.svg": () => import("../assets/svg/icons/IconFlag.svg.js"), "../assets/svg/icons/IconFormatBold.svg": () => import("../assets/svg/icons/IconFormatBold.svg.js"), "../assets/svg/icons/IconFormatItalic.svg": () => import("../assets/svg/icons/IconFormatItalic.svg.js"), "../assets/svg/icons/IconFormatListBulleted.svg": () => import("../assets/svg/icons/IconFormatListBulleted.svg.js"), "../assets/svg/icons/IconForum.svg": () => import("../assets/svg/icons/IconForum.svg.js"), "../assets/svg/icons/IconGas.svg": () => import("../assets/svg/icons/IconGas.svg.js"), "../assets/svg/icons/IconGavel.svg": () => import("../assets/svg/icons/IconGavel.svg.js"), "../assets/svg/icons/IconGears.svg": () => import("../assets/svg/icons/IconGears.svg.js"), "../assets/svg/icons/IconGlobeLocationPin.svg": () => import("../assets/svg/icons/IconGlobeLocationPin.svg.js"), "../assets/svg/icons/IconGoogle.svg": () => import("../assets/svg/icons/IconGoogle.svg.js"), "../assets/svg/icons/IconGooglePay.svg": () => import("../assets/svg/icons/IconGooglePay.svg.js"), "../assets/svg/icons/IconGrid.svg": () => import("../assets/svg/icons/IconGrid.svg.js"), "../assets/svg/icons/IconHandshake.svg": () => import("../assets/svg/icons/IconHandshake.svg.js"), "../assets/svg/icons/IconHandyman.svg": () => import("../assets/svg/icons/IconHandyman.svg.js"), "../assets/svg/icons/IconHeight.svg": () => import("../assets/svg/icons/IconHeight.svg.js"), "../assets/svg/icons/IconHelp.svg": () => import("../assets/svg/icons/IconHelp.svg.js"), "../assets/svg/icons/IconInfo.svg": () => import("../assets/svg/icons/IconInfo.svg.js"), "../assets/svg/icons/IconInformation.svg": () => import("../assets/svg/icons/IconInformation.svg.js"), "../assets/svg/icons/IconInsertText.svg": () => import("../assets/svg/icons/IconInsertText.svg.js"), "../assets/svg/icons/IconInstagram.svg": () => import("../assets/svg/icons/IconInstagram.svg.js"), "../assets/svg/icons/IconIosShare.svg": () => import("../assets/svg/icons/IconIosShare.svg.js"), "../assets/svg/icons/IconLayout.svg": () => import("../assets/svg/icons/IconLayout.svg.js"), "../assets/svg/icons/IconLevellingJack.svg": () => import("../assets/svg/icons/IconLevellingJack.svg.js"), "../assets/svg/icons/IconLinkedIn.svg": () => import("../assets/svg/icons/IconLinkedIn.svg.js"), "../assets/svg/icons/IconLocalShipping.svg": () => import("../assets/svg/icons/IconLocalShipping.svg.js"), "../assets/svg/icons/IconLock.svg": () => import("../assets/svg/icons/IconLock.svg.js"), "../assets/svg/icons/IconMail.svg": () => import("../assets/svg/icons/IconMail.svg.js"), "../assets/svg/icons/IconMenu.svg": () => import("../assets/svg/icons/IconMenu.svg.js"), "../assets/svg/icons/IconMoneyBag.svg": () => import("../assets/svg/icons/IconMoneyBag.svg.js"), "../assets/svg/icons/IconMoreHoriz.svg": () => import("../assets/svg/icons/IconMoreHoriz.svg.js"), "../assets/svg/icons/IconMove.svg": () => import("../assets/svg/icons/IconMove.svg.js"), "../assets/svg/icons/IconNotifications.svg": () => import("../assets/svg/icons/IconNotifications.svg.js"), "../assets/svg/icons/IconOdometer.svg": () => import("../assets/svg/icons/IconOdometer.svg.js"), "../assets/svg/icons/IconOpenInNew.svg": () => import("../assets/svg/icons/IconOpenInNew.svg.js"), "../assets/svg/icons/IconPalette.svg": () => import("../assets/svg/icons/IconPalette.svg.js"), "../assets/svg/icons/IconPaypal.svg": () => import("../assets/svg/icons/IconPaypal.svg.js"), "../assets/svg/icons/IconPerson.svg": () => import("../assets/svg/icons/IconPerson.svg.js"), "../assets/svg/icons/IconPersonSearch.svg": () => import("../assets/svg/icons/IconPersonSearch.svg.js"), "../assets/svg/icons/IconPhotoCamera.svg": () => import("../assets/svg/icons/IconPhotoCamera.svg.js"), "../assets/svg/icons/IconPinterest.svg": () => import("../assets/svg/icons/IconPinterest.svg.js"), "../assets/svg/icons/IconPlayArrow.svg": () => import("../assets/svg/icons/IconPlayArrow.svg.js"), "../assets/svg/icons/IconPolicy.svg": () => import("../assets/svg/icons/IconPolicy.svg.js"), "../assets/svg/icons/IconPower.svg": () => import("../assets/svg/icons/IconPower.svg.js"), "../assets/svg/icons/IconPowerOff.svg": () => import("../assets/svg/icons/IconPowerOff.svg.js"), "../assets/svg/icons/IconPriorityHigh.svg": () => import("../assets/svg/icons/IconPriorityHigh.svg.js"), "../assets/svg/icons/IconRemove.svg": () => import("../assets/svg/icons/IconRemove.svg.js"), "../assets/svg/icons/IconRequestQuote.svg": () => import("../assets/svg/icons/IconRequestQuote.svg.js"), "../assets/svg/icons/IconResetWrench.svg": () => import("../assets/svg/icons/IconResetWrench.svg.js"), "../assets/svg/icons/IconRoad.svg": () => import("../assets/svg/icons/IconRoad.svg.js"), "../assets/svg/icons/IconRoundedCorner.svg": () => import("../assets/svg/icons/IconRoundedCorner.svg.js"), "../assets/svg/icons/IconRuler.svg": () => import("../assets/svg/icons/IconRuler.svg.js"), "../assets/svg/icons/IconSailing.svg": () => import("../assets/svg/icons/IconSailing.svg.js"), "../assets/svg/icons/IconSchool.svg": () => import("../assets/svg/icons/IconSchool.svg.js"), "../assets/svg/icons/IconSearch.svg": () => import("../assets/svg/icons/IconSearch.svg.js"), "../assets/svg/icons/IconSeating.svg": () => import("../assets/svg/icons/IconSeating.svg.js"), "../assets/svg/icons/IconSell.svg": () => import("../assets/svg/icons/IconSell.svg.js"), "../assets/svg/icons/IconSensors.svg": () => import("../assets/svg/icons/IconSensors.svg.js"), "../assets/svg/icons/IconSettings.svg": () => import("../assets/svg/icons/IconSettings.svg.js"), "../assets/svg/icons/IconShare.svg": () => import("../assets/svg/icons/IconShare.svg.js"), "../assets/svg/icons/IconShieldCheck.svg": () => import("../assets/svg/icons/IconShieldCheck.svg.js"), "../assets/svg/icons/IconShoppingCart.svg": () => import("../assets/svg/icons/IconShoppingCart.svg.js"), "../assets/svg/icons/IconSleeps.svg": () => import("../assets/svg/icons/IconSleeps.svg.js"), "../assets/svg/icons/IconSms.svg": () => import("../assets/svg/icons/IconSms.svg.js"), "../assets/svg/icons/IconSnowflake.svg": () => import("../assets/svg/icons/IconSnowflake.svg.js"), "../assets/svg/icons/IconStar.svg": () => import("../assets/svg/icons/IconStar.svg.js"), "../assets/svg/icons/IconStarFilled.svg": () => import("../assets/svg/icons/IconStarFilled.svg.js"), "../assets/svg/icons/IconStarHalf.svg": () => import("../assets/svg/icons/IconStarHalf.svg.js"), "../assets/svg/icons/IconSummarize.svg": () => import("../assets/svg/icons/IconSummarize.svg.js"), "../assets/svg/icons/IconSwapHoriz.svg": () => import("../assets/svg/icons/IconSwapHoriz.svg.js"), "../assets/svg/icons/IconSwapVert.svg": () => import("../assets/svg/icons/IconSwapVert.svg.js"), "../assets/svg/icons/IconThreeDRotation.svg": () => import("../assets/svg/icons/IconThreeDRotation.svg.js"), "../assets/svg/icons/IconThumbUp.svg": () => import("../assets/svg/icons/IconThumbUp.svg.js"), "../assets/svg/icons/IconTrendingDown.svg": () => import("../assets/svg/icons/IconTrendingDown.svg.js"), "../assets/svg/icons/IconTrophy.svg": () => import("../assets/svg/icons/IconTrophy.svg.js"), "../assets/svg/icons/IconTune.svg": () => import("../assets/svg/icons/IconTune.svg.js"), "../assets/svg/icons/IconTwitter.svg": () => import("../assets/svg/icons/IconTwitter.svg.js"), "../assets/svg/icons/IconUmbrella.svg": () => import("../assets/svg/icons/IconUmbrella.svg.js"), "../assets/svg/icons/IconVerified.svg": () => import("../assets/svg/icons/IconVerified.svg.js"), "../assets/svg/icons/IconVideocam.svg": () => import("../assets/svg/icons/IconVideocam.svg.js"), "../assets/svg/icons/IconViewInAr.svg": () => import("../assets/svg/icons/IconViewInAr.svg.js"), "../assets/svg/icons/IconVisibility.svg": () => import("../assets/svg/icons/IconVisibility.svg.js"), "../assets/svg/icons/IconVolumeOff.svg": () => import("../assets/svg/icons/IconVolumeOff.svg.js"), "../assets/svg/icons/IconVolumeOn.svg": () => import("../assets/svg/icons/IconVolumeOn.svg.js"), "../assets/svg/icons/IconWarehouse.svg": () => import("../assets/svg/icons/IconWarehouse.svg.js"), "../assets/svg/icons/IconWarning.svg": () => import("../assets/svg/icons/IconWarning.svg.js"), "../assets/svg/icons/IconWater.svg": () => import("../assets/svg/icons/IconWater.svg.js"), "../assets/svg/icons/IconWeight.svg": () => import("../assets/svg/icons/IconWeight.svg.js"), "../assets/svg/icons/IconWidth.svg": () => import("../assets/svg/icons/IconWidth.svg.js"), "../assets/svg/icons/IconWorkspacePremium.svg": () => import("../assets/svg/icons/IconWorkspacePremium.svg.js"), "../assets/svg/icons/IconWrench.svg": () => import("../assets/svg/icons/IconWrench.svg.js"), "../assets/svg/icons/IconYoutube.svg": () => import("../assets/svg/icons/IconYoutube.svg.js") }), `../assets/svg/icons/Icon${name}.svg`, 5);
+        });
+        innerSVG.value = markRaw(component);
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tide-icon", props.size, unref(CSS).FLEX.SHRINK.OFF])
+      }, [
+        innerSVG.value ? (openBlock(), createBlock(resolveDynamicComponent(innerSVG.value), {
+          key: 0,
+          class: normalizeClass([unref(CSS).DISPLAY.BLOCK]),
+          "data-icon": __props.icon,
+          fill: "currentColor"
+        }, null, 8, ["class", "data-icon"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideIcon.vue.js.map

package/dist/components/TideIcon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideIcon.vue.js","sources":["../../src/components/TideIcon.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders an icon component.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideicon--docs) for TideIcon\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import { defineAsyncComponent, markRaw, ref, watch } from 'vue';\n\n  import { REALM } from '@/types/Realm';\n  import { SIZE } from '@/types/Size';\n  import { CSS } from '@/types/Styles';\n  import { formatPascalCase } from '@/utilities/format';\n\n  import type { Icon } from '@/types/Icon';\n  import type { Size } from '@/types/Size';\n  import type { Component } from 'vue';\n\n  type Props = {\n    /** Icon */\n    icon: Icon;\n\n    /** Determines icon dimensions */\n    size?: Size;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    size: SIZE.SMALL,\n  });\n\n  const innerSVG = ref<Component>();\n\n  watch(\n    () => props.icon,\n    async () => {\n      const id: string = props.icon;\n      const name = formatPascalCase(id);\n      const [prefix] = id.split('-');\n      const realmFolder = REALM[prefix?.toUpperCase() as keyof typeof REALM];\n\n      const component = defineAsyncComponent(() => {\n        if (realmFolder) {\n          return import(`../assets/svg/icons/realm/${realmFolder}/Icon${name}.svg?component`);\n        }\n\n        return import(`../assets/svg/icons/Icon${name}.svg?component`);\n      });\n\n      innerSVG.value = markRaw(component);\n    },\n    { immediate: true }\n  );\n</script>\n\n<template>\n  <div :class=\"['tide-icon', props.size, CSS.FLEX.SHRINK.OFF]\">\n    <Component\n      :class=\"[CSS.DISPLAY.BLOCK]\"\n      :data-icon=\"icon\"\n      fill=\"currentColor\"\n      :is=\"innerSVG\"\n      v-if=\"innerSVG\"\n    />\n  </div>\n</template>\n\n<style>\n  .tide-icon {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .tide-icon.small {\n    width: 1.25rem;\n    height: 1.25rem;\n  }\n\n  .tide-icon svg {\n    width: 100%;\n    height: 100%;\n  }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

package/dist/components/TideIcon.vue3.js

@@ -0,0 +1,6 @@
+import _sfc_main from "./TideIcon.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideIcon.vue3.js.map

package/dist/components/TideIcon.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideIcon.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/TideImage.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./TideImage.vue2.js";
+/* empty css               */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const TideImage = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bfc515e8"]]);
+export {
+  TideImage as default
+};
+//# sourceMappingURL=TideImage.vue.js.map

package/dist/components/TideImage.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideImage.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/TideImage.vue2.js

@@ -0,0 +1,90 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, Fragment, renderList, createElementVNode } from "vue";
+import { OBJECT_FIT } from "../types/Image.js";
+import { CSS } from "../types/Styles.js";
+const _hoisted_1 = ["media", "srcset"];
+const _hoisted_2 = ["alt", "fetchpriority", "height", "loading", "src", "width"];
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideImage",
+  props: {
+    alt: { default: "" },
+    height: { default: void 0 },
+    isLazy: { type: Boolean, default: true },
+    objectFit: { default: OBJECT_FIT.COVER },
+    sources: { default: () => [] },
+    src: { default: void 0 },
+    width: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const picture = ref();
+    const img = ref();
+    const imageDefault = "https://cdn-static.tilabs.io/marketplace/common/image-coming-soon.svg";
+    const objectFitClassName = computed(() => {
+      switch (props.objectFit) {
+        case OBJECT_FIT.CONTAIN:
+          return CSS.OBJECT.CONTAIN;
+        case OBJECT_FIT.COVER:
+          return CSS.OBJECT.COVER;
+        case OBJECT_FIT.SCALE_DOWN:
+          return CSS.OBJECT.SCALE_DOWN;
+        default:
+          return OBJECT_FIT.COVER;
+      }
+    });
+    const setImageFromDefault = () => {
+      var _a, _b, _c;
+      const currentSrc = (_a = img.value) == null ? void 0 : _a.currentSrc;
+      const sources = ((_b = picture.value) == null ? void 0 : _b.querySelectorAll("source")) ?? [];
+      if (!currentSrc) return;
+      for (const source of sources) {
+        const resolved = new URL(source.srcset, window.location.href).href;
+        if (resolved === currentSrc) {
+          source.remove();
+          return;
+        }
+      }
+      if (((_c = img.value) == null ? void 0 : _c.getAttribute("src")) !== imageDefault) {
+        img.value.src = imageDefault;
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("picture", {
+        class: normalizeClass(["tide-image", unref(CSS).DISPLAY.BLOCK]),
+        ref_key: "picture",
+        ref: picture
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.sources, (source) => {
+          return openBlock(), createElementBlock("source", {
+            key: source.srcset,
+            media: `(min-width:${source.media}px)`,
+            srcset: source.srcset
+          }, null, 8, _hoisted_1);
+        }), 128)),
+        createElementVNode("img", {
+          alt: __props.alt,
+          class: normalizeClass([
+            "tide-image-img",
+            !props.width && unref(CSS).WIDTH.FULL,
+            !props.height && unref(CSS).HEIGHT.FULL,
+            unref(CSS).OBJECT.CENTER,
+            objectFitClassName.value
+          ]),
+          fetchpriority: __props.isLazy ? void 0 : "high",
+          height: props.height,
+          loading: props.isLazy ? "lazy" : "eager",
+          ref_key: "img",
+          ref: img,
+          src: __props.src ?? imageDefault,
+          width: props.width,
+          onError: setImageFromDefault
+        }, null, 42, _hoisted_2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideImage.vue2.js.map

package/dist/components/TideImage.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideImage.vue2.js","sources":["../../src/components/TideImage.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders an image component.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideimage--docs) for TideImage\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import { computed, ref } from 'vue';\n\n  import { OBJECT_FIT } from '@/types/Image';\n  import { CSS } from '@/types/Styles';\n\n  import type { ObjectFit } from '@/types/Image';\n  import type { Source } from '@/types/Source';\n\n  type Props = {\n    /** Text display when image can't be loaded. */\n    alt?: string;\n\n    /** Apply a \"height\" attribute to the internal image tag (including unit). */\n    height?: string;\n\n    /** Determines whether to delay loading until image is in viewport. */\n    isLazy?: boolean;\n\n    /** Controls how the image scales within its box, effective only when image size differs from its intrinsic dimensions. */\n    objectFit?: ObjectFit;\n\n    /** Determines image sources by breakpoint. */\n    sources?: Source[];\n\n    /** Image URL. */\n    src?: string;\n\n    /** Apply a \"width\" attribute to the internal image tag (including unit). */\n    width?: string;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    alt: '',\n    height: undefined,\n    isLazy: true,\n    objectFit: OBJECT_FIT.COVER,\n    sources: () => [],\n    src: undefined,\n    width: undefined,\n  });\n\n  const picture = ref();\n  const img = ref();\n\n  const imageDefault = 'https://cdn-static.tilabs.io/marketplace/common/image-coming-soon.svg';\n\n  const objectFitClassName = computed<string>(() => {\n    switch (props.objectFit) {\n      case OBJECT_FIT.CONTAIN:\n        return CSS.OBJECT.CONTAIN;\n      case OBJECT_FIT.COVER:\n        return CSS.OBJECT.COVER;\n      case OBJECT_FIT.SCALE_DOWN:\n        return CSS.OBJECT.SCALE_DOWN;\n      default:\n        return OBJECT_FIT.COVER;\n    }\n  });\n\n  const setImageFromDefault = () => {\n    const currentSrc = img.value?.currentSrc;\n    const sources = picture.value?.querySelectorAll('source') ?? [];\n\n    if (!currentSrc) return;\n\n    for (const source of sources) {\n      const resolved = new URL(source.srcset, window.location.href).href;\n\n      if (resolved === currentSrc) {\n        source.remove();\n        return;\n      }\n    }\n    if (img.value?.getAttribute('src') !== imageDefault) {\n      img.value.src = imageDefault;\n    }\n  };\n</script>\n\n<template>\n  <picture\n    :class=\"['tide-image', CSS.DISPLAY.BLOCK]\"\n    ref=\"picture\"\n  >\n    <source\n      :key=\"source.srcset\"\n      :media=\"`(min-width:${source.media}px)`\"\n      :srcset=\"source.srcset\"\n      v-for=\"source in props.sources\"\n    />\n\n    <img\n      :alt=\"alt\"\n      :class=\"[\n        'tide-image-img',\n        !props.width && CSS.WIDTH.FULL,\n        !props.height && CSS.HEIGHT.FULL,\n        CSS.OBJECT.CENTER,\n        objectFitClassName,\n      ]\"\n      :fetchpriority=\"isLazy ? undefined : 'high'\"\n      :height=\"props.height\"\n      :loading=\"props.isLazy ? 'lazy' : 'eager'\"\n      ref=\"img\"\n      :src=\"src ?? imageDefault\"\n      :width=\"props.width\"\n      @error=\"setImageFromDefault\"\n    />\n  </picture>\n</template>\n\n<style scoped>\n  .tide-image-img {\n    border-radius: inherit;\n  }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_Fragment","_renderList","_createElementVNode"],"mappings":";;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;;;;AAmCf,UAAM,QAAQ;AAUd,UAAM,UAAU,IAAA;AAChB,UAAM,MAAM,IAAA;AAEZ,UAAM,eAAe;AAErB,UAAM,qBAAqB,SAAiB,MAAM;AAChD,cAAQ,MAAM,WAAA;AAAA,QACZ,KAAK,WAAW;AACd,iBAAO,IAAI,OAAO;AAAA,QACpB,KAAK,WAAW;AACd,iBAAO,IAAI,OAAO;AAAA,QACpB,KAAK,WAAW;AACd,iBAAO,IAAI,OAAO;AAAA,QACpB;AACE,iBAAO,WAAW;AAAA,MAAA;AAAA,IAExB,CAAC;AAED,UAAM,sBAAsB,MAAM;;AAChC,YAAM,cAAa,SAAI,UAAJ,mBAAW;AAC9B,YAAM,YAAU,aAAQ,UAAR,mBAAe,iBAAiB,cAAa,CAAA;AAE7D,UAAI,CAAC,WAAY;AAEjB,iBAAW,UAAU,SAAS;AAC5B,cAAM,WAAW,IAAI,IAAI,OAAO,QAAQ,OAAO,SAAS,IAAI,EAAE;AAE9D,YAAI,aAAa,YAAY;AAC3B,iBAAO,OAAA;AACP;AAAA,QACF;AAAA,MACF;AACA,YAAI,SAAI,UAAJ,mBAAW,aAAa,YAAW,cAAc;AACnD,YAAI,MAAM,MAAM;AAAA,MAClB;AAAA,IACF;;0BAIAA,mBA4BU,WAAA;AAAA,QA3BP,OAAKC,eAAA,CAAA,cAAiBC,MAAA,GAAA,EAAI,QAAQ,KAAK,CAAA;AAAA,iBACpC;AAAA,QAAJ,KAAI;AAAA,MAAA;SAEJC,UAAA,IAAA,GAAAH,mBAKEI,UAAA,MAAAC,WADiB,MAAM,UAAhB,WAAM;8BAJfL,mBAKE,UAAA;AAAA,YAJC,KAAK,OAAO;AAAA,YACZ,OAAK,cAAgB,OAAO,KAAK;AAAA,YACjC,QAAQ,OAAO;AAAA,UAAA;;QAIlBM,mBAgBE,OAAA;AAAA,UAfC,KAAK,QAAA;AAAA,UACL,OAAKL,eAAA;AAAA;YAAuC,CAAA,MAAM,SAASC,WAAI,MAAM;AAAA,YAAe,CAAA,MAAM,UAAUA,WAAI,OAAO;AAAA,YAAcA,MAAA,GAAA,EAAI,OAAO;AAAA,YAAgB,mBAAA;AAAA,UAAA;UAOxJ,eAAe,QAAA,SAAS,SAAS;AAAA,UACjC,QAAQ,MAAM;AAAA,UACd,SAAS,MAAM,SAAM,SAAA;AAAA,mBAClB;AAAA,UAAJ,KAAI;AAAA,UACH,KAAK,QAAA,OAAO;AAAA,UACZ,OAAO,MAAM;AAAA,UACb,SAAO;AAAA,QAAA;;;;;"}

package/dist/components/TideImageBackground.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./TideImageBackground.vue2.js";
+/* empty css                         */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const TideImageBackground = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8695bcc4"]]);
+export {
+  TideImageBackground as default
+};
+//# sourceMappingURL=TideImageBackground.vue.js.map

package/dist/components/TideImageBackground.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideImageBackground.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/TideImageBackground.vue2.js

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, renderSlot } from "vue";
+import TideImage from "./TideImage.vue.js";
+import { OBJECT_FIT } from "../types/Image.js";
+import { CSS } from "../types/Styles.js";
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideImageBackground",
+  props: {
+    alt: { default: "" },
+    isLazy: { type: Boolean, default: true },
+    sources: { default: () => [] },
+    src: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tide-image-background", unref(CSS).POSITION.RELATIVE, unref(CSS).OVERFLOW.XY.HIDDEN, unref(CSS).ISOLATION.ISOLATE])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            unref(CSS).POSITION.ABSOLUTE,
+            unref(CSS).HEIGHT.FULL,
+            unref(CSS).WIDTH.FULL,
+            unref(CSS).DISPLAY.FLEX,
+            unref(CSS).AXIS1.CENTER,
+            unref(CSS).AXIS2.CENTER
+          ])
+        }, [
+          createVNode(TideImage, {
+            alt: props.alt,
+            class: normalizeClass([unref(CSS).WIDTH.FULL, unref(CSS).HEIGHT.FULL]),
+            "is-lazy": props.isLazy,
+            "object-fit": unref(OBJECT_FIT).COVER,
+            sources: props.sources,
+            src: props.src
+          }, null, 8, ["alt", "class", "is-lazy", "object-fit", "sources", "src"])
+        ], 2),
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideImageBackground.vue2.js.map

package/dist/components/TideImageBackground.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideImageBackground.vue2.js","sources":["../../src/components/TideImageBackground.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders an image background component.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideimagebackground--docs) for TideImageBackground\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import TideImage from '@/components/TideImage.vue';\n  import { OBJECT_FIT } from '@/types/Image';\n  import { CSS } from '@/types/Styles';\n\n  import type { Source } from '@/types/Source';\n\n  type Props = {\n    /** Text display when image can't be loaded. */\n    alt?: string;\n\n    /** Determines whether to delay loading until image is in viewport. */\n    isLazy?: boolean;\n\n    /** Determines image sources by breakpoint. */\n    sources?: Source[];\n\n    /** Image URL. */\n    src?: string;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    alt: '',\n    isLazy: true,\n    sources: () => [],\n    src: undefined,\n  });\n</script>\n\n<template>\n  <div :class=\"['tide-image-background', CSS.POSITION.RELATIVE, CSS.OVERFLOW.XY.HIDDEN, CSS.ISOLATION.ISOLATE]\">\n    <div\n      :class=\"[\n        CSS.POSITION.ABSOLUTE,\n        CSS.HEIGHT.FULL,\n        CSS.WIDTH.FULL,\n        CSS.DISPLAY.FLEX,\n        CSS.AXIS1.CENTER,\n        CSS.AXIS2.CENTER,\n      ]\"\n    >\n      <TideImage\n        :alt=\"props.alt\"\n        :class=\"[CSS.WIDTH.FULL, CSS.HEIGHT.FULL]\"\n        :is-lazy=\"props.isLazy\"\n        :object-fit=\"OBJECT_FIT.COVER\"\n        :sources=\"props.sources\"\n        :src=\"props.src\"\n      />\n    </div>\n\n    <slot />\n  </div>\n</template>\n\n<style scoped>\n  :deep(.tide-image) {\n    z-index: -1;\n  }\n</style>\n"],"names":["_createElementBlock","_unref","_createElementVNode","_normalizeClass","_createVNode","_renderSlot"],"mappings":";;;;AAME,MAAA,cAAe,CAAA;;;;;;;;;;;AAwBf,UAAM,QAAQ;;0BASdA,mBAsBM,OAAA;AAAA,QAtBA,gDAAiCC,MAAA,GAAA,EAAI,SAAS,UAAUA,MAAA,GAAA,EAAI,SAAS,GAAG,QAAQA,WAAI,UAAU,OAAO,CAAA;AAAA,MAAA;QACzGC,mBAkBM,OAAA;AAAA,UAjBH,OAAKC,eAAA;AAAA,YAAYF,MAAA,GAAA,EAAI,SAAS;AAAA,YAAkBA,MAAA,GAAA,EAAI,OAAO;AAAA,YAAcA,MAAA,GAAA,EAAI,MAAM;AAAA,YAAcA,MAAA,GAAA,EAAI,QAAQ;AAAA,YAAcA,MAAA,GAAA,EAAI,MAAM;AAAA,YAAgBA,MAAA,GAAA,EAAI,MAAM;AAAA,UAAA;;UAShKG,YAOE,WAAA;AAAA,YANC,KAAK,MAAM;AAAA,YACX,OAAKD,eAAA,CAAGF,MAAA,GAAA,EAAI,MAAM,MAAMA,MAAA,GAAA,EAAI,OAAO,IAAI,CAAA;AAAA,YACvC,WAAS,MAAM;AAAA,YACf,cAAYA,MAAA,UAAA,EAAW;AAAA,YACvB,SAAS,MAAM;AAAA,YACf,KAAK,MAAM;AAAA,UAAA;;QAIhBI,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA,MAAA;;;;"}

package/dist/components/TideIndicator.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./TideIndicator.vue2.js";
+/* empty css                   */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const TideIndicator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-96a6263b"]]);
+export {
+  TideIndicator as default
+};
+//# sourceMappingURL=TideIndicator.vue.js.map

package/dist/components/TideIndicator.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideIndicator.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/TideIndicator.vue2.js

@@ -0,0 +1,37 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode } from "vue";
+import { CSS } from "../types/Styles.js";
+const _hoisted_1 = {
+  key: 0,
+  class: /* @__PURE__ */ normalizeClass(["tide-indicator-label"])
+};
+const __default__ = {};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "TideIndicator",
+  props: {
+    label: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "tide-indicator",
+          props.label ? "" : "dot",
+          unref(CSS).DISPLAY.INLINE_BLOCK,
+          unref(CSS).ALIGN.X.CENTER,
+          unref(CSS).BG.GLOBAL.PRIMARY.ERROR,
+          unref(CSS).BORDER.RADIUS.FULL,
+          props.label && props.label.toString().length > 1 ? [unref(CSS).PADDING.X.HALF] : [],
+          props.label ? [unref(CSS).POSITION.RELATIVE, unref(CSS).FONT.ROLE.LABEL_3, unref(CSS).FONT.COLOR.SURFACE.INVERSE] : [unref(CSS).BORDER.FULL.ONE]
+        ])
+      }, [
+        props.label ? (openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(props.label), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=TideIndicator.vue2.js.map

package/dist/components/TideIndicator.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideIndicator.vue2.js","sources":["../../src/components/TideIndicator.vue"],"sourcesContent":["<script lang=\"ts\">\n  /**\n   * Renders an indicator component.\n   *\n   * @see the [Storybook interface](https://tide-design-system.netlify.app/?path=/docs/components-tideindicator--docs) for TideIndicator\n   */\n  export default {};\n</script>\n\n<script lang=\"ts\" setup>\n  import { CSS } from '@/types/Styles';\n\n  type Props = {\n    /** Indicator text */\n    label?: string | number;\n  };\n\n  const props = withDefaults(defineProps<Props>(), {\n    label: undefined,\n  });\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'tide-indicator',\n      props.label ? '' : 'dot',\n      CSS.DISPLAY.INLINE_BLOCK,\n      CSS.ALIGN.X.CENTER,\n      CSS.BG.GLOBAL.PRIMARY.ERROR,\n      CSS.BORDER.RADIUS.FULL,\n      props.label && props.label.toString().length > 1 ? [CSS.PADDING.X.HALF] : [],\n      props.label\n        ? [CSS.POSITION.RELATIVE, CSS.FONT.ROLE.LABEL_3, CSS.FONT.COLOR.SURFACE.INVERSE]\n        : [CSS.BORDER.FULL.ONE],\n    ]\"\n  >\n    <div\n      :class=\"['tide-indicator-label']\"\n      v-if=\"props.label\"\n    >\n      {{ props.label }}\n    </div>\n  </div>\n</template>\n\n<style scoped>\n  .tide-indicator:not(.dot) {\n    min-width: 1rem;\n    min-height: 1rem;\n  }\n\n  .tide-indicator.dot {\n    border-color: var(--tide-gray-100);\n    width: 10px;\n    height: 10px;\n  }\n\n  .tide-indicator-label {\n    /* Use bottom-weighting to offset the mathematical center to the optical center. */\n    margin-top: -1px;\n  }\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_openBlock","_toDisplayString"],"mappings":";;;;;;AAME,MAAA,cAAe,CAAA;;;;;;;;AAWf,UAAM,QAAQ;;0BAMdA,mBAoBM,OAAA;AAAA,QAnBH,OAAKC,eAAA;AAAA;UAAkC,MAAM,QAAK,KAAA;AAAA,UAAqBC,MAAA,GAAA,EAAI,QAAQ;AAAA,UAAoBA,MAAA,GAAA,EAAI,MAAM,EAAE;AAAA,UAAcA,MAAA,GAAA,EAAI,GAAG,OAAO,QAAQ;AAAA,UAAaA,MAAA,GAAA,EAAI,OAAO,OAAO;AAAA,UAAY,MAAM,SAAS,MAAM,MAAM,SAAA,EAAW,cAAcA,MAAA,GAAA,EAAI,QAAQ,EAAE,IAAI,IAAA,CAAA;AAAA,UAAc,MAAM,SAAiBA,MAAA,GAAA,EAAI,SAAS,UAAUA,MAAA,GAAA,EAAI,KAAK,KAAK,SAASA,WAAI,KAAK,MAAM,QAAQ,OAAO,IAAa,CAAAA,MAAA,GAAA,EAAI,OAAO,KAAK,GAAG;AAAA,QAAA;;QAelZ,MAAM,SAFdC,UAAA,GAAAH,mBAKM,OALN,YAKMI,gBADD,MAAM,KAAK,GAAA,CAAA;;;;;"}

package/dist/components/TideInputCheckbox.vue.js

@@ -0,0 +1,8 @@
+import _sfc_main from "./TideInputCheckbox.vue2.js";
+/* empty css                       */
+import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
+const TideInputCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b691c9a"]]);
+export {
+  TideInputCheckbox as default
+};
+//# sourceMappingURL=TideInputCheckbox.vue.js.map

package/dist/components/TideInputCheckbox.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TideInputCheckbox.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}