@privyid/persona 0.3.0 → 0.5.0

package/dist/module.mjs

@@ -1,13 +1,1610 @@
 import { fileURLToPath } from 'node:url';
 import { defineNuxtModule, installModule } from '@nuxt/kit';
-import preset from '@privyid/tailwind-preset';
+
+var defaultTheme$2 = {};
+
+var cloneDeep = {};
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "cloneDeep", {
+    enumerable: true,
+    get: ()=>cloneDeep
+});
+function cloneDeep(value) {
+    if (Array.isArray(value)) {
+        return value.map((child)=>cloneDeep(child));
+    }
+    if (typeof value === "object" && value !== null) {
+        return Object.fromEntries(Object.entries(value).map(([k, v])=>[
+                k,
+                cloneDeep(v)
+            ]));
+    }
+    return value;
+}
+}(cloneDeep));
+
+/** @type {import('tailwindcss').Config} */
+
+var defaultConfig_stub = {
+  content: [],
+  presets: [],
+  darkMode: 'media', // or 'class'
+  theme: {
+    screens: {
+      sm: '640px',
+      md: '768px',
+      lg: '1024px',
+      xl: '1280px',
+      '2xl': '1536px',
+    },
+    supports: {},
+    colors: ({ colors }) => ({
+      inherit: colors.inherit,
+      current: colors.current,
+      transparent: colors.transparent,
+      black: colors.black,
+      white: colors.white,
+      slate: colors.slate,
+      gray: colors.gray,
+      zinc: colors.zinc,
+      neutral: colors.neutral,
+      stone: colors.stone,
+      red: colors.red,
+      orange: colors.orange,
+      amber: colors.amber,
+      yellow: colors.yellow,
+      lime: colors.lime,
+      green: colors.green,
+      emerald: colors.emerald,
+      teal: colors.teal,
+      cyan: colors.cyan,
+      sky: colors.sky,
+      blue: colors.blue,
+      indigo: colors.indigo,
+      violet: colors.violet,
+      purple: colors.purple,
+      fuchsia: colors.fuchsia,
+      pink: colors.pink,
+      rose: colors.rose,
+    }),
+    columns: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      '3xs': '16rem',
+      '2xs': '18rem',
+      xs: '20rem',
+      sm: '24rem',
+      md: '28rem',
+      lg: '32rem',
+      xl: '36rem',
+      '2xl': '42rem',
+      '3xl': '48rem',
+      '4xl': '56rem',
+      '5xl': '64rem',
+      '6xl': '72rem',
+      '7xl': '80rem',
+    },
+    spacing: {
+      px: '1px',
+      0: '0px',
+      0.5: '0.125rem',
+      1: '0.25rem',
+      1.5: '0.375rem',
+      2: '0.5rem',
+      2.5: '0.625rem',
+      3: '0.75rem',
+      3.5: '0.875rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      7: '1.75rem',
+      8: '2rem',
+      9: '2.25rem',
+      10: '2.5rem',
+      11: '2.75rem',
+      12: '3rem',
+      14: '3.5rem',
+      16: '4rem',
+      20: '5rem',
+      24: '6rem',
+      28: '7rem',
+      32: '8rem',
+      36: '9rem',
+      40: '10rem',
+      44: '11rem',
+      48: '12rem',
+      52: '13rem',
+      56: '14rem',
+      60: '15rem',
+      64: '16rem',
+      72: '18rem',
+      80: '20rem',
+      96: '24rem',
+    },
+    animation: {
+      none: 'none',
+      spin: 'spin 1s linear infinite',
+      ping: 'ping 1s cubic-bezier(0, 0, 0.2, 1) infinite',
+      pulse: 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
+      bounce: 'bounce 1s infinite',
+    },
+    aria: {
+      checked: 'checked="true"',
+      disabled: 'disabled="true"',
+      expanded: 'expanded="true"',
+      hidden: 'hidden="true"',
+      pressed: 'pressed="true"',
+      readonly: 'readonly="true"',
+      required: 'required="true"',
+      selected: 'selected="true"',
+    },
+    aspectRatio: {
+      auto: 'auto',
+      square: '1 / 1',
+      video: '16 / 9',
+    },
+    backdropBlur: ({ theme }) => theme('blur'),
+    backdropBrightness: ({ theme }) => theme('brightness'),
+    backdropContrast: ({ theme }) => theme('contrast'),
+    backdropGrayscale: ({ theme }) => theme('grayscale'),
+    backdropHueRotate: ({ theme }) => theme('hueRotate'),
+    backdropInvert: ({ theme }) => theme('invert'),
+    backdropOpacity: ({ theme }) => theme('opacity'),
+    backdropSaturate: ({ theme }) => theme('saturate'),
+    backdropSepia: ({ theme }) => theme('sepia'),
+    backgroundColor: ({ theme }) => theme('colors'),
+    backgroundImage: {
+      none: 'none',
+      'gradient-to-t': 'linear-gradient(to top, var(--tw-gradient-stops))',
+      'gradient-to-tr': 'linear-gradient(to top right, var(--tw-gradient-stops))',
+      'gradient-to-r': 'linear-gradient(to right, var(--tw-gradient-stops))',
+      'gradient-to-br': 'linear-gradient(to bottom right, var(--tw-gradient-stops))',
+      'gradient-to-b': 'linear-gradient(to bottom, var(--tw-gradient-stops))',
+      'gradient-to-bl': 'linear-gradient(to bottom left, var(--tw-gradient-stops))',
+      'gradient-to-l': 'linear-gradient(to left, var(--tw-gradient-stops))',
+      'gradient-to-tl': 'linear-gradient(to top left, var(--tw-gradient-stops))',
+    },
+    backgroundOpacity: ({ theme }) => theme('opacity'),
+    backgroundPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top',
+    },
+    backgroundSize: {
+      auto: 'auto',
+      cover: 'cover',
+      contain: 'contain',
+    },
+    blur: {
+      0: '0',
+      none: '0',
+      sm: '4px',
+      DEFAULT: '8px',
+      md: '12px',
+      lg: '16px',
+      xl: '24px',
+      '2xl': '40px',
+      '3xl': '64px',
+    },
+    brightness: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      90: '.9',
+      95: '.95',
+      100: '1',
+      105: '1.05',
+      110: '1.1',
+      125: '1.25',
+      150: '1.5',
+      200: '2',
+    },
+    borderColor: ({ theme }) => ({
+      ...theme('colors'),
+      DEFAULT: theme('colors.gray.200', 'currentColor'),
+    }),
+    borderOpacity: ({ theme }) => theme('opacity'),
+    borderRadius: {
+      none: '0px',
+      sm: '0.125rem',
+      DEFAULT: '0.25rem',
+      md: '0.375rem',
+      lg: '0.5rem',
+      xl: '0.75rem',
+      '2xl': '1rem',
+      '3xl': '1.5rem',
+      full: '9999px',
+    },
+    borderSpacing: ({ theme }) => ({
+      ...theme('spacing'),
+    }),
+    borderWidth: {
+      DEFAULT: '1px',
+      0: '0px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    boxShadow: {
+      sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+      DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+      md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+      lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+      xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
+      '2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',
+      inner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',
+      none: 'none',
+    },
+    boxShadowColor: ({ theme }) => theme('colors'),
+    caretColor: ({ theme }) => theme('colors'),
+    accentColor: ({ theme }) => ({
+      ...theme('colors'),
+      auto: 'auto',
+    }),
+    contrast: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      100: '1',
+      125: '1.25',
+      150: '1.5',
+      200: '2',
+    },
+    container: {},
+    content: {
+      none: 'none',
+    },
+    cursor: {
+      auto: 'auto',
+      default: 'default',
+      pointer: 'pointer',
+      wait: 'wait',
+      text: 'text',
+      move: 'move',
+      help: 'help',
+      'not-allowed': 'not-allowed',
+      none: 'none',
+      'context-menu': 'context-menu',
+      progress: 'progress',
+      cell: 'cell',
+      crosshair: 'crosshair',
+      'vertical-text': 'vertical-text',
+      alias: 'alias',
+      copy: 'copy',
+      'no-drop': 'no-drop',
+      grab: 'grab',
+      grabbing: 'grabbing',
+      'all-scroll': 'all-scroll',
+      'col-resize': 'col-resize',
+      'row-resize': 'row-resize',
+      'n-resize': 'n-resize',
+      'e-resize': 'e-resize',
+      's-resize': 's-resize',
+      'w-resize': 'w-resize',
+      'ne-resize': 'ne-resize',
+      'nw-resize': 'nw-resize',
+      'se-resize': 'se-resize',
+      'sw-resize': 'sw-resize',
+      'ew-resize': 'ew-resize',
+      'ns-resize': 'ns-resize',
+      'nesw-resize': 'nesw-resize',
+      'nwse-resize': 'nwse-resize',
+      'zoom-in': 'zoom-in',
+      'zoom-out': 'zoom-out',
+    },
+    divideColor: ({ theme }) => theme('borderColor'),
+    divideOpacity: ({ theme }) => theme('borderOpacity'),
+    divideWidth: ({ theme }) => theme('borderWidth'),
+    dropShadow: {
+      sm: '0 1px 1px rgb(0 0 0 / 0.05)',
+      DEFAULT: ['0 1px 2px rgb(0 0 0 / 0.1)', '0 1px 1px rgb(0 0 0 / 0.06)'],
+      md: ['0 4px 3px rgb(0 0 0 / 0.07)', '0 2px 2px rgb(0 0 0 / 0.06)'],
+      lg: ['0 10px 8px rgb(0 0 0 / 0.04)', '0 4px 3px rgb(0 0 0 / 0.1)'],
+      xl: ['0 20px 13px rgb(0 0 0 / 0.03)', '0 8px 5px rgb(0 0 0 / 0.08)'],
+      '2xl': '0 25px 25px rgb(0 0 0 / 0.15)',
+      none: '0 0 #0000',
+    },
+    fill: ({ theme }) => ({
+      none: 'none',
+      ...theme('colors'),
+    }),
+    grayscale: {
+      0: '0',
+      DEFAULT: '100%',
+    },
+    hueRotate: {
+      0: '0deg',
+      15: '15deg',
+      30: '30deg',
+      60: '60deg',
+      90: '90deg',
+      180: '180deg',
+    },
+    invert: {
+      0: '0',
+      DEFAULT: '100%',
+    },
+    flex: {
+      1: '1 1 0%',
+      auto: '1 1 auto',
+      initial: '0 1 auto',
+      none: 'none',
+    },
+    flexBasis: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      '1/12': '8.333333%',
+      '2/12': '16.666667%',
+      '3/12': '25%',
+      '4/12': '33.333333%',
+      '5/12': '41.666667%',
+      '6/12': '50%',
+      '7/12': '58.333333%',
+      '8/12': '66.666667%',
+      '9/12': '75%',
+      '10/12': '83.333333%',
+      '11/12': '91.666667%',
+      full: '100%',
+    }),
+    flexGrow: {
+      0: '0',
+      DEFAULT: '1',
+    },
+    flexShrink: {
+      0: '0',
+      DEFAULT: '1',
+    },
+    fontFamily: {
+      sans: [
+        'ui-sans-serif',
+        'system-ui',
+        '-apple-system',
+        'BlinkMacSystemFont',
+        '"Segoe UI"',
+        'Roboto',
+        '"Helvetica Neue"',
+        'Arial',
+        '"Noto Sans"',
+        'sans-serif',
+        '"Apple Color Emoji"',
+        '"Segoe UI Emoji"',
+        '"Segoe UI Symbol"',
+        '"Noto Color Emoji"',
+      ],
+      serif: ['ui-serif', 'Georgia', 'Cambria', '"Times New Roman"', 'Times', 'serif'],
+      mono: [
+        'ui-monospace',
+        'SFMono-Regular',
+        'Menlo',
+        'Monaco',
+        'Consolas',
+        '"Liberation Mono"',
+        '"Courier New"',
+        'monospace',
+      ],
+    },
+    fontSize: {
+      xs: ['0.75rem', { lineHeight: '1rem' }],
+      sm: ['0.875rem', { lineHeight: '1.25rem' }],
+      base: ['1rem', { lineHeight: '1.5rem' }],
+      lg: ['1.125rem', { lineHeight: '1.75rem' }],
+      xl: ['1.25rem', { lineHeight: '1.75rem' }],
+      '2xl': ['1.5rem', { lineHeight: '2rem' }],
+      '3xl': ['1.875rem', { lineHeight: '2.25rem' }],
+      '4xl': ['2.25rem', { lineHeight: '2.5rem' }],
+      '5xl': ['3rem', { lineHeight: '1' }],
+      '6xl': ['3.75rem', { lineHeight: '1' }],
+      '7xl': ['4.5rem', { lineHeight: '1' }],
+      '8xl': ['6rem', { lineHeight: '1' }],
+      '9xl': ['8rem', { lineHeight: '1' }],
+    },
+    fontWeight: {
+      thin: '100',
+      extralight: '200',
+      light: '300',
+      normal: '400',
+      medium: '500',
+      semibold: '600',
+      bold: '700',
+      extrabold: '800',
+      black: '900',
+    },
+    gap: ({ theme }) => theme('spacing'),
+    gradientColorStops: ({ theme }) => theme('colors'),
+    gridAutoColumns: {
+      auto: 'auto',
+      min: 'min-content',
+      max: 'max-content',
+      fr: 'minmax(0, 1fr)',
+    },
+    gridAutoRows: {
+      auto: 'auto',
+      min: 'min-content',
+      max: 'max-content',
+      fr: 'minmax(0, 1fr)',
+    },
+    gridColumn: {
+      auto: 'auto',
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-7': 'span 7 / span 7',
+      'span-8': 'span 8 / span 8',
+      'span-9': 'span 9 / span 9',
+      'span-10': 'span 10 / span 10',
+      'span-11': 'span 11 / span 11',
+      'span-12': 'span 12 / span 12',
+      'span-full': '1 / -1',
+    },
+    gridColumnEnd: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
+    },
+    gridColumnStart: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+      13: '13',
+    },
+    gridRow: {
+      auto: 'auto',
+      'span-1': 'span 1 / span 1',
+      'span-2': 'span 2 / span 2',
+      'span-3': 'span 3 / span 3',
+      'span-4': 'span 4 / span 4',
+      'span-5': 'span 5 / span 5',
+      'span-6': 'span 6 / span 6',
+      'span-full': '1 / -1',
+    },
+    gridRowStart: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+    },
+    gridRowEnd: {
+      auto: 'auto',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+    },
+    gridTemplateColumns: {
+      none: 'none',
+      1: 'repeat(1, minmax(0, 1fr))',
+      2: 'repeat(2, minmax(0, 1fr))',
+      3: 'repeat(3, minmax(0, 1fr))',
+      4: 'repeat(4, minmax(0, 1fr))',
+      5: 'repeat(5, minmax(0, 1fr))',
+      6: 'repeat(6, minmax(0, 1fr))',
+      7: 'repeat(7, minmax(0, 1fr))',
+      8: 'repeat(8, minmax(0, 1fr))',
+      9: 'repeat(9, minmax(0, 1fr))',
+      10: 'repeat(10, minmax(0, 1fr))',
+      11: 'repeat(11, minmax(0, 1fr))',
+      12: 'repeat(12, minmax(0, 1fr))',
+    },
+    gridTemplateRows: {
+      none: 'none',
+      1: 'repeat(1, minmax(0, 1fr))',
+      2: 'repeat(2, minmax(0, 1fr))',
+      3: 'repeat(3, minmax(0, 1fr))',
+      4: 'repeat(4, minmax(0, 1fr))',
+      5: 'repeat(5, minmax(0, 1fr))',
+      6: 'repeat(6, minmax(0, 1fr))',
+    },
+    height: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    }),
+    inset: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      full: '100%',
+    }),
+    keyframes: {
+      spin: {
+        to: {
+          transform: 'rotate(360deg)',
+        },
+      },
+      ping: {
+        '75%, 100%': {
+          transform: 'scale(2)',
+          opacity: '0',
+        },
+      },
+      pulse: {
+        '50%': {
+          opacity: '.5',
+        },
+      },
+      bounce: {
+        '0%, 100%': {
+          transform: 'translateY(-25%)',
+          animationTimingFunction: 'cubic-bezier(0.8,0,1,1)',
+        },
+        '50%': {
+          transform: 'none',
+          animationTimingFunction: 'cubic-bezier(0,0,0.2,1)',
+        },
+      },
+    },
+    letterSpacing: {
+      tighter: '-0.05em',
+      tight: '-0.025em',
+      normal: '0em',
+      wide: '0.025em',
+      wider: '0.05em',
+      widest: '0.1em',
+    },
+    lineHeight: {
+      none: '1',
+      tight: '1.25',
+      snug: '1.375',
+      normal: '1.5',
+      relaxed: '1.625',
+      loose: '2',
+      3: '.75rem',
+      4: '1rem',
+      5: '1.25rem',
+      6: '1.5rem',
+      7: '1.75rem',
+      8: '2rem',
+      9: '2.25rem',
+      10: '2.5rem',
+    },
+    listStyleType: {
+      none: 'none',
+      disc: 'disc',
+      decimal: 'decimal',
+    },
+    margin: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+    }),
+    maxHeight: ({ theme }) => ({
+      ...theme('spacing'),
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    }),
+    maxWidth: ({ theme, breakpoints }) => ({
+      none: 'none',
+      0: '0rem',
+      xs: '20rem',
+      sm: '24rem',
+      md: '28rem',
+      lg: '32rem',
+      xl: '36rem',
+      '2xl': '42rem',
+      '3xl': '48rem',
+      '4xl': '56rem',
+      '5xl': '64rem',
+      '6xl': '72rem',
+      '7xl': '80rem',
+      full: '100%',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+      prose: '65ch',
+      ...breakpoints(theme('screens')),
+    }),
+    minHeight: {
+      0: '0px',
+      full: '100%',
+      screen: '100vh',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    },
+    minWidth: {
+      0: '0px',
+      full: '100%',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    },
+    objectPosition: {
+      bottom: 'bottom',
+      center: 'center',
+      left: 'left',
+      'left-bottom': 'left bottom',
+      'left-top': 'left top',
+      right: 'right',
+      'right-bottom': 'right bottom',
+      'right-top': 'right top',
+      top: 'top',
+    },
+    opacity: {
+      0: '0',
+      5: '0.05',
+      10: '0.1',
+      20: '0.2',
+      25: '0.25',
+      30: '0.3',
+      40: '0.4',
+      50: '0.5',
+      60: '0.6',
+      70: '0.7',
+      75: '0.75',
+      80: '0.8',
+      90: '0.9',
+      95: '0.95',
+      100: '1',
+    },
+    order: {
+      first: '-9999',
+      last: '9999',
+      none: '0',
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+      7: '7',
+      8: '8',
+      9: '9',
+      10: '10',
+      11: '11',
+      12: '12',
+    },
+    padding: ({ theme }) => theme('spacing'),
+    placeholderColor: ({ theme }) => theme('colors'),
+    placeholderOpacity: ({ theme }) => theme('opacity'),
+    outlineColor: ({ theme }) => theme('colors'),
+    outlineOffset: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    outlineWidth: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    ringColor: ({ theme }) => ({
+      DEFAULT: theme('colors.blue.500', '#3b82f6'),
+      ...theme('colors'),
+    }),
+    ringOffsetColor: ({ theme }) => theme('colors'),
+    ringOffsetWidth: {
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    ringOpacity: ({ theme }) => ({
+      DEFAULT: '0.5',
+      ...theme('opacity'),
+    }),
+    ringWidth: {
+      DEFAULT: '3px',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    rotate: {
+      0: '0deg',
+      1: '1deg',
+      2: '2deg',
+      3: '3deg',
+      6: '6deg',
+      12: '12deg',
+      45: '45deg',
+      90: '90deg',
+      180: '180deg',
+    },
+    saturate: {
+      0: '0',
+      50: '.5',
+      100: '1',
+      150: '1.5',
+      200: '2',
+    },
+    scale: {
+      0: '0',
+      50: '.5',
+      75: '.75',
+      90: '.9',
+      95: '.95',
+      100: '1',
+      105: '1.05',
+      110: '1.1',
+      125: '1.25',
+      150: '1.5',
+    },
+    scrollMargin: ({ theme }) => ({
+      ...theme('spacing'),
+    }),
+    scrollPadding: ({ theme }) => theme('spacing'),
+    sepia: {
+      0: '0',
+      DEFAULT: '100%',
+    },
+    skew: {
+      0: '0deg',
+      1: '1deg',
+      2: '2deg',
+      3: '3deg',
+      6: '6deg',
+      12: '12deg',
+    },
+    space: ({ theme }) => ({
+      ...theme('spacing'),
+    }),
+    stroke: ({ theme }) => ({
+      none: 'none',
+      ...theme('colors'),
+    }),
+    strokeWidth: {
+      0: '0',
+      1: '1',
+      2: '2',
+    },
+    textColor: ({ theme }) => theme('colors'),
+    textDecorationColor: ({ theme }) => theme('colors'),
+    textDecorationThickness: {
+      auto: 'auto',
+      'from-font': 'from-font',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    textUnderlineOffset: {
+      auto: 'auto',
+      0: '0px',
+      1: '1px',
+      2: '2px',
+      4: '4px',
+      8: '8px',
+    },
+    textIndent: ({ theme }) => ({
+      ...theme('spacing'),
+    }),
+    textOpacity: ({ theme }) => theme('opacity'),
+    transformOrigin: {
+      center: 'center',
+      top: 'top',
+      'top-right': 'top right',
+      right: 'right',
+      'bottom-right': 'bottom right',
+      bottom: 'bottom',
+      'bottom-left': 'bottom left',
+      left: 'left',
+      'top-left': 'top left',
+    },
+    transitionDelay: {
+      75: '75ms',
+      100: '100ms',
+      150: '150ms',
+      200: '200ms',
+      300: '300ms',
+      500: '500ms',
+      700: '700ms',
+      1000: '1000ms',
+    },
+    transitionDuration: {
+      DEFAULT: '150ms',
+      75: '75ms',
+      100: '100ms',
+      150: '150ms',
+      200: '200ms',
+      300: '300ms',
+      500: '500ms',
+      700: '700ms',
+      1000: '1000ms',
+    },
+    transitionProperty: {
+      none: 'none',
+      all: 'all',
+      DEFAULT:
+        'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+      colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
+      opacity: 'opacity',
+      shadow: 'box-shadow',
+      transform: 'transform',
+    },
+    transitionTimingFunction: {
+      DEFAULT: 'cubic-bezier(0.4, 0, 0.2, 1)',
+      linear: 'linear',
+      in: 'cubic-bezier(0.4, 0, 1, 1)',
+      out: 'cubic-bezier(0, 0, 0.2, 1)',
+      'in-out': 'cubic-bezier(0.4, 0, 0.2, 1)',
+    },
+    translate: ({ theme }) => ({
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      full: '100%',
+    }),
+    width: ({ theme }) => ({
+      auto: 'auto',
+      ...theme('spacing'),
+      '1/2': '50%',
+      '1/3': '33.333333%',
+      '2/3': '66.666667%',
+      '1/4': '25%',
+      '2/4': '50%',
+      '3/4': '75%',
+      '1/5': '20%',
+      '2/5': '40%',
+      '3/5': '60%',
+      '4/5': '80%',
+      '1/6': '16.666667%',
+      '2/6': '33.333333%',
+      '3/6': '50%',
+      '4/6': '66.666667%',
+      '5/6': '83.333333%',
+      '1/12': '8.333333%',
+      '2/12': '16.666667%',
+      '3/12': '25%',
+      '4/12': '33.333333%',
+      '5/12': '41.666667%',
+      '6/12': '50%',
+      '7/12': '58.333333%',
+      '8/12': '66.666667%',
+      '9/12': '75%',
+      '10/12': '83.333333%',
+      '11/12': '91.666667%',
+      full: '100%',
+      screen: '100vw',
+      min: 'min-content',
+      max: 'max-content',
+      fit: 'fit-content',
+    }),
+    willChange: {
+      auto: 'auto',
+      scroll: 'scroll-position',
+      contents: 'contents',
+      transform: 'transform',
+    },
+    zIndex: {
+      auto: 'auto',
+      0: '0',
+      10: '10',
+      20: '20',
+      30: '30',
+      40: '40',
+      50: '50',
+    },
+  },
+  variantOrder: [
+    'first',
+    'last',
+    'odd',
+    'even',
+    'visited',
+    'checked',
+    'empty',
+    'read-only',
+    'group-hover',
+    'group-focus',
+    'focus-within',
+    'hover',
+    'focus',
+    'focus-visible',
+    'active',
+    'disabled',
+  ],
+  plugins: [],
+};
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _cloneDeep = cloneDeep;
+const _defaultConfigStub = /*#__PURE__*/ _interopRequireDefault(defaultConfig_stub);
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = (0, _cloneDeep.cloneDeep)(_defaultConfigStub.default.theme);
+}(defaultTheme$2));
+
+let defaultTheme$1 = defaultTheme$2;
+var defaultTheme_1 = (defaultTheme$1.__esModule ? defaultTheme$1 : { default: defaultTheme$1 }).default;
+
+var createPlugin$2 = {};
+
+var createPlugin$1 = {};
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+function createPlugin(plugin, config) {
+    return {
+        handler: plugin,
+        config
+    };
+}
+createPlugin.withOptions = function(pluginFunction, configFunction = ()=>({})) {
+    const optionsFunction = function(options) {
+        return {
+            __options: options,
+            handler: pluginFunction(options),
+            config: configFunction(options)
+        };
+    };
+    optionsFunction.__isOptionsFunction = true;
+    // Expose plugin dependencies so that `object-hash` returns a different
+    // value if anything here changes, to ensure a rebuild is triggered.
+    optionsFunction.__pluginFunction = pluginFunction;
+    optionsFunction.__configFunction = configFunction;
+    return optionsFunction;
+};
+const _default = createPlugin;
+}(createPlugin$1));
+
+(function (exports) {
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _createPlugin = /*#__PURE__*/ _interopRequireDefault(createPlugin$1);
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _createPlugin.default;
+}(createPlugin$2));
+
+let createPlugin = createPlugin$2;
+var plugin$2 = (createPlugin.__esModule ? createPlugin : { default: createPlugin }).default;
+
+const plugin$1 = plugin$2;
+var tailwindAnimation = plugin$1(
+  function({ addUtilities }) {
+    addUtilities({
+      ".slide-up-enter-active, .slide-up-leave-active": {
+        transitionDuration: "150ms",
+        transitionProperty: "opacity, transform",
+        transitionTimingFunction: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+        willChange: "opacity, transform"
+      },
+      ".slide-up-enter, .slide-up-enter-from, .slide-up-leave-to": {
+        opacity: 0,
+        transform: "translateY(1.5rem)"
+      },
+      ".fade-enter-active, .fade-leave-active": {
+        transitionDuration: "150ms",
+        transitionProperty: "opacity",
+        transitionTimingFunction: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+        willChange: "opacity, transform"
+      },
+      ".fade-enter, .fade-enter-from, .fade-leave-to": { opacity: 0 },
+      ".zoom-in-enter-active, .zoom-out-enter-active, .zoom-in-leave-active, .zoom-out-leave-active": {
+        transitionDuration: "150ms",
+        transitionProperty: "opacity, transform",
+        transitionTimingFunction: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+        willChange: "opacity, transform"
+      },
+      ".zoom-in-enter, .zoom-in-enter-from": {
+        opacity: 0,
+        transform: "scale(0.95)"
+      },
+      ".zoom-in-leave-to": {
+        opacity: 0,
+        transform: "scale(1.05)"
+      },
+      ".zoom-out-enter, .zoom-out-enter-from": {
+        opacity: 0,
+        transform: "scale(1.05)"
+      },
+      ".zoom-out-leave-to": {
+        opacity: 0,
+        transform: "scale(0.95)"
+      },
+      ".slide-right-enter-active, .slide-left-enter-active, .slide-right-leave-active, .slide-left-leave-active": {
+        transitionDuration: "150ms",
+        transitionProperty: "opacity, transform",
+        transitionTimingFunction: "cubic-bezier(0.2, 0, 0.38, 0.9)",
+        willChange: "opacity, transform"
+      },
+      ".slide-right-enter, .slide-right-enter-from": {
+        opacity: 0,
+        transform: "translateX(-1.5rem)"
+      },
+      ".slide-right-leave-to": {
+        opacity: 0,
+        transform: "translateX(1.5rem)"
+      },
+      ".slide-left-enter, .slide-left-enter-from": {
+        opacity: 0,
+        transform: "translateX(1.5rem)"
+      },
+      ".slide-left-leave-to": {
+        opacity: 0,
+        transform: "translateX(-1.5rem)"
+      }
+    });
+  },
+  { safelist: [{ pattern: /^(slide|zoom|fade)/ }] }
+);
+
+const plugin = plugin$2;
+var tailwindExtended = plugin(
+  function({ addUtilities, matchUtilities, theme }) {
+    addUtilities({
+      ".horizontal-tb": { "writing-mode": "horizontal-tb" },
+      ".vertical-rl": { "writing-mode": "vertical-rl" },
+      ".vertical-lr": { "writing-mode": "vertical-lr" }
+    });
+    matchUtilities({
+      pi: (value) => ({ paddingInline: value }),
+      ps: (value) => ({ paddingInlineStart: value }),
+      pe: (value) => ({ paddingInlineEnd: value }),
+      mi: (value) => ({ marginInline: value }),
+      ms: (value) => ({ marginInlineStart: value }),
+      me: (value) => ({ marginInlineEnd: value })
+    }, { values: theme("spacing"), supportsNegativeValues: true });
+    matchUtilities({
+      "space-gap": (value) => ({
+        "marginTop": `calc(-1 * ${value})`,
+        "marginLeft": `calc(-1 * ${value})`,
+        "& > :not(hidden)": {
+          marginTop: value,
+          marginLeft: value
+        }
+      })
+    }, { values: theme("spacing") });
+    matchUtilities({
+      "aspect-compat": (value) => ({
+        "aspect-ratio": value,
+        "@supports not (aspect-ratio: 1/1)": {
+          "&::before": {
+            float: "left",
+            paddingTop: `calc(100% / (${value}))`,
+            content: '""'
+          },
+          "&::after": {
+            display: "block",
+            content: '""',
+            clear: "both"
+          }
+        }
+      })
+    }, { values: theme("aspectRatio") });
+  }
+);
+
+const defaultTheme = defaultTheme_1;
+var basic = {
+  darkMode: "class",
+  theme: {
+    fontFamily: { sans: ["DM Sans", ...defaultTheme.fontFamily.sans] },
+    letterSpacing: { ...defaultTheme.letterSpacing },
+    fontWeight: {
+      inherit: "inherit",
+      thin: 100,
+      extralight: 200,
+      light: 300,
+      normal: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700,
+      extrabold: 800,
+      black: 900
+    },
+    colors: {
+      inherit: "inherit",
+      transparent: "transparent",
+      current: "currentColor",
+      base: {
+        black: "#000000",
+        white: "#ffffff"
+      },
+      gray: {
+        0: "#FAFAFA",
+        5: "#F3F3F3",
+        10: "#E7E7E8",
+        15: "#DBDBDC",
+        20: "#CFCFD1",
+        25: "#C2C3C5",
+        30: "#B6B8B9",
+        35: "#AAACAE",
+        40: "#9EA0A2",
+        45: "#929497",
+        50: "#86888B",
+        55: "#7A7C7F",
+        60: "#6E7074",
+        65: "#626468",
+        70: "#56585D",
+        75: "#4A4D51",
+        80: "#3D4145",
+        85: "#31353A",
+        90: "#25292E",
+        95: "#191D23",
+        100: "#0D1117"
+      },
+      blue: {
+        0: "#F2F7FD",
+        10: "#BFD9F3",
+        20: "#80B2E8",
+        30: "#408BDD",
+        40: "#0065D1",
+        50: "#0056B2",
+        60: "#004C9D"
+      },
+      green: {
+        0: "#F4FBF6",
+        10: "#C8ECD0",
+        20: "#91D8A0",
+        30: "#5AC571",
+        40: "#23B242",
+        50: "#1E9738",
+        60: "#1A8531"
+      },
+      lightblue: {
+        0: "#F2FBFC",
+        10: "#C0EBF1",
+        20: "#80D7E2",
+        30: "#41C2D4",
+        40: "#02AEC5",
+        50: "#0294A7",
+        60: "#018294"
+      },
+      orange: {
+        0: "#FFFBF4",
+        10: "#FDE9C8",
+        20: "#FAD391",
+        30: "#F8BC5A",
+        40: "#F5A623",
+        50: "#D08D1E",
+        60: "#B87C1A"
+      },
+      red: {
+        0: "#FEF5F4",
+        10: "#F8CBCA",
+        20: "#F29695",
+        30: "#EB6261",
+        40: "#E42E2C",
+        50: "#C22725",
+        60: "#AB2221"
+      },
+      gold: {
+        0: "#FBFAF2",
+        10: "#EDE6BF",
+        20: "#DBCC80",
+        30: "#C9B340",
+        40: "#B79A00",
+        50: "#9C8300",
+        60: "#897400"
+      },
+      yellow: {
+        0: "#FEFDF4",
+        10: "#FBF5CA",
+        20: "#F7EA95",
+        30: "#F3E061",
+        40: "#EFD52C",
+        50: "#CBB525",
+        60: "#B3A021"
+      },
+      lime: {
+        0: "#FAFEF5",
+        10: "#E8F9CD",
+        20: "#D1F39A",
+        30: "#BAEC68",
+        40: "#A3E635",
+        50: "#8BC32D",
+        60: "#7AAC28"
+      },
+      teal: {
+        0: "#F3FBFA",
+        10: "#C4EDE6",
+        20: "#88DBCE",
+        30: "#4DCAB5",
+        40: "#12B89C",
+        50: "#0F9C85",
+        60: "#0E8A75"
+      },
+      purple: {
+        0: "#F7F2FD",
+        10: "#D7BFF3",
+        20: "#AE80E8",
+        30: "#8640DD",
+        40: "#5E00D1",
+        50: "#5000B2",
+        60: "#46009D"
+      }
+    },
+    borderRadius: {
+      "none": 0,
+      "sm": "4px",
+      "md": "8px",
+      "DEFAULT": "8px",
+      "lg": "12px",
+      "xl": "16px",
+      "2xl": "22px",
+      "full": "999999px"
+    },
+    opacity: {
+      0: 0,
+      5: 0.05,
+      10: 0.1,
+      15: 0.15,
+      20: 0.2,
+      25: 0.25,
+      30: 0.3,
+      35: 0.35,
+      40: 0.4,
+      45: 0.45,
+      50: 0.5,
+      55: 0.55,
+      60: 0.6,
+      65: 0.65,
+      70: 0.7,
+      75: 0.75,
+      80: 0.8,
+      85: 0.85,
+      90: 0.9,
+      95: 0.95,
+      100: 1
+    }
+  },
+  plugins: [tailwindAnimation, tailwindExtended]
+};
+
+const { theme } = basic;
+var tailwindPreset = {
+  presets: [basic],
+  theme: {
+    extend: {
+      colors: {
+        base: {
+          white: theme.colors.base.white,
+          black: theme.colors.base.black
+        }
+      },
+      fontSize: {
+        "tn": [
+          "11px",
+          {
+            lineHeight: "1.45",
+            letterSpacing: theme.letterSpacing.wider
+          }
+        ],
+        "xs": [
+          "12px",
+          {
+            lineHeight: "1.33",
+            letterSpacing: theme.letterSpacing.wide
+          }
+        ],
+        "sm": [
+          "14px",
+          {
+            lineHeight: "1.42",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "base": [
+          "16px",
+          {
+            lineHeight: "1.5",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "xl": [
+          "20px",
+          {
+            lineHeight: "1.3",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "2xl": [
+          "24px",
+          {
+            lineHeight: "1.3",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "4xl": [
+          "36px",
+          {
+            lineHeight: "1.3",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "5xl": [
+          "48px",
+          {
+            lineHeight: "1.3",
+            letterSpacing: theme.letterSpacing.normal
+          }
+        ],
+        "6xl": [
+          "60px",
+          {
+            lineHeight: "1.3",
+            letterSpacing: theme.letterSpacing.tight
+          }
+        ],
+        "7xl": [
+          "72px",
+          {
+            lineHeight: "1.36",
+            letterSpacing: theme.letterSpacing.tight
+          }
+        ]
+      },
+      textColor: {
+        "DEFAULT": theme.colors.gray[100],
+        "default": theme.colors.gray[100],
+        "subtle": theme.colors.gray[70],
+        "muted": theme.colors.gray[40],
+        "on-emphasis": theme.colors.base.white,
+        "accent": theme.colors.blue[50],
+        "success": theme.colors.green[50],
+        "warning": theme.colors.orange[50],
+        "danger": theme.colors.red[50]
+      },
+      backgroundColor: {
+        inherit: "inherit",
+        current: "currentColor",
+        transparent: "transparent",
+        DEFAULT: theme.colors.base.white,
+        default: {
+          DEFAULT: theme.colors.base.white,
+          alpha: `rgba(${theme.colors.gray[50]}, ${theme.opacity[5]})`
+        },
+        subtle: {
+          DEFAULT: theme.colors.gray[0],
+          alpha: `rgba(${theme.colors.gray[80]}, ${theme.opacity[10]})`
+        },
+        muted: theme.colors.gray[5],
+        inactive: theme.colors.gray[20],
+        emphasis: {
+          DEFAULT: theme.colors.gray[100],
+          subtle: theme.colors.gray[95],
+          alpha: {
+            DEFAULT: `rgba(${theme.colors.gray[0]}, ${theme.opacity[5]})`,
+            subtle: `rgba(${theme.colors.gray[0]}, ${theme.opacity[10]})`
+          }
+        },
+        accent: {
+          DEFAULT: theme.colors.blue[0],
+          emphasis: theme.colors.blue[40]
+        },
+        success: {
+          DEFAULT: theme.colors.green[0],
+          emphasis: theme.colors.green[40]
+        },
+        warning: {
+          DEFAULT: theme.colors.orange[0],
+          emphasis: theme.colors.orange[40]
+        },
+        danger: {
+          DEFAULT: theme.colors.red[0],
+          emphasis: theme.colors.red[40]
+        }
+      },
+      fill: ({ theme: theme2 }) => ({ ...theme2("backgroundColor") }),
+      borderColor: {
+        "DEFAULT": theme.colors.gray[15],
+        "default": {
+          DEFAULT: theme.colors.gray[15],
+          alpha: `rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`
+        },
+        "subtle": {
+          DEFAULT: theme.colors.gray[20],
+          alpha: `rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`
+        },
+        "muted": theme.colors.gray[10],
+        "on-emphasis": {
+          DEFAULT: theme.colors.gray[90],
+          subtle: theme.colors.gray[70],
+          alpha: {
+            DEFAULT: `rgba(${theme.colors.gray[0]}, ${theme.opacity[5]})`,
+            subtle: `rgba(${theme.colors.gray[0]}, ${theme.opacity[10]})`
+          }
+        },
+        "accent": {
+          DEFAULT: theme.colors.blue[10],
+          emphasis: theme.colors.blue[40]
+        },
+        "success": {
+          DEFAULT: theme.colors.green[10],
+          emphasis: theme.colors.green[40]
+        },
+        "warning": {
+          DEFAULT: theme.colors.orange[10],
+          emphasis: theme.colors.orange[40]
+        },
+        "danger": {
+          DEFAULT: theme.colors.red[10],
+          emphasis: theme.colors.red[40]
+        }
+      },
+      boxShadowColor: ({ theme: theme2 }) => ({ ...theme2("backgroundColor") }),
+      boxShadow: {
+        "none": "0 0 #0000",
+        "sm": `0 1px 3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 1px 2px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "md": `0 4px 6px -1px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 2px 4px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "DEFAULT": `0 4px 6px -1px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 2px 4px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "lg": `0 10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 4px 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "lg-top": `0 -10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 -4px 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "lg-left": `-10px 0 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), -4px 0 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "lg-right": `10px 0 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 4px 0 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`,
+        "lg-on-emphasis": `0 10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[35]}), 0 4px 6px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[15]})`,
+        "lg-on-emphasis-darker": `0 10px 15px -3px rgba(${theme.colors.base.black}, ${theme.opacity[85]}), 0 4px 6px -2px rgba(${theme.colors.base.black}, ${theme.opacity[65]})`,
+        "lg-accent": `0 10px 15px -3px rgba(${theme.colors.blue[40]}, ${theme.opacity[10]}), 0 4px 6px -2px rgba(${theme.colors.blue[40]}, ${theme.opacity[5]})`,
+        "lg-success": `0 10px 15px -3px rgba(${theme.colors.green[40]}, ${theme.opacity[10]}), 0 4px 6px -2px rgba(${theme.colors.green[40]}, ${theme.opacity[5]})`,
+        "lg-warning": `0 10px 15px -3px rgba(${theme.colors.orange[40]}, ${theme.opacity[5]}), 0 4px 6px -2px rgba(${theme.colors.orange[40]}, ${theme.opacity[5]})`,
+        "lg-danger": `0 10px 15px -3px rgba(${theme.colors.red[40]}, ${theme.opacity[10]}), 0 4px 6px -2px rgba(${theme.colors.red[40]}, ${theme.opacity[5]})`,
+        "xl": `0 0 1px rgba(${theme.colors.gray[100]}, ${theme.opacity[15]}), 0 8px 10px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]}), 0 16px 25px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`,
+        "2xl": `0 20px 40px -8px rgba(${theme.colors.gray[100]}, ${theme.opacity[25]})`,
+        "mask": `0 0 0 9999px rgba(${theme.colors.base.black}, ${theme.opacity[50]})`
+      },
+      dropShadow: {
+        "sm": [`0 1px 3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `0 1px 2px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "md": [`0 4px 6px -1px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `0 2px 4px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "DEFAULT": [`0 4px 6px -1px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `0 2px 4px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "lg": [`0 10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `0 4px 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "lg-top": [`0 -10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `0 -4px 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "lg-left": [`-10px 0 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `-4px 0 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "lg-right": [`10px 0 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`, `4px 0 6px rgba(${theme.colors.gray[100]}, ${theme.opacity[5]})`],
+        "lg-on-emphasis": [`0 10px 15px -3px rgba(${theme.colors.gray[100]}, ${theme.opacity[35]})`, `0 4px 6px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[15]})`],
+        "lg-on-emphasis-darker": [`0 10px 15px -3px rgba(${theme.colors.base.black}, ${theme.opacity[85]})`, `0 4px 6px -2px rgba(${theme.colors.base.black}, ${theme.opacity[65]})`],
+        "lg-accent": [`0 10px 15px -3px rgba(${theme.colors.blue[40]}, ${theme.opacity[10]})`, `0 4px 6px -2px rgba(${theme.colors.blue[40]}, ${theme.opacity[5]})`],
+        "lg-success": [`0 10px 15px -3px rgba(${theme.colors.green[40]}, ${theme.opacity[10]})`, `0 4px 6px -2px rgba(${theme.colors.green[40]}, ${theme.opacity[5]})`],
+        "lg-warning": [`0 10px 15px -3px rgba(${theme.colors.orange[40]}, ${theme.opacity[5]})`, `0 4px 6px -2px rgba(${theme.colors.orange[40]}, ${theme.opacity[5]})`],
+        "lg-danger": [`0 10px 15px -3px rgba(${theme.colors.red[40]}, ${theme.opacity[10]})`, `0 4px 6px -2px rgba(${theme.colors.red[40]}, ${theme.opacity[5]})`],
+        "xl": [
+          `0 0 1px rgba(${theme.colors.gray[100]}, ${theme.opacity[15]})`,
+          `0 8px 10px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`,
+          `0 16px 25px -2px rgba(${theme.colors.gray[100]}, ${theme.opacity[10]})`
+        ],
+        "2xl": `0 20px 40px -8px rgba(${theme.colors.gray[100]}, ${theme.opacity[25]})`
+      },
+      outlineColor: {
+        DEFAULT: theme.colors.gray[15],
+        default: theme.colors.gray[15],
+        inherit: "inherit",
+        current: "currentColor",
+        transparent: "transparent",
+        accent: theme.colors.blue[40],
+        success: theme.colors.green[40],
+        warning: theme.colors.orange[40],
+        danger: theme.colors.red[40]
+      },
+      ringColor: ({ theme: theme2 }) => ({ ...theme2("borderColor") }),
+      zIndex: { 1: 1 }
+    }
+  }
+};
 
 const module = defineNuxtModule({
   meta: {
     name: "@privyid/persona",
     configKey: "persona"
   },
-  defaults: {},
+  defaults: { font: true },
   hooks: {
     "components:dirs"(dirs) {
       dirs.push({
@@ -17,8 +1614,20 @@ const module = defineNuxtModule({
       });
     }
   },
-  async setup() {
-    await installModule("@nuxtjs/tailwindcss", { config: { presets: [preset] } });
+  async setup(options, nuxt) {
+    nuxt.options.alias["@carbon/icons-vue/lib"] = "@carbon/icons-vue/es";
+    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,wght@0,400;0,500;1,400&display=swap" }
+      );
+    }
+    await installModule("@nuxtjs/tailwindcss", { config: { presets: [tailwindPreset] } });
   }
 });