reka-ui 1.0.0-alpha.3 → 1.0.0-alpha.5

package/dist/Accordion/AccordionContent.cjs

@@ -0,0 +1,44 @@
+'use strict';
+
+require('@vueuse/core');
+const vue = require('vue');
+const Accordion_AccordionItem = require('./AccordionItem.cjs');
+const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const Collapsible_CollapsibleContent = require('../Collapsible/CollapsibleContent.cjs');
+const Accordion_AccordionRoot = require('./AccordionRoot.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = Accordion_AccordionRoot.injectAccordionRootContext();
+    const itemContext = Accordion_AccordionItem.injectAccordionItemContext();
+    shared_useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(Collapsible_CollapsibleContent._sfc_main), {
+        role: "region",
+        "as-child": props.asChild,
+        "force-mount": props.forceMount,
+        "aria-labelledby": vue.unref(itemContext).triggerId,
+        "data-state": vue.unref(itemContext).dataState.value,
+        "data-disabled": vue.unref(itemContext).dataDisabled.value,
+        "data-orientation": vue.unref(rootContext).orientation,
+        style: { "--reka-accordion-content-width": "var(--reka-collapsible-content-width)", "--reka-accordion-content-height": "var(--reka-collapsible-content-height)" },
+        onContentFound: _cache[0] || (_cache[0] = ($event) => vue.unref(rootContext).changeModelValue(vue.unref(itemContext).value.value))
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as-child", "force-mount", "aria-labelledby", "data-state", "data-disabled", "data-orientation"]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=AccordionContent.cjs.map

package/dist/Accordion/AccordionContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.cjs","sources":["../../src/Accordion/AccordionContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { CollapsibleContentProps } from '../Collapsible'\n\nexport interface AccordionContentProps extends CollapsibleContentProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardExpose } from '@/shared'\nimport { CollapsibleContent } from '../Collapsible'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\n\nconst props = defineProps<AccordionContentProps>()\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nuseForwardExpose()\n</script>\n\n<template>\n  <CollapsibleContent\n    role=\"region\"\n    :as-child=\"props.asChild\"\n    :force-mount=\"props.forceMount\"\n    :aria-labelledby=\"itemContext.triggerId\"\n    :data-state=\"itemContext.dataState.value\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n    :data-orientation=\"rootContext.orientation\"\n    style=\"\n      --reka-accordion-content-width: var(--reka-collapsible-content-width);\n      --reka-accordion-content-height: var(--reka-collapsible-content-height);\n    \"\n    @content-found=\"rootContext.changeModelValue(itemContext.value.value)\"\n  >\n    <slot />\n  </CollapsibleContent>\n</template>\n"],"names":["injectAccordionRootContext","injectAccordionItemContext","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,cAAcA,kDAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAcC,kDAA2B,EAAA,CAAA;AAE/C,IAAiBC,wCAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionContent.js

@@ -0,0 +1,42 @@
+import '@vueuse/core';
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { i as injectAccordionItemContext } from './AccordionItem.js';
+import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { _ as _sfc_main$1 } from '../Collapsible/CollapsibleContent.js';
+import { i as injectAccordionRootContext } from './AccordionRoot.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AccordionContent",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const itemContext = injectAccordionItemContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        role: "region",
+        "as-child": props.asChild,
+        "force-mount": props.forceMount,
+        "aria-labelledby": unref(itemContext).triggerId,
+        "data-state": unref(itemContext).dataState.value,
+        "data-disabled": unref(itemContext).dataDisabled.value,
+        "data-orientation": unref(rootContext).orientation,
+        style: { "--reka-accordion-content-width": "var(--reka-collapsible-content-width)", "--reka-accordion-content-height": "var(--reka-collapsible-content-height)" },
+        onContentFound: _cache[0] || (_cache[0] = ($event) => unref(rootContext).changeModelValue(unref(itemContext).value.value))
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as-child", "force-mount", "aria-labelledby", "data-state", "data-disabled", "data-orientation"]);
+    };
+  }
+});
+
+export { _sfc_main as _ };
+//# sourceMappingURL=AccordionContent.js.map

package/dist/Accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sources":["../../src/Accordion/AccordionContent.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { CollapsibleContentProps } from '../Collapsible'\n\nexport interface AccordionContentProps extends CollapsibleContentProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardExpose } from '@/shared'\nimport { CollapsibleContent } from '../Collapsible'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\n\nconst props = defineProps<AccordionContentProps>()\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nuseForwardExpose()\n</script>\n\n<template>\n  <CollapsibleContent\n    role=\"region\"\n    :as-child=\"props.asChild\"\n    :force-mount=\"props.forceMount\"\n    :aria-labelledby=\"itemContext.triggerId\"\n    :data-state=\"itemContext.dataState.value\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n    :data-orientation=\"rootContext.orientation\"\n    style=\"\n      --reka-accordion-content-width: var(--reka-collapsible-content-width);\n      --reka-accordion-content-height: var(--reka-collapsible-content-height);\n    \"\n    @content-found=\"rootContext.changeModelValue(itemContext.value.value)\"\n  >\n    <slot />\n  </CollapsibleContent>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAE/C,IAAiB,gBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionHeader.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+const vue = require('vue');
+const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const Accordion_AccordionRoot = require('./AccordionRoot.cjs');
+const Accordion_AccordionItem = require('./AccordionItem.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AccordionHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "h3" }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = Accordion_AccordionRoot.injectAccordionRootContext();
+    const itemContext = Accordion_AccordionItem.injectAccordionItemContext();
+    shared_useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), {
+        as: props.as,
+        "as-child": props.asChild,
+        "data-orientation": vue.unref(rootContext).orientation,
+        "data-state": vue.unref(itemContext).dataState.value,
+        "data-disabled": vue.unref(itemContext).dataDisabled.value
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "data-orientation", "data-state", "data-disabled"]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=AccordionHeader.cjs.map

