@indielayer/ui 1.0.9 → 1.0.10

package/src/composables/css.ts

@@ -5,13 +5,13 @@ const isTheme = (theme: string) => themes.includes(theme)
 const isModifier = (modifier: string) => modifiers.includes(modifier)
 
 export interface CSSComposition {
-  get: (name: string, value: string, theme?: string, modifier?: string)=> string
-  variable: (name: string, theme?: string, modifier?: string)=> string
-  variables: (object: Record<string, string | object>, theme?: string, modifier?: string)=> Record<string, string>
+  get: (name: string, value: string, theme?: string, modifier?: string) => string;
+  variable: (name: string, theme?: string, modifier?: string) => string;
+  variables: (object: Record<string, string | object>, theme?: string, modifier?: string) => Record<string, string>;
 }
 
 export const useCSS = (namespace?: string): CSSComposition => {
-  const get = (name: string, value: string, theme?: string, modifier?: string) => `${variable(name,theme,modifier)}: ${value}`
+  const get = (name: string, value: string, theme?: string, modifier?: string) => `${variable(name, theme, modifier)}: ${value}`
 
   const variable = (name: string, theme?: string, modifier?: string) =>
     `--x${namespace ? `-${namespace}` : ''}${theme ? `-${theme}` : ''}-${name}${modifier ? `-${modifier}` : ''}`

package/src/composables/inputtable.ts

@@ -3,12 +3,12 @@ import { ref, computed, inject, watch, onMounted, onUnmounted } from 'vue'
 import { injectFormKey } from './keys'
 
 export interface XFormInputMethods {
-  focus: ()=> void,
-  validate: (val: any)=> boolean,
-  setError: (val: string)=> void
+  focus: () => void;
+  validate: (val: any) => boolean;
+  setError: (val: string) => void;
 }
 
-export const useInputtable = (props: any, { focus, emit, withListeners = true }: { focus: ()=> void, emit: any, withListeners?: boolean }) => {
+export const useInputtable = (props: any, { focus, emit, withListeners = true }: { focus: () => void; emit: any; withListeners?: boolean; }) => {
   const isFirstValidation = ref(true)
   const errorInternal = ref(props.error)
 

package/src/composables/interactive.ts

@@ -1,8 +1,8 @@
 import type { Ref } from 'vue'
 
 export interface InteractiveProps {
-  disabled?: boolean
-  loading?: boolean
+  disabled?: boolean;
+  loading?: boolean;
 }
 
 export const useInteractive = (

package/src/composables/theme.ts

@@ -8,12 +8,12 @@ import { smartUnref } from '../common/utils'
 import type { Slots } from 'vue'
 
 export type ThemeParams = {
-  props: any
-  slots: Slots
-  colors: ColorComposition
-  css: CSSComposition
-  rtl?: boolean
-  data?: any
+  props: any;
+  slots: Slots;
+  colors: ColorComposition;
+  css: CSSComposition;
+  rtl?: boolean;
+  data?: any;
 }
 
 export const useTheme = (namespace: string, defaultTheme: any = {}, props: any, data?: any) => {

package/src/create.ts

@@ -3,11 +3,11 @@ import type { ColorLibrary } from './composables/colors'
 import { injectColorsKey, injectIconsKey, injectThemeKey } from './composables/keys'
 
 export type IndielayerUIOptions = {
-  prefix?: string,
-  components?: any,
-  colors?: ColorLibrary,
-  icons?: any
-  theme?: any
+  prefix?: string;
+  components?: any;
+  colors?: ColorLibrary;
+  icons?: any;
+  theme?: any;
 }
 
 const defaultOptions: IndielayerUIOptions = {

package/src/version.ts

@@ -1 +1 @@
-export default '1.0.9'
+export default '1.0.10'

package/volar.d.ts

@@ -1,4 +1,4 @@
-declare module 'vue' {
+declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     XAlert: typeof import('@indielayer/ui')['XAlert']
     XAvatar: typeof import('@indielayer/ui')['XAvatar']
@@ -15,7 +15,6 @@ declare module 'vue' {
     XForm: typeof import('@indielayer/ui')['XForm']
     XIcon: typeof import('@indielayer/ui')['XIcon']
     XImage: typeof import('@indielayer/ui')['XImage']
-    XAbac: typeof import('@indielayer/ui')['XAbac']
     XInput: typeof import('@indielayer/ui')['XInput']
     XLink: typeof import('@indielayer/ui')['XLink']
     XMenu: typeof import('@indielayer/ui')['XMenu']
@@ -46,7 +45,6 @@ declare module 'vue' {
     XTextarea: typeof import('@indielayer/ui')['XTextarea']
     XToggle: typeof import('@indielayer/ui')['XToggle']
     XTooltip: typeof import('@indielayer/ui')['XTooltip']
-    [key: string]: any
   }
 }
 

package/lib/nuxt.plugin.js

@@ -1,8 +0,0 @@
-import { defineNuxtPlugin } from '#app'
-import create from '../src/create'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  const UI = create(nuxtApp.$config.indielayerOptions)
-
-  nuxtApp.vueApp.use(UI)
-})

package/src/exports/nuxt.js

@@ -1,33 +0,0 @@
-import { defineNuxtModule, addPlugin, createResolver } from '@nuxt/kit'
-import { fileURLToPath } from 'node:url'
-
-export default defineNuxtModule({
-  meta: {
-    name: '@indielayer/ui',
-    configKey: 'indielayer',
-    compatibility: {
-      nuxt: '^3.0.0-rc.1',
-    },
-  },
-  defaults: {
-    prefix: 'X',
-  },
-  async setup(options, nuxt) {
-    // Create resolver to resolve relative paths
-    const { resolve } = createResolver(import.meta.url)
-
-    nuxt.options.runtimeConfig.public.indielayerOptions = options
-
-    // plugin install
-    addPlugin(resolve('./nuxt.plugin.js'))
-
-    // nuxt install
-    nuxt.hook('components:dirs', (dirs) => {
-      dirs.push({
-        path: fileURLToPath(new URL('../src/components', import.meta.url)),
-        extensions: ['vue', 'tsx'],
-        prefix: options?.prefix ? options?.prefix : 'X',
-      })
-    })
-  },
-})

package/src/exports/tailwind.preset.js

@@ -1,55 +0,0 @@
-const colors = require('tailwindcss/colors')
-
-module.exports = (useDark = true) => ({
-  theme: {
-    extend: {
-      colors: {
-        primary: colors.emerald,
-        secondary: colors.slate,
-        success: colors.green,
-        warning: colors.yellow,
-        error: colors.red,
-      },
-      borderColor: colors.gray[100],
-      fontFamily: {
-        sans: [
-          'Inter',
-          '-apple-system',
-          'BlinkMacSystemFont',
-          'ui-sans-serif',
-          'system-ui',
-          '"Segoe UI"',
-          'Roboto',
-          '"Helvetica Neue"',
-          'Arial',
-          '"Noto Sans"',
-          'sans-serif',
-          '"Apple Color Emoji"',
-          '"Segoe UI Emoji"',
-          '"Segoe UI Symbol"',
-          '"Noto Color Emoji"',
-        ],
-      },
-    },
-  },
-  plugins: useDark ? [
-    ({ addBase, config }) => {
-      addBase({
-        html: {
-          color: config('theme.colors.gray.900'),
-          backgroundColor: 'white',
-        },
-        'html.dark': {
-          color: config('theme.colors.gray.100'),
-          backgroundColor: config('theme.colors.gray.900'),
-        },
-        '*, ::before, ::after': {
-          borderColor: colors.gray[200],
-        },
-        '.dark *, .dark ::before, .dark ::after': {
-          borderColor: colors.slate[700],
-        },
-      })
-    },
-  ] : [],
-})