@indielayer/ui 1.2.0 → 1.3.0

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

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

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

@@ -1,3 +1,2 @@
 export { default as XImage } from './Image.vue';
-export type { ImageProps } from './Image.vue';
-export type { ImageTheme } from './Image.theme';
+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.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

@@ -4,6 +4,7 @@ export * from './badge';
 export * from './breadcrumbs';
 export * from './button';
 export * from './card';
+export * from './carousel';
 export * from './checkbox';
 export * from './collapse';
 export * from './container';
@@ -13,7 +14,10 @@ export * from './form';
 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';
@@ -31,5 +35,6 @@ 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

@@ -1,92 +1,105 @@
-import { default as o } from "./badge/Badge.vue.js";
-import { default as t } from "./breadcrumbs/Breadcrumbs.vue.js";
-import { default as l } from "./card/Card.vue.js";
-import { default as p } from "./collapse/Collapse.vue.js";
-import { default as m } from "./container/Container.vue.js";
-import { default as x } from "./divider/Divider.vue.js";
-import { default as n } from "./drawer/Drawer.vue.js";
-import { default as T } from "./form/Form.vue.js";
-import { default as g } from "./image/Image.vue.js";
-import { default as C } from "./input/Input.vue.js";
+import { default as r } from "./badge/Badge.vue.js";
+import { default as f } from "./breadcrumbs/Breadcrumbs.vue.js";
+import { default as d } from "./card/Card.vue.js";
+import { default as u } from "./carousel/Carousel.vue.js";
+import { default as s } from "./collapse/Collapse.vue.js";
+import { default as X } from "./container/Container.vue.js";
+import { default as i } from "./divider/Divider.vue.js";
+import { default as b } from "./drawer/Drawer.vue.js";
+import { default as C } from "./form/Form.vue.js";
+import { default as S } from "./image/Image.vue.js";
+import { default as P } from "./input/Input.vue.js";
 import { default as B } from "./menu/Menu.vue.js";
