@rotki/ui-library 2.8.1 → 2.8.3

package/dist/components/calendar/state.js

@@ -0,0 +1,25 @@
+const CalendarStateSymbol = Symbol.for("rui:calendar");
+function getDaysOfWeek(locale = "en-US", format = "narrow") {
+  const daysOfWeek = [];
+  for (let i = 0; i < 7; i++) {
+    const date = new Date(2021, 0, 3 + i);
+    const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);
+    daysOfWeek.push(format === "narrow" ? dayName : dayName.charAt(0));
+  }
+  return daysOfWeek;
+}
+function getShortMonthNames(locale = "en-US") {
+  const monthNames = [];
+  for (let month = 0; month < 12; month++) {
+    const date = new Date(2021, month, 1);
+    const monthName = new Intl.DateTimeFormat(locale, { month: "short" }).format(date);
+    monthNames.push(monthName);
+  }
+  return monthNames;
+}
+export {
+  CalendarStateSymbol,
+  getDaysOfWeek,
+  getShortMonthNames
+};
+//# sourceMappingURL=state.js.map

package/dist/components/calendar/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sources":["../../../src/components/calendar/state.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey, Ref } from 'vue';\n\nexport const CalendarStateSymbol: InjectionKey<RuiCalendarState> = Symbol.for('rui:calendar');\n\nexport interface RuiCalendarState {\n  viewMonth: Ref<number>;\n  viewYear: Ref<number>;\n  selectedDate: Ref<Date | undefined>;\n  maxDate: ComputedRef<Date | undefined>;\n  minDate: ComputedRef<Date | undefined>;\n  isDark: ComputedRef<boolean>;\n  allowEmpty: boolean;\n}\n\nexport interface MonthYearSelection {\n  month: number;\n  year: number;\n}\n\nexport function getDaysOfWeek(locale: Intl.LocalesArgument = 'en-US', format: 'narrow' | 'short' = 'narrow'): string[] {\n  const daysOfWeek: string[] = [];\n  for (let i = 0; i < 7; i++) {\n    const date = new Date(2021, 0, 3 + i); // Jan 3, 2021 was a Sunday\n    const dayName = new Intl.DateTimeFormat(locale, { weekday: format }).format(date);\n    daysOfWeek.push(format === 'narrow' ? dayName : dayName.charAt(0));\n  }\n  return daysOfWeek;\n}\n\nexport function getShortMonthNames(locale: Intl.LocalesArgument = 'en-US'): string[] {\n  const monthNames: string[] = [];\n  for (let month = 0; month < 12; month++) {\n    const date = new Date(2021, month, 1);\n    const monthName = new Intl.DateTimeFormat(locale, { month: 'short' }).format(date);\n    monthNames.push(monthName);\n  }\n  return monthNames;\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsD,OAAO,IAAI,cAAc;AAiBrF,SAAS,cAAc,SAA+B,SAAS,SAA6B,UAAoB;AACrH,QAAM,aAAuB,CAAA;AAC7B,WAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,UAAM,OAAO,IAAI,KAAK,MAAM,GAAG,IAAI,CAAC;AACpC,UAAM,UAAU,IAAI,KAAK,eAAe,QAAQ,EAAE,SAAS,OAAA,CAAQ,EAAE,OAAO,IAAI;AAChF,eAAW,KAAK,WAAW,WAAW,UAAU,QAAQ,OAAO,CAAC,CAAC;AAAA,EACnE;AACA,SAAO;AACT;AAEO,SAAS,mBAAmB,SAA+B,SAAmB;AACnF,QAAM,aAAuB,CAAA;AAC7B,WAAS,QAAQ,GAAG,QAAQ,IAAI,SAAS;AACvC,UAAM,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC;AACpC,UAAM,YAAY,IAAI,KAAK,eAAe,QAAQ,EAAE,OAAO,QAAA,CAAS,EAAE,OAAO,IAAI;AACjF,eAAW,KAAK,SAAS;AAAA,EAC3B;AACA,SAAO;AACT;"}

package/dist/components/cards/RuiCard.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiCard.vue2.js";
+import style0 from "./RuiCard.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiCard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiCard as default
+};
+//# sourceMappingURL=RuiCard.vue.js.map

package/dist/components/cards/RuiCard.vue.js.map

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

package/dist/components/cards/RuiCard.vue2.js

@@ -0,0 +1,88 @@
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, mergeProps, createCommentVNode, renderSlot, unref, normalizeClass, createBlock, createSlots, withCtx } from "vue";
+import RuiCardHeader from "./RuiCardHeader.vue.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiCard",
+    inheritAttrs: false
+  },
+  __name: "RuiCard",
+  props: {
+    dense: { type: Boolean, default: false },
+    divide: { type: Boolean, default: false },
+    elevation: { default: 0 },
+    variant: { default: "outlined" },
+    rounded: { default: "md" },
+    noPadding: { type: Boolean, default: false },
+    contentClass: { default: "" }
+  },
+  setup(__props) {
+    const slots = useSlots();
+    const hasHeadContent = computed(() => !!slots.header || !!slots.subheader);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [
+          _ctx.$style.card,
+          `shadow-${__props.elevation}`,
+          _ctx.$style[`rounded__${__props.rounded}`],
+          {
+            [_ctx.$style.outlined]: __props.variant === "outlined",
+            [_ctx.$style.dense]: __props.dense,
+            [_ctx.$style.divide]: __props.divide,
+            [_ctx.$style["no-padding"]]: __props.noPadding
+          }
+        ]
+      }, _ctx.$attrs), [
+        unref(slots).image ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.image)
+        }, [
+          renderSlot(_ctx.$slots, "image")
+        ], 2)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "custom-header", {}, () => [
+          hasHeadContent.value ? (openBlock(), createBlock(RuiCardHeader, {
+            key: 0,
+            dense: __props.dense
+          }, createSlots({ _: 2 }, [
+            unref(slots).prepend ? {
+              name: "prepend",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "prepend")
+              ]),
+              key: "0"
+            } : void 0,
+            unref(slots).header ? {
+              name: "header",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "header")
+              ]),
+              key: "1"
+            } : void 0,
+            unref(slots).subheader ? {
+              name: "subheader",
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, "subheader")
+              ]),
+              key: "2"
+            } : void 0
+          ]), 1032, ["dense"])) : createCommentVNode("", true)
+        ]),
+        unref(slots).default ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([_ctx.$style.content, __props.contentClass])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)) : createCommentVNode("", true),
+        unref(slots).footer ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(_ctx.$style.footer)
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2)) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiCard.vue2.js.map