package/dist/Accordion/AccordionHeader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.cjs","sources":["../../src/Accordion/AccordionHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface AccordionHeaderProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardExpose } from '@/shared'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<AccordionHeaderProps>(), {\n  as: 'h3',\n})\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nuseForwardExpose()\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-orientation=\"rootContext.orientation\"\n    :data-state=\"itemContext.dataState.value\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":["injectAccordionRootContext","injectAccordionItemContext","useForwardExpose"],"mappings":";;;;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAA,MAAM,cAAcA,kDAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAcC,kDAA2B,EAAA,CAAA;AAE/C,IAAiBC,wCAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionHeader.js

@@ -0,0 +1,36 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { P as Primitive } from '../Primitive/Primitive.js';
+import { i as injectAccordionRootContext } from './AccordionRoot.js';
+import { i as injectAccordionItemContext } from './AccordionItem.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AccordionHeader",
+  props: {
+    asChild: { type: Boolean },
+    as: { default: "h3" }
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const itemContext = injectAccordionItemContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        as: props.as,
+        "as-child": props.asChild,
+        "data-orientation": unref(rootContext).orientation,
+        "data-state": unref(itemContext).dataState.value,
+        "data-disabled": unref(itemContext).dataDisabled.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as", "as-child", "data-orientation", "data-state", "data-disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as _ };
+//# sourceMappingURL=AccordionHeader.js.map

package/dist/Accordion/AccordionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionHeader.js","sources":["../../src/Accordion/AccordionHeader.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface AccordionHeaderProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useForwardExpose } from '@/shared'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\nimport { Primitive } from '@/Primitive'\n\nconst props = withDefaults(defineProps<AccordionHeaderProps>(), {\n  as: 'h3',\n})\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nuseForwardExpose()\n</script>\n\n<template>\n  <Primitive\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :data-orientation=\"rootContext.orientation\"\n    :data-state=\"itemContext.dataState.value\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n  >\n    <slot />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAId,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAE/C,IAAiB,gBAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionItem.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+const vue = require('vue');
+const Accordion_AccordionRoot = require('./AccordionRoot.cjs');
+const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const Collapsible_CollapsibleRoot = require('../Collapsible/CollapsibleRoot.cjs');
+const shared_createContext = require('../shared/createContext.cjs');
+const shared_useArrowNavigation = require('../shared/useArrowNavigation.cjs');
+
+const [injectAccordionItemContext, provideAccordionItemContext] = shared_createContext.createContext("AccordionItem");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rootContext = Accordion_AccordionRoot.injectAccordionRootContext();
+    const open = vue.computed(
+      () => rootContext.isSingle.value ? props.value === rootContext.modelValue.value : Array.isArray(rootContext.modelValue.value) && rootContext.modelValue.value.includes(props.value)
+    );
+    const disabled = vue.computed(() => {
+      return rootContext.disabled.value || props.disabled || rootContext.isSingle.value && open.value && !rootContext.collapsible;
+    });
+    const dataDisabled = vue.computed(() => disabled.value ? "" : void 0);
+    const dataState = vue.computed(
+      () => open.value ? "open" /* Open */ : "closed" /* Closed */
+    );
+    __expose({ open, dataDisabled });
+    const { currentRef, currentElement } = shared_useForwardExpose.useForwardExpose();
+    provideAccordionItemContext({
+      open,
+      dataState,
+      disabled,
+      dataDisabled,
+      triggerId: "",
+      currentRef,
+      currentElement,
+      value: vue.computed(() => props.value)
+    });
+    function handleArrowKey(e) {
+      shared_useArrowNavigation.useArrowNavigation(
+        e,
+        currentElement.value,
+        rootContext.parentElement.value,
+        {
+          arrowKeyOptions: rootContext.orientation,
+          dir: rootContext.direction.value,
+          focus: true
+        }
+      );
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(Collapsible_CollapsibleRoot._sfc_main), {
+        "data-orientation": vue.unref(rootContext).orientation,
+        "data-disabled": dataDisabled.value,
+        "data-state": dataState.value,
+        disabled: disabled.value,
+        open: open.value,
+        as: props.as,
+        "as-child": props.asChild,
+        "unmount-on-hide": vue.unref(rootContext).unmountOnHide.value,
+        onKeydown: vue.withKeys(handleArrowKey, ["up", "down", "left", "right", "home", "end"])
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", { open: open.value })
+        ]),
+        _: 3
+      }, 8, ["data-orientation", "data-disabled", "data-state", "disabled", "open", "as", "as-child", "unmount-on-hide"]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+exports.injectAccordionItemContext = injectAccordionItemContext;
+//# sourceMappingURL=AccordionItem.cjs.map

