@privyid/persona 1.2.2-rc.2 → 1.2.2-rc.3

package/dist/module.d.cts

@@ -0,0 +1,2 @@
+export * from "/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.js";
+export { default } from "/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.js";

package/dist/module.d.mts

@@ -1,28 +1,2 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-interface ModuleOptions {
-    /**
-     * Include font
-     * @default true
-     */
-    font?: boolean;
-    /**
-     * Component prefix
-     * @default 'p'
-     */
-    prefix?: string;
-    /**
-     * Use local pdf worker
-     * @default false
-     */
-    useLocalPdfWorker?: boolean;
-}
-interface ModulePublicRuntimeConfig {
-    persona: {
-        cdnURL: string;
-    };
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions, ModulePublicRuntimeConfig };
+export * from "/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.js";
+export { default } from "/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.js";

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.4.0"
   },
-  "version": "1.2.2-rc.2",
+  "version": "1.2.2-rc.3",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

package/dist/module.mjs

@@ -1,97 +1,18 @@
-import { defineNuxtModule, createResolver, addComponentsDir, addPlugin, extendViteConfig } from '@nuxt/kit';
-import { join } from 'pathe';
-import { defu } from 'defu';
-import { joinURL } from 'ufo';
-import { version } from 'pdfjs-dist/legacy/build/pdf.mjs';
-import { version as version$1 } from 'pspdfkit/package.json';
+import { createJiti } from "../node_modules/jiti/lib/jiti.mjs";
 