-import { default as P } from "./modal/Modal.vue.js";
-import { default as k } from "./notifications/Notifications.vue.js";
-import { default as w } from "./pagination/Pagination.vue.js";
-import { default as D } from "./popover/PopoverContainer.vue.js";
-import { default as H } from "./progress/Progress.vue.js";
-import { default as h } from "./select/Select.vue.js";
-import { default as F } from "./skeleton/Skeleton.vue.js";
-import { default as N } from "./slider/Slider.vue.js";
-import { default as q } from "./tab/Tab.vue.js";
-import { default as E } from "./tab/TabGroup.vue.js";
-import { default as K } from "./table/Table.vue.js";
-import { default as Q } from "./textarea/Textarea.vue.js";
-import { default as V } from "./toggle/Toggle.vue.js";
-import { default as Y } from "./tooltip/Tooltip.vue.js";
-import { default as _ } from "./alert/Alert.vue.js";
-import { default as ee } from "./avatar/Avatar.vue.js";
-import { default as oe } from "./button/Button.vue.js";
-import { default as te } from "./button/ButtonGroup.vue.js";
-import { default as le } from "./checkbox/Checkbox.vue.js";
-import { default as pe } from "./icon/Icon.vue.js";
-import { default as me } from "./link/Link.vue.js";
-import { default as xe } from "./menu/MenuItem.vue.js";
-import { default as ne } from "./pagination/PaginationItem.vue.js";
-import { default as Te } from "./popover/Popover.vue.js";
-import { default as ge } from "./radio/Radio.vue.js";
-import { default as Ce } from "./scroll/Scroll.vue.js";
-import { default as Be } from "./spacer/Spacer.js";
-import { default as Pe } from "./spinner/Spinner.vue.js";
-import { default as ke } from "./table/TableBody.js";
-import { default as we } from "./table/TableCell.vue.js";
-import { default as De } from "./table/TableHead.js";
-import { default as He } from "./table/TableHeader.vue.js";
-import { default as he } from "./table/TableRow.vue.js";
-import { default as Fe } from "./tag/Tag.vue.js";
+import { default as L } from "./modal/Modal.vue.js";
+import { default as h } from "./notifications/Notifications.vue.js";
+import { default as A } from "./pagination/Pagination.vue.js";
+import { default as F } from "./popover/Popover.vue.js";
+import "./popover/Popover.vue2.js";
+import { default as H } from "./popover/PopoverContainer.vue.js";
+import { default as y } from "./progress/Progress.vue.js";
+import { default as j } from "./select/Select.vue.js";
+import { default as z } from "./skeleton/Skeleton.vue.js";
+import { default as J } from "./slider/Slider.vue.js";
+import { default as O } from "./tab/Tab.vue.js";
+import { default as U } from "./tab/TabGroup.vue.js";
+import { default as W } from "./table/Table.vue.js";
+import { default as Z } from "./textarea/Textarea.vue.js";
+import { default as $ } from "./themeProvider/ThemeProvider.vue.js";
+import { default as ae } from "./toggle/Toggle.vue.js";
+import { default as re } from "./tooltip/Tooltip.vue.js";
+import { default as fe } from "./alert/Alert.vue.js";
+import { default as de } from "./avatar/Avatar.vue.js";
+import { default as ue } from "./button/Button.vue.js";
+import { default as se } from "./button/ButtonGroup.vue.js";
+import { default as Xe } from "./carousel/CarouselSlide.vue.js";
+import { default as ie } from "./checkbox/Checkbox.vue.js";
+import { default as be } from "./icon/Icon.vue.js";
+import { default as Ce } from "./inputFooter/InputFooter.vue.js";
+import { default as Se } from "./label/Label.vue.js";
+import { default as Pe } from "./link/Link.vue.js";
+import { default as Be } from "./loader/Loader.vue.js";
+import { default as Le } from "./menu/MenuItem.vue.js";
+import { default as he } from "./pagination/PaginationItem.vue.js";
+import { default as Ae } from "./radio/Radio.vue.js";
+import { default as Fe } from "./scroll/Scroll.vue.js";
+import { default as He } from "./spacer/Spacer.js";
+import { default as ye } from "./spinner/Spinner.vue.js";
+import { default as je } from "./table/TableBody.js";
+import { default as ze } from "./table/TableCell.vue.js";
+import { default as Je } from "./table/TableHead.js";
+import { default as Oe } from "./table/TableHeader.vue.js";
+import { default as Ue } from "./table/TableRow.vue.js";
+import { default as We } from "./tag/Tag.vue.js";
 export {
-  _ as XAlert,
-  ee as XAvatar,
-  o as XBadge,
-  t as XBreadcrumbs,
-  oe as XButton,
-  te as XButtonGroup,
-  l as XCard,
-  le as XCheckbox,
-  p as XCollapse,
-  m as XContainer,
-  x as XDivider,
-  n as XDrawer,
-  T as XForm,
-  pe as XIcon,
-  g as XImage,
-  C as XInput,
-  me as XLink,
+  fe as XAlert,
+  de as XAvatar,
+  r as XBadge,
+  f as XBreadcrumbs,
+  ue as XButton,
+  se as XButtonGroup,
+  d as XCard,
+  u as XCarousel,
+  Xe as XCarouselSlide,
+  ie as XCheckbox,
+  s as XCollapse,
+  X as XContainer,
+  i as XDivider,
+  b as XDrawer,
+  C as XForm,
+  be as XIcon,
+  S as XImage,
+  P as XInput,
+  Ce as XInputFooter,
+  Se as XLabel,
+  Pe as XLink,
+  Be as XLoader,
   B as XMenu,
-  xe as XMenuItem,
-  P as XModal,
-  k as XNotifications,
-  w as XPagination,
-  ne as XPaginationItem,
-  Te as XPopover,
-  D as XPopoverContainer,
-  H as XProgress,
-  ge as XRadio,
-  Ce as XScroll,
-  h as XSelect,
-  F as XSkeleton,
-  N as XSlider,
-  Be as XSpacer,
-  Pe as XSpinner,
-  q as XTab,
-  E as XTabGroup,
-  K as XTable,
-  ke as XTableBody,
-  we as XTableCell,
-  De as XTableHead,
-  He as XTableHeader,
-  he as XTableRow,
-  Fe as XTag,
-  Q as XTextarea,
-  V as XToggle,
-  Y as XTooltip
+  Le as XMenuItem,
+  L as XModal,
+  h as XNotifications,
+  A as XPagination,
+  he as XPaginationItem,
+  F as XPopover,
+  H as XPopoverContainer,
+  y as XProgress,
+  Ae as XRadio,
+  Fe as XScroll,
+  j as XSelect,
+  z as XSkeleton,
+  J as XSlider,
+  He as XSpacer,
+  ye as XSpinner,
+  O as XTab,
+  U as XTabGroup,
+  W as XTable,
+  je as XTableBody,
+  ze as XTableCell,
+  Je as XTableHead,
+  Oe as XTableHeader,
+  Ue as XTableRow,
+  We as XTag,
+  Z as XTextarea,
+  $ as XThemeProvider,
+  ae as XToggle,
+  re as XTooltip
 };

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

@@ -1,4 +1,5 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const inputProps: {
     showPasswordToggle: {
         type: BooleanConstructor;
@@ -7,7 +8,7 @@ declare const inputProps: {
     helper: StringConstructor;
     label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -32,24 +33,36 @@ declare const inputProps: {
         readonly default: true;
     };
     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/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type InputProps = ExtractPublicPropTypes<typeof inputProps>;
-declare const _default: import("vue").DefineComponent<{
+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;
@@ -57,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
     helper: StringConstructor;
     label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -82,18 +95,24 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     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/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -111,7 +130,7 @@ declare const _default: import("vue").DefineComponent<{
     helper: StringConstructor;
     label: StringConstructor;
     dir: {
-        type: PropType<"ltr" | "rtl">;
+        type: PropType<"rtl" | "ltr">;
         default: string;
     };
     icon: StringConstructor;
@@ -136,35 +155,51 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: true;
     };
     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/common").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;
+    size: import("../../composables/useCommon").Size;
     type: string;
-    dir: "ltr" | "rtl";
+    required: boolean;
     color: string;
-    size: import("../../composables/common").Size;
     block: boolean;
-    required: boolean;
+    disabled: boolean;
     loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: 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;
+    };
+};