package/dist/Accordion/AccordionItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.cjs","sources":["../../src/Accordion/AccordionItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ComputedRef, VNodeRef } from 'vue'\nimport type { CollapsibleRootProps } from '../Collapsible'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\nimport { createContext, useArrowNavigation, useForwardExpose } from '@/shared'\n\nenum AccordionItemState {\n  Open = 'open',\n  Closed = 'closed',\n}\n\nexport interface AccordionItemProps\n  extends Omit<CollapsibleRootProps, 'open' | 'defaultOpen' | 'onOpenChange'> {\n  /**\n   * Whether or not an accordion item is disabled from user interaction.\n   * When `true`, prevents the user from interacting with the item.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * A string value for the accordion item. All items within an accordion should use a unique value.\n   */\n  value: string\n}\n\ninterface AccordionItemContext {\n  open: ComputedRef<boolean>\n  dataState: ComputedRef<AccordionItemState>\n  disabled: ComputedRef<boolean>\n  dataDisabled: ComputedRef<'' | undefined>\n  triggerId: string\n  currentRef: VNodeRef\n  currentElement: ComputedRef<HTMLElement | undefined>\n  value: ComputedRef<string>\n}\n\nexport const [injectAccordionItemContext, provideAccordionItemContext]\n  = createContext<AccordionItemContext>('AccordionItem')\n</script>\n\n<script setup lang=\"ts\">\nimport { CollapsibleRoot } from '@/Collapsible'\nimport { computed } from 'vue'\n\nconst props = defineProps<AccordionItemProps>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current open state */\n    open: typeof open.value\n  }) => any\n}>()\n\nconst rootContext = injectAccordionRootContext()\n\nconst open = computed(() =>\n  rootContext.isSingle.value\n    ? props.value === rootContext.modelValue.value\n    : Array.isArray(rootContext.modelValue.value)\n      && rootContext.modelValue.value.includes(props.value),\n)\n\nconst disabled = computed(() => {\n  return (\n    rootContext.disabled.value\n    || props.disabled\n    || (rootContext.isSingle.value && open.value && !rootContext.collapsible)\n  )\n})\n\nconst dataDisabled = computed(() => (disabled.value ? '' : undefined))\n\nconst dataState = computed(() =>\n  open.value ? AccordionItemState.Open : AccordionItemState.Closed,\n)\n\ndefineExpose({ open, dataDisabled })\nconst { currentRef, currentElement } = useForwardExpose()\n\nprovideAccordionItemContext({\n  open,\n  dataState,\n  disabled,\n  dataDisabled,\n  triggerId: '',\n  currentRef,\n  currentElement,\n  value: computed(() => props.value),\n})\n\nfunction handleArrowKey(e: KeyboardEvent) {\n  useArrowNavigation(\n    e,\n    currentElement.value,\n    rootContext.parentElement.value!,\n    {\n      arrowKeyOptions: rootContext.orientation,\n      dir: rootContext.direction.value,\n      focus: true,\n    },\n  )\n}\n</script>\n\n<template>\n  <CollapsibleRoot\n    :data-orientation=\"rootContext.orientation\"\n    :data-disabled=\"dataDisabled\"\n    :data-state=\"dataState\"\n    :disabled=\"disabled\"\n    :open=\"open\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :unmount-on-hide=\"rootContext.unmountOnHide.value\"\n    @keydown.up.down.left.right.home.end=\"handleArrowKey\"\n  >\n    <slot :open=\"open\" />\n  </CollapsibleRoot>\n</template>\n"],"names":["createContext","injectAccordionRootContext","computed","useForwardExpose","useArrowNavigation"],"mappings":";;;;;;;;;AAqCO,MAAM,CAAC,0BAAA,EAA4B,2BAA2B,CAAA,GACjEA,mCAAoC,eAAe,EAAA;;;;;;;;;;;AAOvD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AASd,IAAA,MAAM,cAAcC,kDAA2B,EAAA,CAAA;AAE/C,IAAA,MAAM,IAAO,GAAAC,YAAA;AAAA,MAAS,MACpB,YAAY,QAAS,CAAA,KAAA,GACjB,MAAM,KAAU,KAAA,WAAA,CAAY,WAAW,KACvC,GAAA,KAAA,CAAM,QAAQ,WAAY,CAAA,UAAA,CAAW,KAAK,CACvC,IAAA,WAAA,CAAY,WAAW,KAAM,CAAA,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,QAAA,GAAWA,aAAS,MAAM;AAC9B,MACE,OAAA,WAAA,CAAY,QAAS,CAAA,KAAA,IAClB,KAAM,CAAA,QAAA,IACL,WAAY,CAAA,QAAA,CAAS,KAAS,IAAA,IAAA,CAAK,KAAS,IAAA,CAAC,WAAY,CAAA,WAAA,CAAA;AAAA,KAEhE,CAAA,CAAA;AAED,IAAA,MAAM,eAAeA,YAAS,CAAA,MAAO,QAAS,CAAA,KAAA,GAAQ,KAAK,KAAU,CAAA,CAAA,CAAA;AAErE,IAAA,MAAM,SAAY,GAAAA,YAAA;AAAA,MAAS,MACzB,IAAK,CAAA,KAAA,GAAQ,MAA0B,cAAA,QAAA;AAAA,KACzC,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,IAAM,EAAA,YAAA,EAAc,CAAA,CAAA;AACnC,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAIC,wCAAiB,EAAA,CAAA;AAExD,IAA4B,2BAAA,CAAA;AAAA,MAC1B,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAW,EAAA,EAAA;AAAA,MACX,UAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAO,EAAAD,YAAA,CAAS,MAAM,KAAA,CAAM,KAAK,CAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAA,SAAS,eAAe,CAAkB,EAAA;AACxC,MAAAE,4CAAA;AAAA,QACE,CAAA;AAAA,QACA,cAAe,CAAA,KAAA;AAAA,QACf,YAAY,aAAc,CAAA,KAAA;AAAA,QAC1B;AAAA,UACE,iBAAiB,WAAY,CAAA,WAAA;AAAA,UAC7B,GAAA,EAAK,YAAY,SAAU,CAAA,KAAA;AAAA,UAC3B,KAAO,EAAA,IAAA;AAAA,SACT;AAAA,OACF,CAAA;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionItem.js

