@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/accordion/theme/Accordion.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionTheme } from '../Accordion.vue';
+declare const theme: AccordionTheme;
+export default theme;

package/lib/components/accordion/theme/Accordion.base.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "grid grid-cols-1 divide-y"
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/accordion/theme/Accordion.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionTheme } from '../Accordion.vue';
+declare const theme: AccordionTheme;
+export default theme;

package/lib/components/accordion/theme/Accordion.carbon.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "grid grid-cols-1 divide-y border-b border-t"
+  }
+}, r = e;
+export {
+  r as default
+};

package/lib/components/accordion/theme/AccordionItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemTheme } from '../AccordionItem.vue';
+declare const theme: AccordionItemTheme;
+export default theme;

package/lib/components/accordion/theme/AccordionItem.base.theme.js

@@ -0,0 +1,16 @@
+const s = {
+  classes: {
+    wrapper: ({ props: t, slots: r }) => {
+      const e = ["relative flex items-center w-full text-left"];
+      return r.default && (e.push("px-4 py-2"), t.disabled || e.push("hover:bg-gray-50 dark:hover:bg-gray-800")), t.iconAlign === "left" && e.push("flex-row-reverse"), t.disabled || e.push("cursor-pointer"), e;
+    },
+    icon: ({ props: t, data: r }) => {
+      const e = ["flex transform transition-transform duration-150"];
+      return r.collapsed || e.push("rotate-180"), t.disabled && e.push("text-gray-300"), t.iconAlign === "left" && e.push("mr-4"), e;
+    },
+    content: "transition-[height] duration-150 overflow-y-hidden"
+  }
+}, i = s;
+export {
+  i as default
+};

package/lib/components/accordion/theme/AccordionItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AccordionItemTheme } from '../AccordionItem.vue';
+declare const theme: AccordionItemTheme;
+export default theme;

package/lib/components/accordion/theme/AccordionItem.carbon.theme.js

@@ -0,0 +1,16 @@
+const s = {
+  classes: {
+    wrapper: ({ props: t, slots: r }) => {
+      const e = ["relative flex items-center w-full text-left"];
+      return r.default && (e.push("px-4 py-2"), t.disabled || e.push("hover:bg-gray-50 dark:hover:bg-gray-800")), t.iconAlign === "left" && e.push("flex-row-reverse"), t.disabled || e.push("cursor-pointer"), e;
+    },
+    icon: ({ props: t, data: r }) => {
+      const e = ["flex transform transition-transform duration-150"];
+      return r.collapsed || e.push("rotate-180"), t.disabled && e.push("text-gray-300"), t.iconAlign === "left" && e.push("mr-4"), e;
+    },
+    content: "px-4 pt-2 pb-6 transition-[height] duration-150 overflow-y-hidden"
+  }
+}, i = s;
+export {
+  i as default
+};

package/lib/components/alert/Alert.vue.d.ts

