@vifui/core 0.4.0-alpha.6

package/dist/components/accordion/accordion-root.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, computed, provide, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+import { AccordionRoot } from 'reka-ui';
+import { accordionVariants } from './accordion.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "accordion-root",
+  props: {
+    variant: { type: null, required: false, default: "default" },
+    size: { type: null, required: false, default: "md" },
+    modelValue: { type: [String, Array], required: false },
+    defaultValue: { type: [String, Array], required: false },
+    type: { type: String, required: false, default: "single" },
+    collapsible: { type: Boolean, required: false, default: true },
+    disabled: { type: Boolean, required: false, default: false },
+    class: { type: String, required: false },
+    orientation: { type: String, required: false, default: "vertical" },
+    dir: { type: String, required: false, default: "ltr" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = computed(
+      () => accordionVariants({
+        variant: props.variant,
+        size: props.size
+      })
+    );
+    provide("accordionSlots", slots);
+    const handleValueChange = (value) => {
+      emit("update:modelValue", value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AccordionRoot), {
+        class: normalizeClass([slots.value.root(), props.class]),
+        "model-value": __props.modelValue,
+        "default-value": __props.defaultValue,
+        type: __props.type,
+        collapsible: __props.collapsible,
+        disabled: __props.disabled,
+        orientation: __props.orientation,
+        dir: __props.dir,
+        "onUpdate:modelValue": handleValueChange
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "model-value", "default-value", "type", "collapsible", "disabled", "orientation", "dir"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/accordion/accordion-root.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './accordion-root.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/accordion/accordion-trigger.vue.d.ts

@@ -0,0 +1,44 @@
+import { type AccordionTriggerProps as RekaAccordionTriggerProps } from "reka-ui";
+/**
+ * Props for the VifUI AccordionTrigger component.
+ * Acts as the interactive button that expands or collapses
+ * its associated accordion item. Extends the base Reka UI
+ * `AccordionTriggerProps` while adding styling and state options.
+ */
+export interface AccordionTriggerProps extends RekaAccordionTriggerProps {
+    /**
+     * Custom class names for the trigger button.
+     * Applied directly to the underlying `<button>`.
+     *
+     * @example
+     * ```vue
+     * <AccordionTrigger class="text-primary-600" />
+     * ```
+     */
+    class?: string;
+    /**
+     * Disables this specific trigger.
+     * Prevents the accordion item from opening or closing.
+     *
+     * @default false
+     * @example
+     * ```vue
+     * <AccordionTrigger disabled />
+     * ```
+     */
+    disabled?: boolean;
+}
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<AccordionTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AccordionTriggerProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/accordion/accordion-trigger.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent, inject, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+import { AccordionTrigger } from 'reka-ui';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "accordion-trigger",
+  props: {
+    class: { type: String, required: false },
+    disabled: { type: Boolean, required: false, default: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = inject("accordionSlots", null);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(AccordionTrigger), {
+        class: normalizeClass([unref(slots)?.trigger?.(), props.class]),
+        disabled: __props.disabled
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class", "disabled"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/accordion/accordion-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './accordion-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,99 @@
+import type { VariantProps } from "tailwind-variants";
+/**
+ * Accordion component variant mapper
+ *
+ * Maps variant props to @vifui/styles CSS classes
+ * Inspired by Reka's accordion architecture
+ */
+export declare const accordionVariants: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        bordered: {
+            root: string;
+        };
+        shadow: {
+            root: string;
+        };
+        flat: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {};
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string;
+    body: string;
+    icon: string;
+}, undefined, {
+    variant: {
+        default: {};
+        bordered: {
+            root: string;
+        };
+        shadow: {
+            root: string;
+        };
+        flat: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {};
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string;
+    body: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: {};
+        bordered: {
+            root: string;
+        };
+        shadow: {
+            root: string;
+        };
+        flat: {
+            root: string;
+        };
+    };
+    size: {
+        sm: {
+            root: string;
+        };
+        md: {};
+        lg: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    header: string;
+    trigger: string;
+    content: string;
+    body: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export type AccordionVariantProps = VariantProps<typeof accordionVariants>;

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,42 @@
+import { tv } from 'tailwind-variants';
+
+const accordionVariants = tv({
+  slots: {
+    root: "vif-accordion",
+    item: "vif-accordion__item",
+    header: "vif-accordion__header",
+    trigger: "vif-accordion__trigger",
+    content: "vif-accordion__content",
+    body: "vif-accordion__body",
+    icon: "vif-accordion__icon"
+  },
+  variants: {
+    variant: {
+      default: {},
+      bordered: {
+        root: "vif-accordion--bordered"
+      },
+      shadow: {
+        root: "vif-accordion--shadow"
+      },
+      flat: {
+        root: "vif-accordion--flat"
+      }
+    },
+    size: {
+      sm: {
+        root: "vif-accordion--sm"
+      },
+      md: {},
+      lg: {
+        root: "vif-accordion--lg"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+
+export { accordionVariants };

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,15 @@
+export { default as AccordionRoot } from './accordion-root.vue';
+export { default as AccordionItem } from './accordion-item.vue';
+export { default as AccordionHeader } from './accordion-header.vue';
+export { default as AccordionTrigger } from './accordion-trigger.vue';
+export { default as AccordionContent } from './accordion-content.vue';
+export { default as AccordionIndicator } from './accordion-indicator.vue';
+export { default as AccordionBody } from './accordion-body.vue';
+export { accordionVariants, type AccordionVariantProps } from './accordion.styles';
+export type { AccordionItemProps } from './accordion-item.vue';
+export type { AccordionRootProps } from './accordion-root.vue';
+export type { AccordionHeaderProps } from './accordion-header.vue';
+export type { AccordionTriggerProps } from './accordion-trigger.vue';
+export type { AccordionContentProps } from './accordion-content.vue';
+export type { AccordionIndicatorProps } from './accordion-indicator.vue';
+export type { AccordionBodyProps } from './accordion-body.vue';

package/dist/components/accordion/index.js

@@ -0,0 +1,8 @@
+export { default as AccordionRoot } from './accordion-root.vue.js';
+export { default as AccordionItem } from './accordion-item.vue.js';
+export { default as AccordionHeader } from './accordion-header.vue.js';
+export { default as AccordionTrigger } from './accordion-trigger.vue.js';
+export { default as AccordionContent } from './accordion-content.vue.js';
+export { default as AccordionIndicator } from './accordion-indicator.vue.js';
+export { default as AccordionBody } from './accordion-body.vue.js';
+export { accordionVariants } from './accordion.styles.js';

package/dist/components/alert/alert-body.vue.d.ts

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from "reka-ui";
+import { type Slot } from "vue";
+export interface AlertBodyProps extends PrimitiveProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertBodyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AlertBodyProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default: Slot;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/alert/alert-body.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, inject, ref, computed, createBlock, openBlock, Transition, withCtx, withDirectives, createVNode, unref, mergeProps, renderSlot, vShow } from 'vue';
+import { useForwardProps, Primitive } from 'reka-ui';
+import { alertVariants } from './alert.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "alert-body",
+  props: {
+    class: { type: String, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const contentContext = inject("alertContentContext", {
+      collapsible: false,
+      collapsed: ref(false)
+    });
+    const collapsed = computed(() => contentContext.collapsed.value);
+    const delegatedProps = computed(() => {
+      const { as, asChild } = props;
+      return { as, asChild };
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    const classes = computed(
+      () => alertVariants({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "vif-collapse",
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives(createVNode(unref(Primitive), mergeProps(unref(forwardedProps), {
+            class: classes.value.contentBody()
+          }), {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 16, ["class"]), [
+            [vShow, !collapsed.value]
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/alert/alert-body.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './alert-body.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/alert/alert-close.vue.d.ts

@@ -0,0 +1,12 @@
+export interface AlertCloseProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AlertCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/alert/alert-close.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot, createVNode } from 'vue';
+import { Icon } from '@iconify/vue';
+import { alertVariants } from './alert.styles.js';
+import _sfc_main$1 from '../button/button.vue.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "alert-close",
+  props: {
+    class: { type: String, required: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const classes = computed(
+      () => alertVariants({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(_sfc_main$1)), {
+        "icon-only": "",
+        class: normalizeClass(classes.value.close()),
+        size: "sm",
+        color: "neutral",
+        variant: "ghost"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createVNode(unref(Icon), { icon: "lucide:x" })
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/alert/alert-close.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './alert-close.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/alert/alert-content.vue.d.ts

@@ -0,0 +1,28 @@
+import { type PrimitiveProps } from 'reka-ui';
+import { type Slot } from 'vue';
+export interface AlertContentProps extends PrimitiveProps {
+    /**
+   * Makes the content collapsible (header becomes trigger)
+   */
+    collapsible?: boolean;
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertContentProps & {
+    collapsed?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<AlertContentProps & {
+    collapsed?: boolean;
+}> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default: Slot;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/alert/alert-content.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, mergeModels, computed, useModel, provide, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, Primitive } from 'reka-ui';
+import { alertVariants } from './alert.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "alert-content",
+  props: /* @__PURE__ */ mergeModels({
+    collapsible: { type: Boolean, required: false },
+    class: { type: String, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" }
+  }, {
+    "collapsed": { type: Boolean, ...{ default: false } },
+    "collapsedModifiers": {}
+  }),
+  emits: ["update:collapsed"],
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const {
+        as,
+        asChild
+      } = props;
+      return { as, asChild };
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    const classes = computed(
+      () => alertVariants({
+        class: props.class
+      })
+    );
+    const collapsed = useModel(__props, "collapsed");
+    provide("alertContentContext", {
+      collapsible: props.collapsible,
+      collapsed,
+      toggle: () => {
+        collapsed.value = !collapsed.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwardedProps), {
+        class: classes.value.content()
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/alert/alert-content.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './alert-content.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/alert/alert-description.vue.d.ts

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from 'reka-ui';
+import { type Slot } from 'vue';
+export interface AlertDescriptionProps extends PrimitiveProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AlertDescriptionProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default: Slot;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/alert/alert-description.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, computed, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { useForwardProps, Primitive } from 'reka-ui';
+import { alertVariants } from './alert.styles.js';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "alert-description",
+  props: {
+    class: { type: String, required: false },
+    asChild: { type: Boolean, required: false },
+    as: { type: null, required: false, default: "div" }
+  },
+  setup(__props) {
+    const props = __props;
+    const delegatedProps = computed(() => {
+      const {
+        as,
+        asChild
+      } = props;
+      return { as, asChild };
+    });
+    const forwardedProps = useForwardProps(delegatedProps);
+    const classes = computed(
+      () => alertVariants({
+        class: props.class
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps(unref(forwardedProps), {
+        class: classes.value.contentHeaderDescription()
+      }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 16, ["class"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/alert/alert-description.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './alert-description.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/alert/alert-footer.vue.d.ts

@@ -0,0 +1,16 @@
+import { type PrimitiveProps } from "reka-ui";
+import { type Slot } from "vue";
+export interface AlertFooterProps extends PrimitiveProps {
+    class?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<AlertFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<AlertFooterProps> & Readonly<{}>, {
+    as: import("reka-ui").AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default: Slot;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};