@indielayer/ui 0.0.0-dev-20240125104319

package/lib/components/icon/theme/Icon.base.theme.js

@@ -0,0 +1,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = "inline shrink-0";
+      return s.size === "xs" ? e + " h-3 w-3" : s.size === "sm" ? e + " h-4 w-4" : s.size === "lg" ? e + " h-6 w-6" : s.size === "xl" ? e + " h-9 w-9" : e + " h-5 w-5";
+    }
+  }
+}, i = t;
+export {
+  i as default
+};

package/lib/components/icon/theme/Icon.carbon.theme.d.ts

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

package/lib/components/icon/theme/Icon.carbon.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "inline shrink-0 h-4 w-4"
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/image/Image.vue.d.ts

@@ -0,0 +1,15 @@
+import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const imageProps: {
+    src: StringConstructor;
+};
+export type ImageProps = ExtractPublicPropTypes<typeof imageProps>;
+type InternalClasses = 'wrapper';
+export interface ImageTheme extends ThemeComponent<ImageProps, InternalClasses> {
+}
+declare const _default: import("vue").DefineComponent<{
+    src: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+}>>, {}, {}>;
+export default _default;

package/lib/components/image/Image.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as i, ref as A, watch as f, openBlock as p, createElementBlock as u, normalizeClass as d, unref as r, normalizeStyle as g } from "vue";
+import { useTheme as _ } from "../../composables/useTheme.js";
+const w = ["src"], h = {
+  src: String
+}, y = { name: "XImage" }, I = /* @__PURE__ */ i({
+  ...y,
+  props: h,
+  setup(a) {
+    const n = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", s = a, t = A(n);
+    typeof window < "u" && Image && f(() => s.src, (o) => {
+      if (!o)
+        return;
+      const e = new Image();
+      e.onload = () => {
+        t.value = s.src;
+      }, e.onerror = () => {
+      }, e.src = o;
+    }, {
+      immediate: !0
+    });
+    const { styles: c, classes: l, className: m } = _("Image", {}, s);
+    return (o, e) => (p(), u("img", {
+      class: d([r(m), r(l).wrapper]),
+      style: g(r(c)),
+      src: t.value
+    }, null, 14, w));
+  }
+});
+export {
+  I as default
+};

package/lib/components/image/Image.vue2.js

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

package/lib/components/image/__tests__/Image.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XImage } from './Image.vue';
+export type { ImageProps, ImageTheme } from './Image.vue';

package/lib/components/image/theme/Image.base.theme.d.ts

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

package/lib/components/image/theme/Image.base.theme.js

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

package/lib/components/image/theme/Image.carbon.theme.d.ts

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

package/lib/components/image/theme/Image.carbon.theme.js

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

package/lib/components/index.d.ts

@@ -0,0 +1,42 @@
+export * from './accordion';
+export * from './alert';
+export * from './avatar';
+export * from './badge';
+export * from './breadcrumbs';
+export * from './button';
+export * from './card';
+export * from './carousel';
+export * from './checkbox';
+export * from './container';
+export * from './divider';
+export * from './drawer';
+export * from './form';
+export * from './formGroup';
+export * from './icon';
+export * from './image';
+export * from './input';
+export * from './inputFooter';
+export * from './label';
+export * from './link';
+export * from './loader';
+export * from './menu';
+export * from './modal';
+export * from './notifications';
+export * from './pagination';
+export * from './popover';
+export * from './progress';
+export * from './radio';
+export * from './scroll';
+export * from './select';
+export * from './skeleton';
+export * from './slider';
+export * from './spacer';
+export * from './spinner';
+export * from './stepper';
+export * from './tab';
+export * from './table';
+export * from './tag';
+export * from './textarea';
+export * from './themeProvider';
+export * from './toggle';
+export * from './tooltip';

package/lib/components/index.js