@@ -0,0 +1,77 @@
+import { defineComponent, computed, openBlock, createBlock, unref, withKeys, withCtx, renderSlot } from 'vue';
+import { i as injectAccordionRootContext } from './AccordionRoot.js';
+import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { _ as _sfc_main$1 } from '../Collapsible/CollapsibleRoot.js';
+import { c as createContext } from '../shared/createContext.js';
+import { u as useArrowNavigation } from '../shared/useArrowNavigation.js';
+
+const [injectAccordionItemContext, provideAccordionItemContext] = createContext("AccordionItem");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AccordionItem",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const open = computed(
+      () => rootContext.isSingle.value ? props.value === rootContext.modelValue.value : Array.isArray(rootContext.modelValue.value) && rootContext.modelValue.value.includes(props.value)
+    );
+    const disabled = computed(() => {
+      return rootContext.disabled.value || props.disabled || rootContext.isSingle.value && open.value && !rootContext.collapsible;
+    });
+    const dataDisabled = computed(() => disabled.value ? "" : void 0);
+    const dataState = computed(
+      () => open.value ? "open" /* Open */ : "closed" /* Closed */
+    );
+    __expose({ open, dataDisabled });
+    const { currentRef, currentElement } = useForwardExpose();
+    provideAccordionItemContext({
+      open,
+      dataState,
+      disabled,
+      dataDisabled,
+      triggerId: "",
+      currentRef,
+      currentElement,
+      value: computed(() => props.value)
+    });
+    function handleArrowKey(e) {
+      useArrowNavigation(
+        e,
+        currentElement.value,
+        rootContext.parentElement.value,
+        {
+          arrowKeyOptions: rootContext.orientation,
+          dir: rootContext.direction.value,
+          focus: true
+        }
+      );
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        "data-orientation": unref(rootContext).orientation,
+        "data-disabled": dataDisabled.value,
+        "data-state": dataState.value,
+        disabled: disabled.value,
+        open: open.value,
+        as: props.as,
+        "as-child": props.asChild,
+        "unmount-on-hide": unref(rootContext).unmountOnHide.value,
+        onKeydown: withKeys(handleArrowKey, ["up", "down", "left", "right", "home", "end"])
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", { open: open.value })
+        ]),
+        _: 3
+      }, 8, ["data-orientation", "data-disabled", "data-state", "disabled", "open", "as", "as-child", "unmount-on-hide"]);
+    };
+  }
+});
+
+export { _sfc_main as _, injectAccordionItemContext as i };
+//# sourceMappingURL=AccordionItem.js.map

package/dist/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sources":["../../src/Accordion/AccordionItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ComputedRef, VNodeRef } from 'vue'\nimport type { CollapsibleRootProps } from '../Collapsible'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\nimport { createContext, useArrowNavigation, useForwardExpose } from '@/shared'\n\nenum AccordionItemState {\n  Open = 'open',\n  Closed = 'closed',\n}\n\nexport interface AccordionItemProps\n  extends Omit<CollapsibleRootProps, 'open' | 'defaultOpen' | 'onOpenChange'> {\n  /**\n   * Whether or not an accordion item is disabled from user interaction.\n   * When `true`, prevents the user from interacting with the item.\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n  /**\n   * A string value for the accordion item. All items within an accordion should use a unique value.\n   */\n  value: string\n}\n\ninterface AccordionItemContext {\n  open: ComputedRef<boolean>\n  dataState: ComputedRef<AccordionItemState>\n  disabled: ComputedRef<boolean>\n  dataDisabled: ComputedRef<'' | undefined>\n  triggerId: string\n  currentRef: VNodeRef\n  currentElement: ComputedRef<HTMLElement | undefined>\n  value: ComputedRef<string>\n}\n\nexport const [injectAccordionItemContext, provideAccordionItemContext]\n  = createContext<AccordionItemContext>('AccordionItem')\n</script>\n\n<script setup lang=\"ts\">\nimport { CollapsibleRoot } from '@/Collapsible'\nimport { computed } from 'vue'\n\nconst props = defineProps<AccordionItemProps>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current open state */\n    open: typeof open.value\n  }) => any\n}>()\n\nconst rootContext = injectAccordionRootContext()\n\nconst open = computed(() =>\n  rootContext.isSingle.value\n    ? props.value === rootContext.modelValue.value\n    : Array.isArray(rootContext.modelValue.value)\n      && rootContext.modelValue.value.includes(props.value),\n)\n\nconst disabled = computed(() => {\n  return (\n    rootContext.disabled.value\n    || props.disabled\n    || (rootContext.isSingle.value && open.value && !rootContext.collapsible)\n  )\n})\n\nconst dataDisabled = computed(() => (disabled.value ? '' : undefined))\n\nconst dataState = computed(() =>\n  open.value ? AccordionItemState.Open : AccordionItemState.Closed,\n)\n\ndefineExpose({ open, dataDisabled })\nconst { currentRef, currentElement } = useForwardExpose()\n\nprovideAccordionItemContext({\n  open,\n  dataState,\n  disabled,\n  dataDisabled,\n  triggerId: '',\n  currentRef,\n  currentElement,\n  value: computed(() => props.value),\n})\n\nfunction handleArrowKey(e: KeyboardEvent) {\n  useArrowNavigation(\n    e,\n    currentElement.value,\n    rootContext.parentElement.value!,\n    {\n      arrowKeyOptions: rootContext.orientation,\n      dir: rootContext.direction.value,\n      focus: true,\n    },\n  )\n}\n</script>\n\n<template>\n  <CollapsibleRoot\n    :data-orientation=\"rootContext.orientation\"\n    :data-disabled=\"dataDisabled\"\n    :data-state=\"dataState\"\n    :disabled=\"disabled\"\n    :open=\"open\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :unmount-on-hide=\"rootContext.unmountOnHide.value\"\n    @keydown.up.down.left.right.home.end=\"handleArrowKey\"\n  >\n    <slot :open=\"open\" />\n  </CollapsibleRoot>\n</template>\n"],"names":[],"mappings":";;;;;;;AAqCO,MAAM,CAAC,0BAAA,EAA4B,2BAA2B,CAAA,GACjE,cAAoC,eAAe,EAAA;;;;;;;;;;;AAOvD,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AASd,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAE/C,IAAA,MAAM,IAAO,GAAA,QAAA;AAAA,MAAS,MACpB,YAAY,QAAS,CAAA,KAAA,GACjB,MAAM,KAAU,KAAA,WAAA,CAAY,WAAW,KACvC,GAAA,KAAA,CAAM,QAAQ,WAAY,CAAA,UAAA,CAAW,KAAK,CACvC,IAAA,WAAA,CAAY,WAAW,KAAM,CAAA,QAAA,CAAS,MAAM,KAAK,CAAA;AAAA,KAC1D,CAAA;AAEA,IAAM,MAAA,QAAA,GAAW,SAAS,MAAM;AAC9B,MACE,OAAA,WAAA,CAAY,QAAS,CAAA,KAAA,IAClB,KAAM,CAAA,QAAA,IACL,WAAY,CAAA,QAAA,CAAS,KAAS,IAAA,IAAA,CAAK,KAAS,IAAA,CAAC,WAAY,CAAA,WAAA,CAAA;AAAA,KAEhE,CAAA,CAAA;AAED,IAAA,MAAM,eAAe,QAAS,CAAA,MAAO,QAAS,CAAA,KAAA,GAAQ,KAAK,KAAU,CAAA,CAAA,CAAA;AAErE,IAAA,MAAM,SAAY,GAAA,QAAA;AAAA,MAAS,MACzB,IAAK,CAAA,KAAA,GAAQ,MAA0B,cAAA,QAAA;AAAA,KACzC,CAAA;AAEA,IAAa,QAAA,CAAA,EAAE,IAAM,EAAA,YAAA,EAAc,CAAA,CAAA;AACnC,IAAA,MAAM,EAAE,UAAA,EAAY,cAAe,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAExD,IAA4B,2BAAA,CAAA;AAAA,MAC1B,IAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAW,EAAA,EAAA;AAAA,MACX,UAAA;AAAA,MACA,cAAA;AAAA,MACA,KAAO,EAAA,QAAA,CAAS,MAAM,KAAA,CAAM,KAAK,CAAA;AAAA,KAClC,CAAA,CAAA;AAED,IAAA,SAAS,eAAe,CAAkB,EAAA;AACxC,MAAA,kBAAA;AAAA,QACE,CAAA;AAAA,QACA,cAAe,CAAA,KAAA;AAAA,QACf,YAAY,aAAc,CAAA,KAAA;AAAA,QAC1B;AAAA,UACE,iBAAiB,WAAY,CAAA,WAAA;AAAA,UAC7B,GAAA,EAAK,YAAY,SAAU,CAAA,KAAA;AAAA,UAC3B,KAAO,EAAA,IAAA;AAAA,SACT;AAAA,OACF,CAAA;AAAA,KACF;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionRoot.cjs

