@indielayer/ui 1.2.0 → 1.4.0

package/lib/components/formGroup/theme/FormGroup.base.theme.js

@@ -0,0 +1,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = [""];
+      return s.vertical ? e.push("grid gap-1") : e.push("flex gap-2"), e;
+    }
+  }
+}, a = t;
+export {
+  a as default
+};

package/lib/components/formGroup/theme/FormGroup.carbon.theme.d.ts

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

package/lib/components/formGroup/theme/FormGroup.carbon.theme.js

@@ -0,0 +1,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = [""];
+      return s.vertical ? e.push("grid gap-3") : e.push("flex gap-4"), e;
+    }
+  }
+}, a = t;
+export {
+  a as default
+};

package/lib/components/icon/Icon.vue.d.ts

@@ -1,4 +1,5 @@
 import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const iconProps: {
     icon: {
         type: StringConstructor;
@@ -10,12 +11,21 @@ declare const iconProps: {
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type IconProps = ExtractPublicPropTypes<typeof iconProps>;
+export type Icon = string | {
+    icon: string;
+    filled?: boolean;
+    viewBox?: string;
+};
+export type IconInjection = Record<string, Icon>;
+type InternalClasses = 'wrapper';
+export interface IconTheme extends ThemeComponent<IconProps, InternalClasses> {
+}
 declare const _default: import("vue").DefineComponent<{
     icon: {
         type: StringConstructor;
@@ -27,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -42,13 +52,13 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 }>>, {
-    size: import("../../composables/common").Size;
-    viewBox: string;
+    size: import("../../composables/useCommon").Size;
     filled: boolean;
+    viewBox: string;
 }, {}>;
 export default _default;

package/lib/components/icon/Icon.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent as I, inject as T, ref as s, watchEffect as H, computed as L, normalizeStyle as h, unref as i, openBlock as x, createElementBlock as k, mergeProps as M, normalizeClass as O } from "vue";
-import { useCommon as y } from "../../composables/common.js";
+import { defineComponent as C, inject as T, ref as s, watchEffect as H, computed as L, normalizeStyle as h, unref as i, openBlock as x, createElementBlock as k, mergeProps as M, normalizeClass as O } from "vue";
+import { useCommon as y } from "../../composables/useCommon.js";
 import { injectIconsKey as g } from "../../composables/keys.js";
-import { useTheme as z } from "../../composables/theme.js";
-import E from "./Icon.theme.js";
-const V = ["innerHTML"], G = ["stroke-linejoin", "stroke-linecap", "stroke", "fill", "viewBox", "innerHTML"], P = {
+import { useTheme as z } from "../../composables/useTheme.js";
+const E = ["innerHTML"], V = ["stroke-linejoin", "stroke-linecap", "stroke", "fill", "viewBox", "innerHTML"], G = {
   ...y.props(),
   icon: {
     type: String,
@@ -14,16 +13,16 @@ const V = ["innerHTML"], G = ["stroke-linejoin", "stroke-linecap", "stroke", "fi
     type: String,
     default: "0 0 24 24"
   }
-}, W = {
+}, P = {
   name: "XIcon",
   validators: {
     ...y.validators()
   }
-}, $ = /* @__PURE__ */ I({
-  ...W,
-  props: P,
+}, N = /* @__PURE__ */ C({
+  ...P,
+  props: G,
   setup(_) {
-    const o = _, a = T(g, () => ({})), r = s(!1), t = s(""), n = s(o.filled), u = s(o.viewBox), f = s({});
+    const o = _, a = T(g, {}), r = s(!1), t = s(""), n = s(o.filled), u = s(o.viewBox), f = s({});
     H(() => {
       const e = a && o.icon && a[o.icon];
       if (r.value = !1, t.value = e, e)
@@ -35,7 +34,7 @@ const V = ["innerHTML"], G = ["stroke-linejoin", "stroke-linecap", "stroke", "fi
           } else
             r.value = !1, t.value = e;
         else
-          typeof e == "object" && (t.value = e.icon, n.value = e.filled || o.filled, u.value = e.viewBox || e.viewbox || o.viewBox);
+          typeof e == "object" && (t.value = e.icon, n.value = e.filled || o.filled, u.value = e.viewBox || o.viewBox);
       else
         t.value = o.icon || "";
     });
@@ -43,19 +42,19 @@ const V = ["innerHTML"], G = ["stroke-linejoin", "stroke-linecap", "stroke", "fi
       e = e.trim();
       const c = e.substring(e.indexOf(">") + 1, e.lastIndexOf("</svg>")), l = e.substring(e.indexOf("<svg") + 4, e.indexOf(">")).trim().match(/[\w-]+="[^"]*"/g), m = {};
       return l == null || l.forEach((j) => {
-        const [w, C] = j.split("=");
-        ["height", "width", "class"].includes(w) || (m[w] = C.replace(/(^"|"$)/g, ""));
+        const [w, I] = j.split("=");
+        ["height", "width", "class"].includes(w) || (m[w] = I.replace(/(^"|"$)/g, ""));
       }), {
         attributes: m,
         content: c
       };
     }
-    const { styles: b, classes: p, className: v } = z("icon", E, o), d = L(() => h(i(b)));
+    const { styles: b, classes: p, className: v } = z("Icon", {}, o), d = L(() => h(i(b)));
     return (e, c) => r.value ? (x(), k("svg", M({
       key: 0,
       style: d.value,
       class: ["shrink-0", i(v), i(p).wrapper]
-    }, f.value, { innerHTML: t.value }), null, 16, V)) : (x(), k("svg", {
+    }, f.value, { innerHTML: t.value }), null, 16, E)) : (x(), k("svg", {
       key: 1,
       style: h(d.value),
       xmlns: "http://www.w3.org/2000/svg",
@@ -66,9 +65,9 @@ const V = ["innerHTML"], G = ["stroke-linejoin", "stroke-linecap", "stroke", "fi
       fill: n.value ? "currentColor" : "none",
       viewBox: u.value,
       innerHTML: t.value
-    }, null, 14, G));
+    }, null, 14, V));
   }
 });
 export {
-  $ as default
+  N as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XIcon } from './Icon.vue';
-export type { IconProps } from './Icon.vue';
-export type { IconTheme } from './Icon.theme';
+export type { IconProps, IconTheme, Icon, IconInjection } from './Icon.vue';

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

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

package/lib/components/icon/{Icon.theme.js → theme/Icon.base.theme.js}

@@ -1,7 +1,7 @@
 const t = {
   classes: {
     wrapper: ({ props: s }) => {
-      const e = "inline";
+      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";
     }
   }

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,11 @@
+const t = {
+  classes: {
+    wrapper: ({ props: s }) => {
+      const e = "inline shrink-0";
+      return s.size === "xs" ? e + " h-3 w-3" : s.size === "lg" ? e + " h-5 w-5" : s.size === "xl" ? e + " h-8 w-8" : e + " h-4 w-4";
+    }
+  }
+}, n = t;
+export {
+  n as default
+};

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

@@ -1,8 +1,12 @@
 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<{

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

@@ -1,19 +1,24 @@
+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 './collapse';
 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';
@@ -27,9 +32,11 @@ 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

@@ -1,92 +1,111 @@
-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 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 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.vue.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 {
-  _ 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,
-  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
+  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
 };