@iqual/nuxt-icms 1.3.0 → 1.4.0

package/formkit.theme.ts

@@ -12,27 +12,27 @@ import type { FormKitNode } from '@formkit/core'
 
 type ClassValue = boolean | ((node: FormKitNode) => boolean)
 
- /**
-  * This is the theme function itself, it should be imported and used as the
-  * config.rootClasses function. For example:
-  *
-  * ```js
-  * import { theme } from './formkit.theme'
-  * import { defineFormKitConfig } from '@formkit/vue'
-  *
-  * export default defineFormKitConfig({
-  *   config: {
-  *     rootClasses: theme
-  *   }
-  * })
-  * ```
-  **/
+/**
+ * This is the theme function itself, it should be imported and used as the
+ * config.rootClasses function. For example:
+ *
+ * ```js
+ * import { theme } from './formkit.theme'
+ * import { defineFormKitConfig } from '@formkit/vue'
+ *
+ * export default defineFormKitConfig({
+ *   config: {
+ *     rootClasses: theme
+ *   }
+ * })
+ * ```
+ **/
 export function rootClasses(sectionName: string, node: FormKitNode): Record<string, boolean> {
   const key = `${node.props.type}__${sectionName}`
   const semanticKey = `formkit-${sectionName}`
   const familyKey = node.props.family ? `family:${node.props.family}__${sectionName}` : ''
   const memoKey = `${key}__${familyKey}`
-  
+
   if (!(memoKey in classes)) {
     const sectionClasses = classes[key] ?? globals[sectionName] ?? {}
     sectionClasses[semanticKey] = true
@@ -42,11 +42,11 @@ export function rootClasses(sectionName: string, node: FormKitNode): Record<stri
       classes[memoKey] = sectionClasses
     }
   }
-  
+
   // Process the classes and evaluate functions
   const finalClasses: Record<string, boolean> = {}
   const classesToProcess = classes[memoKey] ?? { [semanticKey]: true }
-  
+
   for (const [className, value] of Object.entries(classesToProcess)) {
     if (typeof value === 'function') {
       finalClasses[className] = value(node)
@@ -54,7 +54,7 @@ export function rootClasses(sectionName: string, node: FormKitNode): Record<stri
       finalClasses[className] = value
     }
   }
-  
+
   return finalClasses
 }
 
@@ -106,23 +106,23 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:button__input": {
     "w-full": true,
     "md:w-fit": true,
-    "py-2": true,
-    "px-4": true,
+    "py-3": true,
+    "px-10": true,
     "bg-primary-500": true,
     "border-0": true,
-    "rounded": true,
+    "rounded-none": true,
     "text-white": true,
     "font-bold": true,
     "transition-all": true,
     "hover:bg-primary-600": true,
     "focus:outline-none": true,
     "focus:ring-2": true,