package/dist/components/cards/RuiCard.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCard.vue2.js","sources":["../../../src/components/cards/RuiCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport RuiCardHeader from '@/components/cards/RuiCardHeader.vue';\n\nexport interface Props {\n  dense?: boolean;\n  divide?: boolean;\n  elevation?: number;\n  variant?: 'flat' | 'outlined';\n  rounded?: 'sm' | 'md' | 'lg';\n  noPadding?: boolean;\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiCard',\n  inheritAttrs: false,\n});\n\nwithDefaults(defineProps<Props>(), {\n  divide: false,\n  dense: false,\n  elevation: 0,\n  variant: 'outlined',\n  rounded: 'md',\n  noPadding: false,\n  contentClass: '',\n});\n\nconst slots = useSlots();\n\nconst hasHeadContent = computed<boolean>(() => !!slots.header || !!slots.subheader);\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.card,\n      `shadow-${elevation}`,\n      $style[`rounded__${rounded}`],\n      {\n        [$style.outlined]: variant === 'outlined',\n        [$style.dense]: dense,\n        [$style.divide]: divide,\n        [$style['no-padding']]: noPadding,\n      },\n    ]\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"slots.image\"\n      :class=\"$style.image\"\n    >\n      <slot name=\"image\" />\n    </div>\n    <slot name=\"custom-header\">\n      <RuiCardHeader\n        v-if=\"hasHeadContent\"\n        :dense=\"dense\"\n      >\n        <template\n          v-if=\"slots.prepend\"\n          #prepend\n        >\n          <slot name=\"prepend\" />\n        </template>\n        <template\n          v-if=\"slots.header\"\n          #header\n        >\n          <slot name=\"header\" />\n        </template>\n        <template\n          v-if=\"slots.subheader\"\n          #subheader\n        >\n          <slot name=\"subheader\" />\n        </template>\n      </RuiCardHeader>\n    </slot>\n    <div\n      v-if=\"slots.default\"\n      :class=\"[$style.content, contentClass]\"\n    >\n      <slot />\n    </div>\n    <div\n      v-if=\"slots.footer\"\n      :class=\"$style.footer\"\n    >\n      <slot name=\"footer\" />\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.card {\n  @apply flex flex-col h-full w-full bg-white;\n  &.rounded__sm {\n    @apply rounded-[.25rem];\n\n    .image {\n      @apply rounded-t-[.25rem];\n    }\n  }\n\n  &.rounded__md {\n    @apply rounded-[.5rem];\n\n    .image {\n      @apply rounded-t-[.5rem];\n    }\n  }\n\n  &.rounded__lg {\n    @apply rounded-[1rem];\n\n    .image {\n      @apply rounded-t-[1rem];\n    }\n  }\n\n  .image {\n    @apply overflow-hidden;\n  }\n\n  .content {\n    @apply p-4 text-body-1 text-rui-light-text overflow-y-auto;\n  }\n\n  .footer {\n    @apply p-4 pt-2 flex space-x-2 items-center justify-start mt-auto;\n  }\n\n  &.flat {\n    @apply border-none;\n  }\n\n  &.outlined {\n    @apply border border-black/[0.12];\n  }\n\n  &.divide {\n    @apply divide-y divide-black/[0.12];\n  }\n\n  &.dense {\n    > .content {\n      @apply p-3;\n    }\n\n    > .footer {\n      @apply py-1 flex space-x-2;\n    }\n  }\n\n  &.no-padding {\n    > .content {\n      @apply p-0;\n    }\n  }\n}\n\n:global(.dark) {\n  .card {\n    @apply bg-[#1E1E1E];\n\n    .content {\n      @apply text-rui-dark-text;\n    }\n\n    &.outlined {\n      @apply border-white/[0.12];\n    }\n\n    &.divide {\n      @apply divide-white/[0.12];\n    }\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$style","$attrs","_unref","_normalizeClass","_renderSlot","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,UAAM,QAAQ,SAAA;AAEd,UAAM,iBAAiB,SAAkB,MAAM,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC,MAAM,SAAS;;AAIhF,aAAAA,UAAA,GAAAC,mBAyDM,OAzDNC,WAyDM;AAAA,QAxDH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA,oBAAsB,QAAA,SAAS;AAAA,UAAUA,KAAAA,mBAAmB,QAAA,OAAO,EAAA;AAAA;aAAsBA,KAAAA,OAAO,QAAQ,GAAG,QAAA,YAAO;AAAA,aAA0BA,KAAAA,OAAO,KAAK,GAAG,QAAA;AAAA,aAAgBA,KAAAA,OAAO,MAAM,GAAG,QAAA;AAAA,YAAiBA,CAAAA,KAAAA,uBAAuB,QAAA;AAAA,UAAA;AAAA;SAWlPC,KAAAA,MAAM,GAAA;AAAA,QAGNC,MAAA,KAAA,EAAM,sBADdJ,mBAKM,OAAA;AAAA;UAHH,OAAKK,eAAEH,KAAAA,OAAO,KAAK;AAAA,QAAA;UAEpBI,WAAqB,KAAA,QAAA,OAAA;AAAA,QAAA;QAEvBA,WAwBO,kCAxBP,MAwBO;AAAA,UAtBG,eAAA,sBADRC,YAsBgB,eAAA;AAAA;YApBb,OAAO,QAAA;AAAA,UAAA;YAGAH,MAAA,KAAA,EAAM;oBACX;AAAA,0BAED,MAAuB;AAAA,gBAAvBE,WAAuB,KAAA,QAAA,SAAA;AAAA,cAAA;;;YAGjBF,MAAA,KAAA,EAAM;oBACX;AAAA,0BAED,MAAsB;AAAA,gBAAtBE,WAAsB,KAAA,QAAA,QAAA;AAAA,cAAA;;;YAGhBF,MAAA,KAAA,EAAM;oBACX;AAAA,0BAED,MAAyB;AAAA,gBAAzBE,WAAyB,KAAA,QAAA,WAAA;AAAA,cAAA;;;;;QAKvBF,MAAA,KAAA,EAAM,wBADdJ,mBAKM,OAAA;AAAA;UAHH,OAAKK,eAAA,CAAGH,KAAAA,OAAO,SAAS,QAAA,YAAY,CAAA;AAAA,QAAA;UAErCI,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;QAGFF,MAAA,KAAA,EAAM,uBADdJ,mBAKM,OAAA;AAAA;UAHH,OAAKK,eAAEH,KAAAA,OAAO,MAAM;AAAA,QAAA;UAErBI,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;;;;;"}

package/dist/components/cards/RuiCard.vue3.js

@@ -0,0 +1,40 @@
+const card = "_card_17ccq_1";
+const rounded__sm = "_rounded__sm_17ccq_4";
+const image = "_image_17ccq_7";
+const rounded__md = "_rounded__md_17ccq_10";
+const rounded__lg = "_rounded__lg_17ccq_16";
+const content = "_content_17ccq_25";
+const footer = "_footer_17ccq_28";
+const flat = "_flat_17ccq_31";
+const outlined = "_outlined_17ccq_34";
+const divide = "_divide_17ccq_37";
+const dense = "_dense_17ccq_40";
+const style0 = {
+  card,
+  rounded__sm,
+  image,
+  rounded__md,
+  rounded__lg,
+  content,
+  footer,
+  flat,
+  outlined,
+  divide,
+  dense,
+  "no-padding": "_no-padding_17ccq_46"
+};
+export {
+  card,
+  content,
+  style0 as default,
+  dense,
+  divide,
+  flat,
+  footer,
+  image,
+  outlined,
+  rounded__lg,
+  rounded__md,
+  rounded__sm
+};
+//# sourceMappingURL=RuiCard.vue3.js.map

package/dist/components/cards/RuiCard.vue3.js.map

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

package/dist/components/cards/RuiCardHeader.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiCardHeader.vue2.js";
+import style0 from "./RuiCardHeader.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiCardHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiCardHeader as default
+};
+//# sourceMappingURL=RuiCardHeader.vue.js.map

