@saasmakers/ui 0.1.59 → 0.1.61

package/app/types/fields.d.ts

@@ -0,0 +1,179 @@
+export type FieldBackground = 'gray' | 'white'
+
+export type FieldSize = 'base' | 'lg' | 'sm' | 'xs'
+
+export type FieldStatus = 'default' | 'error' | 'info' | 'success' | 'warning'
+
+export interface FieldCheckbox {
+  description?: BaseTextText
+  disabled?: boolean
+  fullWidth?: boolean
+  hideError?: boolean
+  label?: BaseTextText
+  labelIcon?: BaseIconValue
+  lineThrough?: boolean
+  loading?: boolean
+  modelValue?: boolean
+  required?: boolean
+  size?: FieldSize
+  truncate?: boolean
+  uppercase?: boolean
+  validation?: VuelidateValidation
+}
+
+export interface FieldDays {
+  modelValue?: number[]
+}
+
+export interface FieldEmojis {
+  modelValue?: string
+}
+
+export interface FieldInput {
+  alignment?: FieldInputAlignment
+  autocomplete?: boolean
+  autofocus?: boolean
+  background?: FieldBackground
+  border?: FieldInputBorder
+  description?: BaseTextText
+  disabled?: boolean
+  fullWidth?: boolean
+  hideError?: boolean
+  label?: BaseTextText
+  labelIcon?: BaseIconValue
+  lineThrough?: boolean
+  loading?: boolean
+  lowercaseOnly?: boolean
+  max?: number
+  min?: number
+  modelValue?: number | string
+  placeholder?: string
+  required?: boolean
+  size?: FieldSize
+  type?: FieldInputType
+  uppercase?: boolean
+  validation?: VuelidateValidation
+}
+
+export type FieldInputAlignment = 'center' | 'left' | 'right'
+
+export type FieldInputBorder = 'bottom' | 'full' | 'none'
+
+export type FieldInputType = 'currency' | 'date' | 'datetime-local' | 'email' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week'
+
+export interface FieldLabel {
+  disabled?: boolean
+  forField?: string
+  hasMarginBottom?: boolean
+  hasMarginLeft?: boolean
+  icon?: BaseIconValue
+  label: BaseTextText
+  lineThrough?: boolean
+  loading?: boolean
+  required?: boolean
+  size?: FieldSize
+  truncate?: boolean
+}
+
+export interface FieldMessage {
+  description?: BaseTextText
+  hideError?: boolean
+  size?: FieldSize
+  validation?: VuelidateValidation
+}
+
+export interface FieldSelect {
+  border?: FieldSelectBorder
+  caret?: boolean
+  columns?: FieldSelectColumn[]
+  description?: BaseTextText
+  direction?: FieldSelectDirection
+  disabled?: boolean
+  hideError?: boolean
+  label?: BaseTextText
+  labelIcon?: BaseIconValue
+  maxHeight?: FieldSelectMaxHeight
+  modelValue?: number | string
+  openOnHover?: boolean
+  options?: FieldSelectOption[]
+  padding?: boolean
+  placeholder?: string
+  required?: boolean
+  size?: FieldSize
+  validation?: VuelidateValidation
+}
+
+export interface FieldSelectColumn {
+  options: FieldSelectOption[]
+  title?: string
+}
+
+export interface FieldSelectOption {
+  icon?: BaseIconValue
+  text: string
+  value: number | string
+}
+
+export type FieldSelectBorder = 'bottom' | 'full' | 'none'
+
+export type FieldSelectDirection = 'bottom' | 'top'
+
+export type FieldSelectMaxHeight = 'lg' | 'md' | 'sm' | 'xs'
+
+export interface FieldTabs {
+  minimizeOnMobile?: boolean
+  modelValue?: Array<number | string> | number | string
+  multiple?: boolean
+  size?: FieldSize
+  tabs: FieldTabsTab[]
+  theme?: FieldTabsTheme
+}
+
+export interface FieldTabsTab {
+  activeColor?: BaseColor
+  icon?: BaseIconValue
+  label: string
+  to?: RouteLocationNamedI18n
+  value: number | string
+}
+
+export type FieldTabsAction = 'added' | 'removed'
+
+export type FieldTabsTheme = 'border' | 'rounded'
+
+export interface FieldTextarea {
+  autofocus?: boolean
+  background?: FieldBackground
+  border?: boolean
+  description?: BaseTextText
+  disabled?: boolean
+  fullWidth?: boolean
+  hideError?: boolean
+  label?: BaseTextText
+  labelIcon?: BaseIconValue
+  loading?: boolean
+  modelValue?: string
+  padding?: boolean
+  placeholder?: string
+  required?: boolean
+  resize?: boolean
+  rows?: number
+  size?: FieldSize
+  validation?: VuelidateValidation
+}
+
+export interface FieldTime {
+  background?: FieldBackground
+  description?: BaseTextText
+  disabled?: boolean
+  hideError?: boolean
+  icon?: BaseIconValue
+  id: number | string
+  label?: BaseTextText
+  labelIcon?: BaseIconValue
+  modelValue?: string
+  name?: string
+  required?: boolean
+  size?: FieldSize
+  validation?: VuelidateValidation
+}