@@ -0,0 +1,61 @@
+'use strict';
+
+const vue = require('vue');
+const shared_useSingleOrMultipleValue = require('../shared/useSingleOrMultipleValue.cjs');
+const shared_useDirection = require('../shared/useDirection.cjs');
+const shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const shared_createContext = require('../shared/createContext.cjs');
+
+const [injectAccordionRootContext, provideAccordionRootContext] = shared_createContext.createContext("AccordionRoot");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AccordionRoot",
+  props: {
+    collapsible: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    dir: {},
+    orientation: { default: "vertical" },
+    unmountOnHide: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {},
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { dir, disabled, unmountOnHide } = vue.toRefs(props);
+    const direction = shared_useDirection.useDirection(dir);
+    const { modelValue, changeModelValue, isSingle } = shared_useSingleOrMultipleValue.useSingleOrMultipleValue(props, emits);
+    const { forwardRef, currentElement: parentElement } = shared_useForwardExpose.useForwardExpose();
+    provideAccordionRootContext({
+      disabled,
+      direction,
+      orientation: props.orientation,
+      parentElement,
+      isSingle,
+      collapsible: props.collapsible,
+      modelValue,
+      changeModelValue,
+      unmountOnHide
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(Primitive_Primitive.Primitive), {
+        ref: vue.unref(forwardRef),
+        "as-child": _ctx.asChild,
+        as: _ctx.as
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default", { modelValue: vue.unref(modelValue) })
+        ]),
+        _: 3
+      }, 8, ["as-child", "as"]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+exports.injectAccordionRootContext = injectAccordionRootContext;
+//# sourceMappingURL=AccordionRoot.cjs.map

package/dist/Accordion/AccordionRoot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRoot.cjs","sources":["../../src/Accordion/AccordionRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ComputedRef, Ref } from 'vue'\nimport type { PrimitiveProps } from '@/Primitive'\nimport type { AcceptableValue, DataOrientation, Direction, SingleOrMultipleProps, SingleOrMultipleType } from '@/shared/types'\nimport { createContext, useDirection, useForwardExpose } from '@/shared'\n\nexport interface AccordionRootProps<ValidValue = string | string[], ExplicitType = SingleOrMultipleType>\n  extends PrimitiveProps, SingleOrMultipleProps<ValidValue, ExplicitType> {\n  /**\n   * When type is \"single\", allows closing content when clicking trigger for an open item.\n   * When type is \"multiple\", this prop has no effect.\n   *\n   * @defaultValue false\n   */\n  collapsible?: boolean\n\n  /**\n   * When `true`, prevents the user from interacting with the accordion and all its items\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n\n  /**\n   * The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode.\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * The orientation of the accordion.\n   *\n   * @defaultValue \"vertical\"\n   */\n  orientation?: DataOrientation\n\n  /**\n   * When `true`, the element will be unmounted on closed state.\n   *\n   * @defaultValue `true`\n   */\n  unmountOnHide?: boolean\n}\n\nexport type AccordionRootEmits<T extends SingleOrMultipleType = SingleOrMultipleType> = {\n  /**\n   * Event handler called when the expanded state of an item changes\n   */\n  'update:modelValue': [value: (T extends 'single' ? string : string[]) | undefined]\n}\n\nexport type AccordionRootContext<P extends AccordionRootProps> = {\n  disabled: Ref<P['disabled']>\n  direction: Ref<P['dir']>\n  orientation: P['orientation']\n  parentElement: Ref<HTMLElement | undefined>\n  changeModelValue: (value: string) => void\n  isSingle: ComputedRef<boolean>\n  modelValue: Ref<AcceptableValue | AcceptableValue[] | undefined>\n  collapsible: boolean\n  unmountOnHide: Ref<boolean>\n}\n\nexport const [injectAccordionRootContext, provideAccordionRootContext]\n  = createContext<AccordionRootContext<AccordionRootProps>>('AccordionRoot')\n</script>\n\n<script setup lang=\"ts\" generic=\"ValidValue extends (AcceptableValue | AcceptableValue[]), ExplicitType extends SingleOrMultipleType\">\nimport { Primitive } from '@/Primitive'\nimport { useSingleOrMultipleValue } from '@/shared/useSingleOrMultipleValue'\nimport { toRefs } from 'vue'\n\nconst props = withDefaults(defineProps<AccordionRootProps<ValidValue, ExplicitType>>(), {\n  disabled: false,\n  orientation: 'vertical',\n  collapsible: false,\n  unmountOnHide: true,\n})\n\nconst emits = defineEmits<AccordionRootEmits<ExplicitType>>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current active value */\n    modelValue: typeof modelValue.value\n  }) => any\n}>()\n\nconst { dir, disabled, unmountOnHide } = toRefs(props)\nconst direction = useDirection(dir)\n\nconst { modelValue, changeModelValue, isSingle } = useSingleOrMultipleValue(props, emits)\n\nconst { forwardRef, currentElement: parentElement } = useForwardExpose()\n\nprovideAccordionRootContext({\n  disabled,\n  direction,\n  orientation: props.orientation,\n  parentElement,\n  isSingle,\n  collapsible: props.collapsible,\n  modelValue,\n  changeModelValue,\n  unmountOnHide,\n})\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :as-child=\"asChild\"\n    :as=\"as\"\n  >\n    <slot :model-value=\"modelValue\" />\n  </Primitive>\n</template>\n"],"names":["createContext","toRefs","useDirection","useSingleOrMultipleValue","useForwardExpose"],"mappings":";;;;;;;;;AAgEO,MAAM,CAAC,0BAAA,EAA4B,2BAA2B,CAAA,GACjEA,mCAAwD,eAAe,EAAA;;;;;;;;;;;;;;;;;AAQ3E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAOd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AASd,IAAA,MAAM,EAAE,GAAK,EAAA,QAAA,EAAU,aAAc,EAAA,GAAIC,WAAO,KAAK,CAAA,CAAA;AACrD,IAAM,MAAA,SAAA,GAAYC,iCAAa,GAAG,CAAA,CAAA;AAElC,IAAA,MAAM,EAAE,UAAY,EAAA,gBAAA,EAAkB,UAAa,GAAAC,wDAAA,CAAyB,OAAO,KAAK,CAAA,CAAA;AAExF,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,aAAA,KAAkBC,wCAAiB,EAAA,CAAA;AAEvE,IAA4B,2BAAA,CAAA;AAAA,MAC1B,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,aAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionRoot.js

