@una-ui/nuxt 1.0.0-alpha.1 → 1.0.0-alpha.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.1",
+  "version": "1.0.0-alpha.11",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -36,15 +36,15 @@
     "dist"
   ],
   "dependencies": {
-    "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
-    "@nuxt/kit": "^3.17.5",
+    "@nuxt/kit": "^3.19.2",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
-    "@unocss/core": "^66.2.0",
-    "@unocss/nuxt": "^66.2.0",
-    "@unocss/preset-attributify": "^66.2.0",
-    "@unocss/preset-icons": "^66.2.0",
+    "@unocss/core": "^66.5.4",
+    "@unocss/nuxt": "^66.5.4",
+    "@unocss/preset-attributify": "^66.5.4",
+    "@unocss/preset-icons": "^66.5.4",
+    "@unocss/reset": "^66.5.4",
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/zod": "^4.15.1",
     "@vueuse/core": "^12.8.2",
@@ -53,22 +53,22 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
-    "reka-ui": "^2.3.1",
-    "tailwind-merge": "^3.3.1",
-    "unocss": "^66.2.0",
-    "unocss-preset-animations": "^1.2.1",
+    "reka-ui": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
+    "unocss": "^66.5.4",
+    "unocss-preset-animations": "^1.3.0",
     "vaul-vue": "^0.4.1",
-    "@una-ui/preset": "^1.0.0-alpha.1",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.1"
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.11",
+    "@una-ui/preset": "^1.0.0-alpha.11"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.51",
-    "@iconify-json/radix-icons": "^1.2.2",
-    "@iconify-json/tabler": "^1.2.19",
-    "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.5",
-    "nuxt": "^3.17.5",
-    "zod": "^3.25.67"
+    "@iconify-json/lucide": "^1.2.73",
+    "@iconify-json/radix-icons": "^1.2.5",
+    "@iconify-json/tabler": "^1.2.23",
+    "@nuxt/module-builder": "^1.0.2",
+    "@nuxt/schema": "^3.19.2",
+    "nuxt": "^3.19.2",
+    "zod": "^3.25.76"
   },
   "publishConfig": {
     "access": "public"

package/dist/runtime/components/elements/Accordion.vue

@@ -1,212 +0,0 @@
-<script setup>
-import {
-  Disclosure,
-  DisclosureButton,
-  DisclosurePanel
-} from "@headlessui/vue";
-import { createReusableTemplate } from "@vueuse/core";
-import { computed, ref } from "vue";
-import { pickProps } from "../../utils";
-import NButton from "./Button.vue";
-import NIcon from "./Icon.vue";
-const props = defineProps({
-  accordion: { type: String, required: false },
-  trailingOpen: { type: String, required: false, default: "accordion-trailing-icon" },
-  trailingClose: { type: String, required: false },
-  multiple: { type: Boolean, required: false },
-  defaultOpen: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  mounted: { type: Boolean, required: false },
-  items: { type: Array, required: true },
-  una: { type: Object, required: false },
-  type: { type: String, required: false },
-  loadingPlacement: { type: String, required: false, default: "trailing" },
-  icon: { type: Boolean, required: false },
-  disabled: { type: Boolean, required: false },
-  reverse: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false },
-  block: { type: Boolean, required: false },
-  to: { type: null, required: false },
-  label: { type: String, required: false },
-  btn: { type: String, required: false },
-  leading: { type: String, required: false },
-  trailing: { type: String, required: false },
-  size: { type: String, required: false },
-  square: { type: null, required: false },
-  rounded: { type: null, required: false },
-  class: { type: null, required: false },
-  breadcrumbActive: { type: String, required: false },
-  breadcrumbInactive: { type: String, required: false },
-  paginationSelected: { type: String, required: false },
-  paginationUnselected: { type: String, required: false },
-  dropdownMenu: { type: String, required: false },
-  toggleOn: { type: String, required: false },
-  toggleOff: { type: String, required: false },
-  tabsActive: { type: String, required: false },
-  tabsInactive: { type: String, required: false },
-  navigationMenu: { type: String, required: false },
-  navigationMenuLink: { type: String, required: false },
-  ariaLabel: { type: String, required: false }
-});
-const buttonRefs = ref([]);
-function closeOthers(index) {
-  if (props.multiple && props.items[index] && !props.items[index].closeOthers)
-    return;
-  buttonRefs.value.filter((_, i) => i !== index).forEach((close) => close());
-}
-function onEnter(element, done) {
-  const el = element;
-  el.style.height = "0";
-  el.style.height = `${element.scrollHeight}px`;
-  el.addEventListener("transitionend", done, { once: true });
-}
-function onAfterEnter(element) {
-  const el = element;
-  el.style.height = "auto";
-}
-function onBeforeLeave(element) {
-  const el = element;
-  el.style.height = `${el.scrollHeight}px`;
-}
-function onLeave(element, done) {
-  const el = element;
-  el.style.height = "0";
-  el.addEventListener("transitionend", done, { once: true });
-}
-const [DefineTemplate, ReuseTemplate] = createReusableTemplate();
-const pickedProps = pickProps(props, ["reverse", "icon", "btn", "label", "leading", "loading", "loadingPlacement", "una", "trailing", "leading", "to", "type", "disabled"]);
-function mergedProps(itemProps) {
-  return Object.assign(pickedProps, itemProps);
-}
-const btnVariants = ["solid", "outline", "soft", "ghost", "link", "text"];
-const hasVariant = computed(() => btnVariants.some((btnVariants2) => props.btn?.includes(btnVariants2)));
-const isBaseVariant = computed(() => props.btn?.includes("~"));
-</script>
-
-<template>
-  <div
-    :accordion="accordion"
-    class="accordion"
-    :class="[
-  unstyle ? 'space-y-3' : 'accordion-(border divider)',
-  una?.accordion
-]"
-  >
-    <DefineTemplate v-slot="{ item, close, index, open }">
-      <slot
-        :name="item.content ? 'content' : index"
-        :item="item" :index="index" :open="open" :close="close"
-      >
-        <div
-          accordion="panel"
-          :class="[
-  una?.accordionPanel,
-  { 'border-t-0': unstyle }
-]"
-        >
-          {{ item.content }}
-        </div>
-      </slot>
-    </DefineTemplate>
-
-    <Disclosure
-      v-for="(item, i) in items"
-      :key="i"
-      v-slot="{ open, close }"
-      as="div"
-      accordion="item"
-      :default-open="item.defaultOpen || defaultOpen"
-      :class="una?.accordionItem"
-    >
-      <DisclosureButton
-        :ref="() => buttonRefs[i] = close"
-        as="template"
-        :disabled="item.disabled || disabled"
-        @click="closeOthers(i)"
-      >
-        <slot name="label" :item="item" :index="i" :open="open" :close="close">
-          <NButton
-            v-bind="mergedProps(item)"
-            :btn="`~ block ${btn || ''}`"
-            :class="[
-  { 'accordion-button-default-variant': !hasVariant && !isBaseVariant },
-  { 'accordion-button-padding': !unstyle },
-  una?.accordionButton
-]"
-            :una="{
-  btn: 'h-auto accordion-button',
-  btnLabel: 'accordion-label'
-}"
-          >
-            <template #leading>
-              <!-- TODO: fix conditional statement -->
-              <NIcon
-                v-if="leading || item.leading"
-                accordion="leading"
-                :class="una?.accordionLeading"
-                :name="item.leading || leading || ''"
-                aria-hidden="true"
-              />
-            </template>
-
-            <template #trailing>
-              <span
-                v-if="trailingOpen || trailingClose"
-                accordion="trailing"
-                :class="[
-  trailingClose || !trailingClose && open ? una?.accordionTrailingClose || 'accordion-trailing-close' : una?.accordionTrailingOpen || 'accordion-trailing-open',
-  una?.accordionTrailing
-]"
-              >
-                <NIcon
-                  v-if="(open || !trailingClose) && trailingOpen"
-                  :name="trailingOpen"
-                  aria-hidden="true"
-                />
-                <NIcon
-                  v-else-if="!open && trailingClose"
-                  :name="trailingClose"
-                  aria-hidden="true"
-                />
-              </span>
-            </template>
-          </NButton>
-        </slot>
-      </DisclosureButton>
-
-      <Transition
-        :enter-active-class="una?.accordionLeaveActive || 'accordion-leave-active'"
-        :leave-active-class="una?.accordionEnterActive || 'accordion-enter-active'"
-        @enter="onEnter"
-        @after-enter="onAfterEnter"
-        @before-leave="onBeforeLeave"
-        @leave="onLeave"
-      >
-        <DisclosurePanel v-if="!item.mounted || !mounted">
-          <ReuseTemplate
-            v-bind="{
-  item,
-  index: i,
-  open,
-  close
-}"
-          />
-        </DisclosurePanel>
-        <DisclosurePanel
-          v-else
-          v-show="open"
-          static
-        >
-          <ReuseTemplate
-            v-bind="{
-  item,
-  index: i,
-  open,
-  close
-}"
-          />
-        </DisclosurePanel>
-      </Transition>
-    </Disclosure>
-  </div>
-</template>

package/dist/runtime/components/elements/Accordion.vue.d.ts

@@ -1,28 +0,0 @@
-import type { NAccordionItemProps, NAccordionProps } from '../../types/index.js';
-declare var __VLS_6: any, __VLS_7: {
-    item: any;
-    index: any;
-    open: any;
-    close: any;
-}, __VLS_21: {
-    item: NAccordionItemProps;
-    index: number;
-    open: any;
-    close: any;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
-} & {
-    label?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_component: import("vue").DefineComponent<NAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAccordionProps> & Readonly<{}>, {
-    loadingPlacement: "leading" | "trailing" | "label";
-    trailingOpen: string;
-}, {}, {}, {}, 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;
-    };
-};