-const module = defineNuxtModule({
-  meta: {
-    name: "@privyid/persona",
-    configKey: "persona",
-    compatibility: { nuxt: ">=3.4.0" }
+const jiti = createJiti(import.meta.url, {
+  "interopDefault": true,
+  "alias": {
+    "@privyid/persona": "/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona"
   },
-  defaults: {
-    font: true,
-    prefix: "p",
-    useLocalPdfWorker: false
-  },
-  async setup(options, nuxt) {
-    const { resolve, resolvePath } = createResolver(import.meta.url);
-    if (options.font) {
-      nuxt.options.app.head.link?.push(
-        { rel: "preconnect", href: "https://fonts.googleapis.com" },
-        {
-          rel: "preconnect",
-          href: "https://fonts.gstatic.com",
-          crossorigin: ""
-        },
-        { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&display=swap" }
-      );
-    }
-    await addComponentsDir({
-      path: resolve("./components"),
-      pathPrefix: false,
-      prefix: options.prefix,
-      extensions: ["vue"]
-    });
-    addPlugin({ src: resolve("./runtime/plugins/persona") });
-    extendViteConfig((config) => {
-      config.optimizeDeps = {
-        ...config.optimizeDeps,
-        exclude: [...config.optimizeDeps?.exclude ?? [], "@privyid/persona"],
-        include: [
-          ...config.optimizeDeps?.include ?? [],
-          "@testing-library/user-event",
-          "interactjs",
-          "@jill64/universal-sanitizer",
-          "scroll-into-view",
-          "webfontloader",
-          "zxcvbn",
-          "pdfjs-dist",
-          "pdfjs-dist/web/pdf_viewer",
-          "vuedraggable"
-        ]
-      };
-    });
-    if (options.useLocalPdfWorker) {
-      nuxt.options.runtimeConfig.public.persona = defu(
-        { cdnURL: "./_persona" },
-        nuxt.options.runtimeConfig.public.persona
-      );
-      nuxt.hook("nitro:config", async (nitroConfig) => {
-        nitroConfig.publicAssets ||= [];
-        const baseURL = "_persona";
-        const pdfjsDir = join(await resolvePath("pdfjs-dist"), "../../");
-        const pdfjsBaseURL = joinURL(baseURL, `pdfjs-dist@${version}`);
-        const pspdfDir = join(await resolvePath("pspdfkit"), "../../");
-        const pspdfBaseURL = joinURL(baseURL, `pspdfkit@${version$1}`);
-        const assetsMaxAge = 60 * 60 * 24 * 30;
-        nitroConfig.publicAssets.push(
-          {
-            baseURL: joinURL(pdfjsBaseURL, "build"),
-            dir: join(pdfjsDir, "build"),
-            maxAge: assetsMaxAge
-          },
-          {
-            baseURL: joinURL(pdfjsBaseURL, "legacy"),
-            dir: join(pdfjsDir, "legacy"),
-            maxAge: assetsMaxAge
-          },
-          {
-            baseURL: joinURL(pdfjsBaseURL, "cmaps"),
-            dir: join(pdfjsDir, "cmaps"),
-            maxAge: assetsMaxAge
-          },
-          {
-            baseURL: joinURL(pspdfBaseURL, "dist"),
-            dir: join(pspdfDir, "dist"),
-            maxAge: assetsMaxAge
-          }
-        );
-      });
+  "transformOptions": {
+    "babel": {
+      "plugins": []
     }
   }
-});
+})
+
+/** @type {import("/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.js")} */
+const _module = await jiti.import("/Users/azzam_hanif/Documents/01_Privy/design-system/packages/persona/src/module.ts");
 
-export { module as default };
+export default _module?.default ?? _module;

package/dist/types.d.mts

@@ -1,9 +1,13 @@
-import type { ModulePublicRuntimeConfig } from './module.mjs'
+import type { ModuleHooks, ModuleRuntimeHooks, ModuleRuntimeConfig, ModulePublicRuntimeConfig } from './module.mjs'
+
+declare module '#app' {
+  interface RuntimeNuxtHooks extends ModuleRuntimeHooks {}
+}
 
 declare module '@nuxt/schema' {
+  interface NuxtHooks extends ModuleHooks {}
+  interface RuntimeConfig extends ModuleRuntimeConfig {}
   interface PublicRuntimeConfig extends ModulePublicRuntimeConfig {}
 }
 
-export { default } from './module.mjs'
-
-export { type ModuleOptions, type ModulePublicRuntimeConfig } from './module.mjs'
+export * from "./module.mjs"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona",
   "description": "Persona core package",
-  "version": "1.2.2-rc.2",
+  "version": "1.2.2-rc.3",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",
@@ -49,6 +49,9 @@
     "dist/"
   ],
   "scripts": {
+    "prepack": "yarn build",
+    "prepare": "yarn dev:prepare",
+    "build": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground"

package/dist/components/accordion/Accordion.vue

@@ -1,111 +0,0 @@
-<template>
-  <div
-    :class="classNames"
-    data-testid="accordion">
-    <AccordionItems
-      v-model="model"
-      :no-caret="noCaret"
-      :multiple="multiple">
-      <slot>
-        <Item
-          v-for="(item, i) in items"
-          :key="i"
-          :title="item.title"
-          :disabled="item.disabled">
-          <div class="p-4">
-            {{ item.content }}
-          </div>
-        </Item>
-      </slot>
-    </AccordionItems>
-  </div>
-</template>
-
-<script setup>
-import { useVModel } from "../input";
-import {} from ".";
-import { computed } from "vue";
-import Item from "./AccordionItem.vue";
-import AccordionItems from "./AccordionItems.vue";
-const props = defineProps({
-  modelValue: {
-    type: [Number, Array],
-    default: void 0
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  flush: {
-    type: Boolean,
-    default: false
-  },
-  pill: {
-    type: Boolean,
-    default: false
-  },
-  noCaret: {
-    type: Boolean,
-    default: false
-  },
-  items: {
-    type: Array,
-    default: () => []
-  }
-});
-defineEmits(["update:modelValue"]);
-const model = useVModel(props);
-const classNames = computed(() => {
-  const result = ["accordion"];
-  if (props.flush)
-    result.push("accordion--flush");
-  if (props.pill)
-    result.push("accordion--pills");
-  return result;
-});
-</script>
-
-<style lang="postcss">
-.accordion {
-  --p-accordion-border: theme(borderColor.default.DEFAULT);
-  --p-accordion-border-dark: theme(borderColor.dark.default.DEFAULT);
-  --p-accordion-item-border: theme(borderColor.default.DEFAULT);
-  --p-accordion-item-border-dark: theme(borderColor.dark.default.DEFAULT);
-  --p-accordion-divide: theme(divideColor.default.DEFAULT);
-  --p-accordion-divide-dark: theme(divideColor.dark.default.DEFAULT);
-
-  @apply flex flex-col w-full;
-  @apply border border-[var(--p-accordion-border)] rounded;
-  @apply dark:border-[var(--p-accordion-border-dark)];
-
-  & > &__item {
-    @apply first:rounded-t last:rounded-b;
-  }
-
-  &--pills {
-    @apply gap-2 border-0 rounded-none;
-
-    > .accordion__item {
-      @apply border rounded border-[var(--p-accordion-item-border)];
-      @apply dark:border-[var(--p-accordion-item-border-dark)];
-
-      > .accordion__item__activator {
-        @apply rounded-t-sm;
-      }
-    }
-  }
-
-  &:not(&--pills) {
-    @apply divide-y divide-[var(--p-accordion-divide)];
-    @apply dark:divide-[var(--p-accordion-divide-dark)];
-  }
-
-  &--flush {
-    @apply border-0 rounded-none;
-
-    > .accordion__item {
-      @apply first:rounded-none last:rounded-none;
-    }
-  }
-}
-</style>

package/dist/components/accordion/Accordion.vue.d.ts

@@ -1,80 +0,0 @@
-import { type AccordionItem } from '.';
-import type { PropType } from 'vue';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<number | number[]>;
-        default: undefined;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    flush: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pill: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCaret: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    items: {
-        type: PropType<AccordionItem[]>;
-        default: () => AccordionItem[];
-    };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: unknown) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: PropType<number | number[]>;
-        default: undefined;
-    };
-    multiple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    flush: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    pill: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    noCaret: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    items: {
-        type: PropType<AccordionItem[]>;
-        default: () => AccordionItem[];
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: unknown) => any) | undefined;
-}>, {
-    modelValue: number | number[];
-    noCaret: boolean;
-    multiple: boolean;
-    flush: boolean;
-    pill: boolean;
-    items: AccordionItem[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/accordion/AccordionItem.vue

@@ -1,224 +0,0 @@
-<template>
-  <div
-    :class="classNames"
-    data-testid="accordion-item"
-    :disabled="disabled">
-    <slot
-      name="activator"
-      :toggle="toggle"
-      :expanded="model">
-      <div
-        class="accordion__item__activator"
-        data-testid="accordion-item-activator"
-        @click="toggle">
-        <div
-          class="accordion__item__title"
-          :class="titleClass"
-          data-testid="accordion-item-title">
-          <div
-            v-if="accordionIcon"
-            class="accordion__item__icon"
-            data-testid="accordion-item-icon"
-            :class="iconClass">
-            <component
-              :is="accordionIcon" />
-          </div>
-          <slot name="title">
-            <Subheading>
-              {{ title }}
-            </Subheading>
-          </slot>
-        </div>
-        <slot
-          v-if="!noCaret"
-          name="caret"
-          :expanded="model">
-          <ChevronUp
-            v-if="model"
-            class="accordion__item__caret"
-            data-testid="accordion-item-caret" />
-          <ChevronDown
-            v-else
-            class="accordion__item__caret"
-            data-testid="accordion-item-caret" />
-        </slot>
-      </div>
-    </slot>
-
-    <p-collapse
-      :model-value="model"
-      class="accordion__item__content"
-      :class="contentClass"
-      data-testid="accordion-item-content">
-      <slot :expanded="model" />
-    </p-collapse>
-  </div>
-</template>
-
-<script setup>
-import { useVModel } from "../input";
-import {
-  computed,
-  watch,
-  h
-} from "vue";
-import Subheading from "../subheading/Subheading.vue";
-import pCollapse from "../collapse/Collapse.vue";
-import ChevronUp from "@privyid/persona-icon/vue/chevron-up/16.vue";
-import ChevronDown from "@privyid/persona-icon/vue/chevron-down/16.vue";
-defineOptions({ name: "AccordionItem" });
-const props = defineProps({
-  modelValue: {
-    type: Boolean,
-    default: false
-  },
-  title: {
-    type: String,
-    default: ""
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  noCaret: {
-    type: Boolean,
-    default: false
-  },
-  icon: {
-    type: [
-      String,
-      Object,
-      Function
-    ],
-    default: void 0
-  },
-  titleClass: {
-    type: [
-      String,
-      Array,
-      Object
-    ],
-    default: void 0
-  },
-  contentClass: {
-    type: [
-      String,
-      Array,
-      Object
-    ],
-    default: void 0
-  },
-  iconClass: {
-    type: [
-      String,
-      Array,
-      Object
-    ],
-    default: void 0
-  }
-});
-const emit = defineEmits(["update:modelValue", "expand", "collapse"]);
-const model = useVModel(props);
-const classNames = computed(() => {
-  const result = ["accordion__item"];
-  if (props.disabled)
-    result.push("accordion__item--disabled");
-  if (model.value)
-    result.push("expanded");
-  else
-    result.push("collapsed");
-  return result;
-});
-const accordionIcon = computed(() => {
-  if (props.icon) {
-    if (typeof props.icon === "string") {
-      return () => h("img", {
-        "src": props.icon,
-        "max-width": "100%",
-        "height": "auto",
-        "data-testid": "accordion-item-icon-image"
-      });
-    }
-    return props.icon;
-  }
-});
-function toggle() {
-  if (!props.disabled)
-    model.value = !model.value;
-}
-watch(model, (value) => {
-  if (value)
-    emit("expand");
-  else
-    emit("collapse");
-});
-defineSlots();
-</script>
-
-<style lang="postcss">
-.accordion__item {
-  --p-accordion-bg: theme(backgroundColor.default.DEFAULT);
-  --p-accordion-bg-dark: theme(backgroundColor.dark.default.DEFAULT);
-  --p-accordion-collapsed-border: theme(borderColor.default.DEFAULT);
-  --p-accordion-collapsed-border-dark: theme(borderColor.dark.default.DEFAULT);
-  --p-accordion-expanded-border: theme(borderColor.default.DEFAULT);
-  --p-accordion-expanded-border-dark: theme(borderColor.dark.default.DEFAULT);
-  --p-accordion-expanded-activator-bg: theme(backgroundColor.default.alpha);
-  --p-accordion-expanded-activator-bg-dark: theme(backgroundColor.dark.default.alpha);
-  --p-accordion-expanded-activator-color: theme(textColor.default);
-  --p-accordion-expanded-activator-color-dark: theme(textColor.dark.default);
-
-  @apply w-full bg-[color:var(--p-accordion-bg)];
-  @apply dark:bg-[color:var(--p-accordion-bg-dark)];
-
-  &:not(.accordion &) {
-    @apply rounded border;
-
-    &.collapsed {
-      @apply border-[color:var(--p-accordion-collapsed-border)];
-      @apply dark:border-[color:var(--p-accordion-collapsed-border-dark)];
-    }
-
-    &.expanded {
-      @apply border-[color:var(--p-accordion-expanded-border)];
-      @apply dark:border-[color:var(--p-accordion-expanded-border-dark)];
-    }
-
-    .accordion__item__activator {
-      @apply bg-[color:var(--p-accordion-expanded-activator-bg)];
-      @apply dark:bg-[color:var(--p-accordion-expanded-activator-bg-dark)];
-    }
-  }
-
-  &__activator {
-    @apply flex justify-between items-center p-4 cursor-pointer space-x-2;
-
-    .expanded & {
-      @apply bg-[color:var(--p-accordion-expanded-activator-bg)];
-      @apply dark:bg-[color:var(--p-accordion-expanded-activator-bg-dark)];
-
-      .accordion__item__title,
-      .subheading {
-        @apply text-[color:var(--p-accordion-expanded-activator-color)];
-        @apply dark:text-[color:var(--p-accordion-expanded-activator-color-dark)];
-      }
-    }
-  }
-
-  &__title {
-    @apply grow flex;
-  }
-
-  &__caret {
-    @apply flex-shrink-0;
-  }
-
-  &:is(&--disabled) {
-    @apply pointer-events-none;
-
-    > .accordion__item__activator {
-      @apply opacity-50;
-    }
-  }
-}
-</style>