@privyid/persona 1.2.0 → 1.2.1-rc.0

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.0",
+  "version": "1.2.1-rc.0",
   "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.0",
+  "version": "1.2.1-rc.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",
@@ -60,7 +60,7 @@
     "@floating-ui/dom": "1.6.13",
     "@jill64/universal-sanitizer": "1.4.4",
     "@juggle/resize-observer": "3.4.0",
-    "@nuxt/kit": "3.16.2",
+    "@nuxt/kit": "3.17.1",
     "@splidejs/splide": "4.1.4",
     "@testing-library/dom": "10.4.0",
     "@testing-library/user-event": "14.6.1",
@@ -92,7 +92,7 @@
     "html-escaper": "^3.0.3",
     "interactjs": "1.10.27",
     "lodash-es": "4.17.21",
-    "marked": "15.0.8",
+    "marked": "15.0.11",
     "nanodelay": "2.0.2",
     "pathe": "^2.0.0",
     "pdfjs-dist": "5.2.133",
@@ -102,7 +102,6 @@
     "tiptap-extension-font-size": "^1.2.0",
     "ufo": "^1.5.4",
     "vue-collapsed": "1.3.4",
-    "vue-demi": "0.14.10",
     "vuedraggable": "next",
     "webfontloader": "1.6.28",
     "zxcvbn": "4.4.2"
@@ -111,8 +110,8 @@
     "extends @privyid/browserslist-config"
   ],
   "peerDependencies": {
-    "@privyid/browserslist-config": "^1.2.0",
-    "@privyid/tailwind-preset": "^1.2.0",
+    "@privyid/browserslist-config": "workspace:^",
+    "@privyid/tailwind-preset": "workspace:^",
     "postcss-custom-properties": "^12.1.11 || ^13.0.0 || ^14.0.0",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
@@ -121,13 +120,13 @@
   },
   "devDependencies": {
     "@nuxt/module-builder": "1.0.1",
-    "@nuxt/schema": "3.16.2",
-    "@nuxtjs/tailwindcss": "6.13.2",
-    "@privyid/browserslist-config": "^1.2.0",
-    "@privyid/tailwind-preset": "^1.2.0",
+    "@nuxt/schema": "3.17.1",
+    "@nuxtjs/tailwindcss": "6.14.0",
+    "@privyid/browserslist-config": "workspace:^",
+    "@privyid/tailwind-preset": "workspace:^",
     "@types/sanitize-html": "2.15.0",
     "browserslist-to-esbuild": "2.1.1",
-    "nuxt": "3.16.2",
+    "nuxt": "3.17.1",
     "postcss-custom-properties": "14.0.4",
     "postcss-hexrgba": "2.1.0",
     "postcss-lighten-darken": "0.9.0",
@@ -139,4 +138,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}

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

@@ -1 +0,0 @@
-export {};

package/dist/components/accordion/Accordion.spec.mjs