@@ -0,0 +1,111 @@
+import { default as a } from "./accordion/Accordion.vue.js";
+import { default as f } from "./accordion/AccordionItem.vue.js";
+import { default as d } from "./badge/Badge.vue.js";
+import { default as u } from "./breadcrumbs/Breadcrumbs.vue.js";
+import { default as s } from "./card/Card.vue.js";
+import { default as X } from "./carousel/Carousel.vue.js";
+import { default as i } from "./container/Container.vue.js";
+import { default as b } from "./divider/Divider.vue.js";
+import { default as g } from "./drawer/Drawer.vue.js";
+import { default as C } from "./form/Form.vue.js";
+import { default as P } from "./formGroup/FormGroup.vue.js";
+import { default as B } from "./image/Image.vue.js";
+import { default as k } from "./input/Input.vue.js";
+import { default as G } from "./menu/Menu.vue.js";
+import { default as M } from "./modal/Modal.vue.js";
+import { default as w } from "./notifications/Notifications.vue.js";
+import { default as H } from "./pagination/Pagination.vue.js";
+import { default as y } from "./popover/Popover.vue.js";
+import "./popover/Popover.vue2.js";
+import { default as j } from "./popover/PopoverContainer.vue.js";
+import { default as z } from "./progress/Progress.vue.js";
+import { default as J } from "./select/Select.vue.js";
+import { default as O } from "./skeleton/Skeleton.vue.js";
+import { default as U } from "./slider/Slider.vue.js";
+import { default as W } from "./stepper/Stepper.vue.js";
+import { default as Z } from "./tab/Tab.vue.js";
+import { default as $ } from "./tab/TabGroup.vue.js";
+import { default as oe } from "./table/Table.vue.js";
+import { default as ae } from "./textarea/Textarea.vue.js";
+import { default as fe } from "./themeProvider/ThemeProvider.vue.js";
+import { default as de } from "./toggle/Toggle.vue.js";
+import { default as ue } from "./tooltip/Tooltip.vue.js";
+import { default as se } from "./alert/Alert.vue.js";
+import { default as Xe } from "./avatar/Avatar.vue.js";
+import { default as ie } from "./button/Button.vue.js";
+import { default as be } from "./button/ButtonGroup.vue.js";
+import { default as ge } from "./carousel/CarouselSlide.vue.js";
+import { default as Ce } from "./checkbox/Checkbox.vue.js";
+import { default as Pe } from "./icon/Icon.vue.js";
+import { default as Be } from "./inputFooter/InputFooter.vue.js";
+import { default as ke } from "./label/Label.vue.js";
+import { default as Ge } from "./link/Link.vue.js";
+import { default as Me } from "./loader/Loader.vue.js";
+import { default as we } from "./menu/MenuItem.vue.js";
+import { default as He } from "./pagination/PaginationItem.vue.js";
+import { default as ye } from "./radio/Radio.vue.js";
+import { default as je } from "./scroll/Scroll.vue.js";
+import { default as ze } from "./spacer/Spacer.js";
+import { default as Je } from "./spinner/Spinner.vue.js";
+import { default as Oe } from "./table/TableBody.js";
+import { default as Ue } from "./table/TableCell.vue.js";
+import { default as We } from "./table/TableHead.js";
+import { default as Ze } from "./table/TableHeader.vue.js";
+import { default as $e } from "./table/TableRow.vue.js";
+import { default as oo } from "./tag/Tag.vue.js";
+export {
+  a as XAccordion,
+  f as XAccordionItem,
+  se as XAlert,
+  Xe as XAvatar,
+  d as XBadge,
+  u as XBreadcrumbs,
+  ie as XButton,
+  be as XButtonGroup,
+  s as XCard,
+  X as XCarousel,
+  ge as XCarouselSlide,
+  Ce as XCheckbox,
+  i as XContainer,
+  b as XDivider,
+  g as XDrawer,
+  C as XForm,
+  P as XFormGroup,
+  Pe as XIcon,
+  B as XImage,
+  k as XInput,
+  Be as XInputFooter,
+  ke as XLabel,
+  Ge as XLink,
+  Me as XLoader,
+  G as XMenu,
+  we as XMenuItem,
+  M as XModal,
+  w as XNotifications,
+  H as XPagination,
+  He as XPaginationItem,
+  y as XPopover,
+  j as XPopoverContainer,
+  z as XProgress,
+  ye as XRadio,
+  je as XScroll,
+  J as XSelect,
+  O as XSkeleton,
+  U as XSlider,
+  ze as XSpacer,
+  Je as XSpinner,
+  W as XStepper,
+  Z as XTab,
+  $ as XTabGroup,
+  oe as XTable,
+  Oe as XTableBody,
+  Ue as XTableCell,
+  We as XTableHead,
+  Ze as XTableHeader,
+  $e as XTableRow,
+  oo as XTag,
+  ae as XTextarea,
+  fe as XThemeProvider,
+  de as XToggle,
+  ue as XTooltip
+};