package/app/types/global.d.ts

@@ -7,6 +7,7 @@ declare global {
   type ChartistOptions = import('chartist').Options
   type ChartistPieChartData = import('chartist').PieChartData
   type RouteLocationNamedI18n = import('vue-router').RouteLocationNamedI18n
+  type VuelidateValidation = import('@vuelidate/core').BaseValidation
 
   // Bases
   type BaseAlert = Bases.BaseAlert
@@ -55,6 +56,15 @@ declare global {
   type BaseToast = Bases.BaseToast
   type BaseToasts = Bases.BaseToasts
   type BaseToastsAlignment = Bases.BaseToastsAlignment
+
+  // Navigator
+  interface Navigator {
+    userAgentData?: {
+      brands?: Array<{ brand: string, version: string }>
+      mobile?: boolean
+      platform?: string
+    }
+  }
 }
 
 export * from './bases'

package/nuxt.config.ts

@@ -21,6 +21,10 @@ export default defineNuxtConfig({
       path: 'components/bases',
       pathPrefix: false,
     },
+    {
+      path: 'components/fields',
+      pathPrefix: false,
+    },
     {
       path: 'components/layout',
       pathPrefix: false,
@@ -35,14 +39,15 @@ export default defineNuxtConfig({
   ],
 
   modules: [
+    '@nuxt/icon',
     '@nuxtjs/color-mode',
     '@nuxtjs/i18n',
-    '@nuxt/icon',
-    '@pinia/nuxt',
-    '@unocss/nuxt',
     '@nuxtjs/plausible',
     '@nuxtjs/robots',
     '@nuxtjs/sitemap',
+    '@pinia/nuxt',
+    '@unocss/nuxt',
+    '@vueuse/nuxt',
     'floating-vue/nuxt',
     'motion-v/nuxt',
   ],
@@ -75,7 +80,6 @@ export default defineNuxtConfig({
   plausible: {
     apiHost: 'https://plausible.saasmakers.dev',
     autoOutboundTracking: true,
-    domain: 'resilience.club',
     ignoreSubDomains: true,
     proxy: true,
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasmakers/ui",
   "type": "module",
-  "version": "0.1.59",
+  "version": "0.1.61",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -39,8 +39,14 @@
     "@nuxtjs/robots": "5.5.6",
     "@nuxtjs/sitemap": "7.4.7",
     "@pinia/nuxt": "0.11.2",
+    "@saasmakers/shared": "workspace:*",
     "@unocss/nuxt": "66.5.4",
     "@unocss/reset": "66.5.10",
+    "@vuelidate/core": "2.0.3",
+    "@vuelidate/validators": "2.0.4",
+    "@vueuse/components": "14.0.0",
+    "@vueuse/core": "14.1.0",
+    "@vueuse/nuxt": "14.0.0",
     "chartist": "1.5.0",
     "floating-vue": "5.2.2",
     "lottie-web": "5.13.0",