@@ -0,0 +1,61 @@
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const alertType: readonly ["info", "success", "error", "warning"];
+declare const alertProps: {
+    type: PropType<"info" | "success" | "error" | "warning">;
+    glow: BooleanConstructor;
+    light: BooleanConstructor;
+    outlined: BooleanConstructor;
+    removable: BooleanConstructor;
+    closeLabel: StringConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+};
+export type AlertType = typeof alertType[number];
+export type AlertProps = ExtractPublicPropTypes<typeof alertProps>;
+type InternalClasses = 'wrapper';
+export interface AlertTheme extends ThemeComponent<AlertProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    type: PropType<"info" | "success" | "error" | "warning">;
+    glow: BooleanConstructor;
+    light: BooleanConstructor;
+    outlined: BooleanConstructor;
+    removable: BooleanConstructor;
+    closeLabel: StringConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: PropType<"info" | "success" | "error" | "warning">;
+    glow: BooleanConstructor;
+    light: BooleanConstructor;
+    outlined: BooleanConstructor;
+    removable: BooleanConstructor;
+    closeLabel: StringConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}>> & {
+    onRemove?: ((...args: any[]) => any) | undefined;
+}, {
+    glow: boolean;
+    light: boolean;
+    outlined: boolean;
+    removable: boolean;
+    color: string;
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+    removeIcon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/alert/Alert.vue.js

@@ -0,0 +1,9 @@
+import s from "./Alert.vue2.js";
+import o from "./Alert.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};

package/lib/components/alert/Alert.vue2.js

@@ -0,0 +1,61 @@
+import { defineComponent as v, computed as g, openBlock as l, createElementBlock as a, normalizeStyle as k, unref as r, normalizeClass as w, renderSlot as t, createBlock as b, createCommentVNode as i, createElementVNode as n, Fragment as B, createVNode as $ } from "vue";
+import { useColors as I } from "../../composables/useColors.js";
+import { useTheme as C } from "../../composables/useTheme.js";
+import { infoIcon as h, successIcon as N, errorIcon as S, warningIcon as V, closeIcon as z } from "../../common/icons.js";
+import c from "../icon/Icon.vue.js";
+const A = /* @__PURE__ */ n("div", { class: "flex-grow" }, null, -1), E = ["aria-label"], L = ["info", "success", "error", "warning"], T = {
+  ...I.props(),
+  type: String,
+  glow: Boolean,
+  light: Boolean,
+  outlined: Boolean,
+  removable: Boolean,
+  closeLabel: String
+}, _ = {
+  name: "XAlert",
+  validators: {
+    type: L
+  }
+}, D = /* @__PURE__ */ v({
+  ..._,
+  props: T,
+  emits: ["remove"],
+  setup(m) {
+    const o = m, p = g(() => o.type === "info" ? h : o.type === "success" ? N : o.type === "error" ? S : o.type === "warning" ? V : ""), { styles: u, classes: f, className: d } = C("Alert", {}, o);
+    return (e, s) => (l(), a("div", {
+      style: k(r(u)),
+      class: w([
+        r(d),
+        e.$style.alert,
+        e.glow ? e.$style["alert--glow"] : "",
+        r(f).wrapper
+      ])
+    }, [
+      t(e.$slots, "icon", {}, () => [
+        e.type ? (l(), b(c, {
+          key: 0,
+          icon: p.value,
+          class: "text-[color:var(--x-alert-icon)] dark:text-[color:var(--x-alert-dark-icon)]"
+        }, null, 8, ["icon"])) : i("", !0)
+      ]),
+      n("div", null, [
+        t(e.$slots, "default")
+      ]),
+      e.removable ? (l(), a(B, { key: 0 }, [
+        A,
+        n("button", {
+          class: "shrink-0",
+          "aria-label": e.closeLabel,
+          onClick: s[0] || (s[0] = (y) => e.$emit("remove", y))
+        }, [
+          t(e.$slots, "removeIcon", {}, () => [
+            $(c, { icon: r(z) }, null, 8, ["icon"])
+          ])
+        ], 8, E)
+      ], 64)) : i("", !0)
+    ], 6));
+  }
+});
+export {
+  D as default
+};

package/lib/components/alert/Alert.vue3.js

@@ -0,0 +1,8 @@
+const l = "_alert_rqxly_2", t = {
+  alert: l,
+  "alert--glow": "_alert--glow_rqxly_1"
+};
+export {
+  l as alert,
+  t as default
+};

package/lib/components/alert/__tests__/Alert.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/alert/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XAlert } from './Alert.vue';
+export type { AlertProps, AlertType, AlertTheme } from './Alert.vue';

package/lib/components/alert/theme/Alert.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AlertTheme } from '../Alert.vue';
+declare const theme: AlertTheme;
+export default theme;

package/lib/components/alert/theme/Alert.base.theme.js

@@ -0,0 +1,41 @@
+const l = {
+  classes: {
+    wrapper: "flex items-center rounded-md space-x-2 px-4 py-2 border"
+  },
+  styles: ({ props: t, colors: n, css: a }) => {
+    const e = n.getPalette(t.color), r = [];
+    return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
+      bg: e[50],
+      text: e[600],
+      icon: e[600],
+      border: t.outlined ? e[600] : e[50],
+      dark: {
+        bg: e[200],
+        text: e[800],
+        icon: e[600],
+        border: t.outlined ? e[500] : e[200]
+      }
+    })) : r.push(a.variables({
+      bg: t.outlined ? "transparent" : e[600],
+      text: t.outlined ? e[600] : e[50],
+      icon: t.outlined ? e[600] : e[50],
+      border: e[600],
+      dark: {
+        border: e[400],
+        text: t.outlined ? e[400] : e[50]
+      }
+    })), r) : (r.push(a.variables({
+      bg: "transparent",
+      text: e[500],
+      border: e[300],
+      dark: {
+        bg: "transparent",
+        text: e[300],
+        border: e[500]
+      }
+    })), r);
+  }
+}, o = l;
+export {
+  o as default
+};

package/lib/components/alert/theme/Alert.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AlertTheme } from '../Alert.vue';
+declare const theme: AlertTheme;
+export default theme;

package/lib/components/alert/theme/Alert.carbon.theme.js