package/lib/components/input/Input.vue.d.ts

@@ -0,0 +1,208 @@
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const inputProps: {
+    showPasswordToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<"rtl" | "ltr">;
+        default: string;
+    };
+    icon: StringConstructor;
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    max: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | NumberConstructor)[];
+    minlength: (StringConstructor | NumberConstructor)[];
+    placeholder: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    block: BooleanConstructor;
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    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 InputProps = ExtractPublicPropTypes<typeof inputProps>;
+type InternalClasses = 'wrapper' | 'input' | 'icon';
+type InternalExtraData = {
+    errorInternal: any;
+};
+export interface InputTheme extends ThemeComponent<InputProps, InternalClasses, InternalExtraData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    showPasswordToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<"rtl" | "ltr">;
+        default: string;
+    };
+    icon: StringConstructor;
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    max: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | NumberConstructor)[];
+    minlength: (StringConstructor | NumberConstructor)[];
+    placeholder: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    block: BooleanConstructor;
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    reset: () => void;
+    validate: (val?: any) => boolean;
+    setError: (val: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    showPasswordToggle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dir: {
+        type: PropType<"rtl" | "ltr">;
+        default: string;
+    };
+    icon: StringConstructor;
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    max: (StringConstructor | NumberConstructor)[];
+    maxlength: (StringConstructor | NumberConstructor)[];
+    min: (StringConstructor | NumberConstructor)[];
+    minlength: (StringConstructor | NumberConstructor)[];
+    placeholder: StringConstructor;
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    block: BooleanConstructor;
+    modelValue: PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    type: string;
+    color: string;
+    size: import("../../composables/useCommon").Size;
+    block: boolean;
+    loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
+    readonly: boolean;
+    required: boolean;
+    validateOnInput: boolean;
+    hideFooter: boolean;
+    rules: unknown[];
+    showPasswordToggle: boolean;
+    dir: "rtl" | "ltr";
+}, {}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/input/Input.vue.js

