@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/input/theme/Input.carbon.theme.js

@@ -0,0 +1,17 @@
+const s = {
+  classes: {
+    wrapper: "",
+    input: ({ props: r, data: a }) => {
+      const e = ["appearance-none block w-full placeholder-gray-400 dark:placeholder-gray-500 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out border-gray-300 dark:border-gray-700 border-b text-sm px-4"];
+      return !a.errorInternal && !r.disabled && e.push("hover:border-gray-400 dark:hover:border-gray-500"), r.size === "xs" || r.size === "sm" ? e.push("py-1.5") : r.size === "lg" || r.size === "xl" ? e.push("py-3.5") : e.push("py-2.5"), r.disabled ? e.push("bg-gray-100 dark:bg-gray-900 text-gray-300 cursor-not-allowed") : r.readonly ? e.push("bg-white dark:bg-gray-900 text-gray-700") : e.push("bg-gray-50 dark:bg-gray-800 text-gray-700 dark:text-gray-200"), e;
+    },
+    icon: "text-gray-600 dark:text-gray-300 absolute my-auto inset-y-0"
+  },
+  styles: ({ colors: r, props: a, css: e }) => {
+    const t = r.getPalette(a.color);
+    return e.get("border", t[400]);
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/inputFooter/InputFooter.vue.d.ts

@@ -0,0 +1,18 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const inputFooterProps: {
+    helper: StringConstructor;
+    error: StringConstructor;
+};
+export type InputFooterProps = ExtractPublicPropTypes<typeof inputFooterProps>;
+type InternalClasses = 'wrapper' | 'helperText' | 'errorText';
+export interface InputFooterTheme extends ThemeComponent<InputFooterProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    helper: StringConstructor;
+    error: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    helper: StringConstructor;
+    error: StringConstructor;
+}>>, {}, {}>;
+export default _default;

package/lib/components/inputFooter/InputFooter.vue.js

@@ -0,0 +1,27 @@
+import { defineComponent as i, openBlock as t, createElementBlock as s, normalizeClass as n, unref as e, normalizeStyle as u, toDisplayString as p, createCommentVNode as f } from "vue";
+import { useTheme as h } from "../../composables/useTheme.js";
+const y = {
+  helper: String,
+  error: String
+}, d = { name: "XInputFooter" }, g = /* @__PURE__ */ i({
+  ...d,
+  props: y,
+  setup(l) {
+    const a = l, { styles: c, classes: o, className: m } = h("InputFooter", {}, a);
+    return (r, k) => (t(), s("div", {
+      class: n([e(m), e(o).wrapper]),
+      style: u(e(c))
+    }, [
+      r.error ? (t(), s("p", {
+        key: 0,
+        class: n(e(o).errorText)
+      }, p(r.error), 3)) : r.helper ? (t(), s("p", {
+        key: 1,
+        class: n(e(o).helperText)
+      }, p(r.helper), 3)) : f("", !0)
+    ], 6));
+  }
+});
+export {
+  g as default
+};

package/lib/components/inputFooter/InputFooter.vue2.js

@@ -0,0 +1,4 @@
+import f from "./InputFooter.vue.js";
+export {
+  f as default
+};

package/lib/components/inputFooter/__tests__/InputFooter.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XInputFooter } from './InputFooter.vue';
+export type { InputFooterProps, InputFooterTheme } from './InputFooter.vue';

package/lib/components/inputFooter/theme/InputFooter.base.theme.d.ts

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

package/lib/components/inputFooter/theme/InputFooter.base.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "min-h-[1.3rem] text-sm mt-1",
+    helperText: "text-gray-500 dark:text-gray-400",
+    errorText: "text-red-500 dark:text-red-400"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/inputFooter/theme/InputFooter.carbon.theme.d.ts

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

package/lib/components/inputFooter/theme/InputFooter.carbon.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "text-xs mt-1",
+    helperText: "text-gray-500 dark:text-gray-400",
+    errorText: "text-red-500 dark:text-red-400"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/label/Label.vue.d.ts