-    "focus:ring-primary-500": true,  
+    "focus:ring-primary-500": true,
   },
   "family:button__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
   },
   "family:button__messages": {
     "": true
@@ -130,9 +130,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:button__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "family:box__outer": {
     "mb-4": true,
@@ -155,7 +155,6 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "text-neutral-900": true,
     "text-xs": true,
     "dark:text-neutral-100": true,
-    "mb-1": true,
     "group-data-[multiple]:mb-2": true,
     "group-data-[multiple]:-mt-1.5": true
   },
@@ -163,22 +162,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "family:box__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "peer": true,
     "absolute": true,
@@ -243,9 +240,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:box__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "family:text__outer": {
     "mb-4": true,
@@ -255,9 +252,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "family:text__label": {
-    "absolute": true, 
-    "left-6": true, 
-    "text-black": true, 
+    "absolute": true,
+    "left-6": true,
+    "text-black": true,
     "transition-all": true,
   },
   "family:text__prefixIcon": {
@@ -290,28 +287,27 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "flex": true,
   },
   "family:text__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "family:text__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "family:text__messages": {
     "": true
@@ -319,9 +315,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:text__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "family:dropdown__outer": {
     "mb-4": true,
@@ -610,7 +606,8 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:dropdown__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "family:dropdown__messages": {
     "": true
@@ -618,9 +615,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "family:dropdown__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "button__outer": {
     "mb-4": true,
@@ -659,23 +656,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "[&>svg]:w-full": true
   },
   "button__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "button__help": {
     "text-neutral-900": true,
@@ -688,9 +683,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "button__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "checkbox__outer": {
     "mb-4": true,
@@ -711,7 +706,8 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "checkbox__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "checkbox__inner": {
     "": true
@@ -744,9 +740,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "checkbox__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "color__outer": {
     "mb-4": true,
@@ -788,22 +784,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "!w-auto": true
   },
   "color__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "rounded-none": true,
     "overflow-clip": true,
@@ -822,9 +816,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "color__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "date__outer": {
     "mb-4": true,
@@ -866,23 +860,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "date__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "date__help": {
     "text-neutral-900": true,
@@ -895,9 +887,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "date__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "datetime-local__outer": {
     "mb-4": true,
@@ -939,23 +931,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "datetime-local__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "datetime-local__help": {
     "text-neutral-900": true,
@@ -968,9 +958,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "datetime-local__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "email__outer": {
     "mb-4": true,
@@ -1011,28 +1001,27 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "email__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "email__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "email__messages": {
     "": true
@@ -1040,9 +1029,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "email__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "file__outer": {
     "mb-4": true,
@@ -1085,22 +1074,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "group-data-[multiple]:rounded-none": true
   },
   "file__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "text-transparent": true,
     "absolute": true,
@@ -1177,9 +1164,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "file__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "form__form": {
     "": true
@@ -1208,7 +1195,7 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "form__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
     "mt-1": true,
     "group-[]/summary:text-sm": true
@@ -1253,23 +1240,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "month__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "month__help": {
     "text-neutral-900": true,
@@ -1282,9 +1267,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "month__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "number__outer": {
     "mb-4": true,
@@ -1326,28 +1311,27 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "number__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "number__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "number__messages": {
     "": true
@@ -1355,9 +1339,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "number__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "password__outer": {
     "mb-4": true,
@@ -1399,28 +1383,27 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "password__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "password__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "password__messages": {
     "": true
@@ -1428,9 +1411,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "password__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "radio__outer": {
     "mb-4": true,
@@ -1451,7 +1434,8 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "radio__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "radio__inner": {
     "": true
@@ -1484,9 +1468,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "radio__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "range__outer": {
     "mb-4": true,
@@ -1532,22 +1516,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "!bg-transparent": true
   },
   "range__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "[&::-webkit-slider-runnable-track]:bg-neutral-300": true,
     "[&::-webkit-slider-runnable-track]:h-1.5": true,
@@ -1587,9 +1569,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "range__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "search__outer": {
     "mb-4": true,
@@ -1631,23 +1613,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "search__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "search__help": {
     "text-neutral-900": true,
@@ -1660,9 +1640,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "search__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "select__outer": {
     "mb-4": true,
@@ -1708,23 +1688,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "flex": true,
   },
   "select__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "select__selectIcon": {
     "absolute": true,
@@ -1757,7 +1735,8 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "select__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "select__messages": {
     "": true
@@ -1765,9 +1744,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "select__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "submit__outer": {
     "relative": true,
@@ -1808,18 +1787,18 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "submit__input": {
     "w-full": true,
     "md:w-fit": true,
-    "py-2": true,
-    "px-4": true,
+    "py-3": true,
+    "px-10": true,
     "bg-primary-500": true,
     "border-0": true,
-    "rounded": true,
+    "rounded-none": true,
     "text-white": true,
     "font-bold": true,
     "transition-all": true,
     "hover:bg-primary-600": true,
     "focus:outline-none": true,
     "focus:ring-2": true,
-    "focus:ring-primary-500": true,  
+    "focus:ring-primary-500": true,
   },
   "submit__help": {
     "text-neutral-900": true,
@@ -1832,9 +1811,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "submit__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "tel__outer": {
     "mb-4": true,
@@ -1844,9 +1823,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "tel__label": {
-    "absolute": true, 
-    "left-6": true, 
-    "text-black": true, 
+    "absolute": true,
+    "left-6": true,
+    "text-black": true,
     "transition-all": true,
   },
   "tel__prefixIcon": {
@@ -1875,29 +1854,28 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "tel__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
     // "pt-6 pb-2": '$fns.hasValue($value) || $state.blurred === false',
   },
   "tel__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "tel__messages": {
     "": true
@@ -1905,9 +1883,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "tel__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "text__outer": {
     "mb-4": true,
@@ -1948,23 +1926,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "text__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
     // "pt-6 pb-2": '$fns.hasValue($value) || $state.blurred === false',
   },
   "text__help": {
@@ -1978,9 +1954,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "text__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "textarea__outer": {
     "mb-4": true,
@@ -2029,29 +2005,28 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "flex": true,
   },
   "textarea__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
     // "pt-6 pb-2": '$fns.hasValue($value) || $state.blurred === false',
   },
   "textarea__help": {
     "text-neutral-900": true,
     "text-xs": true,
-    "dark:text-neutral-100": true
+    "dark:text-neutral-100": true,
+    "mt-2": true,
   },
   "textarea__messages": {
     "": true
@@ -2059,9 +2034,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "textarea__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "time__outer": {
     "mb-4": true,
@@ -2103,23 +2078,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "time__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "time__help": {
     "text-neutral-900": true,
@@ -2132,9 +2105,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "time__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "url__outer": {
     "mb-4": true,
@@ -2176,23 +2149,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "url__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "url__help": {
     "text-neutral-900": true,
@@ -2205,9 +2176,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "url__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "week__outer": {
     "mb-4": true,
@@ -2249,23 +2220,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "week__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "week__help": {
     "text-neutral-900": true,
@@ -2278,9 +2247,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "week__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "autocomplete__outer": {
     "mb-4": true,
@@ -2322,23 +2291,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "[&>svg]:w-full": true
   },
   "autocomplete__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "autocomplete__selections": {
     "flex": true,
@@ -2424,9 +2391,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "autocomplete__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "colorpicker__outer": {
     "mb-4": true,
@@ -2797,9 +2764,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "colorpicker__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "datepicker__outer": {
     "mb-4": true,
@@ -2879,23 +2846,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "dark:text-neutral-100": true
   },
   "datepicker__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "datepicker__openButton": {
     "appearance-none": true,
@@ -3197,9 +3162,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "datepicker__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "dropdown__outer": {
     "mb-4": true,
@@ -3357,9 +3322,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "dropdown__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "mask__outer": {
     "mb-4": true,
@@ -3401,22 +3366,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "[&>svg]:w-full": true
   },
   "mask__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "group-data-[has-overlay]:!caret-neutral-900": true,
     "dark:group-data-[has-overlay]:!caret-neutral-100": true