@@ -0,0 +1,147 @@
+import { defineComponent as F, ref as y, watch as H, openBlock as t, createBlock as l, normalizeStyle as X, unref as r, normalizeClass as a, withCtx as j, createElementVNode as h, renderSlot as b, createCommentVNode as u, mergeProps as A, toHandlers as D } from "vue";
+import { useTheme as G } from "../../composables/useTheme.js";
+import { useColors as J } from "../../composables/useColors.js";
+import { useCommon as v } from "../../composables/useCommon.js";
+import { useInputtable as f } from "../../composables/useInputtable.js";
+import { useInteractive as S } from "../../composables/useInteractive.js";
+import { eyeIcon as K, eyeVisibleIcon as M } from "../../common/icons.js";
+import O from "../label/Label.vue.js";
+import d from "../icon/Icon.vue.js";
+import Q from "../inputFooter/InputFooter.vue.js";
+const U = { class: "relative" }, W = ["id", "disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"], Y = {
+  ...v.props(),
+  ...J.props("primary"),
+  ...S.props(),
+  ...f.props(),
+  showPasswordToggle: {
+    type: Boolean,
+    default: !0
+  },
+  dir: {
+    type: String,
+    default: "ltr"
+  },
+  icon: String,
+  iconLeft: String,
+  iconRight: String,
+  max: [Number, String],
+  maxlength: [Number, String],
+  min: [Number, String],
+  minlength: [Number, String],
+  placeholder: String,
+  type: {
+    type: String,
+    default: "text"
+  },
+  block: Boolean
+}, Z = {
+  name: "XInput",
+  validators: {
+    ...v.validators()
+  }
+}, ae = /* @__PURE__ */ F({
+  ...Z,
+  props: Y,
+  emits: f.emits(),
+  setup(k, { expose: w, emit: z }) {
+    const o = k, N = z, c = y(null), n = y(o.type);
+    H(() => o.type, (e) => {
+      n.value = e;
+    });
+    function I(e) {
+      if (!e.target)
+        return;
+      const i = e.target;
+      if (o.type === "number") {
+        const p = Number(i.value);
+        typeof o.min < "u" && p < Number(o.min) && (i.value = o.min.toString()), typeof o.max < "u" && p > Number(o.max) && (i.value = o.max.toString());
+      }
+    }
+    function C() {
+      n.value = n.value === "password" ? "text" : "password";
+    }
+    const { focus: g, blur: $ } = S(c), {
+      errorInternal: m,
+      hideFooterInternal: R,
+      isInsideForm: L,
+      inputListeners: P,
+      reset: V,
+      validate: B,
+      setError: T
+    } = f(o, { focus: g, emit: N }), { styles: q, classes: s, className: E } = G("Input", {}, o, { errorInternal: m });
+    return w({ focus: g, blur: $, reset: V, validate: B, setError: T }), (e, i) => (t(), l(O, {
+      style: X(r(q)),
+      block: e.block,
+      disabled: e.disabled,
+      required: e.required,
+      "is-inside-form": r(L),
+      label: e.label,
+      class: a([
+        r(E),
+        r(s).wrapper
+      ])
+    }, {
+      default: j(() => [
+        h("div", U, [
+          b(e.$slots, "prefix", {}, () => [
+            e.iconLeft ? (t(), l(d, {
+              key: 0,
+              size: e.size,
+              icon: e.iconLeft,
+              class: a(["ml-2 left-1", r(s).icon])
+            }, null, 8, ["size", "icon", "class"])) : u("", !0)
+          ]),
+          h("input", A({
+            id: e.id,
+            ref_key: "elRef",
+            ref: c,
+            class: [
+              r(s).input,
+              e.type === "password" ? "pr-10" : "",
+              // error
+              r(m) ? "border-red-500 dark:border-red-400 focus:outline-red-500" : "focus:outline-[color:var(--x-input-border)]",
+              {
+                "!pl-10": e.iconLeft,
+                "!pr-10": e.iconRight
+              }
+            ],
+            disabled: e.disabled,
+            min: e.min,
+            max: e.max,
+            minlength: e.minlength,
+            maxlength: e.maxlength,
+            dir: e.dir,
+            name: e.name,
+            placeholder: e.placeholder,
+            readonly: e.readonly,
+            type: n.value,
+            value: e.modelValue || ""
+          }, e.$attrs, D(r(P), !0), { onChange: I }), null, 16, W),
+          b(e.$slots, "suffix", {}, () => [
+            e.iconRight ? (t(), l(d, {
+              key: 0,
+              size: e.size,
+              icon: e.iconRight,
+              class: a(["mr-2 right-1", r(s).icon])
+            }, null, 8, ["size", "icon", "class"])) : e.type === "password" && e.showPasswordToggle ? (t(), l(d, {
+              key: 1,
+              size: e.size,
+              icon: n.value === "password" ? r(K) : r(M),
+              class: a(["mr-2 right-1 cursor-pointer", r(s).icon]),
+              onClick: i[0] || (i[0] = (p) => C())
+            }, null, 8, ["size", "icon", "class"])) : u("", !0)
+          ])
+        ]),
+        r(R) ? u("", !0) : (t(), l(Q, {
+          key: 0,
+          error: r(m),
+          helper: e.helper
+        }, null, 8, ["error", "helper"]))
+      ]),
+      _: 3
+    }, 8, ["style", "block", "disabled", "required", "is-inside-form", "label", "class"]));
+  }
+});
+export {
+  ae as default
+};

package/lib/components/input/Input.vue2.js

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

package/lib/components/input/__tests__/Input.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XInput } from './Input.vue';
+export type { InputProps, InputTheme } from './Input.vue';

package/lib/components/input/theme/Input.base.theme.d.ts

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

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

@@ -0,0 +1,17 @@
+const s = {
+  classes: {
+    wrapper: "",
+    input: ({ props: r, data: t }) => {
+      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 shadow-sm rounded-md"];
+      return !t.errorInternal && !r.disabled && e.push("hover:border-gray-400 dark:hover:border-gray-500"), r.size === "xs" ? e.push("px-2 py-1 text-xs") : r.size === "sm" ? e.push("px-2 py-2 text-sm") : r.size === "lg" ? e.push("px-4 py-3 text-lg") : r.size === "xl" ? e.push("px-5 py-4 text-xl") : e.push("px-3 py-2"), e.push(r.disabled ? "bg-gray-100 dark:bg-gray-900 text-gray-500 cursor-not-allowed" : "bg-white 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: t, css: e }) => {
+    const a = r.getPalette(t.color);
+    return e.get("border", a[400]);
+  }
+}, l = s;
+export {
+  l as default
+};

package/lib/components/input/theme/Input.carbon.theme.d.ts

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