From 7b28d05d0b3f210b297688b1f68cc3d27607d872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Thu, 14 Nov 2024 22:30:48 +0800
Subject: [PATCH] first commit

---
 .gitignore                    |   24 +
 .vscode/extensions.json       |    3 +
 README.md                     |    5 +
 formkit.config.ts             |   10 +
 formkit.theme.ts              | 3400 +++++++++++++++++++++++++++++++++
 index.html                    |   14 +
 package.json                  |   27 +
 postcss.config.cjs            |    7 +
 public/vite.svg               |    1 +
 src/App.vue                   |   52 +
 src/assets/main.css           |    7 +
 src/assets/vue.svg            |    1 +
 src/components/HelloWorld.vue |   41 +
 src/main.ts                   |    8 +
 src/style.css                 |   79 +
 src/vite-env.d.ts             |    1 +
 tailwind.config.js            |   13 +
 tsconfig.app.json             |   26 +
 tsconfig.json                 |    7 +
 tsconfig.node.json            |   24 +
 vite.config.ts                |    7 +
 21 files changed, 3757 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .vscode/extensions.json
 create mode 100644 README.md
 create mode 100644 formkit.config.ts
 create mode 100644 formkit.theme.ts
 create mode 100644 index.html
 create mode 100644 package.json
 create mode 100644 postcss.config.cjs
 create mode 100644 public/vite.svg
 create mode 100644 src/App.vue
 create mode 100644 src/assets/main.css
 create mode 100644 src/assets/vue.svg
 create mode 100644 src/components/HelloWorld.vue
 create mode 100644 src/main.ts
 create mode 100644 src/style.css
 create mode 100644 src/vite-env.d.ts
 create mode 100644 tailwind.config.js
 create mode 100644 tsconfig.app.json
 create mode 100644 tsconfig.json
 create mode 100644 tsconfig.node.json
 create mode 100644 vite.config.ts

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..a7cea0b
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar"]
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..33895ab
--- /dev/null
+++ b/README.md
@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).
diff --git a/formkit.config.ts b/formkit.config.ts
new file mode 100644
index 0000000..56b7b1f
--- /dev/null
+++ b/formkit.config.ts
@@ -0,0 +1,10 @@
+import { genesisIcons } from "@formkit/icons"
+import { rootClasses } from "./formkit.theme"
+import { DefaultConfigOptions } from '@formkit/vue'
+
+const config: DefaultConfigOptions = {
+  icons: { ...genesisIcons },
+  config: { rootClasses }
+}
+
+export default config
diff --git a/formkit.theme.ts b/formkit.theme.ts
new file mode 100644
index 0000000..ed279f5
--- /dev/null
+++ b/formkit.theme.ts
@@ -0,0 +1,3400 @@
+import type { FormKitNode } from '@formkit/core'
+
+/**
+  * @privateRemarks
+  * This file was generated by the FormKit CLI and should not be manually
+  * edited unless you’d like to "eject" from the CLI’s ability to update it.
+  *
+  * @checksum - 68db9025d7e84b20a1f30374a7200ae6686651c6c3fb2f3fb24f0aaaff7e58d3
+  * @variables - 
+  * @theme - regenesis
+  **/
+
+ /**
+  * 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
+     if (familyKey in classes) {
+       classes[memoKey] = { ...classes[familyKey],  ...sectionClasses }
+     } else {
+       classes[memoKey] = sectionClasses
+     }
+   }
+   return classes[memoKey] ?? { [semanticKey]: true }
+ }
+
+/**
+ * These classes have already been merged with globals using tailwind-merge
+ * and are ready to be used directly in the theme.
+ **/
+const classes: Record<string, Record<string, boolean>> = {
+  "family:button__wrapper": {
+    "group-data-[disabled=true]:grayscale": true
+  },
+  "family:button__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "font-bold": true,
+    "rounded": true,
+    "outline-none": true,
+    "flex": true,
+    "!text-sm": true,
+    "px-7": true,
+    "py-3": true,
+    "items-center": true,
+    "mb-1.5": true,
+    "text-sm": true,
+    "ring-offset-2": true,
+    "ring-blue-500": true,
+    "focus-visible:ring-2": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "shadow": true,
+    "group-data-[prefix-icon]:pl-5": true,
+    "group-data-[suffix-icon]:pr-5": true,
+    "border": true,
+    "border-blue-600": true,
+    "text-blue-600": true,
+    "group-[]/repeater:shadow-sm": true,
+    "group-[]/multistep:shadow-sm": true,
+    "dark:border-blue-500": true
+  },
+  "family:box__wrapper": {
+    "inline-flex": true,
+    "items-center": true,
+    "mb-1": true,
+    "group-data-[multiple]:mb-0": true
+  },
+  "family:box__legend": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "dark:text-neutral-300": true,
+    "mb-2": true
+  },
+  "family:box__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "peer": true,
+    "pointer-events-none": true,
+    "absolute": true,
+    "h-0": true,
+    "w-0": true,
+    "overflow-hidden": true,
+    "opacity-0": true
+  },
+  "family:box__decorator": {
+    "mr-1.5": true,
+    "bg-white": true,
+    "ring-blue-500": true,
+    "peer-checked:border-blue-600": true,
+    "relative": true,
+    "block": true,
+    "text-lg": true,
+    "w-[1em]": true,
+    "aspect-[1/1]": true,
+    "border": true,
+    "border-neutral-400": true,
+    "text-transparent": true,
+    "peer-checked:bg-blue-50": true,
+    "peer-checked:text-blue-600": true,
+    "peer-focus-visible:ring-2": true,
+    "peer-focus-visible:ring-offset-1": true,
+    "select-none": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "peer-disabled:bg-neutral-100": true,
+    "group-data-[disabled]:grayscale": true,
+    "shadow": true,
+    "peer-disabled:cursor-not-allowed": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "dark:border-neutral-500": true,
+    "dark:bg-transparent": true,
+    "dark:ring-offset-blue-500": true,
+    "dark:peer-focus-visible:ring-1": true,
+    "dark:peer-disabled:bg-neutral-600/50": true,
+    "dark:peer-checked:bg-blue-900": true,
+    "dark:peer-checked:text-blue-400": true
+  },
+  "family:box__decoratorIcon": {
+    "absolute": true,
+    "left-1/2": true,
+    "top-1/2": true,
+    "flex": true,
+    "h-full": true,
+    "w-full": true,
+    "-translate-x-1/2": true,
+    "-translate-y-1/2": true
+  },
+  "family:box__option": {
+    "mb-1.5": true,
+    "last:mb-0": true,
+    "data-[disabled]:opacity-50": true,
+    "data-[disabled]:select-none": true,
+    "group-data-[disabled]:data-[disabled]:opacity-100": true
+  },
+  "family:box__label": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "mb-1": true,
+    "!mb-0": true,
+    "!font-normal": true,
+    "!text-sm": true,
+    "dark:text-neutral-300": true
+  },
+  "family:box__optionHelp": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "-mt-1": true,
+    "mb-1.5": true,
+    "ml-[min(2em,1.7rem)]": true,
+    "relative": true,
+    "left-px": true
+  },
+  "family:box__help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true,
+    "mb-1": true,
+    "group-data-[multiple]:mb-2": true,
+    "group-data-[multiple]:-mt-1.5": true
+  },
+  "family:text__wrapper": {
+    "flex": true,
+    "flex-col": true,
+    "items-start": true,
+    "justify-start": true,
+    "mb-1.5": true,
+    "last:mb-0": true
+  },
+  "family:text__label": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "dark:text-neutral-300": true,
+    "!inline-flex": true,
+    "mb-1": true
+  },
+  "family:text__inner": {
+    "text-base": true,
+    "flex": true,
+    "items-center": true,
+    "w-full": true,
+    "py-2": true,
+    "px-3": true,
+    "rounded": true,
+    "border": true,
+    "border-neutral-400": true,
+    "bg-white": true,
+    "focus-within:ring-1": true,
+    "focus-within:!ring-blue-500": true,
+    "focus-within:!border-blue-500": true,
+    "group-data-[invalid]:border-red-500": true,
+    "group-data-[invalid]:ring-1": true,
+    "group-data-[invalid]:ring-red-500": true,
+    "group-data-[disabled]:bg-neutral-100": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "shadow": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-500": true,
+    "dark:group-data-[disabled]:bg-neutral-800/5": true,
+    "dark:group-data-[invalid]:border-red-500": true,
+    "dark:group-data-[invalid]:ring-red-500": true
+  },
+  "family:text__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "text-base": true,
+    "text-neutral-700": true,
+    "min-w-0": true,
+    "min-h-[1.5em]": true,
+    "grow": true,
+    "outline-none": true,
+    "bg-transparent": true,
+    "selection:bg-blue-100": true,
+    "placeholder:text-neutral-400": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "dark:placeholder-neutral-400/50": true,
+    "dark:text-neutral-300": true,
+    "border-none": true,
+    "p-0": true,
+    "focus:ring-0": true
+  },
+  "family:text__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "family:text__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__wrapper": {
+    "mb-1.5": true
+  },
+  "family:dropdown__inner": {
+    "relative": true,
+    "flex": true,
+    "items-center": true,
+    "bg-white": true,
+    "border": true,
+    "border-neutral-400": true,
+    "rounded": true,
+    "group-data-[is-multiline]:!rounded": true,
+    "focus-within:ring-1": true,
+    "focus-within:!ring-blue-500": true,
+    "focus-within:!border-blue-500": true,
+    "group-data-[invalid]:border-red-500": true,
+    "group-data-[invalid]:ring-1": true,
+    "group-data-[invalid]:ring-red-500": true,
+    "group-data-[disabled]:bg-neutral-100": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "shadow": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-500": true,
+    "dark:group-data-[disabled]:bg-neutral-700/40": true,
+    "dark:group-data-[invalid]:border-red-500": true,
+    "dark:group-data-[invalid]:ring-red-500": true
+  },
+  "family:dropdown__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "grow": true,
+    "p-2": true,
+    "pr-0": true,
+    "pl-3": true,
+    "text-base": true,
+    "text-neutral-700": true,
+    "text-ellipsis": true,
+    "min-w-0": true,
+    "outline-none": true,
+    "bg-transparent": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "group-data-[prefix-icon]:!pl-0": true,
+    "group-data-[suffix-icon]:!pr-0": true,
+    "placeholder:text-neutral-400": true,
+    "selection:bg-blue-100": true,
+    "dark:placeholder:text-neutral-500": true,
+    "dark:text-neutral-300": true,
+    "border-none": true,
+    "focus:ring-0": true,
+    "bg-none": true
+  },
+  "family:dropdown__listboxButton": {
+    "w-[2.5em]": true,
+    "self-stretch": true,
+    "text-base": true,
+    "flex": true,
+    "items-center": true,
+    "text-neutral-700": true,
+    "z-10": true,
+    "dark:text-neutral-300": true,
+    "data-[disabled]:cursor-not-allowed": true
+  },
+  "family:dropdown__removeSelection": {
+    "w-[2.5em]": true,
+    "self-stretch": true,
+    "text-base": true,
+    "flex": true,
+    "items-center": true,
+    "text-neutral-700": true,
+    "hover:text-red-400": true,
+    "z-10": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__controlLabel": {
+    "absolute": true,
+    "opacity-0": true,
+    "pointer-events-none": true,
+    "text-[0px]": true
+  },
+  "family:dropdown__selectIcon": {
+    "text-base": true,
+    "inline-flex": true,
+    "justify-center": true,
+    "w-[2.5em]": true,
+    "relative": true,
+    "my-auto": true,
+    "[&>svg]:w-[1em]": true,
+    "[&>svg]:mx-auto": true
+  },
+  "family:dropdown__closeIcon": {
+    "text-base": true,
+    "w-[0.75em]": true,
+    "relative": true,
+    "m-auto": true
+  },
+  "family:dropdown__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "!ml-2": true,
+    "!mr-0": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "!mr-2": true,
+    "!ml-0": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__dropdownWrapper": {
+    "rounded": true,
+    "shadow-lg": true,
+    "mt-1": true,
+    "overflow-clip": true,
+    "empty:hidden": true,
+    "border": true,
+    "border-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "group-data-[expanded]:opacity-100": true,
+    "group-data-[overscroll]:m-0": true,
+    "group-data-[overscroll]:shadow-none": true,
+    "group-data-[overscroll]:border-none": true
+  },
+  "family:dropdown__listitemGroup": {
+    "group/optgroup": true,
+    "last:pb-0": true,
+    "border-t": true,
+    "border-b": true,
+    "-mb-px": true,
+    "border-neutral-300": true,
+    "dark:border-neutral-600": true
+  },
+  "family:dropdown__groupLabel": {
+    "block": true,
+    "pt-1.5": true,
+    "pb-1": true,
+    "px-2.5": true,
+    "font-bold": true,
+    "pointer-events-none": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__listbox": {
+    "bg-white": true,
+    "rounded": true,
+    "empty:hidden": true,
+    "dark:bg-neutral-800": true,
+    "group-data-[overscroll]:shadow-lg": true,
+    "group-data-[overscroll]:border": true,
+    "group-data-[overscroll]:border-neutral-300": true,
+    "group-data-[overscroll]:dark:border-neutral-600": true
+  },
+  "family:dropdown__listitem": {
+    "relative": true,
+    "flex": true,
+    "items-center": true,
+    "px-2": true,
+    "py-1.5": true,
+    "first:pt-2": true,
+    "last:pb-2": true,
+    "text-neutral-700": true,
+    "text-base": true,
+    "data-[is-active]:bg-blue-100": true,
+    "dark:text-neutral-200": true,
+    "dark:data-[is-active]:text-neutral-700": true,
+    "before:content-['']": true,
+    "before:absolute": true,
+    "before:inset-0": true,
+    "data-[is-active]:first:before:rounded": true,
+    "data-[is-active]:first:before:rounded-b-none": true,
+    "data-[is-active]:last:before:rounded": true,
+    "data-[is-active]:last:before:rounded-t-none": true,
+    "data-[is-active]:first:last:before:rounded": true,
+    "data-[is-active]:before:ring-1": true,
+    "data-[is-active]:before:ring-blue-500": true,
+    "data-[is-active]:before:ring-inset": true,
+    "data-[is-active]:before:ring-offset-blue-100": true,
+    "group-[]/optgroup:first:before:!rounded-none": true,
+    "group-[]/optgroup:last:before:!rounded-none": true
+  },
+  "family:dropdown__selectedIcon": {
+    "flex": true,
+    "absolute": true,
+    "items-center": true,
+    "text-blue-600": true,
+    "left-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true
+  },
+  "family:dropdown__option": {
+    "ml-[1.5em]": true
+  },
+  "family:dropdown__loadMore": {
+    "data-[is-active]:bg-blue-100": true
+  },
+  "family:dropdown__loadMoreInner": {
+    "flex": true,
+    "text-sm": true,
+    "text-neutral-500": true,
+    "p-2": true,
+    "items-center": true,
+    "justify-center": true,
+    "[&>span]:mr-2": true,
+    "cursor-pointer": true,
+    "dark:text-neutral-200": true,
+    "dark:hover:text-blue-500": true
+  },
+  "family:dropdown__selectionWrapper": {
+    "grow": true,
+    "flex": true,
+    "items-center": true,
+    "text-neutral-700": true
+  },
+  "family:dropdown__selection": {
+    "grow": true,
+    "text-neutral-700": true,
+    "group-data-[multiple]:p-2": true,
+    "dark:text-neutral-300": true
+  },
+  "family:dropdown__tagsWrapper": {
+    "w-full": true
+  },
+  "family:dropdown__tagWrapper": {
+    "group/tag": true,
+    "rounded": true,
+    "mr-1": true,
+    "mb-1": true,
+    "outline-none": true,
+    "data-[active-selection=true]:ring-2": true,
+    "data-[active-selection=true]:ring-blue-500": true
+  },
+  "family:dropdown__tags": {
+    "inline-flex": true,
+    "flex-wrap": true,
+    "items-center": true,
+    "w-full": true,
+    "-mb-1": true,
+    "empty:mb-0": true
+  },
+  "family:dropdown__tag": {
+    "flex": true,
+    "items-center": true,
+    "cursor-default": true,
+    "rounded": true,
+    "text-sm": true,
+    "px-1.5": true,
+    "py-0.5": true,
+    "bg-blue-600": true,
+    "text-white": true,
+    "[&>[type=button]]:!w-[0.5em]": true,
+    "[&>[type=button]]:aspect-[1/1]": true,
+    "[&>[type=button]]:!text-inherit": true,
+    "[&>[type=button]]:cursor-pointer": true,
+    "group-data-[active-selection=true]/tag:bg-blue-400": true,
+    "group-data-[active-selection=true]/tag:text-neutral-700": true
+  },
+  "family:dropdown__tagLabel": {
+    "mr-1": true
+  },
+  "family:dropdown__emptyMessage": {
+    "flex": true,
+    "items-center": true,
+    "px-2": true,
+    "py-1.5": true,
+    "first:pt-2": true,
+    "last:pb-2": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "aria-selected:text-white": true,
+    "aria-selected:bg-blue-600": true
+  },
+  "button__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "bg-blue-50": true,
+    "hover:bg-blue-100": true,
+    "dark:text-blue-500": true,
+    "dark:bg-transparent": true,
+    "dark:hover:bg-blue-50/5": true
+  },
+  "checkbox__decorator": {
+    "rounded": true
+  },
+  "checkbox__decoratorIcon": {
+    "max-w-[66.66%]": true
+  },
+  "color__inner": {
+    "!w-auto": true,
+    "!p-1.5": true,
+    "!inline-flex": true,
+    "group-data-[prefix-icon]:border": true,
+    "group-data-[prefix-icon]:border-neutral-400": true,
+    "group-data-[suffix-icon]:border": true,
+    "group-data-[suffix-icon]:border-neutral-400": true,
+    "dark:group-data-[prefix-icon]:border-neutral-500": true,
+    "dark:group-data-[suffix-icon]:border-neutral-500": true
+  },
+  "color__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "!w-14": true,
+    "bg-transparent": true,
+    "cursor-pointer": true,
+    "rounded": true,
+    "overflow-clip": true,
+    "[&::-webkit-color-swatch-wrapper]:p-0": true,
+    "[&::-webkit-color-swatch]:border-none": true,
+    "[&::-moz-color-swatch]:border-none": true,
+    "group-data-[prefix-icon]:mx-2": true,
+    "group-data-[suffix-icon]:mx-2": true
+  },
+  "color__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "group-data-[prefix-icon]:m-1.5": true,
+    "group-data-[prefix-icon]:mr-0": true
+  },
+  "color__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "group-data-[suffix-icon]:m-1.5": true,
+    "group-data-[prefix-icon]:ml-0": true
+  },
+  "date__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "focus:[&::-webkit-datetime-edit-day-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-month-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-year-field]:bg-blue-100": true
+  },
+  "datetime-local__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "focus:[&::-webkit-datetime-edit-day-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-month-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-year-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-hour-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-minute-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-ampm-field]:bg-blue-100": true
+  },
+  "file__fileList": {
+    "group/list": true,
+    "peer": true,
+    "w-full": true,
+    "min-w-0": true,
+    "data-[has-multiple]:mb-[1.25em]": true
+  },
+  "file__fileItemIcon": {
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "mr-2": true,
+    "shrink-0": true
+  },
+  "file__fileItem": {
+    "flex": true,
+    "min-w-0": true,
+    "items-center": true,
+    "text-neutral-700": true,
+    "mb-1.5": true,
+    "last:mb-0": true,
+    "dark:text-neutral-300": true
+  },
+  "file__fileName": {
+    "truncate": true,
+    "min-w-0": true,
+    "w-full": true,
+    "shrink": true,
+    "leading-5": true,
+    "group-data-[has-multiple]/list:text-sm": true
+  },
+  "file__fileRemove": {
+    "right-2": true,
+    "ring-blue-500": true,
+    "rounded": true,
+    "z-20": true,
+    "flex": true,
+    "appearance-none": true,
+    "items-center": true,
+    "text-[0px]": true,
+    "outline-none": true,
+    "hover:!text-red-500": true,
+    "focus-visible:ring-2": true,
+    "group-data-[disabled]:pointer-events-none": true,
+    "group-data-[disabled]:!text-neutral-500": true,
+    "peer-data-[has-multiple]:absolute": true,
+    "peer-data-[has-multiple]:bottom-[max(0.5em,8px)]": true,
+    "peer-data-[has-multiple]:left-3": true,
+    "peer-data-[has-multiple]:text-blue-600": true,
+    "peer-data-[has-multiple]:text-xs": true,
+    "peer-data-[has-multiple]:whitespace-nowrap": true,
+    "group-data-[prefix-icon]:peer-data-[has-multiple]:left-2": true,
+    "dark:hover:!text-red-400": true
+  },
+  "file__fileRemoveIcon": {
+    "block": true,
+    "text-base": true,
+    "w-[0.75em]": true,
+    "relative": true,
+    "z-10": true
+  },
+  "file__inner": {
+    "relative": true,
+    "cursor-pointer": true,
+    "group-data-[has-multiple]:rounded": true
+  },
+  "file__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "cursor-pointer": true,
+    "text-transparent": true,
+    "absolute": true,
+    "inset-0": true,
+    "opacity-0": true,
+    "z-10": true,
+    "file:pointer-events-none": true,
+    "file:w-0": true,
+    "file:h-0": true,
+    "file:overflow-hidden": true
+  },
+  "file__noFiles": {
+    "flex": true,
+    "w-full": true,
+    "items-center": true,
+    "text-neutral-400": true,
+    "dark:text-neutral-500": true
+  },
+  "file__noFilesIcon": {
+    "w-[1em]": true,
+    "mr-2": true
+  },
+  "form__form": {
+    "group/form": true
+  },
+  "form__actions": {
+    "": true
+  },
+  "form__summaryInner": {
+    "group/summary": true,
+    "border": true,
+    "border-neutral-400": true,
+    "bg-white": true,
+    "rounded": true,
+    "py-2": true,
+    "px-3": true,
+    "shadow": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-500": true
+  },
+  "form__summaryHeader": {
+    "text-lg": true,
+    "text-neutral-700": true,
+    "font-bold": true,
+    "mb-2": true,
+    "dark:text-neutral-300": true
+  },
+  "form__messages": {
+    "": true
+  },
+  "form__message": {
+    "text-red-600": true,
+    "mb-1.5": true,
+    "text-xs": true,
+    "dark:text-red-400": true,
+    "group-[]/summary:text-sm": true
+  },
+  "form__messageLink": {
+    "group-[]/summary:outline-none": true,
+    "group-[]/summary:focus-visible:ring-2": true,
+    "group-[]/summary:ring-blue-600": true
+  },
+  "month__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "focus:[&::-webkit-datetime-edit-month-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-year-field]:bg-blue-100": true
+  },
+  "radio__decorator": {
+    "rounded-full": true
+  },
+  "radio__decoratorIcon": {
+    "max-w-[50%]": true
+  },
+  "range__inner": {
+    "relative": true,
+    "!border-none": true,
+    "!ring-0": true,
+    "!px-0": true,
+    "!bg-transparent": true,
+    "!shadow-none": true
+  },
+  "range__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "group/input": true,
+    "cursor-pointer": true,
+    "[&::-webkit-slider-runnable-track]:bg-neutral-400/50": true,
+    "[&::-webkit-slider-runnable-track]:h-[0.25em]": true,
+    "[&::-webkit-slider-runnable-track]:rounded": true,
+    "dark:[&::-webkit-slider-runnable-track]:bg-neutral-500/50": true,
+    "[&::-webkit-slider-thumb]:appearance-none": true,
+    "[&::-webkit-slider-thumb]:w-[0.85em]": true,
+    "[&::-webkit-slider-thumb]:aspect-[1/1]": true,
+    "[&::-webkit-slider-thumb]:bg-blue-600": true,
+    "[&::-webkit-slider-thumb]:rounded-full": true,
+    "[&::-webkit-slider-thumb]:relative": true,
+    "[&::-webkit-slider-thumb]:top-1/2": true,
+    "[&::-webkit-slider-thumb]:-translate-y-1/2": true,
+    "[&::-webkit-slider-thumb]:group-data-[disabled]:bg-neutral-500": true,
+    "[&::-webkit-slider-thumb]:group-data-[disabled]:!ring-neutral-300": true,
+    "[&::-webkit-slider-thumb]:focus-visible:ring-2": true,
+    "[&::-webkit-slider-thumb]:focus:!ring-blue-500": true,
+    "[&::-webkit-slider-thumb]:focus:ring-offset-2": true,
+    "[&::-webkit-slider-thumb]:shadow": true,
+    "dark:[&::-webkit-slider-thumb]:group-data-[disabled]:!ring-neutral-600": true,
+    "dark:[&::-webkit-slider-thumb]:focus:ring-offset-neutral-700": true,
+    "[&::-moz-range-track]:bg-neutral-400/50": true,
+    "[&::-moz-range-track]:h-[0.25]": true,
+    "[&::-moz-range-track]:rounded": true,
+    "dark:[&::-moz-range-track]:bg-neutral-500/50": true,
+    "[&::-moz-range-thumb]:appearance-none": true,
+    "[&::-moz-range-thumb]:border-none": true,
+    "[&::-moz-range-thumb]:w-[0.85em]": true,
+    "[&::-moz-range-thumb]:h-[0.85em]": true,
+    "[&::-moz-range-thumb]:bg-blue-600": true,
+    "[&::-moz-range-thumb]:rounded-full": true,
+    "[&::-moz-range-thumb]:group-data-[disabled]:bg-neutral-500": true,
+    "[&::-moz-range-thumb]:group-data-[disabled]:!ring-neutral-300": true,
+    "[&::-moz-range-thumb]:focus-visible:ring-2": true,
+    "[&::-moz-range-thumb]:focus:!ring-blue-500": true,
+    "[&::-moz-range-thumb]:focus:ring-offset-2": true,
+    "[&::-moz-range-thumb]:shadow": true,
+    "dark:[&::-moz-range-thumb]:group-data-[disabled]:!ring-neutral-500": true,
+    "dark:[&::-moz-range-thumb]:focus:ring-offset-neutral-700": true
+  },
+  "select__wrapper": {
+    "mb-1.5": true
+  },
+  "select__inner": {
+    "relative": true,
+    "flex": true,
+    "items-center": true,
+    "bg-white": true,
+    "border": true,
+    "border-neutral-400": true,
+    "rounded": true,
+    "focus-within:ring-1": true,
+    "focus-within:!ring-blue-500": true,
+    "focus-within:!border-blue-500": true,
+    "group-data-[invalid]:border-red-500": true,
+    "group-data-[invalid]:ring-1": true,
+    "group-data-[invalid]:ring-red-500": true,
+    "group-data-[disabled]:bg-neutral-100": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "shadow": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "group-data-[multiple]:rounded": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-500": true,
+    "dark:group-data-[disabled]:bg-neutral-800/5": true,
+    "dark:group-data-[invalid]:border-red-500": true,
+    "dark:group-data-[invalid]:ring-red-500": true
+  },
+  "select__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "grow": true,
+    "p-2": true,
+    "py-2": true,
+    "px-3": true,
+    "pr-[2em]": true,
+    "text-base": true,
+    "text-neutral-700": true,
+    "text-ellipsis": true,
+    "min-w-0": true,
+    "outline-none": true,
+    "bg-transparent": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "group-data-[prefix-icon]:!pl-0": true,
+    "group-data-[suffix-icon]:!pr-0": true,
+    "data-[placeholder]:text-neutral-400": true,
+    "group-data-[multiple]:!p-0": true,
+    "selection:bg-blue-100": true,
+    "dark:data-[placeholder]:text-neutral-400/50": true,
+    "dark:text-neutral-300": true,
+    "border-none": true,
+    "focus:ring-0": true,
+    "bg-none": true
+  },
+  "select__selectIcon": {
+    "absolute": true,
+    "w-[1em]": true,
+    "text-neutral-700": true,
+    "pointer-events-none": true,
+    "right-2": true,
+    "group-data-[suffix-icon]:mr-[1.5em]": true,
+    "dark:text-neutral-300": true
+  },
+  "select__optGroup": {
+    "bg-white": true,
+    "text-neutral-700": true,
+    "group/optgroup": true,
+    "group-data-[multiple]:px-1.5": true,
+    "pt-1.5": true,
+    "font-bold": true,
+    "text-sm": true,
+    "dark:bg-neutral-800": true,
+    "dark:text-neutral-300": true
+  },
+  "select__option": {
+    "bg-white": true,
+    "text-neutral-700": true,
+    "group-data-[disabled]:opacity-50": true,
+    "group-data-[disabled]:select-none": true,
+    "group-data-[multiple]:checked:bg-blue-100": true,
+    "group-data-[multiple]:focus:bg-blue-100": true,
+    "group-data-[multiple]:text-sm": true,
+    "group-data-[multiple]:outline-none": true,
+    "group-data-[multiple]:border-none": true,
+    "group-data-[multiple]:py-1.5": true,
+    "group-data-[multiple]:px-2": true,
+    "dark:bg-neutral-800": true,
+    "dark:text-neutral-300": true,
+    "dark:group-data-[multiple]:focus:bg-blue-800": true,
+    "dark:group-data-[multiple]:checked:bg-blue-800": true
+  },
+  "select__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "ml-2": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "select__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "mr-2": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "submit__outer": {
+    "group": true,
+    "max-w-[20em]": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "text-base": true,
+    "data-[disabled]:opacity-100": true
+  },
+  "submit__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "bg-blue-600": true,
+    "!text-white": true,
+    "active:text-blue-100": true,
+    "active:bg-blue-700": true,
+    "hover:bg-blue-700": true,
+    "disabled:border-neutral-400": true,
+    "disabled:bg-neutral-400": true,
+    "disabled:text-neutral-100": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "dark:disabled:border-neutral-100": true,
+    "dark:disabled:bg-neutral-500": true,
+    "dark:disabled:text-neutral-200": true,
+    "dark:text-white": true,
+    "dark:ring-offset-blue-500": true,
+    "before:transition-all": true,
+    "group-data-[loading=true]/form:before:content['']": true,
+    "group-data-[loading=true]/form:before:block": true,
+    "group-data-[loading=true]/form:before:animate-spin": true,
+    "group-data-[loading=true]/form:before:w-5": true,
+    "group-data-[loading=true]/form:before:h-5": true,
+    "group-data-[loading=true]/form:before:rounded-full": true,
+    "group-data-[loading=true]/form:before:mr-3": true,
+    "group-data-[loading=true]/form:before:-ml-1.5": true,
+    "group-data-[loading=true]/form:before:border-2": true,
+    "group-data-[loading=true]/form:before:border-solid": true,
+    "group-data-[loading=true]/form:before:border-white": true,
+    "group-data-[loading=true]/form:before:border-r-transparent": true
+  },
+  "submit__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-100": true
+  },
+  "submit__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-100": true
+  },
+  "textarea__inner": {
+    "flex": true,
+    "items-center": true,
+    "mb-1.5": true,
+    "bg-white": true,
+    "border": true,
+    "border-neutral-400": true,
+    "rounded": true,
+    "focus-within:ring-1": true,
+    "focus-within:!ring-blue-500": true,
+    "focus-within:!border-blue-500": true,
+    "group-data-[invalid]:border-red-500": true,
+    "group-data-[invalid]:ring-1": true,
+    "group-data-[invalid]:ring-red-500": true,
+    "group-data-[disabled]:bg-neutral-100": true,
+    "shadow": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "dark:border-neutral-500": true,
+    "dark:group-data-[disabled]:bg-neutral-800/5": true,
+    "dark:group-data-[invalid]:border-red-500": true,
+    "dark:group-data-[invalid]:ring-red-500": true,
+    "dark:bg-transparent": true
+  },
+  "textarea__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "text-base": true,
+    "h-24": true,
+    "text-neutral-700": true,
+    "min-w-0": true,
+    "grow": true,
+    "shrink": true,
+    "!py-2": true,
+    "!px-3": true,
+    "outline-none": true,
+    "bg-transparent": true,
+    "selection:bg-blue-100": true,
+    "placeholder:text-neutral-400": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "dark:placeholder-neutral-400/50": true,
+    "dark:text-neutral-300": true,
+    "p-0": true,
+    "border-none": true,
+    "focus:ring-0": true
+  },
+  "textarea__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "!ml-2": true,
+    "!mr-0": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "textarea__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "!mr-2": true,
+    "!ml-0": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "time__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "focus:[&::-webkit-datetime-edit-hour-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-minute-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-ampm-field]:bg-blue-100": true
+  },
+  "week__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "focus:[&::-webkit-datetime-edit-week-field]:bg-blue-100": true,
+    "focus:[&::-webkit-datetime-edit-year-field]:bg-blue-100": true
+  },
+  "autocomplete__selections": {
+    "flex": true,
+    "absolute": true,
+    "inset-0": true,
+    "group-data-[multiple]:static": true,
+    "group-data-[multiple]:block": true,
+    "group-data-[empty]:hidden": true,
+    "group-data-[multiple]:mt-1.5": true
+  },
+  "autocomplete__selectionWrapper": {
+    "bg-neutral-100": true,
+    "rounded": true,
+    "group-data-[multiple]:border": true,
+    "group-data-[multiple]:border-neutral-300": true,
+    "group-data-[multiple]:mb-1.5": true,
+    "outline-none": true,
+    "data-[active-selection=true]:ring-2": true,
+    "data-[active-selection=true]:ring-blue-500": true,
+    "dark:bg-neutral-600": true,
+    "dark:group-data-[multiple]:border-neutral-500": true,
+    "[&.formkit-dropZone]:opacity-25": true,
+    "[&.formkit-touchDropZone]:opacity-25": true,
+    "[&.formkit-touchDragging]:!flex": true,
+    "[&.formkit-longTouch]:opacity-25": true
+  },
+  "autocomplete__selection": {
+    "rounded": true,
+    "just": true,
+    "pl-2": true,
+    "[&>*]:ml-0": true,
+    "dark:text-neutral-200": true
+  },
+  "colorpicker__outer": {
+    "group": true,
+    "max-w-[20em]": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true,
+    "data-[disabled]:cursor-not-allowed": true,
+    "data-[disabled]:pointer-events-none": true
+  },
+  "colorpicker__help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true,
+    "group-data-[inline]:-mt-1": true,
+    "group-data-[inline]:mb-2": true
+  },
+  "colorpicker__inner": {
+    "relative": true,
+    "inline-flex": true,
+    "!w-auto": true,
+    "pl-2": true,
+    "group-data-[inline]:border-none": true,
+    "group-data-[inline]:shadow-none": true,
+    "group-data-[inline]:p-0": true,
+    "group-data-[inline]:bg-transparent": true,
+    "group-data-[inline]:outline-none": true,
+    "group-data-[inline]:!ring-0": true,
+    "group-data-[inline]:!w-full": true,
+    "group-data-[inline]:rounded": true
+  },
+  "colorpicker__swatchPreview": {
+    "w-full": true,
+    "flex": true,
+    "justify-start": true,
+    "items-center": true,
+    "rounded": true,
+    "text-sm": true,
+    "cursor-pointer": true,
+    "outline-none": true
+  },
+  "colorpicker__canvasSwatchPreviewWrapper": {
+    "relative": true,
+    "before:content-['']": true,
+    "before:absolute": true,
+    "before:inset-0": true,
+    "before:rounded": true,
+    "before:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)]": true,
+    "before:z-[2]": true
+  },
+  "colorpicker__canvasSwatchPreview": {
+    "text-base": true,
+    "rounded": true,
+    "aspect-[1/1]": true,
+    "shrink-0": true,
+    "grow": true,
+    "!w-[1.5em]": true
+  },
+  "colorpicker__valueString": {
+    "text-base": true,
+    "text-neutral-700": true,
+    "selection:bg-blue-100": true,
+    "font-mono": true,
+    "inline-block": true,
+    "ml-2": true,
+    "mr-1.5": true,
+    "dark:text-neutral-300": true,
+    "dark:selection:text-neutral-700": true
+  },
+  "colorpicker__panel": {
+    "absolute": true,
+    "left-0": true,
+    "top-full": true,
+    "z-[99]": true,
+    "flex": true,
+    "w-[100vw]": true,
+    "max-w-[18.5em]": true,
+    "touch-manipulation": true,
+    "flex-col": true,
+    "rounded": true,
+    "border": true,
+    "bg-white": true,
+    "p-2": true,
+    "shadow-md": true,
+    "group-data-[inline]:static": true,
+    "group-data-[inline]:max-w-none": true,
+    "border-neutral-400": true,
+    "group-data-[inline]:z-auto": true,
+    "group-data-[inline]:w-full": true,
+    "group-data-[inline]:shadow": true,
+    "group-data-[inline]:group-data-[disabled]:!cursor-not-allowed": true,
+    "group-data-[inline]:group-data-[disabled]:!pointer-events-none": true,
+    "group-data-[inline]:[&:has([id^=swatches]:first-child:last-child)]:w-auto": true,
+    "group-data-[inline]:[&:has([id^=swatches]:first-child:last-child)_[id^=swatches]>div]:w-[1.5em]": true,
+    "dark:bg-neutral-800": true,
+    "dark:border-neutral-500": true,
+    "dark:group-data-[inline]:bg-transparent": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:!fixed": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:top-auto": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:max-w-none": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:bottom-0": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:left-0": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:rounded-none": true
+  },
+  "colorpicker__panelClose": {
+    "flex": true,
+    "justify-end": true,
+    "items-center": true,
+    "text-neutral-600": true,
+    "mb-1.5": true,
+    "-mt-1": true,
+    "border-none": true,
+    "bg-none": true,
+    "border-b": true,
+    "border-neutral-300": true,
+    "w-[calc(100%+1rem)]": true,
+    "-ml-2": true,
+    "pt-0": true,
+    "pr-2": true,
+    "pb-1.5": true,
+    "pl-2": true,
+    "dark:border-neutral-600": true
+  },
+  "colorpicker__closeIcon": {
+    "w-[2rem]": true,
+    "aspect-[1/1]": true,
+    "p-1": true,
+    "rounded": true,
+    "border": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:aspect-[1/1]": true,
+    "[&>svg]:max-w-none": true,
+    "[&>svg]:max-h-none": true
+  },
+  "colorpicker__controlGroup": {
+    "grid": true,
+    "[grid-template-areas:'a_a_a'_'b_c_e'_'b_d_e']": true,
+    "mb-2": true
+  },
+  "colorpicker__LS": {
+    "[grid-area:a]": true,
+    "relative": true,
+    "mb-2": true
+  },
+  "colorpicker__canvas": {
+    "block": true,
+    "w-full": true
+  },
+  "colorpicker__canvasLS": {
+    "aspect-[2/1]": true,
+    "cursor-pointer": true,
+    "rounded-none": true
+  },
+  "colorpicker__canvasHue": {
+    "rounded-none": true
+  },
+  "colorpicker__canvasAlpha": {
+    "rounded-none": true
+  },
+  "colorpicker__preview": {
+    "rounded": true,
+    "after:rounded": true,
+    "relative": true,
+    "inline-flex": true,
+    "aspect-[1/1]": true,
+    "overflow-hidden": true,
+    "[grid-area:b]": true,
+    "mr-2": true,
+    "after:absolute": true,
+    "after:left-0": true,
+    "after:top-0": true,
+    "after:h-full": true,
+    "after:w-full": true,
+    "after:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)]": true,
+    "after:content-['']": true,
+    "w-[2em]": true,
+    "dark:after:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.25)]": true
+  },
+  "colorpicker__hue": {
+    "[grid-area:c]": true,
+    "relative": true,
+    "inline-flex": true,
+    "h-3/4": true
+  },
+  "colorpicker__alpha": {
+    "[grid-area:d]": true,
+    "relative": true,
+    "inline-flex": true,
+    "h-3/4": true
+  },
+  "colorpicker__eyeDropper": {
+    "[grid-area:e]": true,
+    "w-[2em]": true,
+    "ml-2": true,
+    "inline-flex": true,
+    "self-center": true,
+    "justify-center": true,
+    "justify-self-center": true,
+    "aspect-[1/1]": true,
+    "rounded": true,
+    "border": true,
+    "border-neutral-300": true,
+    "cursor-pointer": true,
+    "content-center": true,
+    "items-center": true,
+    "text-neutral-600": true,
+    "dark:border-neutral-600": true
+  },
+  "colorpicker__eyeDropperIcon": {
+    "w-auto": true,
+    "[&>svg]:w-[1em]": true,
+    "dark:text-neutral-400": true
+  },
+  "colorpicker__control": {
+    "absolute": true,
+    "bg-white": true,
+    "shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_3px_rgba(0,0,0,0.2)]": true,
+    "-translate-y-1/2": true,
+    "-translate-x-1/2": true,
+    "pointer-events-none": true,
+    "data-[prevent-focus-style]:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_3px_rgba(0,0,0,0.2)]": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-offset-2": true,
+    "focus-visible:ring-blue-500": true
+  },
+  "colorpicker__controlLS": {
+    "w-[10px]": true,
+    "h-[10px]": true,
+    "rounded-full": true
+  },
+  "colorpicker__controlHue": {
+    "w-[4px]": true,
+    "h-[calc(100%-2px)]": true,
+    "top-1/2": true,
+    "rounded": true
+  },
+  "colorpicker__controlAlpha": {
+    "w-[4px]": true,
+    "h-[calc(100%-2px)]": true,
+    "top-1/2": true,
+    "rounded": true
+  },
+  "colorpicker__formatField": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "grow": true
+  },
+  "colorpicker__colorField": {
+    "bg-transparent": true,
+    "text-neutral-700": true,
+    "border": true,
+    "border-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "dark:text-neutral-300": true,
+    "dark:selection:text-neutral-700": true
+  },
+  "colorpicker__colorInputGroup": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "grow": true
+  },
+  "colorpicker__fieldGroup": {
+    "flex": true,
+    "flex-col": true,
+    "items-center": true,
+    "justify-center": true,
+    "w-full": true,
+    "mr-1": true,
+    "[&>input]:p-1": true,
+    "[&>input]:text-sm": true,
+    "[&>input]:text-neutral-700": true,
+    "[&>input]:selection:bg-blue-100": true,
+    "[&>input]:m-0": true,
+    "[&>input]:grow": true,
+    "[&>input]:shrink": true,
+    "[&>input]:w-full": true,
+    "[&>input]:border": true,
+    "[&>input]:border-neutral-300": true,
+    "[&>input]:rounded": true,
+    "[&>input]:text-center": true,
+    "[&>input]:appearance-none": true,
+    "[&>input::-webkit-outer-spin-button]:appearance-none": true,
+    "[&>input::-webkit-inner-spin-button]:appearance-none": true,
+    "[&>input::-webkit-inner-spin-button]:m-0": true,
+    "[&>input:focus]:outline-none": true,
+    "[&>input:focus]:ring-1": true,
+    "[&>input:focus]:ring-blue-600": true,
+    "[&>input:focus]:border-blue-600": true,
+    "max-[431px]:[&>input]:text-base": true
+  },
+  "colorpicker__fieldLabel": {
+    "text-xs": true,
+    "text-neutral-500": true,
+    "mt-1.5": true,
+    "dark:text-neutral-400": true
+  },
+  "colorpicker__formatSwitcher": {
+    "flex": true,
+    "justify-end": true,
+    "self-start": true,
+    "uppercase": true,
+    "shrink-0": true,
+    "p-1": true,
+    "mt-0.5": true,
+    "text-neutral-600": true,
+    "rounded": true,
+    "select-none": true,
+    "dark:text-neutral-400": true
+  },
+  "colorpicker__switchIcon": {
+    "[&>svg]:w-3": true
+  },
+  "colorpicker__swatches": {
+    "inline-flex": true,
+    "flex-wrap": true,
+    "w-full": true,
+    "justify-self-center": true,
+    "min-w-0": true,
+    "mx-auto": true,
+    "px-[1px]": true,
+    "pt-2": true,
+    "pb-2": true,
+    "mt-2": true,
+    "-mb-2": true,
+    "border-t": true,
+    "border-neutral-300": true,
+    "overflow-auto": true,
+    "max-h-[200px]": true,
+    "select-none": true,
+    "first:-mt-[3px]": true,
+    "first:last:-mb-[3px]": true,
+    "first:last:pb-[2px]": true,
+    "first:pt-px": true,
+    "first:border-t-0": true,
+    "dark:border-neutral-600": true
+  },
+  "colorpicker__swatchGroup": {
+    "flex": true,
+    "flex-wrap": true,
+    "w-full": true,
+    "mb-2": true,
+    "last:mb-0": true
+  },
+  "colorpicker__swatchGroupLabel": {
+    "ml-1": true,
+    "block": true,
+    "w-full": true,
+    "text-sm": true,
+    "text-neutral-500": true,
+    "dark:text-neutral-400": true
+  },
+  "colorpicker__swatch": {
+    "relative": true,
+    "text-base": true,
+    "w-[calc((100%/10)-0.5em)]": true,
+    "max-w-[22px]": true,
+    "m-[0.16em]": true,
+    "cursor-pointer": true,
+    "before:content-['']": true,
+    "before:absolute": true,
+    "before:inset-0": true,
+    "before:rounded": true,
+    "before:shadow-[inset_0_0_0_1px_rgba(0,0,0,0.2)]": true,
+    "before:pointer-events-none": true,
+    "before:z-[2]": true,
+    "dark:before:shadow-[inset_0_0_0_1px_rgba(255,255,255,0.25)]": true,
+    "data-[active=true]:after:content-['']": true,
+    "data-[active=true]:after:block": true,
+    "data-[active=true]:after:absolute": true,
+    "data-[active=true]:after:w-1.5": true,
+    "data-[active=true]:after:h-1.5": true,
+    "data-[active=true]:after:top-1/2": true,
+    "data-[active=true]:after:left-1/2": true,
+    "data-[active=true]:after:pointer-events-none": true,
+    "data-[active=true]:after:rounded-full": true,
+    "data-[active=true]:after:-translate-x-1/2": true,
+    "data-[active=true]:after:-translate-y-1/2": true,
+    "data-[active=true]:after:bg-white": true,
+    "data-[active=true]:after:z-[2]": true,
+    "data-[active=true]:after:ring-1": true,
+    "data-[active=true]:after:ring-[rgba(0,0,0,0.33)]": true,
+    "[&>canvas]:block": true,
+    "[&>canvas]:w-full": true,
+    "[&>canvas]:aspect-[1/1]": true,
+    "[&>canvas]:rounded": true,
+    "[&>canvas:focus-visible]:outline-none": true,
+    "[&>canvas:focus-visible]:ring-2": true,
+    "[&>canvas:focus-visible]:ring-blue-500": true,
+    "[&>canvas:focus-visible]:ring-offset-2": true,
+    "[&>canvas:focus-visible]:ring-offset-white": true,
+    "dark:[&>canvas:focus-visible]:ring-offset-neutral-700": true
+  },
+  "datepicker__inner": {
+    "relative": true
+  },
+  "datepicker__removeSelection": {
+    "self-stretch": true,
+    "text-base": true,
+    "flex": true,
+    "items-center": true,
+    "ml-1": true,
+    "mr-2": true,
+    "text-neutral-700": true,
+    "hover:text-red-400": true,
+    "z-10": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__clearIcon": {
+    "[&>svg]:w-[0.75em]": true
+  },
+  "datepicker__panelWrapper": {
+    "group/panel": true,
+    "absolute": true,
+    "min-w-[20em]": true,
+    "top-[calc(100%_+_0.5em)]": true,
+    "left-0": true,
+    "shadow-[0_0_1.25em_rgba(0,0,0,.25)]": true,
+    "rounded": true,
+    "p-4": true,
+    "bg-white": true,
+    "z-10": true,
+    "dark:bg-neutral-800": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:!fixed": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:top-auto": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:max-w-none": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:bottom-0": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:left-0": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:rounded-none": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:w-full": true
+  },
+  "datepicker__panelHeader": {
+    "grid": true,
+    "grid-cols-[2.5em_1fr_2.5em]": true,
+    "justify-center": true,
+    "items-center": true,
+    "border-b-2": true,
+    "border-neutral-300": true,
+    "mb-2": true,
+    "pb-2.5": true,
+    "dark:border-neutral-600": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:grid-cols-[2.5em_1fr_2.5em_2.5em]": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:group-data-[panel=time]/panel:grid-cols-[2.5em_1fr_2.5em]": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-[&:not([data-inline])]:group-data-[panel=month]/panel:grid-cols-[2.5em_1fr_2.5em]": true
+  },
+  "datepicker__panelClose": {
+    "aspect-[1/1]": true,
+    "border": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "text-neutral-700": true,
+    "[&_svg]:w-[1.25em]": true,
+    "dark:text-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-data-[panel=time]/panel:col-start-3": true,
+    "[@media(max-width:431px)_and_(hover:none)]:group-data-[panel=month]/panel:col-start-3": true
+  },
+  "datepicker__panel": {
+    "flex": true,
+    "justify-center": true
+  },
+  "datepicker__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "placeholder:text-neutral-400": true
+  },
+  "datepicker__monthsHeader": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "col-start-2": true,
+    "col-end-2": true
+  },
+  "datepicker__timeHeader": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "col-start-2": true,
+    "col-end-2": true
+  },
+  "datepicker__months": {
+    "grid": true,
+    "grid-cols-3": true,
+    "w-full": true
+  },
+  "datepicker__month": {
+    "m-1.5": true,
+    "p-1.5": true,
+    "text-center": true,
+    "text-neutral-700": true,
+    "rounded": true,
+    "bg-neutral-200": true,
+    "aria-selected:!bg-blue-600": true,
+    "aria-selected:!text-white": true,
+    "focus:outline": true,
+    "focus:outline-2": true,
+    "focus:outline-blue-600": true,
+    "focus:outline-offset-2": true,
+    "focus:bg-white": true,
+    "focus:text-neutral-700": true,
+    "data-[is-extra=true]:opacity-25": true,
+    "group-data-[disabled=true]:opacity-50": true,
+    "group-data-[disabled=true]:cursor-default": true,
+    "group-data-[disabled=true]:pointer-events-none": true,
+    "dark:bg-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__yearsHeader": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "text-neutral-700": true,
+    "col-start-2": true,
+    "col-end-2": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__years": {
+    "grid": true,
+    "grid-cols-5": true,
+    "w-full": true
+  },
+  "datepicker__year": {
+    "text-base": true,
+    "text-center": true,
+    "text-neutral-700": true,
+    "items-center": true,
+    "m-1.5": true,
+    "p-1.5": true,
+    "rounded": true,
+    "bg-neutral-200": true,
+    "aria-selected:!bg-blue-600": true,
+    "aria-selected:!text-white": true,
+    "focus:outline": true,
+    "focus:outline-2": true,
+    "focus:outline-blue-600": true,
+    "focus:outline-offset-2": true,
+    "focus:bg-white": true,
+    "data-[is-extra=true]:opacity-25": true,
+    "group-data-[disabled=true]:opacity-50": true,
+    "group-data-[disabled=true]:cursor-default": true,
+    "group-data-[disabled=true]:pointer-events-none": true,
+    "dark:bg-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__weekDays": {
+    "grid": true,
+    "grid-cols-7": true
+  },
+  "datepicker__weekDay": {
+    "w-[2.25em]": true,
+    "text-neutral-700": true,
+    "m-1.5": true,
+    "rounded": true,
+    "font-medium": true,
+    "lowercase": true,
+    "dark:text-neutral-500": true
+  },
+  "datepicker__calendarWeeks": {
+    "": true
+  },
+  "datepicker__week": {
+    "grid": true,
+    "grid-cols-7": true,
+    "group-data-[disabled=true]:opacity-50": true,
+    "group-data-[disabled=true]:cursor-default": true,
+    "group-data-[disabled=true]:pointer-events-none": true
+  },
+  "datepicker__dayCell": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "text-center": true,
+    "text-neutral-700": true,
+    "w-[2.25em]": true,
+    "h-[2.25em]": true,
+    "m-1": true,
+    "p-2": true,
+    "rounded": true,
+    "bg-neutral-200": true,
+    "aria-selected:bg-blue-600": true,
+    "aria-selected:text-white": true,
+    "focus:outline": true,
+    "focus:outline-2": true,
+    "focus:outline-blue-600": true,
+    "focus:outline-offset-2": true,
+    "focus:bg-white": true,
+    "data-[is-extra=true]:opacity-25": true,
+    "data-[disabled=true]:opacity-50": true,
+    "data-[disabled=true]:cursor-default": true,
+    "data-[disabled=true]:pointer-events-none": true,
+    "dark:bg-neutral-600": true,
+    "dark:text-neutral-300": true,
+    "dark:aria-selected:bg-blue-600": true,
+    "dark:aria-selected:text-white": true,
+    "dark:focus:outline-blue-600": true,
+    "dark:focus:bg-neutral-200": true,
+    "dark:focus:text-neutral-700": true
+  },
+  "datepicker__timeInput": {
+    "w-full": true,
+    "border-2": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "text-neutral-700": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "p-1.5": true,
+    "my-2.5": true,
+    "focus-visible:outline-blue-600": true,
+    "dark:text-neutral-300": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-600": true
+  },
+  "datepicker__daysHeader": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true
+  },
+  "datepicker__prev": {
+    "mr-auto": true,
+    "px-2.5": true,
+    "py-0.5": true,
+    "hover:bg-neutral-100": true,
+    "rounded": true,
+    "col-start-1": true,
+    "col-end-1": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true
+  },
+  "datepicker__prevLabel": {
+    "hidden": true
+  },
+  "datepicker__prevIcon": {
+    "flex": true,
+    "w-[0.75em]": true,
+    "select-none": true,
+    "text-neutral-700": true,
+    "[&>svg]:w-full": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__dayButton": {
+    "appearance-none": true,
+    "text-neutral-700": true,
+    "cursor-pointer": true,
+    "px-2.5": true,
+    "py-0.5": true,
+    "border-2": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "mx-1": true,
+    "hover:border-blue-600": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true,
+    "dark:text-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "dark:hover:border-blue-500": true
+  },
+  "datepicker__monthButton": {
+    "appearance-none": true,
+    "text-neutral-700": true,
+    "cursor-pointer": true,
+    "px-2.5": true,
+    "py-0.5": true,
+    "border-2": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "mx-1": true,
+    "hover:border-blue-600": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true,
+    "dark:text-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "dark:hover:border-blue-500": true
+  },
+  "datepicker__yearButton": {
+    "appearance-none": true,
+    "text-neutral-700": true,
+    "cursor-pointer": true,
+    "px-2.5": true,
+    "py-0.5": true,
+    "border-2": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "mx-1": true,
+    "hover:border-blue-600": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true,
+    "dark:text-neutral-300": true,
+    "dark:border-neutral-600": true,
+    "dark:hover:border-blue-500": true
+  },
+  "datepicker__next": {
+    "ml-auto": true,
+    "px-2.5": true,
+    "py-0.5": true,
+    "rounded": true,
+    "hover:bg-neutral-100": true,
+    "hover:rounded": true,
+    "col-start-3": true,
+    "col-end-3": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true
+  },
+  "datepicker__nextLabel": {
+    "hidden": true
+  },
+  "datepicker__nextIcon": {
+    "flex": true,
+    "w-[0.75em]": true,
+    "select-none": true,
+    "text-neutral-700": true,
+    "[&>svg]:w-full": true,
+    "dark:text-neutral-300": true
+  },
+  "datepicker__openButton": {
+    "appearance-none": true,
+    "border-0": true,
+    "bg-transparent": true,
+    "flex": true,
+    "p-0": true,
+    "self-stretch": true,
+    "cursor-pointer": true,
+    "focus-visible:outline-none": true,
+    "focus-visible:ring-2": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:ring-offset-2": true,
+    "focus-visible:rounded": true
+  },
+  "datepicker__calendarIcon": {
+    "text-neutral-600": true,
+    "focus-visible:text-blue-600": true,
+    "flex": true,
+    "w-[1em]": true,
+    "grow-0": true,
+    "shrink-0": true,
+    "self-stretch": true,
+    "select-none": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:m-auto": true,
+    "[&>svg]:max-h-[1em]": true,
+    "[&>svg]:max-w-[1em]": true
+  },
+  "dropdown__placeholder": {
+    "text-neutral-400": true,
+    "grow": true,
+    "dark:text-neutral-400/50": true
+  },
+  "dropdown__selector": {
+    "flex": true,
+    "grow": true,
+    "justify-between": true,
+    "w-full": true,
+    "py-2": true,
+    "pl-3": true,
+    "pr-0": true,
+    "text-base": true,
+    "text-neutral-700": true,
+    "text-left": true,
+    "group-data-[disabled]:!cursor-not-allowed": true,
+    "group-data-[prefix-icon]:!pl-0": true,
+    "group-data-[suffix-icon]:!pr-0": true,
+    "data-[placeholder]:text-neutral-400": true,
+    "selection:bg-blue-100": true,
+    "dark:data-[placeholder]:text-neutral-400/50": true,
+    "dark:text-neutral-300": true
+  },
+  "dropdown__selectIcon": {
+    "shrink-0": true
+  },
+  "dropdown__selectionsWrapper": {
+    "w-[85%]": true,
+    "overflow-hidden": true
+  },
+  "dropdown__selection": {
+    "[&>*]:ml-0": true
+  },
+  "dropdown__selections": {
+    "inline-flex": true,
+    "items-center": true
+  },
+  "dropdown__selectionsItem": {
+    "whitespace-nowrap": true,
+    "mr-1": true
+  },
+  "dropdown__tagWrapper": {
+    "[&.formkit-dropZone_.formkit-tag]:opacity-25": true,
+    "[&.formkit-touchDropZone_.formkit-tag]:opacity-25": true
+  },
+  "dropdown__truncationCount": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "h-[1.5em]": true,
+    "rounded": true,
+    "bg-neutral-400": true,
+    "text-white": true,
+    "whitespace-nowrap": true,
+    "text-[11px]": true,
+    "[line-height:1em]": true,
+    "tracking-tighter": true,
+    "leading-0": true,
+    "py-1": true,
+    "px-1": true,
+    "shrink-0": true,
+    "my-auto": true
+  },
+  "mask__inner": {
+    "relative": true
+  },
+  "mask__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "group-data-[has-overlay]:!caret-neutral-700": true,
+    "dark:group-data-[has-overlay]:!caret-neutral-300": true
+  },
+  "rating__inner": {
+    "text-neutral-300": true
+  },
+  "rating__itemsWrapper": {
+    "relative": true,
+    "inline-flex": true,
+    "focus:border-blue-600": true
+  },
+  "rating__onItemRow": {
+    "h-full": true,
+    "w-full": true
+  },
+  "rating__offItemRow": {
+    "h-full": true,
+    "w-full": true
+  },
+  "rating__onItemWrapper": {
+    "[&>*]:w-full": true,
+    "[&>*]:h-full": true,
+    "w-full": true,
+    "h-full": true,
+    "text-yellow-400": true
+  },
+  "rating__offItemWrapper": {
+    "text-neutral-400": true,
+    "w-full": true,
+    "h-full": true,
+    "[&>*]:w-full": true,
+    "[&>*]:h-full": true,
+    "dark:text-neutral-500": true
+  },
+  "rating__ratingItem": {
+    "relative": true,
+    "focus-within:outline": true,
+    "focus-within:outline-blue-600": true,
+    "w-[1.5em]": true,
+    "h-[1.5em]": true
+  },
+  "rating__itemLabelInner": {
+    "h-px": true,
+    "w-px": true,
+    "overflow-hidden": true,
+    "absolute": true,
+    "white-space-nowrap": true
+  },
+  "rating__itemLabel": {
+    "absolute": true,
+    "h-full": true
+  },
+  "rating__ratingIcon": {
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "flex": true
+  },
+  "rating__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "outline-none": true
+  },
+  "rating__messages": {
+    "mt-1.5": true
+  },
+  "repeater__outer": {
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "text-base": true,
+    "group/repeater": true,
+    "max-w-full": true
+  },
+  "repeater__fieldset": {
+    "min-w-0": true
+  },
+  "repeater__legend": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "dark:text-neutral-300": true,
+    "mb-2": true
+  },
+  "repeater__content": {
+    "min-w-0": true,
+    "grow": true,
+    "p-5": true,
+    "flex": true,
+    "flex-col": true,
+    "align-center": true,
+    "[&>div[data-type]]:max-w-none": true,
+    "[&>div[data-type]:last-child]:mb-0": true
+  },
+  "repeater__addButton": {
+    "!mb-0": true,
+    "group-data-[disabled]/repeater:pointer-events-none": true,
+    "group-data-[disabled]/repeater:opacity-50": true,
+    "group-data-[disabled]/repeater:grayscale": true
+  },
+  "repeater__controlLabel": {
+    "absolute": true,
+    "opacity-0": true,
+    "pointer-events-none": true,
+    "text-[0px]": true
+  },
+  "repeater__controls": {
+    "flex": true,
+    "flex-col": true,
+    "items-center": true,
+    "justify-center": true,
+    "bg-neutral-50": true,
+    "p-2": true,
+    "[&>li]:aspect-[1/1]": true,
+    "dark:bg-neutral-800": true,
+    "rounded": true,
+    "rounded-tl-none": true,
+    "rounded-bl-none": true
+  },
+  "repeater__downControl": {
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "my-1.5": true,
+    "mx-auto": true,
+    "flex": true,
+    "items-center": true,
+    "appearance-none": true,
+    "justify-center": true,
+    "aspect-[1/1]": true,
+    "text-neutral-500": true,
+    "hover:text-blue-600": true,
+    "disabled:hover:text-inherit": true,
+    "disabled:opacity-25": true,
+    "disabled:!text-neutral-500": true,
+    "dark:text-neutral-300": true,
+    "dark:disabled:!text-neutral-300": true,
+    "dark:hover:text-blue-500": true
+  },
+  "repeater__upControl": {
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "my-1.5": true,
+    "mx-auto": true,
+    "flex": true,
+    "items-center": true,
+    "appearance-none": true,
+    "justify-center": true,
+    "aspect-[1/1]": true,
+    "text-neutral-500": true,
+    "hover:text-blue-600": true,
+    "disabled:hover:text-inherit": true,
+    "disabled:opacity-25": true,
+    "disabled:!text-neutral-500": true,
+    "dark:text-neutral-300": true,
+    "dark:disabled:!text-neutral-300": true,
+    "dark:hover:text-blue-500": true
+  },
+  "repeater__removeControl": {
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "my-1.5": true,
+    "mx-auto": true,
+    "flex": true,
+    "items-center": true,
+    "appearance-none": true,
+    "justify-center": true,
+    "aspect-[1/1]": true,
+    "text-neutral-500": true,
+    "hover:text-blue-600": true,
+    "disabled:hover:text-inherit": true,
+    "disabled:opacity-25": true,
+    "disabled:!text-neutral-500": true,
+    "dark:text-neutral-300": true,
+    "dark:disabled:!text-neutral-300": true,
+    "dark:hover:text-blue-500": true
+  },
+  "repeater__insertControl": {
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "my-1.5": true,
+    "mx-auto": true,
+    "flex": true,
+    "items-center": true,
+    "appearance-none": true,
+    "justify-center": true,
+    "aspect-[1/1]": true,
+    "text-neutral-500": true,
+    "hover:text-blue-600": true,
+    "disabled:hover:text-inherit": true,
+    "disabled:opacity-25": true,
+    "disabled:!text-neutral-500": true,
+    "dark:text-neutral-300": true,
+    "dark:disabled:!text-neutral-300": true,
+    "dark:hover:text-blue-500": true
+  },
+  "repeater__help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true,
+    "mb-2": true,
+    "-mt-1": true
+  },
+  "repeater__item": {
+    "flex": true,
+    "relative": true,
+    "w-full": true,
+    "mb-2": true,
+    "bg-white": true,
+    "border": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "shadow": true,
+    "dark:border-neutral-600": true,
+    "dark:bg-transparent": true,
+    "[&.formkit-dropZone]:opacity-30": true,
+    "[&.formkit-dropZone]:blur-[2px]": true
+  },
+  "repeater__dragHandleWrapper": {
+    "relative": true,
+    "w-8": true,
+    "bg-neutral-50": true,
+    "rounded": true,
+    "rounded-tr-none": true,
+    "rounded-br-none": true,
+    "dark:bg-neutral-800": true
+  },
+  "repeater__dragHandle": {
+    "w-full": true,
+    "h-full": true,
+    "flex": true,
+    "absolute": true,
+    "top-0": true,
+    "left-0": true,
+    "cursor-grab": true,
+    "active:cursor-grabbing": true
+  },
+  "repeater__dragHandleIcon": {
+    "w-2": true,
+    "m-auto": true,
+    "text-neutral-500": true,
+    "dark:text-neutral-400": true,
+    "[&>svg>path]:fill-current": true
+  },
+  "repeater__moveDownIcon": {
+    "block": true,
+    "w-[0.75em]": true,
+    "aspect-[1/1]": true
+  },
+  "repeater__moveUpIcon": {
+    "block": true,
+    "w-[0.75em]": true,
+    "aspect-[1/1]": true
+  },
+  "repeater__removeIcon": {
+    "block": true,
+    "w-[1.25em]": true,
+    "aspect-[1/1]": true
+  },
+  "repeater__addIcon": {
+    "block": true,
+    "w-[1.25em]": true,
+    "aspect-[1/1]": true
+  },
+  "slider__outer": {
+    "group": true,
+    "max-w-[20em]": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true,
+    "data-[disabled]:pointer-events-none": true
+  },
+  "slider__help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true,
+    "-mt-0.5": true,
+    "mb-1.5": true
+  },
+  "slider__sliderInner": {
+    "flex": true,
+    "items-center": true,
+    "[&>[data-type=number]]:mb-0": true,
+    "[&>[data-type=number]]:ml-2.5": true,
+    "[&>[data-type=number]]:shrink": true,
+    "[&>[data-type=number]]:grow-0": true,
+    "[&[data-has-mark-labels=true]_[id^=track]]:mb-5": true
+  },
+  "slider__track": {
+    "grow": true,
+    "relative": true,
+    "z-20": true,
+    "py-2.5": true,
+    "select-none": true
+  },
+  "slider__trackWrapper": {
+    "px-[2px]": true,
+    "rounded-full": true,
+    "bg-neutral-300": true,
+    "dark:bg-neutral-500": true
+  },
+  "slider__trackInner": {
+    "h-1.5": true,
+    "mx-0.5": true,
+    "relative": true
+  },
+  "slider__prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "slider__suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true,
+    "text-neutral-600": true,
+    "dark:text-neutral-300": true
+  },
+  "slider__fill": {
+    "h-full": true,
+    "rounded-full": true,
+    "absolute": true,
+    "top-0": true,
+    "-mx-1": true,
+    "bg-blue-600": true,
+    "group-data-[disabled]:bg-neutral-500": true
+  },
+  "slider__marks": {
+    "absolute": true,
+    "pointer-events-none": true,
+    "inset-0": true
+  },
+  "slider__mark": {
+    "absolute": true,
+    "top-1/2": true,
+    "w-[3px]": true,
+    "h-[3px]": true,
+    "rounded-full": true,
+    "-translate-x-1/2": true,
+    "-translate-y-1/2": true,
+    "bg-neutral-400": true,
+    "data-[active=true]:bg-white": true
+  },
+  "slider__markLabel": {
+    "absolute": true,
+    "top-[calc(100%+0.5em)]": true,
+    "left-1/2": true,
+    "text-neutral-400": true,
+    "text-xs": true,
+    "-translate-x-1/2": true
+  },
+  "slider__handles": {
+    "m-0": true,
+    "p-0": true,
+    "list-none": true
+  },
+  "slider__handle": {
+    "group": true,
+    "select-none": true,
+    "w-4": true,
+    "h-4": true,
+    "rounded-full": true,
+    "bg-white": true,
+    "absolute": true,
+    "top-1/2": true,
+    "left-0": true,
+    "z-30": true,
+    "-translate-x-1/2": true,
+    "-translate-y-1/2": true,
+    "shadow-[inset_0_0_0_1px_rgba(0,0,0,0.1),0_1px_2px_0_rgba(0,0,0,0.5)]": true,
+    "focus-visible:outline-0": true,
+    "focus-visible:ring-2": true,
+    "ring-blue-600": true,
+    "data-[is-target=true]:z-20": true,
+    "dark:bg-neutral-200": true
+  },
+  "slider__tooltip": {
+    "absolute": true,
+    "bottom-full": true,
+    "left-1/2": true,
+    "-translate-x-1/2": true,
+    "-translate-y-[4px]": true,
+    "bg-blue-600": true,
+    "text-white": true,
+    "py-1": true,
+    "px-1.5": true,
+    "text-xs": true,
+    "leading-none": true,
+    "whitespace-nowrap": true,
+    "rounded": true,
+    "opacity-0": true,
+    "pointer-events-none": true,
+    "transition-opacity": true,
+    "after:content-[\"\"]": true,
+    "after:absolute": true,
+    "after:top-full": true,
+    "after:left-1/2": true,
+    "after:-translate-x-1/2": true,
+    "after:-translate-y-[1px]": true,
+    "after:border-4": true,
+    "after:border-transparent": true,
+    "after:border-t-blue-600": true,
+    "group-hover:opacity-100": true,
+    "group-focus-visible:opacity-100": true,
+    "group-data-[show-tooltip=true]:opacity-100": true
+  },
+  "slider__linkedValues": {
+    "flex": true,
+    "items-start": true,
+    "justify-between": true
+  },
+  "slider__minValue": {
+    "grow": true,
+    "!max-w-[45%]": true,
+    "mb-0": true,
+    "[&>div>div]:relative": true,
+    "[&>div>div::after]:content-[\"\"]": true,
+    "[&>div>div::after]:absolute": true,
+    "[&>div>div::after]:top-1/2": true,
+    "[&>div>div::after]:left-[105.5%]": true,
+    "[&>div>div::after]:w-[12%]": true,
+    "[&>div>div::after]:h-[1px]": true,
+    "[&>div>div::after]:bg-neutral-400": true,
+    "dark:[&>div>div::after]:bg-neutral-500": true
+  },
+  "slider__maxValue": {
+    "grow": true,
+    "!max-w-[45%]": true,
+    "mb-0": true,
+    "relative": true
+  },
+  "slider__chart": {
+    "relative": true,
+    "z-20": true,
+    "mb-2": true,
+    "flex": true,
+    "justify-between": true,
+    "items-center": true,
+    "w-full": true,
+    "aspect-[3/1]": true
+  },
+  "slider__chartBar": {
+    "absolute": true,
+    "bottom-0": true,
+    "h-full": true,
+    "bg-neutral-400": true,
+    "data-[active=false]:bg-neutral-300": true,
+    "dark:bg-neutral-500": true,
+    "dark:data-[active=false]:bg-neutral-600": true
+  },
+  "taglist__inner": {
+    "py-2": true,
+    "pr-0": true,
+    "pl-0": true
+  },
+  "taglist__tags": {
+    "pl-3": true
+  },
+  "taglist__tagWrapper": {
+    "[&.formkit-dropZone_.formkit-tag]:opacity-25": true,
+    "[&.formkit-touchDropZone_.formkit-tag]:opacity-25": true
+  },
+  "taglist__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "!p-0": true,
+    "!w-[0%]": true,
+    "min-w-[1em]": true,
+    "inline-block": true,
+    "-mt-1": true,
+    "first:mt-0": true,
+    "first:mb-1": true
+  },
+  "taglist__listboxButton": {
+    "ml-auto": true,
+    "shrink-0": true
+  },
+  "toggle__outer": {
+    "group": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true,
+    "max-w-none": true
+  },
+  "toggle__altLabel": {
+    "block": true,
+    "w-full": true,
+    "mb-1.5": true,
+    "font-bold": true,
+    "text-xs": true,
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "toggle__inner": {
+    "peer": true,
+    "inline-block": true,
+    "mr-2": true
+  },
+  "toggle__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "peer": true,
+    "absolute": true,
+    "opacity-0": true,
+    "w-0": true,
+    "h-0": true
+  },
+  "toggle__label": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "mb-1": true,
+    "dark:text-neutral-300": true,
+    "peer-first:font-normal": true,
+    "peer-first:mb-0": true
+  },
+  "toggle__innerLabel": {
+    "absolute": true,
+    "text-neutral-200": true,
+    "text-[10px]": true,
+    "font-bold": true,
+    "select-none": true,
+    "left-full": true,
+    "top-1/2": true,
+    "-translate-x-full": true,
+    "-translate-y-1/2": true,
+    "px-1": true
+  },
+  "toggle__thumb": {
+    "relative": true,
+    "p-0.5": true,
+    "left-0": true,
+    "aspect-[1/1]": true,
+    "rounded-full": true,
+    "transition-all": true,
+    "w-[1.25em]": true,
+    "bg-neutral-50": true,
+    "text-neutral-600": true,
+    "shadow-base": true
+  },
+  "toggle__track": {
+    "p-0.5": true,
+    "min-w-[3em]": true,
+    "relative": true,
+    "cursor-pointer": true,
+    "select-none": true,
+    "rounded-full": true,
+    "transition-all": true,
+    "bg-neutral-400": true,
+    "peer-checked:bg-blue-600": true,
+    "peer-checked:[&>div:last-child]:left-full": true,
+    "peer-checked:[&>div:last-child]:-translate-x-full": true,
+    "peer-checked:[&>div:first-child:not(:last-child)]:left-0": true,
+    "peer-checked:[&>div:first-child:not(:last-child)]:translate-x-0": true,
+    "shadow-sm": true,
+    "peer-focus-visible:ring-2": true,
+    "peer-focus-visible:ring-blue-500": true,
+    "peer-focus-visible:ring-offset-2": true,
+    "dark:bg-neutral-500": true
+  },
+  "toggle__valueLabel": {
+    "font-bold": true,
+    "text-xs": true,
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "toggle__wrapper": {
+    "flex": true,
+    "flex-wrap": true,
+    "items-center": true,
+    "mb-1.5": true
+  },
+  "togglebuttons__wrapper": {
+    "mb-1.5": true
+  },
+  "togglebuttons__options": {
+    "group/options": true,
+    "inline-flex": true,
+    "data-[vertical=true]:flex-col": true
+  },
+  "togglebuttons__option": {
+    "group/option": true
+  },
+  "togglebuttons__input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true,
+    "!px-4": true,
+    "!mb-0": true,
+    "relative": true,
+    "focus:z-10": true,
+    "group-data-[vertical=true]/options:w-full": true,
+    "justify-center": true,
+    "bg-blue-50": true,
+    "disabled:opacity-50": true,
+    "disabled:cursor-not-allowed": true,
+    "group-data-[disabled]:disabled:opacity-100": true,
+    "dark:bg-transparent": true,
+    "dark:disabled:bg-transparent": true,
+    "dark:disabled:text-blue-500": true,
+    "dark:text-blue-500": true,
+    "aria-[pressed=true]:bg-blue-600": true,
+    "aria-[pressed=true]:text-white": true,
+    "dark:aria-[pressed=true]:bg-blue-600": true,
+    "dark:aria-[pressed=true]:text-white": true,
+    "group-[]/option:!rounded-none": true,
+    "group-data-[vertical=false]/options:group-first/option:!rounded": true,
+    "group-data-[vertical=true]/options:group-first/option:!rounded": true,
+    "group-data-[vertical=false]/options:group-first/option:!rounded-tr-none": true,
+    "group-data-[vertical=false]/options:group-first/option:!rounded-br-none": true,
+    "group-data-[vertical=true]/options:group-first/option:!rounded-bl-none": true,
+    "group-data-[vertical=true]/options:group-first/option:!rounded-br-none": true,
+    "group-data-[vertical=false]/options:group-last/option:!rounded": true,
+    "group-data-[vertical=true]/options:group-last/option:!rounded": true,
+    "group-data-[vertical=false]/options:group-last/option:!rounded-tl-none": true,
+    "group-data-[vertical=false]/options:group-last/option:!rounded-bl-none": true,
+    "group-data-[vertical=true]/options:group-last/option:!rounded-tl-none": true,
+    "group-data-[vertical=true]/options:group-last/option:!rounded-tr-none": true,
+    "group-data-[vertical=false]/options:group-[]/option:!border-r-0": true,
+    "group-data-[vertical=false]/options:group-last/option:!border-r": true,
+    "group-data-[vertical=false]/options:group-[]/option:aria-[pressed=true]:border-x-blue-500": true,
+    "group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-blue-600": true,
+    "group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-blue-600": true,
+    "dark:group-data-[vertical=false]/options:group-[]/option:aria-[pressed=true]:border-x-blue-600": true,
+    "dark:group-data-[vertical=false]/options:group-first/option:aria-[pressed=true]:border-l-blue-600": true,
+    "dark:group-data-[vertical=false]/options:group-last/option:aria-[pressed=true]:border-r-blue-600": true,
+    "group-data-[vertical=true]/options:group-[]/option:!border-b-0": true,
+    "group-data-[vertical=true]/options:group-last/option:!border-b": true,
+    "group-data-[vertical=true]/options:group-[]/option:aria-[pressed=true]:border-y-blue-500": true,
+    "group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-blue-600": true,
+    "group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-blue-600": true,
+    "dark:group-data-[vertical=true]/options:group-[]/option:aria-[pressed=true]:border-y-blue-600": true,
+    "dark:group-data-[vertical=true]/options:group-first/option:aria-[pressed=true]:border-t-blue-600": true,
+    "dark:group-data-[vertical=true]/options:group-last/option:aria-[pressed=true]:border-b-blue-600": true
+  },
+  "transferlist__outer": {
+    "group": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true,
+    "max-w-none": true,
+    "[&_.dnd-placeholder]:bg-blue-600": true,
+    "[&_.dnd-placeholder]:text-white": true
+  },
+  "transferlist__wrapper": {
+    "flex": true,
+    "flex-col": true,
+    "sm:flex-row": true,
+    "justify-between": true,
+    "w-full": true,
+    "max-w-none": true
+  },
+  "transferlist__help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true,
+    "pb-2": true
+  },
+  "transferlist__transferlist": {
+    "grow": true,
+    "shrink": true,
+    "min-w-0": true,
+    "shadow": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "aspect-[4/5]": true,
+    "flex": true,
+    "flex-col": true,
+    "h-[350px]": true,
+    "border": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "overflow-hidden": true,
+    "select-none": true,
+    "[&:has(:focus-visible)]:ring-1": true,
+    "[&:has(:focus-visible)]:ring-blue-500": true,
+    "dark:border-neutral-600": true,
+    "dark:bg-neutral-900/50": true
+  },
+  "transferlist__transferlistHeader": {
+    "flex": true,
+    "bg-neutral-100": true,
+    "text-neutral-600": true,
+    "text-sm": true,
+    "justify-between": true,
+    "items-center": true,
+    "border-b": true,
+    "border-neutral-300": true,
+    "py-2": true,
+    "px-2.5": true,
+    "dark:bg-neutral-700": true,
+    "dark:border-neutral-600": true,
+    "dark:text-neutral-400": true
+  },
+  "transferlist__transferlistHeaderItemCount": {
+    "ml-auto": true,
+    "text-xs": true,
+    "min-w-[1.5em]": true,
+    "[line-height:1.5em]": true,
+    "px-2": true,
+    "text-center": true,
+    "rounded-xl": true,
+    "bg-neutral-200": true,
+    "text-neutral-700": true,
+    "dark:bg-neutral-500": true,
+    "dark:text-neutral-300": true
+  },
+  "transferlist__transferlistListItems": {
+    "list-none": true,
+    "bg-white": true,
+    "h-full": true,
+    "overflow-x-hidden": true,
+    "overflow-y-auto": true,
+    "dark:bg-transparent": true,
+    "outline-none": true
+  },
+  "transferlist__transferlistListItem": {
+    "py-2": true,
+    "px-2": true,
+    "text-neutral-700": true,
+    "ring-1": true,
+    "ring-neutral-200": true,
+    "aria-selected:bg-blue-100": true,
+    "data-[is-active=true]:bg-blue-100": true,
+    "data-[is-active=true]:ring-blue-200": true,
+    "aria-selected:ring-blue-200": true,
+    "relative": true,
+    "flex": true,
+    "cursor-pointer": true,
+    "items-center": true,
+    "bg-white": true,
+    "pl-[1.5em]": true,
+    "first:-mt-px": true,
+    "first:border-t": true,
+    "aria-selected:z-[2]": true,
+    "aria-selected:border-transparent": true,
+    "aria-selected:ring-1": true,
+    "data-[is-active=true]:z-[2]": true,
+    "data-[is-active=true]:border-transparent": true,
+    "data-[is-active=true]:ring-1": true,
+    "group-data-[is-max=true]:cursor-not-allowed": true,
+    "dark:bg-neutral-800": true,
+    "dark:text-neutral-300": true,
+    "dark:data-[is-active=true]:bg-blue-900": true,
+    "dark:aria-selected:bg-blue-900": true,
+    "dark:ring-neutral-700": true,
+    "dark:data-[is-active=true]:ring-blue-600": true,
+    "dark:aria-selected:ring-blue-600": true,
+    "[&.formkit-dropZone]:bg-blue-100": true,
+    "[&.formkit-selectionDropZone]:bg-blue-100": true,
+    "[&.formkit-touchDropZone]:bg-blue-100": true,
+    "[&.formkit-touchSelectionDropZone]:bg-blue-100": true,
+    "[&.formkit-longTouch]:bg-blue-100": true,
+    "dark:[&.formkit-dropZone]:bg-blue-900": true,
+    "dark:[&.formkit-selectionDropZone]:bg-blue-900": true,
+    "dark:[&.formkit-touchDropZone]:bg-blue-900": true,
+    "dark:[&.formkit-touchSelectionDropZone]:bg-blue-900": true,
+    "dark:[&.formkit-longTouch]:bg-blue-900": true
+  },
+  "transferlist__transferlistOption": {
+    "text-sm": true
+  },
+  "transferlist__transferControls": {
+    "inline-flex": true,
+    "grow-0": true,
+    "shrink": true,
+    "border": true,
+    "border-neutral-300": true,
+    "flex-row": true,
+    "sm:flex-col": true,
+    "justify-center": true,
+    "my-2": true,
+    "sm:my-auto": true,
+    "mx-auto": true,
+    "sm:mx-2": true,
+    "rounded": true,
+    "overflow-clip": true,
+    "shadow-none": true,
+    "group-[]/repeater:shadow-none": true,
+    "group-[]/multistep:shadow-none": true,
+    "dark:border-neutral-800": true
+  },
+  "transferlist__sourceEmptyMessage": {
+    "appearance-none": true,
+    "border-none": true,
+    "w-full": true,
+    "my-2": true,
+    "text-center": true,
+    "text-neutral-500": true,
+    "italic": true
+  },
+  "transferlist__sourceListItems": {
+    "group-data-[is-max=true]:opacity-50": true
+  },
+  "transferlist__targetEmptyMessage": {
+    "appearance-none": true,
+    "border-none": true,
+    "w-full": true,
+    "my-2": true,
+    "text-center": true,
+    "text-neutral-500": true,
+    "italic": true
+  },
+  "transferlist__emptyMessageInner": {
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "p-2": true,
+    "text-sm": true
+  },
+  "transferlist__transferlistControls": {
+    "bg-white": true,
+    "p-2": true,
+    "border-b": true,
+    "border-neutral-200": true,
+    "dark:bg-neutral-700": true,
+    "dark:border-neutral-700": true
+  },
+  "transferlist__transferlistSearch": {
+    "flex": true,
+    "border": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "items-center": true,
+    "text-neutral-700": true,
+    "selection:bg-blue-100": true,
+    "dark:border-neutral-600": true,
+    "dark:text-neutral-300": true,
+    "dark:selection:bg-blue-100": true,
+    "dark:selection:text-neutral-700": true,
+    "dark:bg-neutral-800": true
+  },
+  "transferlist__transferlistSearchInput": {
+    "border-none": true,
+    "px-2": true,
+    "py-1.5": true,
+    "w-full": true,
+    "bg-transparent": true,
+    "outline-none": true,
+    "text-sm": true
+  },
+  "transferlist__transferlistSearchClear": {
+    "flex": true,
+    "w-[0.75em]": true,
+    "mr-2": true,
+    "[&_svg]:w-full": true
+  },
+  "transferlist__controlLabel": {
+    "absolute": true,
+    "opacity-0": true,
+    "pointer-events-none": true,
+    "text-[0px]": true
+  },
+  "transferlist__selectedIcon": {
+    "w-[0.75em]": true,
+    "absolute": true,
+    "left-[0.5em]": true,
+    "select-none": true,
+    "text-blue-600": true,
+    "dark:text-blue-500": true
+  },
+  "transferlist__transferlistButton": {
+    "sm:w-5": true,
+    "relative": true,
+    "flex": true,
+    "justify-center": true,
+    "text-sm": true,
+    "shrink-0": true,
+    "box-content": true,
+    "text-neutral-700": true,
+    "disabled:bg-neutral-200": true,
+    "disabled:!text-neutral-400": true,
+    "bg-neutral-50": true,
+    "hover:text-blue-600": true,
+    "cursor-pointer": true,
+    "appearance-none": true,
+    "border-none": true,
+    "p-2.5": true,
+    "hover:z-10": true,
+    "disabled:cursor-not-allowed": true,
+    "disabled:opacity-50": true,
+    "disabled:hover:text-current": true,
+    "disabled:hover:outline-none": true,
+    "focus-visible:ring-1": true,
+    "focus-visible:ring-blue-500": true,
+    "focus-visible:z-10": true,
+    "dark:bg-neutral-800": true,
+    "dark:text-neutral-400": true,
+    "dark:disabled:!text-neutral-600": true,
+    "dark:disabled:bg-neutral-900": true,
+    "dark:disabled:hover:text-current": true,
+    "dark:disabled:hover:outline-none": true,
+    "dark:hover:text-blue-500": true
+  },
+  "transferlist__fastForwardIcon": {
+    "w-4": true,
+    "flex": true,
+    "select-none": true,
+    "[&>svg]:m-auto": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:max-w-[1rem]": true,
+    "[&>svg]:max-h-[1rem]": true,
+    "rotate-90": true,
+    "sm:rotate-0": true
+  },
+  "transferlist__moveRightIcon": {
+    "w-4": true,
+    "flex": true,
+    "select-none": true,
+    "[&>svg]:m-auto": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:max-w-[1rem]": true,
+    "[&>svg]:max-h-[1rem]": true,
+    "rotate-90": true,
+    "sm:rotate-0": true
+  },
+  "transferlist__moveLeftIcon": {
+    "w-4": true,
+    "flex": true,
+    "select-none": true,
+    "[&>svg]:m-auto": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:max-w-[1rem]": true,
+    "[&>svg]:max-h-[1rem]": true,
+    "rotate-90": true,
+    "sm:rotate-0": true
+  },
+  "transferlist__rewindIcon": {
+    "w-4": true,
+    "flex": true,
+    "select-none": true,
+    "[&>svg]:m-auto": true,
+    "[&>svg]:w-full": true,
+    "[&>svg]:max-w-[1rem]": true,
+    "[&>svg]:max-h-[1rem]": true,
+    "rotate-90": true,
+    "sm:rotate-0": true
+  },
+  "transferlist__messages": {
+    "mt-2": true
+  },
+  "barcode__barcodeIcon": {
+    "w-[1.5em]": true,
+    "text-neutral-700": true,
+    "cursor-pointer": true,
+    "dark:text-neutral-300": true
+  },
+  "barcode__dialog": {
+    "border-none": true,
+    "outline-none": true,
+    "overflow-clip": true,
+    "p-0": true,
+    "bg-black": true,
+    "rounded": true,
+    "w-[100%-2rem]": true,
+    "max-w-[30rem]": true,
+    "[&::backdrop]:bg-neutral-800/50": true
+  },
+  "barcode__video": {
+    "w-full": true,
+    "aspect-[1/1]": true,
+    "object-cover": true,
+    "block": true,
+    "pointer-events-none": true
+  },
+  "barcode__closeIcon": {
+    "cursor-pointer": true,
+    "absolute": true,
+    "bg-white": true,
+    "color-neutral-700": true,
+    "w-[1.5em]": true,
+    "h-[1.5em]": true,
+    "rounded": true,
+    "flex": true,
+    "top-2": true,
+    "right-2": true,
+    "z-20": true,
+    "[&>svg]:w-[1.25em]": true,
+    "[&>svg]:h-[1.25em]": true,
+    "[&>svg]:m-auto": true
+  },
+  "barcode__overlay": {
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true,
+    "absolute": true,
+    "top-1/2": true,
+    "left-1/2": true,
+    "w-[min(20em,75%)]": true,
+    "aspect-[1/1]": true,
+    "-translate-x-1/2": true,
+    "-translate-y-1/2": true,
+    "rounded": true,
+    "pointer-events-none": true,
+    "shadow-[0_0_0_999em_rgba(0,0,0,0.5)]": true
+  },
+  "barcode__overlayDecorators": {
+    "absolute": true,
+    "inset-0": true,
+    "z-10": true
+  },
+  "barcode__overlayDecoratorTopLeft": {
+    "absolute": true,
+    "w-[1.5rem]": true,
+    "h-[1.5rem]": true,
+    "rounded": true,
+    "top-0": true,
+    "left-0": true,
+    "border-l-4": true,
+    "border-t-4": true,
+    "rounded-tr-none": true,
+    "rounded-bl-none": true
+  },
+  "barcode__overlayDecoratorTopRight": {
+    "absolute": true,
+    "w-[1.5rem]": true,
+    "h-[1.5rem]": true,
+    "rounded": true,
+    "top-0": true,
+    "right-0": true,
+    "border-r-4": true,
+    "border-t-4": true,
+    "rounded-tl-none": true,
+    "rounded-br-none": true
+  },
+  "barcode__overlayDecoratorBottomRight": {
+    "absolute": true,
+    "w-[1.5rem]": true,
+    "h-[1.5rem]": true,
+    "rounded": true,
+    "bottom-0": true,
+    "right-0": true,
+    "border-r-4": true,
+    "border-b-4": true,
+    "rounded-tr-none": true,
+    "rounded-bl-none": true
+  },
+  "barcode__overlayDecoratorBottomLeft": {
+    "absolute": true,
+    "w-[1.5rem]": true,
+    "h-[1.5rem]": true,
+    "rounded": true,
+    "bottom-0": true,
+    "left-0": true,
+    "border-l-4": true,
+    "border-b-4": true,
+    "rounded-tl-none": true,
+    "rounded-br-none": true
+  },
+  "multi-step__outer": {
+    "group": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true,
+    "group/multistep": true,
+    "max-w-[32rem]": true
+  },
+  "multi-step__wrapper": {
+    "group/wrapper": true,
+    "data-[tab-style=tab]:shadow": true,
+    "data-[tab-style=tab]:rounded": true
+  },
+  "multi-step__tabs": {
+    "flex": true,
+    "items-center": true,
+    "group-data-[tab-style=tab]/wrapper:overflow-auto": true,
+    "group-data-[tab-style=tab]/wrapper:border": true,
+    "group-data-[tab-style=tab]/wrapper:border-b-0": true,
+    "group-data-[tab-style=tab]/wrapper:border-neutral-300": true,
+    "group-data-[tab-style=tab]/wrapper:rounded": true,
+    "group-data-[tab-style=tab]/wrapper:rounded-bl-none": true,
+    "group-data-[tab-style=tab]/wrapper:rounded-br-none": true,
+    "dark:group-data-[tab-style=tab]/wrapper:border-neutral-600": true,
+    "group-data-[tab-style=progress]/wrapper:my-6": true,
+    "group-data-[tab-style=progress]/wrapper:justify-around": true,
+    "group-data-[tab-style=progress]/wrapper:overflow-visible": true,
+    "group-data-[tab-style=progress]/wrapper:group-data-[hide-labels=true]/wrapper:mb-3.5": true
+  },
+  "multi-step__tab": {
+    "group/tab": true,
+    "group-data-[tab-style=tab]/wrapper:relative": true,
+    "group-data-[tab-style=tab]/wrapper:flex": true,
+    "group-data-[tab-style=tab]/wrapper:grow": true,
+    "group-data-[tab-style=tab]/wrapper:text-sm": true,
+    "group-data-[tab-style=tab]/wrapper:items-center": true,
+    "group-data-[tab-style=tab]/wrapper:justify-center": true,
+    "group-data-[tab-style=tab]/wrapper:cursor-pointer": true,
+    "group-data-[tab-style=tab]/wrapper:text-neutral-700": true,
+    "group-data-[tab-style=tab]/wrapper:bg-neutral-100": true,
+    "group-data-[tab-style=tab]/wrapper:py-3.5": true,
+    "group-data-[tab-style=tab]/wrapper:px-4": true,
+    "group-data-[tab-style=tab]/wrapper:border-r": true,
+    "group-data-[tab-style=tab]/wrapper:border-b": true,
+    "group-data-[tab-style=tab]/wrapper:border-neutral-300": true,
+    "group-data-[tab-style=tab]/wrapper:last:border-r-0": true,
+    "group-data-[tab-style=tab]/wrapper:shadow-[inset_0_-0.5em_0.5em_-0.5em_rgba(0,0,0,0.1)]": true,
+    "group-data-[tab-style=tab]/wrapper:data-[active=true]:bg-white": true,
+    "group-data-[tab-style=tab]/wrapper:data-[active=true]:font-bold": true,
+    "group-data-[tab-style=tab]/wrapper:data-[active=true]:border-b-white": true,
+    "group-data-[tab-style=tab]/wrapper:data-[active=true]:z-10": true,
+    "group-data-[tab-style=tab]/wrapper:data-[active=true]:shadow-[0_0_0.5em_0_rgba(0,0,0,0.1)]": true,
+    "dark:group-data-[tab-style=tab]/wrapper:text-neutral-300": true,
+    "dark:group-data-[tab-style=tab]/wrapper:bg-neutral-950/20": true,
+    "dark:group-data-[tab-style=tab]/wrapper:data-[active=true]:bg-transparent": true,
+    "dark:group-data-[tab-style=tab]/wrapper:data-[active=true]:border-b-transparent": true,
+    "dark:group-data-[tab-style=tab]/wrapper:border-neutral-600": true,
+    "group-data-[tab-style=progress]/wrapper:flex": true,
+    "group-data-[tab-style=progress]/wrapper:flex-col": true,
+    "group-data-[tab-style=progress]/wrapper:items-center": true,
+    "group-data-[tab-style=progress]/wrapper:grow": true,
+    "group-data-[tab-style=progress]/wrapper:shrink-0": true,
+    "group-data-[tab-style=progress]/wrapper:relative": true,
+    "group-data-[tab-style=progress]/wrapper:before:block": true,
+    "group-data-[tab-style=progress]/wrapper:before:text-sm": true,
+    "group-data-[tab-style=progress]/wrapper:before:w-[1.25rem]": true,
+    "group-data-[tab-style=progress]/wrapper:before:h-[1.25rem]": true,
+    "group-data-[tab-style=progress]/wrapper:before:border-4": true,
+    "group-data-[tab-style=progress]/wrapper:before:border-neutral-300": true,
+    "group-data-[tab-style=progress]/wrapper:before:rounded-full": true,
+    "group-data-[tab-style=progress]/wrapper:before:bg-white": true,
+    "group-data-[tab-style=progress]/wrapper:before:z-10": true,
+    "dark:group-data-[tab-style=progress]/wrapper:before:border-neutral-600": true,
+    "dark:group-data-[tab-style=progress]/wrapper:before:bg-neutral-950": true,
+    "group-data-[tab-style=progress]/wrapper:after:block": true,
+    "group-data-[tab-style=progress]/wrapper:after:h-1": true,
+    "group-data-[tab-style=progress]/wrapper:after:w-full": true,
+    "group-data-[tab-style=progress]/wrapper:after:absolute": true,
+    "group-data-[tab-style=progress]/wrapper:after:top-[0.5em]": true,
+    "group-data-[tab-style=progress]/wrapper:after:left-[calc(50%+0.5em)]": true,
+    "group-data-[tab-style=progress]/wrapper:after:bg-neutral-300": true,
+    "group-data-[tab-style=progress]/wrapper:data-[valid=true]:data-[visited=true]:after:bg-blue-600": true,
+    "group-data-[tab-style=progress]/wrapper:last:after:hidden": true,
+    "dark:group-data-[tab-style=progress]/wrapper:after:bg-neutral-600": true,
+    "dark:group-data-[tab-style=progress]/wrapper:data-[valid=true]:data-[visited=true]:after:bg-blue-600": true
+  },
+  "multi-step__tabLabel": {
+    "group-data-[tab-style=progress]/wrapper:absolute": true,
+    "group-data-[tab-style=progress]/wrapper:text-neutral-800": true,
+    "group-data-[tab-style=progress]/wrapper:top-full": true,
+    "group-data-[tab-style=progress]/wrapper:w-full": true,
+    "group-data-[tab-style=progress]/wrapper:whitespace-nowrap": true,
+    "group-data-[tab-style=progress]/wrapper:text-xs": true,
+    "dark:group-data-[tab-style=progress]/wrapper:text-neutral-300": true
+  },
+  "multi-step__badge": {
+    "bg-red-600": true,
+    "absolute": true,
+    "font-mono": true,
+    "font-bold": true,
+    "flex": true,
+    "items-center": true,
+    "justify-center": true,
+    "aspect-[1/1]": true,
+    "[line-height:1.25rem]": true,
+    "text-white": true,
+    "rounded-full": true,
+    "group-data-[valid=true]/tab:bg-blue-600": true,
+    "group-data-[tab-style=tab]/wrapper:text-[0.66rem]": true,
+    "group-data-[tab-style=tab]/wrapper:p-1.5": true,
+    "group-data-[tab-style=tab]/wrapper:w-5": true,
+    "group-data-[tab-style=tab]/wrapper:h-5": true,
+    "group-data-[tab-style=tab]/wrapper:top-1.5": true,
+    "group-data-[tab-style=tab]/wrapper:right-1.5": true,
+    "group-data-[tab-style=progress]/wrapper:w-[1.25rem]": true,
+    "group-data-[tab-style=progress]/wrapper:h-[1.25rem]": true,
+    "group-data-[tab-style=progress]/wrapper:p-1": true,
+    "group-data-[tab-style=progress]/wrapper:text-[10px]": true,
+    "group-data-[tab-style=progress]/wrapper:[line-height:0]": true,
+    "group-data-[tab-style=progress]/wrapper:z-10": true
+  },
+  "multi-step__validStepIcon": {
+    "w-full": true,
+    "h-full": true,
+    "mt-0.5": true
+  },
+  "multi-step__steps": {
+    "px-10": true,
+    "pt-8": true,
+    "pb-4": true,
+    "bg-white": true,
+    "border": true,
+    "border-neutral-300": true,
+    "rounded": true,
+    "dark:bg-transparent": true,
+    "dark:border-neutral-600": true,
+    "group-data-[tab-style=tab]/wrapper:border-t-0": true,
+    "group-data-[tab-style=tab]/wrapper:rounded-tl-none": true,
+    "group-data-[tab-style=tab]/wrapper:rounded-tr-none": true,
+    "group-data-[tab-style=progress]/wrapper:shadow": true,
+    "[&_[data-type]]:max-w-none": true
+  },
+  "step__stepActions": {
+    "flex": true,
+    "justify-between": true,
+    "[&>*]:grow-0": true
+  },
+  "step__stepPrevious": {
+    "mr-1.5": true
+  },
+  "step__stepNext": {
+    "ml-auto": true
+  }
+};
+
+/**
+ * Globals are merged prior to generating this file — these are included for
+ * any other non-matching inputs.
+ **/
+const globals: Record<string, Record<string, boolean>> = {
+  "outer": {
+    "group": true,
+    "max-w-[20em]": true,
+    "min-w-0": true,
+    "grow": true,
+    "mb-4": true,
+    "data-[disabled]:select-none": true,
+    "data-[disabled]:opacity-50": true,
+    "text-base": true
+  },
+  "label": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "mb-1": true,
+    "dark:text-neutral-300": true
+  },
+  "legend": {
+    "block": true,
+    "text-neutral-700": true,
+    "text-sm": true,
+    "font-bold": true,
+    "dark:text-neutral-300": true
+  },
+  "input": {
+    "appearance-none": true,
+    "[color-scheme:light]": true,
+    "dark:[color-scheme:dark]": true,
+    "selection:bg-blue-100": true,
+    "selection:text-neutral-700": true,
+    "group-data-[has-overlay]:selection:!text-transparent": true
+  },
+  "prefixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-ml-1": true,
+    "mr-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true
+  },
+  "suffixIcon": {
+    "flex": true,
+    "items-center": true,
+    "-mr-1": true,
+    "ml-2": true,
+    "text-base": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true
+  },
+  "loaderIcon": {
+    "animate-spin": true,
+    "flex": true,
+    "items-center": true,
+    "my-auto": true,
+    "ml-2": true,
+    "text-base": true,
+    "text-neutral-500": true,
+    "h-[1em]": true,
+    "w-[1em]": true,
+    "shrink-0": true,
+    "[&>svg]:w-full": true
+  },
+  "loadMoreInner": {
+    "flex": true,
+    "text-sm": true,
+    "text-neutral-500": true,
+    "p-2": true,
+    "items-center": true,
+    "justify-center": true,
+    "[&>span]:mr-2": true
+  },
+  "help": {
+    "text-neutral-500": true,
+    "text-xs": true,
+    "dark:text-neutral-400": true
+  },
+  "message": {
+    "text-red-600": true,
+    "mb-1.5": true,
+    "text-xs": true,
+    "dark:text-red-400": true
+  },
+  "overlay": {
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "overlayPlaceholder": {
+    "text-neutral-400": true,
+    "dark:text-neutral-400/50": true
+  },
+  "overlayLiteral": {
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "overlayChar": {
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  },
+  "overlayEnum": {
+    "text-neutral-700": true,
+    "dark:text-neutral-300": true
+  }
+};
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..1e96313
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + Vue + TS</title>
+    <link rel="stylesheet" href="/src/assets/main.css">
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..2a6ed34
--- /dev/null
+++ b/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "vue-formkit-example",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "vue": "^3.5.12",
+    "@formkit/vue": "latest",
+    "@formkit/themes": "latest",
+    "@formkit/core": "latest",
+    "@formkit/icons": "latest",
+    "tailwindcss": "latest",
+    "autoprefixer": "latest",
+    "postcss": "latest"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.4",
+    "typescript": "~5.6.2",
+    "vite": "^5.4.10",
+    "vue-tsc": "^2.1.8"
+  }
+}
\ No newline at end of file
diff --git a/postcss.config.cjs b/postcss.config.cjs
new file mode 100644
index 0000000..b5c58c2
--- /dev/null
+++ b/postcss.config.cjs
@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+  
\ No newline at end of file
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
new file mode 100644
index 0000000..cc4089a
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,52 @@
+<script setup lang="ts">
+async function submit() {
+  await new Promise(r => setTimeout(r, 1000))
+  alert('Submitted! 🎉')
+}
+</script>
+
+<template>
+  <div class="bg-white rounded-xl shadow-xl p-8 mx-auto my-16 max-w-[450px]">
+    <img
+      src="https://pro.formkit.com/logo.svg"
+      alt="FormKit Logo"
+      width="244"
+      height="50"
+      class="mx-auto mb-8 w-48"
+    >
+    <FormKit
+      type="form"
+      #default="{ value }"
+      @submit="submit"
+    >
+      <FormKit
+        type="text"
+        name="name"
+        label="Name"
+        help="What do people call you?"
+      />
+      <FormKit
+        type="checkbox"
+        name="flavors"
+        label="Favorite ice cream flavors"
+        :options="{
+          'vanilla': 'Vanilla',
+          'chocolate': 'Chocolate',
+          'strawberry': 'Strawberry',
+          'mint-chocolate-chip': 'Mint Chocolate Chip',
+          'rocky-road': 'Rocky Road',
+          'cookie-dough': 'Cookie Dough',
+          'pistachio': 'Pistachio',
+        }"
+        validation="required|min:2"
+      />
+      
+      <FormKit
+        type="checkbox"
+        name="agree"
+        label="I agree FormKit is the best form authoring framework."
+      />
+      <pre class="font-mono text-sm p-4 bg-slate-100 mb-4">{{ value }}</pre>
+    </FormKit>
+  </div>
+</template>
diff --git a/src/assets/main.css b/src/assets/main.css
new file mode 100644
index 0000000..d7490a2
--- /dev/null
+++ b/src/assets/main.css
@@ -0,0 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  @apply bg-gray-100;
+}
diff --git a/src/assets/vue.svg b/src/assets/vue.svg
new file mode 100644
index 0000000..770e9d3
--- /dev/null
+++ b/src/assets/vue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="37.07" height="36" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 198"><path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0h47.36Z"></path><path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z"></path><path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
new file mode 100644
index 0000000..b58e52b
--- /dev/null
+++ b/src/components/HelloWorld.vue
@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{ msg: string }>()
+
+const count = ref(0)
+</script>
+
+<template>
+  <h1>{{ msg }}</h1>
+
+  <div class="card">
+    <button type="button" @click="count++">count is {{ count }}</button>
+    <p>
+      Edit
+      <code>components/HelloWorld.vue</code> to test HMR
+    </p>
+  </div>
+
+  <p>
+    Check out
+    <a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
+      >create-vue</a
+    >, the official Vue + Vite starter
+  </p>
+  <p>
+    Learn more about IDE Support for Vue in the
+    <a
+      href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
+      target="_blank"
+      >Vue Docs Scaling up Guide</a
+    >.
+  </p>
+  <p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
+</template>
+
+<style scoped>
+.read-the-docs {
+  color: #888;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..d32f298
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,8 @@
+import { createApp } from 'vue'
+import { plugin, defaultConfig } from '@formkit/vue'
+import App from './App.vue'
+import formKitConfig from '../formkit.config'
+
+const app = createApp(App)
+app.use(plugin, defaultConfig(formKitConfig))
+app.mount('#app')
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bb131d6
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,79 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 3.2em;
+  line-height: 1.1;
+}
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: #1a1a1a;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+.card {
+  padding: 2em;
+}
+
+#app {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..3ad3d00
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,13 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.vue",
+    "./formkit.theme.ts",
+    "./formkit.config.ts",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..cb88a5a
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "preserve",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..abcd7f0
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..bbcf80c
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,7 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [vue()],
+})