@@ -0,0 +1,58 @@
+import { defineComponent, toRefs, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { u as useSingleOrMultipleValue } from '../shared/useSingleOrMultipleValue.js';
+import { u as useDirection } from '../shared/useDirection.js';
+import { u as useForwardExpose } from '../shared/useForwardExpose.js';
+import { P as Primitive } from '../Primitive/Primitive.js';
+import { c as createContext } from '../shared/createContext.js';
+
+const [injectAccordionRootContext, provideAccordionRootContext] = createContext("AccordionRoot");
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AccordionRoot",
+  props: {
+    collapsible: { type: Boolean, default: false },
+    disabled: { type: Boolean, default: false },
+    dir: {},
+    orientation: { default: "vertical" },
+    unmountOnHide: { type: Boolean, default: true },
+    asChild: { type: Boolean },
+    as: {},
+    type: {},
+    modelValue: {},
+    defaultValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { dir, disabled, unmountOnHide } = toRefs(props);
+    const direction = useDirection(dir);
+    const { modelValue, changeModelValue, isSingle } = useSingleOrMultipleValue(props, emits);
+    const { forwardRef, currentElement: parentElement } = useForwardExpose();
+    provideAccordionRootContext({
+      disabled,
+      direction,
+      orientation: props.orientation,
+      parentElement,
+      isSingle,
+      collapsible: props.collapsible,
+      modelValue,
+      changeModelValue,
+      unmountOnHide
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), {
+        ref: unref(forwardRef),
+        "as-child": _ctx.asChild,
+        as: _ctx.as
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })
+        ]),
+        _: 3
+      }, 8, ["as-child", "as"]);
+    };
+  }
+});
+
+export { _sfc_main as _, injectAccordionRootContext as i };
+//# sourceMappingURL=AccordionRoot.js.map