@@ -0,0 +1,41 @@
+const o = {
+  classes: {
+    wrapper: "flex items-center space-x-2 px-4 py-3 border border-l-4 text-sm"
+  },
+  styles: ({ props: t, colors: n, css: a }) => {
+    const l = n.getPalette("gray"), e = n.getPalette(t.color), r = [];
+    return t.glow && r.push(a.get("glow", n.getColorOpacity(e[500], 0.5))), t.color ? (t.light ? r.push(a.variables({
+      bg: e[50],
+      text: l[900],
+      icon: e[600],
+      border: t.outlined ? e[600] : e[50],
+      dark: {
+        bg: l[800],
+        text: l[100],
+        icon: e[600],
+        border: t.outlined ? e[500] : e[200]
+      }
+    })) : r.push(a.variables({
+      bg: t.outlined ? "transparent" : e[600],
+      text: t.outlined ? e[600] : e[50],
+      icon: t.outlined ? e[600] : e[50],
+      border: e[600],
+      dark: {
+        border: e[400],
+        text: t.outlined ? e[400] : e[50]
+      }
+    })), r) : (r.push(a.variables({
+      bg: "transparent",
+      text: e[500],
+      border: e[300],
+      dark: {
+        bg: "transparent",
+        text: e[300],
+        border: e[500]
+      }
+    })), r);
+  }
+}, d = o;
+export {
+  d as default
+};

package/lib/components/avatar/Avatar.vue.d.ts

@@ -0,0 +1,82 @@
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const avatarProps: {
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: StringConstructor;
+    alt: StringConstructor;
+    image: StringConstructor;
+    outlined: BooleanConstructor;
+    rounded: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type AvatarProps = ExtractPublicPropTypes<typeof avatarProps>;
+type InternalClasses = 'wrapper';
+type InternalExtraData = {
+    source: Ref<string | undefined>;
+};
+export interface AvatarTheme extends ThemeComponent<AvatarProps, InternalClasses, InternalExtraData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: StringConstructor;
+    alt: StringConstructor;
+    image: StringConstructor;
+    outlined: BooleanConstructor;
+    rounded: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    name: StringConstructor;
+    alt: StringConstructor;
+    image: StringConstructor;
+    outlined: BooleanConstructor;
+    rounded: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    tag: string;
+    outlined: boolean;
+    color: string;
+    rounded: boolean;
+    size: import("../../composables/useCommon").Size;
+}, {}>, {
+    avatarIcon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/avatar/Avatar.vue.js

@@ -0,0 +1,9 @@
+import s from "./Avatar.vue2.js";
+import o from "./Avatar.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const r = {
+  $style: o
+}, f = /* @__PURE__ */ t(s, [["__cssModules", r]]);
+export {
+  f as default
+};

package/lib/components/avatar/Avatar.vue2.js

@@ -0,0 +1,75 @@
+import { defineComponent as d, ref as f, computed as g, watch as v, openBlock as n, createBlock as y, resolveDynamicComponent as h, normalizeStyle as w, unref as r, normalizeClass as C, withCtx as S, createElementBlock as s, toDisplayString as _, renderSlot as k, createVNode as z, createCommentVNode as B } from "vue";
+import { useCommon as i } from "../../composables/useCommon.js";
+import { useColors as I } from "../../composables/useColors.js";
+import { useTheme as N } from "../../composables/useTheme.js";
+import { avatarIcon as $ } from "../../common/icons.js";
+import A from "../icon/Icon.vue.js";
+const D = ["alt", "src"], V = {
+  key: 1,
+  class: "leading-none"
+}, b = {
+  ...i.props(),
+  ...I.props("primary"),
+  tag: {
+    type: String,
+    default: "div"
+  },
+  name: String,
+  alt: String,
+  image: String,
+  outlined: Boolean,
+  rounded: Boolean
+}, E = {
+  name: "XAvatar",
+  validators: i.validators()
+}, F = /* @__PURE__ */ d({
+  ...E,
+  props: b,
+  setup(l) {
+    const a = l, o = f(), m = g(() => {
+      if (a.name) {
+        const e = a.name.match(/\b\w/g) || [];
+        return ((e.shift() || "") + (e.pop() || "")).toUpperCase();
+      }
+      return "";
+    });
+    typeof window < "u" && Image && v(() => a.image, (e) => {
+      if (o.value = void 0, !e)
+        return;
+      const t = new Image();
+      t.onload = () => {
+        o.value = a.image;
+      }, t.onerror = () => {
+      }, t.src = e;
+    }, {
+      immediate: !0
+    });
+    const { styles: c, classes: p, className: u } = N("Avatar", {}, a, { source: o });
+    return (e, t) => (n(), y(h(e.tag), {
+      style: w(r(c)),
+      class: C([
+        r(u),
+        e.$style.avatar,
+        r(p).wrapper
+      ])
+    }, {
+      default: S(() => [
+        o.value ? (n(), s("img", {
+          key: 0,
+          alt: e.alt,
+          src: e.image,
+          class: "h-full w-full"
+        }, null, 8, D)) : e.name ? (n(), s("span", V, _(m.value), 1)) : e.name ? B("", !0) : k(e.$slots, "avatarIcon", { key: 2 }, () => [
+          z(A, {
+            size: e.size,
+            icon: r($)
+          }, null, 8, ["size", "icon"])
+        ])
+      ]),
+      _: 3
+    }, 8, ["style", "class"]));
+  }
+});
+export {
+  F as default
+};