@@ -1,169 +0,0 @@
-import { render, fireEvent } from "@testing-library/vue";
-import { ref } from "vue-demi";
-import pAccordion from "./Accordion.vue";
-import pAccordionItem from "./AccordionItem.vue";
-import { defineAccordion } from "./index.mjs";
-it("should render properly without any props", () => {
-  const screen = render({
-    components: { pAccordion },
-    template: `
-      <p-accordion />
-    `
-  });
-  const accordion = screen.queryByTestId("accordion");
-  expect(accordion).toBeInTheDocument();
-});
-it("should be able to make accordion without borderdered-container via `flush` props", () => {
-  const screen = render({
-    components: { pAccordion },
-    template: "<p-accordion flush />"
-  });
-  const accordion = screen.getByTestId("accordion");
-  expect(accordion).toBeInTheDocument();
-  expect(accordion).toHaveClass("accordion", "accordion--flush");
-});
-it("should be able to make accordion space on each item via `pill` props", () => {
-  const screen = render({
-    components: { pAccordion },
-    template: "<p-accordion pill />"
-  });
-  const accordion = screen.getByTestId("accordion");
-  expect(accordion).toBeInTheDocument();
-  expect(accordion).toHaveClass("accordion", "accordion--pills");
-});
-it("should hide caret icon if props `no-caret` is provided", () => {
-  const screen = render({
-    components: { pAccordion, pAccordionItem },
-    template: `
-      <p-accordion no-caret>
-        <p-accordion-item title="Item 1">
-          Content Item 1
-        </p-accordion-item>
-        <p-accordion-item title="Item 2">
-          Content Item 2
-        </p-accordion-item>
-      </p-accordion>
-    `
-  });
-  const accordion = screen.getByTestId("accordion");
-  expect(accordion).toBeInTheDocument();
-  const items = screen.queryAllByTestId("accordion-item");
-  for (const item of items) {
-    const caret = item.querySelector(".accordion__item__caret");
-    expect(caret).not.toBeInTheDocument();
-  }
-});
-it("should collapse other items if expanding one", async () => {
-  const model = ref("");
-  const screen = render({
-    components: { pAccordion, pAccordionItem },
-    template: `
-      <p-accordion v-model="model">
-        <p-accordion-item title="Item 1">
-          Content Item 1
-        </p-accordion-item>
-        <p-accordion-item title="Item 2">
-          Content Item 2
-        </p-accordion-item>
-      </p-accordion>
-    `,
-    setup() {
-      return { model };
-    }
-  });
-  const accordion = screen.getByTestId("accordion");
-  const items = screen.queryAllByTestId("accordion-item");
-  const activators = screen.queryAllByTestId("accordion-item-activator");
-  expect(accordion).toBeInTheDocument();
-  await fireEvent.click(activators.at(0));
-  expect(model.value).toBe(0);
-  expect(items.at(0)).toHaveClass("expanded");
-  expect(items.at(1)).toHaveClass("collapsed");
-  await fireEvent.click(activators.at(1));
-  expect(model.value).toBe(1);
-  expect(items.at(0)).toHaveClass("collapsed");
-  expect(items.at(1)).toHaveClass("expanded");
-});
-it("should be support expand multiple accordion items if props `multiple` is provided", async () => {
-  const screen = render({
-    components: { pAccordion, pAccordionItem },
-    template: `
-      <p-accordion multiple>
-        <p-accordion-item title="Item 1">
-          Content Item 1
-        </p-accordion-item>
-        <p-accordion-item title="Item 2">
-          Content Item 2
-        </p-accordion-item>
-      </p-accordion>
-    `
-  });
-  const accordion = screen.getByTestId("accordion");
-  expect(accordion).toBeInTheDocument();
-  const items = screen.queryAllByTestId("accordion-item");
-  const activators = screen.queryAllByTestId("accordion-item-activator");
-  await fireEvent.click(activators.at(0));
-  await fireEvent.click(activators.at(1));
-  expect(items.at(0)).toHaveClass("expanded");
-  expect(items.at(1)).toHaveClass("expanded");
-  await fireEvent.click(activators.at(1));
-  expect(items.at(0)).toHaveClass("expanded");
-  expect(items.at(1)).not.toHaveClass("expanded");
-});
-it("should be render accordion items with same length if props `items` is provided", async () => {
-  const items = defineAccordion([
-    {
-      title: "Item Title 1",
-      content: "Content Item 1"
-    },
-    {
-      title: "Item Title 2",
-      content: "Content Item 2"
-    },
-    {
-      title: "Item Title 3",
-      content: "Content Item 3",
-      disabled: true
-    },
-    {
-      title: "Item Title 4",
-      content: "Content Item 4"
-    }
-  ]);
-  const screen = render({
-    components: { pAccordion },
-    template: `
-      <p-accordion :items="items" />
-    `,
-    setup() {
-      return { items };
-    }
-  });
-  const accordion = screen.getByTestId("accordion");
-  const accItems = screen.queryAllByTestId("accordion-item");
-  expect(accordion).toBeInTheDocument();
-  expect(accItems.length).toBe(items.length);
-});
-it("should be unset v-model value if no expanded accordion items", async () => {
-  const model = ref("");
-  const screen = render({
-    components: { pAccordion, pAccordionItem },
-    template: `
-      <p-accordion v-model="model">
-        <p-accordion-item title="Item 1">
-          Content Item 1
-        </p-accordion-item>
-      </p-accordion>
-    `,
-    setup() {
-      return { model };
-    }
-  });
-  const accordion = screen.getByTestId("accordion");
-  const activators = screen.queryAllByTestId("accordion-item-activator");
-  expect(accordion).toBeInTheDocument();
-  await fireEvent.click(activators.at(0));
-  expect(model.value).toBe(0);
-  await fireEvent.click(activators.at(0));
-  expect(model.value).toBeUndefined();
-});

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-demi";
-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-demi';
-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-demi").DefineComponent<import("vue-demi").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-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
-    "update:modelValue": (args_0: unknown) => void;
-}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").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-demi").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.spec.d.ts

@@ -1 +0,0 @@
-export {};