package/dist/Accordion/AccordionRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionRoot.js","sources":["../../src/Accordion/AccordionRoot.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ComputedRef, Ref } from 'vue'\nimport type { PrimitiveProps } from '@/Primitive'\nimport type { AcceptableValue, DataOrientation, Direction, SingleOrMultipleProps, SingleOrMultipleType } from '@/shared/types'\nimport { createContext, useDirection, useForwardExpose } from '@/shared'\n\nexport interface AccordionRootProps<ValidValue = string | string[], ExplicitType = SingleOrMultipleType>\n  extends PrimitiveProps, SingleOrMultipleProps<ValidValue, ExplicitType> {\n  /**\n   * When type is \"single\", allows closing content when clicking trigger for an open item.\n   * When type is \"multiple\", this prop has no effect.\n   *\n   * @defaultValue false\n   */\n  collapsible?: boolean\n\n  /**\n   * When `true`, prevents the user from interacting with the accordion and all its items\n   *\n   * @defaultValue false\n   */\n  disabled?: boolean\n\n  /**\n   * The reading direction of the accordion when applicable. If omitted, assumes LTR (left-to-right) reading mode.\n   *\n   * @defaultValue \"ltr\"\n   */\n  dir?: Direction\n\n  /**\n   * The orientation of the accordion.\n   *\n   * @defaultValue \"vertical\"\n   */\n  orientation?: DataOrientation\n\n  /**\n   * When `true`, the element will be unmounted on closed state.\n   *\n   * @defaultValue `true`\n   */\n  unmountOnHide?: boolean\n}\n\nexport type AccordionRootEmits<T extends SingleOrMultipleType = SingleOrMultipleType> = {\n  /**\n   * Event handler called when the expanded state of an item changes\n   */\n  'update:modelValue': [value: (T extends 'single' ? string : string[]) | undefined]\n}\n\nexport type AccordionRootContext<P extends AccordionRootProps> = {\n  disabled: Ref<P['disabled']>\n  direction: Ref<P['dir']>\n  orientation: P['orientation']\n  parentElement: Ref<HTMLElement | undefined>\n  changeModelValue: (value: string) => void\n  isSingle: ComputedRef<boolean>\n  modelValue: Ref<AcceptableValue | AcceptableValue[] | undefined>\n  collapsible: boolean\n  unmountOnHide: Ref<boolean>\n}\n\nexport const [injectAccordionRootContext, provideAccordionRootContext]\n  = createContext<AccordionRootContext<AccordionRootProps>>('AccordionRoot')\n</script>\n\n<script setup lang=\"ts\" generic=\"ValidValue extends (AcceptableValue | AcceptableValue[]), ExplicitType extends SingleOrMultipleType\">\nimport { Primitive } from '@/Primitive'\nimport { useSingleOrMultipleValue } from '@/shared/useSingleOrMultipleValue'\nimport { toRefs } from 'vue'\n\nconst props = withDefaults(defineProps<AccordionRootProps<ValidValue, ExplicitType>>(), {\n  disabled: false,\n  orientation: 'vertical',\n  collapsible: false,\n  unmountOnHide: true,\n})\n\nconst emits = defineEmits<AccordionRootEmits<ExplicitType>>()\n\ndefineSlots<{\n  default: (props: {\n    /** Current active value */\n    modelValue: typeof modelValue.value\n  }) => any\n}>()\n\nconst { dir, disabled, unmountOnHide } = toRefs(props)\nconst direction = useDirection(dir)\n\nconst { modelValue, changeModelValue, isSingle } = useSingleOrMultipleValue(props, emits)\n\nconst { forwardRef, currentElement: parentElement } = useForwardExpose()\n\nprovideAccordionRootContext({\n  disabled,\n  direction,\n  orientation: props.orientation,\n  parentElement,\n  isSingle,\n  collapsible: props.collapsible,\n  modelValue,\n  changeModelValue,\n  unmountOnHide,\n})\n</script>\n\n<template>\n  <Primitive\n    :ref=\"forwardRef\"\n    :as-child=\"asChild\"\n    :as=\"as\"\n  >\n    <slot :model-value=\"modelValue\" />\n  </Primitive>\n</template>\n"],"names":[],"mappings":";;;;;;;AAgEO,MAAM,CAAC,0BAAA,EAA4B,2BAA2B,CAAA,GACjE,cAAwD,eAAe,EAAA;;;;;;;;;;;;;;;;;AAQ3E,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAOd,IAAA,MAAM,KAAQ,GAAA,MAAA,CAAA;AASd,IAAA,MAAM,EAAE,GAAK,EAAA,QAAA,EAAU,aAAc,EAAA,GAAI,OAAO,KAAK,CAAA,CAAA;AACrD,IAAM,MAAA,SAAA,GAAY,aAAa,GAAG,CAAA,CAAA;AAElC,IAAA,MAAM,EAAE,UAAY,EAAA,gBAAA,EAAkB,UAAa,GAAA,wBAAA,CAAyB,OAAO,KAAK,CAAA,CAAA;AAExF,IAAA,MAAM,EAAE,UAAA,EAAY,cAAgB,EAAA,aAAA,KAAkB,gBAAiB,EAAA,CAAA;AAEvE,IAA4B,2BAAA,CAAA;AAAA,MAC1B,QAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,aAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAa,KAAM,CAAA,WAAA;AAAA,MACnB,UAAA;AAAA,MACA,gBAAA;AAAA,MACA,aAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionTrigger.cjs

@@ -0,0 +1,50 @@
+'use strict';
+
+const vue = require('vue');
+const shared_useId = require('../shared/useId.cjs');
+const Collapsible_CollapsibleTrigger = require('../Collapsible/CollapsibleTrigger.cjs');
+const Accordion_AccordionRoot = require('./AccordionRoot.cjs');
+const Accordion_AccordionItem = require('./AccordionItem.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = Accordion_AccordionRoot.injectAccordionRootContext();
+    const itemContext = Accordion_AccordionItem.injectAccordionItemContext();
+    itemContext.triggerId ||= shared_useId.useId(void 0, "reka-accordion-trigger");
+    function changeItem() {
+      if (itemContext.disabled.value)
+        return;
+      rootContext.changeModelValue(itemContext.value.value);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(Collapsible_CollapsibleTrigger._sfc_main), {
+        id: vue.unref(itemContext).triggerId,
+        ref: vue.unref(itemContext).currentRef,
+        "data-reka-collection-item": "",
+        as: props.as,
+        "as-child": props.asChild,
+        "aria-disabled": vue.unref(itemContext).disabled.value || void 0,
+        "aria-expanded": vue.unref(itemContext).open.value || false,
+        "data-disabled": vue.unref(itemContext).dataDisabled.value,
+        "data-orientation": vue.unref(rootContext).orientation,
+        "data-state": vue.unref(itemContext).dataState.value,
+        disabled: vue.unref(itemContext).disabled.value,
+        onClick: changeItem
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "as", "as-child", "aria-disabled", "aria-expanded", "data-disabled", "data-orientation", "data-state", "disabled"]);
+    };
+  }
+});
+
+exports._sfc_main = _sfc_main;
+//# sourceMappingURL=AccordionTrigger.cjs.map