package/lib/components/avatar/Avatar.vue3.js

@@ -0,0 +1,7 @@
+const a = "_avatar_7u83c_2", t = {
+  avatar: a
+};
+export {
+  a as avatar,
+  t as default
+};

package/lib/components/avatar/__tests__/Avatar.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/avatar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XAvatar } from './Avatar.vue';
+export type { AvatarProps, AvatarTheme } from './Avatar.vue';

package/lib/components/avatar/theme/Avatar.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarTheme } from '../Avatar.vue';
+declare const theme: AvatarTheme;
+export default theme;

package/lib/components/avatar/theme/Avatar.base.theme.js

@@ -0,0 +1,25 @@
+const n = {
+  classes: {
+    wrapper({ props: e }) {
+      const t = ["relative inline-flex items-center justify-center overflow-hidden align-middle border box-content"];
+      return t.push(e.rounded ? "rounded-full" : "rounded-md"), e.size === "xs" ? t.push("h-6 w-6 text-xs") : e.size === "sm" ? t.push("h-9 w-9 text-sm") : e.size === "lg" ? t.push("h-12 w-12 text-lg") : e.size === "xl" ? t.push("h-[3.75rem] w-[3.75rem] text-xl") : t.push("h-10 w-10"), t;
+    }
+  },
+  styles({ props: e, colors: t, css: r, data: l }) {
+    const s = t.getPalette(e.color);
+    return l.source ? r.variables({
+      bg: "transparent",
+      border: e.outlined ? s[500] : "transparent"
+    }) : r.variables({
+      bg: s[100],
+      text: s[500],
+      border: e.outlined ? s[500] : "transparent",
+      dark: {
+        bg: s[900]
+      }
+    });
+  }
+}, i = n;
+export {
+  i as default
+};

package/lib/components/avatar/theme/Avatar.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarTheme } from '../Avatar.vue';
+declare const theme: AvatarTheme;
+export default theme;

package/lib/components/avatar/theme/Avatar.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Avatar.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/badge/Badge.vue.d.ts

@@ -0,0 +1,123 @@
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const badgeAlign: readonly ["left", "right"];
+declare const badgePosition: readonly ["top", "bottom"];
+declare const badgeProps: {
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+    };
+    align: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    offsetX: (StringConstructor | NumberConstructor)[];
+    offsetY: (StringConstructor | NumberConstructor)[];
+    animated: BooleanConstructor;
+    outlined: BooleanConstructor;
+    icon: StringConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type BadgePosition = typeof badgePosition[number];
+export type BadgeAlign = typeof badgeAlign[number];
+export type BadgeProps = ExtractPublicPropTypes<typeof badgeProps>;
+type InternalClasses = 'wrapper';
+export interface BadgeTheme extends ThemeComponent<BadgeProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+    };
+    align: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    offsetX: (StringConstructor | NumberConstructor)[];
+    offsetY: (StringConstructor | NumberConstructor)[];
+    animated: BooleanConstructor;
+    outlined: BooleanConstructor;
+    icon: StringConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    position: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+    };
+    align: {
+        type: PropType<"left" | "right">;
+        default: string;
+    };
+    offsetX: (StringConstructor | NumberConstructor)[];
+    offsetY: (StringConstructor | NumberConstructor)[];
+    animated: BooleanConstructor;
+    outlined: BooleanConstructor;
+    icon: StringConstructor;
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    tag: string;
+    outlined: boolean;
+    color: string;
+    size: import("../../composables/useCommon").Size;
+    position: "top" | "bottom";
+    align: "left" | "right";
+    animated: boolean;
+    show: boolean;
+}, {}>, {
+    default?(_: {}): any;
+    content?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};