@@ -3455,9 +3418,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "mask__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "rating__outer": {
     "mb-4": true,
@@ -3555,23 +3518,21 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "flex": true
   },
   "rating__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "rating__messages": {
     "mt-1.5": true
@@ -3721,9 +3682,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "repeater__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "slider__outer": {
     "mb-4": true,
@@ -3940,9 +3901,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "slider__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "taglist__outer": {
     "mb-4": true,
@@ -4002,22 +3963,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "": true
   },
   "taglist__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "!p-0": true,
     "!w-[0%]": true,
@@ -4078,9 +4037,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "taglist__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "toggle__outer": {
     "mb-4": true,
@@ -4106,22 +4065,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "mr-2": true
   },
   "toggle__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "peer": true,
     "absolute": true,
@@ -4198,9 +4155,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "toggle__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "togglebuttons__options": {
     "group/options": true,
@@ -4211,22 +4168,20 @@ const classes: Record<string, Record<string, ClassValue>> = {
     "group/option": true
   },
   "togglebuttons__input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
     "placeholder-gray-300':": true,
     "!px-4": true,
     "group-data-[vertical=true]/options:w-full": true,
@@ -4603,9 +4558,9 @@ const classes: Record<string, Record<string, ClassValue>> = {
   "transferlist__message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "barcode__barcodeIcon": {
     "w-[1.5em]": true,
@@ -4893,23 +4848,23 @@ const globals: Record<string, Record<string, boolean>> = {
     "dark:text-neutral-100": true
   },
   "input": {
-    "w-full": true, 
-    "px-6": true, 
-    "py-4": true, 
-    "border": true, 
-    "rounded-lg": true, 
-    "transition-all": true, 
-    "bg-white": true, 
-    "border-0": true, 
-    "shadow-custom-small": true, 
-    "focus:outline-none": true, 
-    "focus:ring-2": true, 
-    "focus:ring-primary-500": true, 
-    "selection:bg-primary-500": true, 
-    "selection:text-white": true, 
-    "border-1": true, 
-    "border-gray-200": true, 
-    "placeholder-gray-300": true, 
+    "w-full": true,
+    "px-6": true,
+    "py-4": true,
+    "border": true,
+    "rounded-lg": true,
+    "transition-all": true,
+    "bg-white": true,
+    "border-0": true,
+    "shadow-custom-small": true,
+    "focus:outline-none": true,
+    "focus:ring-2": true,
+    "focus:ring-primary-500": true,
+    "selection:bg-primary-500": true,
+    "selection:text-white": true,
+    "border-1": true,
+    "border-gray-200": true,
+    "placeholder-gray-300": true,
   },
   "inner": {
     "flex": true,
@@ -4973,9 +4928,9 @@ const globals: Record<string, Record<string, boolean>> = {
   "message": {
     "text-xs": true,
     "font-medium": true,
-    "text-error-500": true, 
+    "text-error-500": true,
     "dark:text-error-500": true,
-    "mt-1": true, 
+    "mt-1": true,
   },
   "overlay": {
     "text-neutral-900": true,