package/dist/components/cards/RuiCardHeader.vue.js.map

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

package/dist/components/cards/RuiCardHeader.vue2.js

@@ -0,0 +1,51 @@
+import { defineComponent, createElementBlock, openBlock, mergeProps, createCommentVNode, createElementVNode, normalizeClass, renderSlot } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiCardHeader",
+    inheritAttrs: false
+  },
+  __name: "RuiCardHeader",
+  props: {
+    dense: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [
+          _ctx.$style.head,
+          {
+            [_ctx.$style.dense]: __props.dense,
+            [_ctx.$style.has_prepend]: !!_ctx.$slots.prepend
+          }
+        ]
+      }, _ctx.$attrs), [
+        _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.prepend)
+        }, [
+          renderSlot(_ctx.$slots, "prepend")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.headers)
+        }, [
+          _ctx.$slots.header ? (openBlock(), createElementBlock("h5", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.header)
+          }, [
+            renderSlot(_ctx.$slots, "header")
+          ], 2)) : createCommentVNode("", true),
+          _ctx.$slots.subheader ? (openBlock(), createElementBlock("p", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.subheader)
+          }, [
+            renderSlot(_ctx.$slots, "subheader")
+          ], 2)) : createCommentVNode("", true)
+        ], 2)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiCardHeader.vue2.js.map

