@indielayer/ui 1.3.0 → 1.4.0

package/lib/components/collapse/Collapse.vue.js

@@ -1,131 +0,0 @@
-import { defineComponent as P, ref as f, watch as V, openBlock as i, createBlock as v, resolveDynamicComponent as z, normalizeStyle as A, unref as a, normalizeClass as l, withCtx as m, createElementVNode as r, renderSlot as d, createElementBlock as h, createCommentVNode as y, createVNode as D, Transition as H, withDirectives as I, vShow as M } from "vue";
-import { useTheme as X } from "../../composables/useTheme.js";
-import { useColors as j } from "../../composables/useColors.js";
-import q from "../icon/Icon.vue.js";
-const F = { class: "flex-1 overflow-hidden" }, G = {
-  key: 1,
-  viewBox: "0 0 24 24",
-  stroke: "currentColor",
-  fill: "none",
-  role: "presentation",
-  class: "stroke-2 w-5 h-5"
-}, J = /* @__PURE__ */ r("path", { d: "M19 9l-7 7-7-7" }, null, -1), K = [
-  J
-], O = {
-  ...j.props(),
-  tag: {
-    type: String,
-    default: "div"
-  },
-  disabled: Boolean,
-  expanded: Boolean,
-  showIcon: Boolean,
-  icon: String
-}, Q = { name: "XCollapse" }, Z = /* @__PURE__ */ P({
-  ...Q,
-  props: O,
-  emits: ["expand"],
-  setup(g, { expose: x, emit: k }) {
-    const s = g, w = k, t = f(!s.expanded), o = f(!0);
-    V(() => s.expanded, () => {
-      t.value = !s.expanded;
-    });
-    function C(e) {
-      o.value && (e.style.height = "0px");
-    }
-    function _(e, n) {
-      o.value ? (e.addEventListener("transitionend", n), setTimeout(() => {
-        e.style.height = `${e.scrollHeight}px`;
-      }, 1)) : n();
-    }
-    function B(e) {
-      o.value ? e.style.removeProperty("height") : o.value = !0;
-    }
-    function E(e) {
-      o.value && (e.style.height = `${e.scrollHeight}px`);
-    }
-    function $(e, n) {
-      o.value ? (e.addEventListener("transitionend", n), setTimeout(() => {
-        e.style.height = "0px";
-      }, 1)) : n();
-    }
-    function b(e) {
-      o.value ? e.style.removeProperty("height") : o.value = !0;
-    }
-    function c(e = !0) {
-      o.value = e, t.value = !1;
-    }
-    function L(e = !0) {
-      o.value = e, t.value = !0;
-    }
-    function p() {
-      s.disabled || (t.value = !t.value);
-    }
-    function S(e = !0) {
-      c(e), w("expand");
-    }
-    const { styles: N, classes: u, className: T } = X("Collapse", {}, s);
-    return x({ toggle: p, open: c, close: L }), (e, n) => (i(), v(z(e.tag), {
-      style: A(a(N)),
-      class: l(a(T)),
-      "aria-disabled": e.disabled,
-      "aria-expanded": t.value ? "false" : "true"
-    }, {
-      default: m(() => [
-        r("div", {
-          class: l(a(u).wrapper),
-          onClick: p
-        }, [
-          r("div", F, [
-            d(e.$slots, "default", { collapsed: t.value })
-          ]),
-          e.showIcon ? (i(), h("div", {
-            key: 0,
-            class: l(a(u).icon)
-          }, [
-            r("span", {
-              class: l(["flex transform transition-transform duration-150", [
-                {
-                  "rotate-180": !t.value,
-                  "text-gray-300": e.disabled
-                }
-              ]])
-            }, [
-              e.icon ? (i(), v(q, {
-                key: 0,
-                icon: e.icon
-              }, null, 8, ["icon"])) : (i(), h("svg", G, K))
-            ], 2)
-          ], 2)) : y("", !0)
-        ], 2),
-        e.$slots.summary ? d(e.$slots, "summary", { key: 0 }) : y("", !0),
-        D(H, {
-          onBeforeEnter: C,
-          onEnter: _,
-          onAfterEnter: B,
-          onBeforeLeave: E,
-          onLeave: $,
-          onAfterLeave: b
-        }, {
-          default: m(() => [
-            I(r("div", {
-              class: l(a(u).content)
-            }, [
-              d(e.$slots, "content", {
-                expand: S,
-                collapsed: t.value
-              })
-            ], 2), [
-              [M, !t.value]
-            ])
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["style", "class", "aria-disabled", "aria-expanded"]));
-  }
-});
-export {
-  Z as default
-};

package/lib/components/collapse/Collapse.vue2.js

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

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

@@ -1,2 +0,0 @@
-export { default as XCollapse } from './Collapse.vue';
-export type { CollapseProps, CollapseTheme } from './Collapse.vue';

package/lib/components/collapse/theme/Collapse.base.theme.d.ts

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

package/lib/components/collapse/theme/Collapse.base.theme.js

@@ -1,10 +0,0 @@
-const t = {
-  classes: {
-    wrapper: ({ props: e }) => `relative flex items-center ${e.icon ? "flex-row-reverse" : ""} ${e.disabled ? "" : "cursor-pointer"}`,
-    icon: "absolute top-1/2 transform -translate-y-1/2 right-3",
-    content: "transition-[height] duration-150 overflow-y-hidden"
-  }
-}, r = t;
-export {
-  r as default
-};

package/lib/components/collapse/theme/Collapse.carbon.theme.d.ts

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

package/lib/components/table/TableHead.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;

package/lib/components/table/TableHead.js

@@ -1,19 +0,0 @@
-import { defineComponent as r, createVNode as t } from "vue";
-const o = /* @__PURE__ */ r({
-  name: "XTableHead",
-  setup(d, {
-    slots: e
-  }) {
-    return () => {
-      var a;
-      return t("thead", {
-        class: "align-bottom"
-      }, [t("tr", {
-        class: "text-sm text-gray-600 dark:text-gray-400 border-b"
-      }, [(a = e.default) == null ? void 0 : a.call(e)])]);
-    };
-  }
-});
-export {
-  o as default
-};

package/src/components/collapse/index.ts

@@ -1,2 +0,0 @@
-export { default as XCollapse } from './Collapse.vue'
-export type { CollapseProps, CollapseTheme } from './Collapse.vue'

package/src/components/collapse/theme/Collapse.base.theme.ts

@@ -1,13 +0,0 @@
-import type { CollapseTheme } from '../Collapse.vue'
-
-const theme: CollapseTheme = {
-  classes: {
-    wrapper: ({ props }) => `relative flex items-center ${props.icon ?  'flex-row-reverse' : ''} ${props.disabled ? '' : 'cursor-pointer'}`,
-
-    icon: 'absolute top-1/2 transform -translate-y-1/2 right-3',
-
-    content: 'transition-[height] duration-150 overflow-y-hidden',
-  },
-}
-
-export default theme

package/src/components/collapse/theme/Collapse.carbon.theme.ts

@@ -1,7 +0,0 @@
-import type { CollapseTheme } from '../Collapse.vue'
-
-import BaseTheme from './Collapse.base.theme'
-
-const theme: CollapseTheme = BaseTheme
-
-export default theme

package/src/components/table/TableHead.tsx

@@ -1,14 +0,0 @@
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  name: 'XTableHead',
-  setup(props, { slots }) {
-    return () => (
-      <thead class="align-bottom">
-        <tr class="text-sm text-gray-600 dark:text-gray-400 border-b">
-          {slots.default?.()}
-        </tr>
-      </thead>
-    )
-  },
-})