Update various configuration files, components, and assets; enhance notification system and API endpoints; improve documentation and styles across the application.

assets/style/css/form/box.css

@@ -0,0 +1,63 @@
+.formkit-inner-box {
+  @apply relative;
+}
+
+.formkit-label {
+  @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}
+
+.formkit-fieldset-box {
+  @apply max-w-md border border-[rgb(var(--fk-border-color))]  rounded-lg px-4 py-2;
+}
+
+.formkit-legend-box {
+  @apply font-bold text-sm;
+}
+
+.formkit-wrapper-box {
+  @apply flex items-center mb-3 cursor-pointer;
+}
+
+.formkit-help-box {
+  @apply mb-3;
+}
+
+.formkit-input-box {
+  @apply flex 
+          items-center 
+          hover:cursor-pointer
+          appearance-none
+          h-5 w-5 mr-2
+          border-2
+          border-[rgb(var(--fk-border-color))]
+          checked:bg-primary
+          checked:border-transparent 
+          bg-[rgb(var(--bg-2))]
+          rounded-md
+          checked:shadow-sm checked:shadow-primary/40 
+          focus:outline-none focus:ring-0 transition duration-200;
+}
+
+.formkit-input-radio {
+  @apply flex 
+         items-center 
+         hover:cursor-pointer
+         appearance-none
+         h-5 w-5 mr-2
+         border-2
+         border-[rgb(var(--fk-border-color))]
+         checked:bg-primary
+         checked:border-transparent 
+         bg-[rgb(var(--bg-2))]
+         rounded-full
+         checked:shadow-sm checked:shadow-primary/40 
+         focus:outline-none focus:ring-0 transition duration-200;
+}
+
+.formkit-label-box {
+  @apply text-sm formkit-disabled:text-gray-300;
+}
+
+.formkit-message-box {
+  @apply formkit-invalid:text-red-500;
+}

assets/style/css/form/button.css

@@ -0,0 +1,7 @@
+.formkit-wrapper-button {
+  @apply mb-1;
+}
+
+.formkit-input-button {
+  @apply bg-primary hover:bg-primary/90 text-white text-sm font-normal py-2 px-5 rounded-lg;
+}

assets/style/css/form/color.css

@@ -0,0 +1,18 @@
+.formkit-label-color {
+  @apply block mb-1 font-bold text-sm;
+}
+
+.formkit-input-color {
+  @apply w-16 h-10 cursor-pointer rounded-lg mb-2 border-none appearance-none bg-transparent;
+}
+
+.formkit-input-color::-webkit-color-swatch {
+  border-radius: 5px;
+  border: none;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}
+.formkit-input-color::-moz-color-swatch {
+  border-radius: 5px;
+  border: none;
+  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+}

assets/style/css/form/dropzone.css

@@ -0,0 +1,7 @@
+.formkit-inner-dropzone {
+  @apply w-full;
+}
+
+.formkit-dropzone {
+  @apply border-2 border-[rgb(var(--fk-border-color))] border-dashed p-6 active:bg-[rgb(var(--bg-1))];
+}

assets/style/css/form/file.css

@@ -0,0 +1,32 @@
+.formkit-label-file {
+  @apply block mb-1 font-bold text-sm;
+}
+
+.formkit-inner-file {
+  @apply w-full cursor-pointer;
+}
+
+.formkit-input-file {
+  @apply w-full cursor-pointer border rounded-lg text-gray-600 text-sm mb-1 file:cursor-pointer file:mr-4 file:py-2 file:px-4 file:rounded-l-lg file:border-0 file:text-sm file:bg-primary file:text-white hover:file:bg-primary/90;
+  border-color: rgb(var(--fk-border-color));
+}
+
+.formkit-file-list {
+  @apply flex flex-col;
+}
+
+.formkit-file-item {
+  @apply flex items-center py-2 px-4 rounded-lg border border-gray-200 mb-1 mt-1;
+}
+
+.formkit-file-name {
+  @apply text-[rgb(var(--text-color))] text-sm;
+}
+
+.formkit-file-remove {
+  @apply ml-auto text-primary text-sm;
+}
+
+.formkit-no-files {
+  @apply text-[rgb(var(--text-color))] text-sm;
+}

assets/style/css/form/global.css

@@ -0,0 +1,23 @@
+.formkit-label-global {
+  @apply text-[rgb(var(--text-color))];
+}
+
+.formkit-outer-global {
+  @apply mb-4 text-[rgb(var(--text-color))] formkit-disabled:opacity-50;
+}
+
+.formkit-help-global {
+  @apply text-xs mt-1;
+}
+
+.formkit-messages-global {
+  @apply list-none p-0 mt-1 mb-0;
+}
+
+.formkit-message-global {
+  @apply text-red-500 mb-1 text-xs;
+}
+
+.formkit-wrapper-global {
+  @apply relative;
+}

assets/style/css/form/otp.css

@@ -0,0 +1,29 @@
+.formkit-label-otp {
+  @apply block mb-2 font-semibold text-sm formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}
+
+.formkit-inner-otp {
+  @apply flex
+    items-center
+    justify-start
+    align-middle
+    rounded-lg mb-1
+    overflow-hidden;
+}
+
+.formkit-digit-otp {
+  @apply w-10 h-10 mr-2
+    text-center
+    rounded-lg
+    border
+    border-[rgb(var(--fk-border-color))]
+    text-sm 
+    bg-[rgb(var(--bg-2))]
+    placeholder-secondary
+    focus-within:border-primary
+    focus:outline-none;
+}
+
+.formkit-message-otp {
+  @apply formkit-invalid:text-red-500 dark:formkit-invalid:text-danger;
+}

assets/style/css/form/range.css

@@ -0,0 +1,3 @@
+.formkit-input-range {
+  @apply appearance-none w-full h-2 p-0 bg-[rgb(var(--bg-1))] rounded-full focus:outline-none focus:ring-0 focus:shadow-none;
+}

assets/style/css/form/text.css

@@ -0,0 +1,39 @@
+.formkit-inner-text {
+  @apply flex
+    items-center
+    justify-center
+    align-middle
+    w-full
+    border
+    border-[rgb(var(--fk-border-color))]
+    formkit-invalid:border-red-500
+    rounded-lg 
+    overflow-hidden
+    focus-within:border-primary
+    mb-0;
+}
+
+.formkit-input-text {
+  @apply w-full
+    h-10
+    px-3
+    border-none
+    text-sm
+    bg-[rgb(var(--bg-2))]
+    placeholder-[rgb(var(--fk-placeholder-color))]
+    focus:outline-none
+    disabled:bg-[rgb(var(--bg-1))]
+    disabled:border-[rgb(var(--bg-1))]
+    disabled:placeholder-[rgb(var(--bg-1))]
+    read-only:bg-[rgb(var(--bg-1))]
+    read-only:border-[rgb(var(--bg-1))]
+    read-only:placeholder-[rgb(var(--bg-1))];
+}
+
+.formkit-prefix-text {
+  @apply ml-2;
+}
+
+.formkit-message-text {
+  @apply formkit-invalid:text-red-500;
+}

assets/style/css/form/textarea.css

@@ -0,0 +1,8 @@
+.formkit-input-textarea {
+  @apply block 
+  w-full 
+  px-3 py-2 
+  placeholder-[rgb(var(--fk-placeholder-color))] 
+  bg-[rgb(var(--bg-2))] 
+  focus:outline-none;
+}