package/dist/components/cards/RuiCardHeader.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiCardHeader.vue2.js","sources":["../../../src/components/cards/RuiCardHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nexport interface Props {\n  dense?: boolean;\n}\n\ndefineOptions({\n  name: 'RuiCardHeader',\n  inheritAttrs: false,\n});\n\nwithDefaults(defineProps<Props>(), {\n  dense: false,\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.head,\n      {\n        [$style.dense]: dense,\n        [$style.has_prepend]: !!$slots.prepend,\n      },\n    ]\"\n    v-bind=\"$attrs\"\n  >\n    <div\n      v-if=\"$slots.prepend\"\n      :class=\"$style.prepend\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <div :class=\"$style.headers\">\n      <h5\n        v-if=\"$slots.header\"\n        :class=\"$style.header\"\n      >\n        <slot name=\"header\" />\n      </h5>\n      <p\n        v-if=\"$slots.subheader\"\n        :class=\"$style.subheader\"\n      >\n        <slot name=\"subheader\" />\n      </p>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.head {\n  @apply p-4 flex space-x-4;\n\n  .prepend {\n    @apply rounded-full flex items-center justify-center w-10 h-10;\n    @apply text-[1.25rem] text-white bg-rui-grey-400 overflow-hidden;\n  }\n\n  .headers {\n    @apply flex flex-col justify-center;\n  }\n\n  .header {\n    @apply text-rui-text text-h6;\n  }\n\n  .subheader {\n    @apply text-rui-text-secondary text-body-2 mb-0;\n  }\n\n  &.has_prepend {\n    .header {\n      @apply text-body-1;\n    }\n  }\n\n  &.dense {\n    @apply p-3 space-x-2;\n\n    .prepend {\n      @apply text-base p-[0.08rem] w-9 h-9;\n    }\n  }\n}\n\n:global(.dark) {\n  .head {\n    .prepend {\n      @apply bg-rui-grey-700 text-black/90;\n    }\n\n    .header {\n      @apply text-rui-dark-text;\n    }\n\n    .subheader {\n      @apply text-rui-dark-text-secondary;\n    }\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","$style","$slots","$attrs","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;;;;;;;;;;;AAgBE,aAAAA,UAAA,GAAAC,mBA8BM,OA9BNC,WA8BM;AAAA,QA7BH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA;aAAuBA,KAAAA,OAAO,KAAK,GAAG,QAAA;AAAA,YAAgBA,CAAAA,KAAAA,OAAO,WAAW,GAAA,CAAA,CAAKC,KAAAA,OAAO;AAAA,UAAA;AAAA;SAOnGC,KAAAA,MAAM,GAAA;AAAA,QAGND,KAAAA,OAAO,wBADfH,mBAKM,OAAA;AAAA;UAHH,OAAKK,eAAEH,KAAAA,OAAO,OAAO;AAAA,QAAA;UAEtBI,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;QAEzBC,mBAaM,OAAA;AAAA,UAbA,OAAKF,eAAEH,KAAAA,OAAO,OAAO;AAAA,QAAA;UAEjBC,KAAAA,OAAO,uBADfH,mBAKK,MAAA;AAAA;YAHF,OAAKK,eAAEH,KAAAA,OAAO,MAAM;AAAA,UAAA;YAErBI,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;UAGhBH,KAAAA,OAAO,0BADfH,mBAKI,KAAA;AAAA;YAHD,OAAKK,eAAEH,KAAAA,OAAO,SAAS;AAAA,UAAA;YAExBI,WAAyB,KAAA,QAAA,WAAA;AAAA,UAAA;;;;;;"}

package/dist/components/cards/RuiCardHeader.vue3.js

@@ -0,0 +1,27 @@
+const head = "_head_mdkkt_1";
+const prepend = "_prepend_mdkkt_4";
+const headers = "_headers_mdkkt_8";
+const header = "_header_mdkkt_8";
+const subheader = "_subheader_mdkkt_14";
+const has_prepend = "_has_prepend_mdkkt_17";
+const dense = "_dense_mdkkt_20";
+const style0 = {
+  head,
+  prepend,
+  headers,
+  header,
+  subheader,
+  has_prepend,
+  dense
+};
+export {
+  style0 as default,
+  dense,
+  has_prepend,
+  head,
+  header,
+  headers,
+  prepend,
+  subheader
+};
+//# sourceMappingURL=RuiCardHeader.vue3.js.map

package/dist/components/cards/RuiCardHeader.vue3.js.map

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

package/dist/components/chips/RuiChip.vue.d.ts