@@ -0,0 +1,68 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const labelProps: {
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type LabelProps = ExtractPublicPropTypes<typeof labelProps>;
+type InternalClasses = 'wrapper' | 'label';
+export interface LabelTheme extends ThemeComponent<LabelProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    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<{
+    label: StringConstructor;
+    disabled: BooleanConstructor;
+    required: BooleanConstructor;
+    block: BooleanConstructor;
+    isInsideForm: BooleanConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    disabled: boolean;
+    tag: string;
+    size: import("../../composables/useCommon").Size;
+    block: boolean;
+    required: boolean;
+    isInsideForm: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/label/Label.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as u, openBlock as o, createBlock as t, resolveDynamicComponent as s, normalizeStyle as f, unref as l, normalizeClass as r, withCtx as n, createTextVNode as b, toDisplayString as y, createCommentVNode as g, renderSlot as B } from "vue";
+import { useTheme as C } from "../../composables/useTheme.js";
+import { useCommon as i } from "../../composables/useCommon.js";
+const S = {
+  ...i.props(),
+  label: String,
+  disabled: Boolean,
+  required: Boolean,
+  block: Boolean,
+  isInsideForm: Boolean,
+  tag: {
+    type: String,
+    default: "label"
+  }
+}, k = {
+  name: "XLabel",
+  validators: {
+    ...i.validators()
+  }
+}, w = /* @__PURE__ */ u({
+  ...k,
+  props: S,
+  setup(m) {
+    const p = m, { styles: d, classes: a, className: c } = C("Label", {}, p);
+    return (e, _) => (o(), t(s(e.tag), {
+      style: f(l(d)),
+      class: r([l(c), l(a).wrapper])
+    }, {
+      default: n(() => [
+        e.label ? (o(), t(s(e.tag === "fieldset" ? "legend" : "p"), {
+          key: 0,
+          title: e.label,
+          class: r(l(a).label)
+        }, {
+          default: n(() => [
+            b(y(e.label), 1)
+          ]),
+          _: 1
+        }, 8, ["title", "class"])) : g("", !0),
+        B(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "class"]));
+  }
+});
+export {
+  w as default
+};

package/lib/components/label/Label.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Label.vue.js";
+export {
+  f as default
+};

package/lib/components/label/__tests__/Label.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XLabel } from './Label.vue';
+export type { LabelProps, LabelTheme } from './Label.vue';

package/lib/components/label/theme/Label.base.theme.d.ts

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

package/lib/components/label/theme/Label.base.theme.js

@@ -0,0 +1,15 @@
+const s = {
+  classes: {
+    wrapper: ({ props: t }) => {
+      const e = ["block relative align-bottom focus:outline-none"];
+      return t.isInsideForm && e.push("mb-3"), t.block && e.push("w-full"), e;
+    },
+    label: ({ props: t }) => {
+      const e = "font-medium text-gray-800 dark:text-gray-200 mb-1";
+      return t.size === "xs" ? e + " text-xs" : t.size === "sm" ? e + " text-sm" : t.size === "lg" ? e + " text-lg" : t.size === "xl" ? e + " text-xl" : e;
+    }
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/label/theme/Label.carbon.theme.d.ts

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

package/lib/components/label/theme/Label.carbon.theme.js

@@ -0,0 +1,12 @@
+const s = {
+  classes: {
+    wrapper: ({ props: t }) => {
+      const e = ["block relative align-bottom focus:outline-none"];
+      return t.isInsideForm && e.push("mb-8"), t.block && e.push("w-full"), e;
+    },
+    label: "text-xs text-gray-500 dark:text-gray-200 mb-2"
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/link/Link.vue.d.ts

@@ -0,0 +1,61 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const linkProps: {
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    to: (ObjectConstructor | StringConstructor)[];
+    shadow: BooleanConstructor;
+    external: BooleanConstructor;
+    underline: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+};
+export type LinkProps = ExtractPublicPropTypes<typeof linkProps>;
+type InternalClasses = 'wrapper';
+export interface LinkTheme extends ThemeComponent<LinkProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    to: (ObjectConstructor | StringConstructor)[];
+    shadow: BooleanConstructor;
+    external: BooleanConstructor;
+    underline: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}, {}, 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;
+    };
+    to: (ObjectConstructor | StringConstructor)[];
+    shadow: BooleanConstructor;
+    external: BooleanConstructor;
+    underline: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+}>>, {
+    tag: string;
+    color: string;
+    shadow: boolean;
+    underline: boolean;
+    external: boolean;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/link/Link.vue.js

@@ -0,0 +1,9 @@
+import s from "./Link.vue2.js";
+import o from "./Link.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: o
+}, m = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-170b7443"]]);
+export {
+  m as default
+};

package/lib/components/link/Link.vue2.js

@@ -0,0 +1,47 @@
+import { defineComponent as m, openBlock as n, createBlock as p, resolveDynamicComponent as u, normalizeStyle as d, unref as o, normalizeClass as c, withCtx as f, createElementBlock as k, renderSlot as t, createVNode as y } from "vue";
+import { useColors as h } from "../../composables/useColors.js";
+import { useTheme as g } from "../../composables/useTheme.js";
+import { externalIcon as B } from "../../common/icons.js";
+import w from "../icon/Icon.vue.js";
+const C = {
+  key: 0,
+  class: "inline-flex items-center"
+}, $ = {
+  ...h.props(),
+  tag: {
+    type: String,
+    default: "a"
+  },
+  to: [String, Object],
+  shadow: Boolean,
+  external: Boolean,
+  underline: Boolean
+}, S = { name: "XLink" }, D = /* @__PURE__ */ m({
+  ...S,
+  props: $,
+  setup(s) {
+    const l = s, { styles: r, classes: a, className: i } = g("Link", {}, l);
+    return (e, v) => (n(), p(u(e.to ? e.tag !== "a" ? e.tag : "router-link" : e.tag), {
+      to: e.to,
+      style: d(o(r)),
+      class: c([
+        o(i),
+        e.$style.link,
+        o(a).wrapper,
+        [e.shadow ? e.$style["link--shadow"] : ""],
+        { underline: e.underline }
+      ])
+    }, {
+      default: f(() => [
+        e.external ? (n(), k("span", C, [
+          t(e.$slots, "default", {}, void 0, !0),
+          y(w, { icon: o(B) }, null, 8, ["icon"])
+        ])) : t(e.$slots, "default", { key: 1 }, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["to", "style", "class"]));
+  }
+});
+export {
+  D as default
+};

package/lib/components/link/Link.vue3.js

@@ -0,0 +1,8 @@
+const k = "_link_ke25h_2", l = {
+  link: k,
+  "link--shadow": "_link--shadow_ke25h_1"
+};
+export {
+  l as default,
+  k as link
+};

package/lib/components/link/__tests__/Link.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XLink } from './Link.vue';
+export type { LinkProps, LinkTheme } from './Link.vue';

package/lib/components/link/theme/Link.base.theme.d.ts

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

package/lib/components/link/theme/Link.base.theme.js

@@ -0,0 +1,25 @@
+const r = {
+  classes: {
+    wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex"
+  },
+  styles: ({ colors: o, props: t, css: a }) => {
+    const e = o.getPalette(t.color || "gray");
+    return a.variables({
+      text: t.color ? e[600] : "",
+      hover: {
+        text: t.shadow ? "" : e[700]
+      },
+      shadow: e[100],
+      dark: {
+        text: t.color ? e[400] : "",
+        hover: {
+          text: e[300]
+        },
+        shadow: e[900]
+      }
+    });
+  }
+}, s = r;
+export {
+  s as default
+};

package/lib/components/link/theme/Link.carbon.theme.d.ts

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

package/lib/components/link/theme/Link.carbon.theme.js

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

package/lib/components/loader/Loader.vue.d.ts

@@ -0,0 +1,49 @@
+import type { ExtractPublicPropTypes, PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const loaderProps: {
+    status: {
+        type: PropType<LoaderStatus>;
+        default: string;
+    };
+    icon: StringConstructor;
+    label: StringConstructor;
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type LoaderStatus = 'active' | 'success' | 'error';
+export type LoaderProps = ExtractPublicPropTypes<typeof loaderProps>;
+type InternalClasses = 'wrapper' | 'iconSuccess' | 'iconError' | 'label';
+export interface LoaderTheme extends ThemeComponent<LoaderProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    status: {
+        type: PropType<LoaderStatus>;
+        default: string;
+    };
+    icon: StringConstructor;
+    label: StringConstructor;
+    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<{
+    status: {
+        type: PropType<LoaderStatus>;
+        default: string;
+    };
+    icon: StringConstructor;
+    label: StringConstructor;
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>>, {
+    size: import("../../composables/useCommon").Size;
+    status: LoaderStatus;
+}, {}>;
+export default _default;

package/lib/components/loader/Loader.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent as d, openBlock as o, createElementBlock as t, normalizeClass as a, unref as e, normalizeStyle as z, createBlock as i, createCommentVNode as n, toDisplayString as y } from "vue";
+import { useCommon as l } from "../../composables/useCommon.js";
+import { useTheme as k } from "../../composables/useTheme.js";
+import c from "../icon/Icon.vue.js";
+import v from "../spinner/Spinner.vue.js";
+import { successIcon as S, errorIcon as b } from "../../common/icons.js";
+const g = {
+  ...l.props(),
+  status: {
+    type: String,
+    default: "active"
+  },
+  icon: String,
+  label: String
+}, C = {
+  name: "XLoader",
+  validators: {
+    ...l.validators(),
+    status: ["active", "success", "error"]
+  }
+}, $ = /* @__PURE__ */ d({
+  ...C,
+  props: g,
+  setup(m) {
+    const u = m, { styles: p, classes: r, className: f } = k("Loader", {}, u);
+    return (s, B) => (o(), t("div", {
+      class: a([e(f), e(r).wrapper]),
+      style: z(e(p))
+    }, [
+      s.status === "active" ? (o(), i(v, {
+        key: 0,
+        size: s.size,
+        icon: s.icon
+      }, null, 8, ["size", "icon"])) : s.status === "success" ? (o(), i(c, {
+        key: 1,
+        class: a(e(r).iconSuccess),
+        size: s.size,
+        icon: e(S)
+      }, null, 8, ["class", "size", "icon"])) : s.status === "error" ? (o(), i(c, {
+        key: 2,
+        class: a(e(r).iconError),
+        size: s.size,
+        icon: e(b)
+      }, null, 8, ["class", "size", "icon"])) : n("", !0),
+      s.label ? (o(), t("span", {
+        key: 3,
+        class: a(e(r).label)
+      }, y(s.label), 3)) : n("", !0)
+    ], 6));
+  }
+});
+export {
+  $ as default
+};

package/lib/components/loader/Loader.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Loader.vue.js";
+export {
+  f as default
+};

package/lib/components/loader/__tests__/Loader.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XLoader } from './Loader.vue';
+export type { LoaderProps, LoaderTheme } from './Loader.vue';

package/lib/components/loader/theme/Loader.base.theme.d.ts

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

package/lib/components/loader/theme/Loader.base.theme.js

@@ -0,0 +1,11 @@
+const e = {
+  classes: {
+    wrapper: "inline-flex items-center justify-center",
+    iconSuccess: "text-green-500",
+    iconError: "text-red-500",
+    label: "mx-2 text-sm"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/loader/theme/Loader.carbon.theme.d.ts

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

package/lib/components/loader/theme/Loader.carbon.theme.js

@@ -0,0 +1,11 @@
+const e = {
+  classes: {
+    wrapper: "inline-flex items-center justify-center",
+    iconSuccess: "text-green-500",
+    iconError: "text-red-500",
+    label: "mx-2 text-sm"
+  }
+}, t = e;
+export {
+  t as default
+};