package/dist/Accordion/AccordionTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.cjs","sources":["../../src/Accordion/AccordionTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface AccordionTriggerProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useId } from '@/shared'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\n\nimport { CollapsibleTrigger } from '@/Collapsible'\n\nconst props = defineProps<AccordionTriggerProps>()\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nitemContext.triggerId ||= useId(undefined, 'reka-accordion-trigger')\nfunction changeItem() {\n  if (itemContext.disabled.value)\n    return\n  rootContext.changeModelValue(itemContext.value.value)\n}\n</script>\n\n<template>\n  <CollapsibleTrigger\n    :id=\"itemContext.triggerId\"\n    :ref=\"itemContext.currentRef\"\n    data-reka-collection-item\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :aria-disabled=\"itemContext.disabled.value || undefined\"\n    :aria-expanded=\"itemContext.open.value || false\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n    :data-orientation=\"rootContext.orientation\"\n    :data-state=\"itemContext.dataState.value\"\n    :disabled=\"itemContext.disabled.value\"\n    @click=\"changeItem\"\n  >\n    <slot />\n  </CollapsibleTrigger>\n</template>\n"],"names":["injectAccordionRootContext","injectAccordionItemContext","useId"],"mappings":";;;;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,cAAcA,kDAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAcC,kDAA2B,EAAA,CAAA;AAE/C,IAAY,WAAA,CAAA,SAAA,KAAcC,kBAAM,CAAA,KAAA,CAAA,EAAW,wBAAwB,CAAA,CAAA;AACnE,IAAA,SAAS,UAAa,GAAA;AACpB,MAAA,IAAI,YAAY,QAAS,CAAA,KAAA;AACvB,QAAA,OAAA;AACF,MAAY,WAAA,CAAA,gBAAA,CAAiB,WAAY,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Accordion/AccordionTrigger.js

@@ -0,0 +1,48 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, renderSlot } from 'vue';
+import { u as useId } from '../shared/useId.js';
+import { _ as _sfc_main$1 } from '../Collapsible/CollapsibleTrigger.js';
+import { i as injectAccordionRootContext } from './AccordionRoot.js';
+import { i as injectAccordionItemContext } from './AccordionItem.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AccordionTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const rootContext = injectAccordionRootContext();
+    const itemContext = injectAccordionItemContext();
+    itemContext.triggerId ||= useId(void 0, "reka-accordion-trigger");
+    function changeItem() {
+      if (itemContext.disabled.value)
+        return;
+      rootContext.changeModelValue(itemContext.value.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        id: unref(itemContext).triggerId,
+        ref: unref(itemContext).currentRef,
+        "data-reka-collection-item": "",
+        as: props.as,
+        "as-child": props.asChild,
+        "aria-disabled": unref(itemContext).disabled.value || void 0,
+        "aria-expanded": unref(itemContext).open.value || false,
+        "data-disabled": unref(itemContext).dataDisabled.value,
+        "data-orientation": unref(rootContext).orientation,
+        "data-state": unref(itemContext).dataState.value,
+        disabled: unref(itemContext).disabled.value,
+        onClick: changeItem
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "as", "as-child", "aria-disabled", "aria-expanded", "data-disabled", "data-orientation", "data-state", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as _ };
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/Accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.js","sources":["../../src/Accordion/AccordionTrigger.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { PrimitiveProps } from '@/Primitive'\n\nexport interface AccordionTriggerProps extends PrimitiveProps {}\n</script>\n\n<script setup lang=\"ts\">\nimport { useId } from '@/shared'\nimport { injectAccordionItemContext } from './AccordionItem.vue'\nimport { injectAccordionRootContext } from './AccordionRoot.vue'\n\nimport { CollapsibleTrigger } from '@/Collapsible'\n\nconst props = defineProps<AccordionTriggerProps>()\n\nconst rootContext = injectAccordionRootContext()\nconst itemContext = injectAccordionItemContext()\n\nitemContext.triggerId ||= useId(undefined, 'reka-accordion-trigger')\nfunction changeItem() {\n  if (itemContext.disabled.value)\n    return\n  rootContext.changeModelValue(itemContext.value.value)\n}\n</script>\n\n<template>\n  <CollapsibleTrigger\n    :id=\"itemContext.triggerId\"\n    :ref=\"itemContext.currentRef\"\n    data-reka-collection-item\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :aria-disabled=\"itemContext.disabled.value || undefined\"\n    :aria-expanded=\"itemContext.open.value || false\"\n    :data-disabled=\"itemContext.dataDisabled.value\"\n    :data-orientation=\"rootContext.orientation\"\n    :data-state=\"itemContext.dataState.value\"\n    :disabled=\"itemContext.disabled.value\"\n    @click=\"changeItem\"\n  >\n    <slot />\n  </CollapsibleTrigger>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAEd,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAC/C,IAAA,MAAM,cAAc,0BAA2B,EAAA,CAAA;AAE/C,IAAY,WAAA,CAAA,SAAA,KAAc,KAAM,CAAA,KAAA,CAAA,EAAW,wBAAwB,CAAA,CAAA;AACnE,IAAA,SAAS,UAAa,GAAA;AACpB,MAAA,IAAI,YAAY,QAAS,CAAA,KAAA;AACvB,QAAA,OAAA;AACF,MAAY,WAAA,CAAA,gBAAA,CAAiB,WAAY,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KACtD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}