@@ -1,5 +1,5 @@
-import type { ContextColorsType } from '../../consts/colors';
-import type { RuiIcons } from '../../icons';
+import type { ContextColorsType } from '../../consts/colors.js';
+import type { RuiIcons } from '../../icons/index.js';
 export interface Props {
     tile?: boolean;
     clickable?: boolean;

package/dist/components/chips/RuiChip.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiChip.vue2.js";
+import style0 from "./RuiChip.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiChip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiChip as default
+};
+//# sourceMappingURL=RuiChip.vue.js.map

package/dist/components/chips/RuiChip.vue.js.map

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

package/dist/components/chips/RuiChip.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent, toRefs, computed, createElementBlock, openBlock, mergeProps, unref, createCommentVNode, createElementVNode, normalizeClass, renderSlot, withModifiers, createVNode } from "vue";
+import { logicOr, logicNot } from "@vueuse/math";
+import { get, objectOmit } from "@vueuse/shared";
+import RuiIcon from "../icons/RuiIcon.vue.js";
+const _hoisted_1 = ["disabled"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiChip",
+    inheritAttrs: false
+  },
+  __name: "RuiChip",
+  props: {
+    tile: { type: Boolean, default: false },
+    clickable: { type: Boolean, default: false },
+    closeable: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    size: { default: "md" },
+    variant: { default: "filled" },
+    color: { default: "grey" },
+    closeIcon: { default: "lu-circle-x" },
+    bgColor: { default: void 0 },
+    textColor: { default: void 0 },
+    contentClass: { default: "" }
+  },
+  emits: ["click:close", "click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { clickable, disabled, bgColor, textColor } = toRefs(props);
+    function click(e) {
+      if (get(logicOr(logicNot(clickable), disabled)))
+        return;
+      emit("click", e);
+    }
+    const style = computed(() => {
+      const style2 = {};
+      const bg = get(bgColor);
+      const text = get(textColor);
+      if (bg)
+        style2.backgroundColor = bg;
+      if (text)
+        style2.color = text;
+      return style2;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [
+          _ctx.$style.chip,
+          _ctx.$style[__props.color ?? ""],
+          _ctx.$style[__props.size ?? ""],
+          _ctx.$style[__props.variant ?? ""],
+          {
+            [_ctx.$style.disabled]: unref(disabled),
+            [_ctx.$style.tile]: __props.tile,
+            [_ctx.$style.readonly]: !unref(clickable)
+          }
+        ],
+        style: unref(style),
+        role: "button",
+        tabindex: "0"
+      }, unref(objectOmit)(_ctx.$attrs, ["onClick"]), {
+        onClick: _cache[1] || (_cache[1] = ($event) => click($event))
+      }), [
+        _ctx.$slots.prepend ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.chip__prepend)
+        }, [
+          renderSlot(_ctx.$slots, "prepend")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("span", {
+          class: normalizeClass([_ctx.$style.chip__label, __props.contentClass])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        __props.closeable ? (openBlock(), createElementBlock("button", {
+          key: 1,
+          class: normalizeClass(_ctx.$style.chip__close),
+          disabled: unref(disabled),
+          type: "button",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("click:close"), ["stop"]))
+        }, [
+          createVNode(RuiIcon, {
+            class: normalizeClass(_ctx.$style.chip__close_icon),
+            size: __props.size === "sm" ? 16 : 24,
+            name: __props.closeIcon
+          }, null, 8, ["class", "size", "name"])
+        ], 10, _hoisted_1)) : createCommentVNode("", true)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiChip.vue2.js.map

package/dist/components/chips/RuiChip.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuiChip.vue2.js","sources":["../../../src/components/chips/RuiChip.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { StyleValue } from 'vue';\nimport type { ContextColorsType } from '@/consts/colors';\nimport type { RuiIcons } from '@/icons';\nimport { logicNot, logicOr } from '@vueuse/math';\nimport { objectOmit } from '@vueuse/shared';\nimport RuiIcon from '@/components/icons/RuiIcon.vue';\n\nexport interface Props {\n  tile?: boolean;\n  clickable?: boolean;\n  closeable?: boolean;\n  disabled?: boolean;\n  size?: 'sm' | 'md';\n  variant?: 'filled' | 'outlined';\n  color?: 'grey' | ContextColorsType;\n  closeIcon?: RuiIcons;\n  bgColor?: string;\n  textColor?: string;\n  contentClass?: string;\n}\n\ndefineOptions({\n  name: 'RuiChip',\n  inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<Props>(), {\n  tile: false,\n  size: 'md',\n  color: 'grey',\n  clickable: false,\n  closeable: false,\n  disabled: false,\n  variant: 'filled',\n  closeIcon: 'lu-circle-x',\n  bgColor: undefined,\n  textColor: undefined,\n  contentClass: '',\n});\n\nconst emit = defineEmits<{\n  (event: 'click:close'): void;\n  (event: 'click', e: any): void;\n}>();\n\nconst { clickable, disabled, bgColor, textColor } = toRefs(props);\n\nfunction click(e: any) {\n  if (get(logicOr(logicNot(clickable), disabled)))\n    return;\n\n  emit('click', e);\n}\n\nconst style = computed<Partial<StyleValue>>(() => {\n  const style: Partial<StyleValue> = {};\n  const bg = get(bgColor);\n  const text = get(textColor);\n  if (bg)\n    style.backgroundColor = bg;\n\n  if (text)\n    style.color = text;\n\n  return style;\n});\n</script>\n\n<template>\n  <div\n    :class=\"[\n      $style.chip,\n      $style[color ?? ''],\n      $style[size ?? ''],\n      $style[variant ?? ''],\n      {\n        [$style.disabled]: disabled,\n        [$style.tile]: tile,\n        [$style.readonly]: !clickable,\n      },\n    ]\"\n    :style=\"style\"\n    role=\"button\"\n    tabindex=\"0\"\n    v-bind=\"objectOmit($attrs, ['onClick'])\"\n    @click=\"click($event)\"\n  >\n    <div\n      v-if=\"$slots.prepend\"\n      :class=\"$style.chip__prepend\"\n    >\n      <slot name=\"prepend\" />\n    </div>\n    <span :class=\"[$style.chip__label, contentClass]\">\n      <slot />\n    </span>\n    <button\n      v-if=\"closeable\"\n      :class=\"$style.chip__close\"\n      :disabled=\"disabled\"\n      type=\"button\"\n      @click.stop=\"emit('click:close')\"\n    >\n      <RuiIcon\n        :class=\"$style.chip__close_icon\"\n        :size=\"size === 'sm' ? 16 : 24\"\n        :name=\"closeIcon\"\n      />\n    </button>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@use '@/styles/colors.scss' as c;\n\n.chip {\n  @apply inline-flex items-center justify-between rounded-full px-1.5 py-[0.25rem] transition-all cursor-default outline-none;\n  @apply max-w-full truncate;\n\n  &.tile {\n    @apply rounded-sm;\n  }\n\n  &:not(.readonly):not(.disabled) {\n    @apply hover:brightness-90 focus:brightness-75;\n  }\n\n  &.grey {\n    @apply text-rui-text;\n\n    &.filled {\n      @apply bg-rui-grey-200;\n    }\n\n    &.outlined {\n      @apply border border-black/[0.26] bg-transparent;\n\n      &:not(.readonly):not(.disabled) {\n        @apply hover:bg-black/[0.04] focus:bg-black/[0.12];\n      }\n    }\n  }\n\n  @each $color in c.$context-colors {\n    &.#{$color} {\n      &.filled {\n        @apply text-rui-dark-text bg-rui-#{$color};\n      }\n\n      &.outlined {\n        @apply border text-rui-#{$color} border-rui-#{$color}/50 bg-transparent;\n\n        &:not(.readonly):not(.disabled) {\n          @apply hover:bg-rui-#{$color}/[0.04] focus:bg-rui-#{$color}/[0.12];\n        }\n      }\n    }\n  }\n\n  &__prepend {\n    @apply rounded-full flex items-center justify-center pr-0 w-6 h-6;\n    @apply text-[0.6rem] text-white bg-rui-grey-400 -ml-0.5 overflow-hidden;\n  }\n\n  &__label {\n    @apply truncate px-[0.375rem] text-[0.8125rem];\n  }\n\n  &__close {\n    @apply rounded-full flex items-center p-[0.13rem] pl-0;\n    @apply inset-y-0 focus:outline-none -mr-1;\n\n    &_icon {\n      @apply opacity-50 hover:opacity-80 transition-opacity;\n    }\n  }\n\n  &.md {\n    @apply min-h-[2.26rem];\n  }\n\n  &.sm {\n    @apply py-[0.19rem];\n\n    &__prepend {\n      @apply text-[0.5rem] p-[0.08rem] w-4 h-4 -ml-1;\n    }\n\n    &__label {\n      @apply px-[0.3rem] text-[0.7rem];\n    }\n\n    &__close {\n      @apply p-[0.08rem];\n      @apply -mr-1.5;\n    }\n  }\n\n  &.disabled,\n  &.readonly {\n    @apply cursor-default;\n\n    &__close {\n      @apply cursor-default;\n\n      &_icon {\n        @apply opacity-50;\n      }\n    }\n  }\n\n  &.disabled {\n    @apply opacity-40;\n  }\n}\n\n:global(.dark) {\n  .chip {\n    &:not(.readonly):not(.disabled) {\n      @apply hover:brightness-110 focus:brightness-75;\n    }\n\n    &.grey {\n      &.filled {\n        @apply bg-rui-grey-800;\n      }\n\n      &.outlined {\n        @apply border-white/[0.26];\n\n        &:not(.readonly):not(.disabled) {\n          @apply hover:bg-white/[0.04] focus:bg-white/[0.12];\n        }\n      }\n    }\n\n    @each $color in (warning, success, info) {\n      &.#{$color} {\n        &.filled {\n          @apply text-rui-light-text;\n        }\n      }\n    }\n\n    &__prepend {\n      @apply bg-rui-grey-700;\n    }\n\n    &__close {\n      &_icon {\n        @apply hover:text-rui-grey-300;\n      }\n    }\n  }\n}\n</style>\n"],"names":["style","_openBlock","_createElementBlock","_mergeProps","$style","_unref","$attrs","$slots","_normalizeClass","_renderSlot","_createElementVNode","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,UAAM,QAAQ;AAcd,UAAM,OAAO;AAKb,UAAM,EAAE,WAAW,UAAU,SAAS,UAAA,IAAc,OAAO,KAAK;AAEhE,aAAS,MAAM,GAAQ;AACrB,UAAI,IAAI,QAAQ,SAAS,SAAS,GAAG,QAAQ,CAAC;AAC5C;AAEF,WAAK,SAAS,CAAC;AAAA,IACjB;AAEA,UAAM,QAAQ,SAA8B,MAAM;AAChD,YAAMA,SAA6B,CAAA;AACnC,YAAM,KAAK,IAAI,OAAO;AACtB,YAAM,OAAO,IAAI,SAAS;AAC1B,UAAI;AACFA,eAAM,kBAAkB;AAE1B,UAAI;AACFA,eAAM,QAAQ;AAEhB,aAAOA;AAAAA,IACT,CAAC;;AAIC,aAAAC,UAAA,GAAAC,mBAwCM,OAxCNC,WAwCM;AAAA,QAvCH,OAAK;AAAA,UAAUC,KAAAA,OAAO;AAAA,UAAYA,KAAAA,OAAO,QAAA,SAAK,EAAA;AAAA,UAAeA,KAAAA,OAAO,QAAA,QAAI,EAAA;AAAA,UAAeA,KAAAA,OAAO,QAAA,WAAO,EAAA;AAAA;aAA0BA,KAAAA,OAAO,QAAQ,GAAGC,MAAA,QAAA;AAAA,aAAmBD,KAAAA,OAAO,IAAI,GAAG,QAAA;AAAA,aAAeA,KAAAA,OAAO,QAAQ,GAAA,CAAIC,MAAA,SAAA;AAAA,UAAA;AAAA;QAWpN,OAAOA,MAAA,KAAA;AAAA,QACR,MAAK;AAAA,QACL,UAAS;AAAA,MAAA,GACDA,MAAA,UAAA,EAAWC,KAAAA,QAAM,CAAA,SAAA,CAAA,GAAA;AAAA,QACxB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,MAAM,MAAM;AAAA,MAAA;QAGZC,KAAAA,OAAO,wBADfL,mBAKM,OAAA;AAAA;UAHH,OAAKM,eAAEJ,KAAAA,OAAO,aAAa;AAAA,QAAA;UAE5BK,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;QAEzBC,mBAEO,QAAA;AAAA,UAFA,OAAKF,eAAA,CAAGJ,KAAAA,OAAO,aAAa,QAAA,YAAY,CAAA;AAAA,QAAA;UAC7CK,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;QAGF,QAAA,0BADRP,mBAYS,UAAA;AAAA;UAVN,OAAKM,eAAEJ,KAAAA,OAAO,WAAW;AAAA,UACzB,UAAUC,MAAA,QAAA;AAAA,UACX,MAAK;AAAA,UACJ,6DAAY,KAAI,aAAA,GAAA,CAAA,MAAA,CAAA;AAAA,QAAA;UAEjBM,YAIE,SAAA;AAAA,YAHC,OAAKH,eAAEJ,KAAAA,OAAO,gBAAgB;AAAA,YAC9B,MAAM,QAAA,SAAI,OAAA,KAAA;AAAA,YACV,MAAM,QAAA;AAAA,UAAA;;;;;;"}

package/dist/components/chips/RuiChip.vue3.js

@@ -0,0 +1,88 @@
+const chip = "_chip_1v1sy_315";
+const tile = "_tile_1v1sy_319";
+const readonly = "_readonly_1v1sy_322";
+const disabled = "_disabled_1v1sy_322";
+const grey = "_grey_1v1sy_325";
+const filled = "_filled_1v1sy_328";
+const outlined = "_outlined_1v1sy_331";
+const primary = "_primary_1v1sy_337";
+const secondary = "_secondary_1v1sy_346";
+const error = "_error_1v1sy_355";
+const warning = "_warning_1v1sy_364";
+const info = "_info_1v1sy_373";
+const success = "_success_1v1sy_382";
+const chip__prepend = "_chip__prepend_1v1sy_391";
+const chip__label = "_chip__label_1v1sy_395";
+const chip__close = "_chip__close_1v1sy_398";
+const chip__close_icon = "_chip__close_icon_1v1sy_402";
+const md = "_md_1v1sy_405";
+const sm = "_sm_1v1sy_408";
+const sm__prepend = "_sm__prepend_1v1sy_411";
+const sm__label = "_sm__label_1v1sy_414";
+const sm__close = "_sm__close_1v1sy_417";
+const disabled__close = "_disabled__close_1v1sy_424";
+const readonly__close = "_readonly__close_1v1sy_424";
+const disabled__close_icon = "_disabled__close_icon_1v1sy_427";
+const readonly__close_icon = "_readonly__close_icon_1v1sy_427";
+const style0 = {
+  chip,
+  tile,
+  readonly,
+  disabled,
+  grey,
+  filled,
+  outlined,
+  primary,
+  secondary,
+  error,
+  warning,
+  info,
+  success,
+  chip__prepend,
+  chip__label,
+  chip__close,
+  chip__close_icon,
+  md,
+  sm,
+  sm__prepend,
+  sm__label,
+  sm__close,
+  disabled__close,
+  readonly__close,
+  disabled__close_icon,
+  readonly__close_icon,
+  "bg-tint": "_bg-tint_1v1sy_1",
+  "bg-shade": "_bg-shade_1v1sy_1",
+  "text-tint": "_text-tint_1v1sy_1",
+  "text-shade": "_text-shade_1v1sy_1"
+};
+export {
+  chip,
+  chip__close,
+  chip__close_icon,
+  chip__label,
+  chip__prepend,
+  style0 as default,
+  disabled,
+  disabled__close,
+  disabled__close_icon,
+  error,
+  filled,
+  grey,
+  info,
+  md,
+  outlined,
+  primary,
+  readonly,
+  readonly__close,
+  readonly__close_icon,
+  secondary,
+  sm,
+  sm__close,
+  sm__label,
+  sm__prepend,
+  success,
+  tile,
+  warning
+};
+//# sourceMappingURL=RuiChip.vue3.js.map

package/dist/components/chips/RuiChip.vue3.js.map

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

package/dist/components/color-picker/RuiColorBoard.vue.d.ts

@@ -1,4 +1,4 @@
-import { Color } from './utils';
+import { Color } from './utils.js';
 type __VLS_Props = {
     color: Color;
 };

package/dist/components/color-picker/RuiColorBoard.vue.js

@@ -0,0 +1,11 @@
+import _sfc_main from "./RuiColorBoard.vue2.js";
+import style0 from "./RuiColorBoard.vue3.js";
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
+const cssModules = {
+  "$style": style0
+};
+const RuiColorBoard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  RuiColorBoard as default
+};
+//# sourceMappingURL=RuiColorBoard.vue.js.map

