@indielayer/ui/lib/components/accordion/Accordion.vue.js

Indielayer UI Components with Tailwind CSS build for Vue 3

import { defineComponent as a, provide as i, openBlock as l, createElementBlock as d, normalizeStyle as p, unref as e, normalizeClass as m, renderSlot as u } from "vue";
import { useTheme as f } from "../../composables/useTheme.js";
import { injectAccordionKey as _ } from "../../composables/keys.js";
const y = {
  tag: {
    type: String,
    default: "div"
  },
  disabled: Boolean,
  expanded: Boolean,
  showIcon: {
    type: Boolean,
    default: !0
  },
  icon: String,
  iconAlign: String
}, g = {
  name: "XAccordion",
  validators: {}
}, h = /* @__PURE__ */ a({
  ...g,
  props: y,
  setup(n) {
    const o = n;
    i(_, { ...o, isInsideAccordion: !0 });
    const { styles: t, classes: r, className: s } = f("Accordion", {}, o);
    return (c, A) => (l(), d("div", {
      style: p(e(t)),
      class: m([
        e(s),
        e(r).wrapper
      ])
    }, [
      u(c.$slots, "default")
    ], 6));
  }
});
export {
  h as default
};