package/dist/components/color-picker/RuiColorBoard.vue.js.map

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

package/dist/components/color-picker/RuiColorBoard.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent, reactive, ref, computed, getCurrentInstance, onMounted, createElementBlock, openBlock, mergeProps, unref, createElementVNode, normalizeClass, normalizeStyle } from "vue";
+import { get, set, clamp } from "@vueuse/shared";
+import { useElementDrag, Color } from "./utils.js";
+import { whenever } from "@vueuse/core";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "RuiColorBoard",
+    inheritAttrs: false
+  },
+  __name: "RuiColorBoard",
+  props: {
+    color: {}
+  },
+  emits: ["update:board"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function hueToHex(hue) {
+      return new Color({ h: hue, s: 1, v: 1 }).hexString;
+    }
+    const state = reactive({
+      hexString: hueToHex(props.color.hue),
+      saturation: props.color.saturation,
+      brightness: props.color.brightness
+    });
+    const cursorTop = ref(0);
+    const cursorLeft = ref(0);
+    const cursorStyle = computed(() => ({
+      top: `${get(cursorTop) * 100}%`,
+      left: `${get(cursorLeft) * 100}%`
+    }));
+    const wrapper = ref();
+    function updatePosition() {
+      set(cursorLeft, state.saturation);
+      set(cursorTop, 1 - state.brightness);
+    }
+    const instance = getCurrentInstance();
+    const {
+      handleClick,
+      onMouseDown
+    } = useElementDrag(emitColor);
+    function emitColor(x, y) {
+      if (!instance)
+        return;
+      const el = instance.vnode.el;
+      const rect = el?.getBoundingClientRect();
+      if (!rect)
+        return;
+      const { width, height, left, top } = rect;
+      let calculatedX = x - left;
+      let calculatedY = y - top;
+      calculatedX = clamp(calculatedX, 0, width);
+      calculatedY = clamp(calculatedY, 0, height);
+      const saturation = calculatedX / width;
+      const brightness = clamp(-(calculatedY / height) + 1, 0, 1);
+      set(cursorLeft, calculatedX / width);
+      set(cursorTop, calculatedY / height);
+      state.saturation = saturation;
+      state.brightness = brightness;
+      emit("update:board", { saturation, brightness });
+    }
+    onMounted(() => {
+      updatePosition();
+    });
+    whenever(
+      () => props.color,
+      (value) => {
+        state.hexString = hueToHex(value.hue);
+        state.saturation = value.saturation;
+        state.brightness = value.brightness;
+        updatePosition();
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "wrapper",
+        ref: wrapper,
+        class: ["rui-color-board", _ctx.$style.saturation]
+      }, _ctx.$attrs, {
+        style: { backgroundColor: unref(state).hexString },
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClick)($event)),
+        onMousedown: _cache[1] || (_cache[1] = ($event) => unref(onMouseDown)($event))
+      }), [
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.saturation__white)
+        }, null, 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.saturation__black)
+        }, null, 2),
+        createElementVNode("div", {
+          class: normalizeClass(_ctx.$style.cursor),
+          style: normalizeStyle(unref(cursorStyle))
+        }, null, 6)
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=RuiColorBoard.vue2.js.map