@inkeep/cxkit-styled 0.5.112 → 0.5.113

package/dist/inkeep.css.cjs

@@ -544,19 +544,19 @@ video {
   position: relative;
 }
 .inset-0 {
-  inset: 0px;
+  inset: var(--ikp-spacing-0);
 }
 .inset-\\[unset\\] {
   inset: unset;
 }
 .bottom-0 {
-  bottom: 0px;
+  bottom: var(--ikp-spacing-0);
 }
 .bottom-6 {
-  bottom: 1.5rem;
+  bottom: var(--ikp-spacing-6);
 }
 .left-0 {
-  left: 0px;
+  left: var(--ikp-spacing-0);
 }
 .left-1\\/2 {
   left: 50%;
@@ -565,28 +565,28 @@ video {
   left: unset;
 }
 .right-1 {
-  right: 0.25rem;
+  right: var(--ikp-spacing-1);
 }
 .right-2 {
-  right: 0.5rem;
+  right: var(--ikp-spacing-2);
 }
 .right-3 {
-  right: 0.75rem;
+  right: var(--ikp-spacing-3);
 }
 .right-6 {
-  right: 1.5rem;
+  right: var(--ikp-spacing-6);
 }
 .top-0 {
-  top: 0px;
+  top: var(--ikp-spacing-0);
 }
 .top-1 {
-  top: 0.25rem;
+  top: var(--ikp-spacing-1);
 }
 .top-1\\/2 {
   top: 50%;
 }
 .top-2 {
-  top: 0.5rem;
+  top: var(--ikp-spacing-2);
 }
 .top-\\[5\\%\\] {
   top: 5%;
@@ -621,17 +621,17 @@ video {
 .m-auto {
   margin: auto;
 }
-.-my-\\[1px\\] {
-  margin-top: -1px;
-  margin-bottom: -1px;
+.-my-px {
+  margin-top: calc(var(--ikp-spacing-px) * -1);
+  margin-bottom: calc(var(--ikp-spacing-px) * -1);
 }
 .mx-1 {
-  margin-left: 0.25rem;
-  margin-right: 0.25rem;
+  margin-left: var(--ikp-spacing-1);
+  margin-right: var(--ikp-spacing-1);
 }
 .mx-5 {
-  margin-left: 1.25rem;
-  margin-right: 1.25rem;
+  margin-left: var(--ikp-spacing-5);
+  margin-right: var(--ikp-spacing-5);
 }
 .mx-\\[5px\\] {
   margin-left: 5px;
@@ -642,12 +642,12 @@ video {
   margin-right: auto;
 }
 .my-2 {
-  margin-top: 0.5rem;
-  margin-bottom: 0.5rem;
+  margin-top: var(--ikp-spacing-2);
+  margin-bottom: var(--ikp-spacing-2);
 }
 .my-6 {
-  margin-top: 1.5rem;
-  margin-bottom: 1.5rem;
+  margin-top: var(--ikp-spacing-6);
+  margin-bottom: var(--ikp-spacing-6);
 }
 .my-\\[\\.1rem\\] {
   margin-top: .1rem;
@@ -657,43 +657,43 @@ video {
   margin-left: auto !important;
 }
 .mb-0 {
-  margin-bottom: 0px;
+  margin-bottom: var(--ikp-spacing-0);
 }
 .mb-0\\.5 {
-  margin-bottom: 0.125rem;
+  margin-bottom: var(--ikp-spacing-0_5);
 }
 .mb-1 {
-  margin-bottom: 0.25rem;
+  margin-bottom: var(--ikp-spacing-1);
 }
 .mb-2 {
-  margin-bottom: 0.5rem;
+  margin-bottom: var(--ikp-spacing-2);
 }
 .mb-3 {
-  margin-bottom: 0.75rem;
+  margin-bottom: var(--ikp-spacing-3);
 }
 .mb-4 {
-  margin-bottom: 1rem;
+  margin-bottom: var(--ikp-spacing-4);
 }
 .mb-5 {
-  margin-bottom: 1.25rem;
+  margin-bottom: var(--ikp-spacing-5);
 }
 .mb-6 {
-  margin-bottom: 1.5rem;
+  margin-bottom: var(--ikp-spacing-6);
 }
 .mb-8 {
-  margin-bottom: 2rem;
+  margin-bottom: var(--ikp-spacing-8);
 }
 .ml-1 {
-  margin-left: 0.25rem;
+  margin-left: var(--ikp-spacing-1);
 }
 .ml-1\\.5 {
-  margin-left: 0.375rem;
+  margin-left: var(--ikp-spacing-1_5);
 }
 .ml-2 {
-  margin-left: 0.5rem;
+  margin-left: var(--ikp-spacing-2);
 }
 .ml-4 {
-  margin-left: 1rem;
+  margin-left: var(--ikp-spacing-4);
 }
 .ml-\\[3px\\] {
   margin-left: 3px;
@@ -702,13 +702,13 @@ video {
   margin-left: auto;
 }
 .mr-0\\.5 {
-  margin-right: 0.125rem;
+  margin-right: var(--ikp-spacing-0_5);
 }
 .mr-1 {
-  margin-right: 0.25rem;
+  margin-right: var(--ikp-spacing-1);
 }
 .mr-2 {
-  margin-right: 0.5rem;
+  margin-right: var(--ikp-spacing-2);
 }
 .mr-\\[0\\.5em\\] {
   margin-right: 0.5em;
@@ -723,16 +723,16 @@ video {
   margin-inline-start: 1em;
 }
 .mt-12 {
-  margin-top: 3rem;
+  margin-top: var(--ikp-spacing-12);
 }
 .mt-2 {
-  margin-top: 0.5rem;
+  margin-top: var(--ikp-spacing-2);
 }
 .mt-4 {
-  margin-top: 1rem;
+  margin-top: var(--ikp-spacing-4);
 }
 .mt-8 {
-  margin-top: 2rem;
+  margin-top: var(--ikp-spacing-8);
 }
 .line-clamp-1 {
   overflow: hidden;
@@ -771,48 +771,45 @@ video {
   display: none;
 }
 .size-10 {
-  width: 2.5rem;
-  height: 2.5rem;
+  width: var(--ikp-spacing-10);
+  height: var(--ikp-spacing-10);
 }
 .size-4 {
-  width: 1rem;
-  height: 1rem;
+  width: var(--ikp-spacing-4);
+  height: var(--ikp-spacing-4);
 }
 .h-0 {
-  height: 0px;
+  height: var(--ikp-spacing-0);
 }
 .h-10 {
-  height: 2.5rem;
+  height: var(--ikp-spacing-10);
 }
 .h-11 {
-  height: 2.75rem;
+  height: var(--ikp-spacing-11);
 }
 .h-12 {
-  height: 3rem;
+  height: var(--ikp-spacing-12);
 }
 .h-20 {
-  height: 5rem;
+  height: var(--ikp-spacing-20);
 }
 .h-3 {
-  height: 0.75rem;
+  height: var(--ikp-spacing-3);
 }
 .h-3\\.5 {
-  height: 0.875rem;
+  height: var(--ikp-spacing-3_5);
 }
 .h-4 {
-  height: 1rem;
+  height: var(--ikp-spacing-4);
 }
 .h-5 {
-  height: 1.25rem;
+  height: var(--ikp-spacing-5);
 }
 .h-6 {
-  height: 1.5rem;
+  height: var(--ikp-spacing-6);
 }
 .h-8 {
-  height: 2rem;
-}
-.h-\\[24px\\] {
-  height: 24px;
+  height: var(--ikp-spacing-8);
 }
 .h-\\[27\\.88px\\] {
   height: 27.88px;
@@ -839,7 +836,7 @@ video {
   height: 100vh;
 }
 .max-h-96 {
-  max-height: 24rem;
+  max-height: var(--ikp-spacing-96);
 }
 .max-h-\\[100vw\\] {
   max-height: 100vw;
@@ -860,19 +857,19 @@ video {
   max-height: 100vh;
 }
 .\\!min-h-0 {
-  min-height: 0px !important;
+  min-height: var(--ikp-spacing-0) !important;
 }
 .min-h-0 {
-  min-height: 0px;
+  min-height: var(--ikp-spacing-0);
 }
 .min-h-20 {
-  min-height: 5rem;
+  min-height: var(--ikp-spacing-20);
 }
 .min-h-8 {
-  min-height: 2rem;
+  min-height: var(--ikp-spacing-8);
 }
 .min-h-9 {
-  min-height: 2.25rem;
+  min-height: var(--ikp-spacing-9);
 }
 .min-h-\\[38px\\] {
   min-height: 38px;
@@ -881,40 +878,40 @@ video {
   min-height: unset;
 }
 .w-10 {
-  width: 2.5rem;
+  width: var(--ikp-spacing-10);
 }
 .w-12 {
-  width: 3rem;
+  width: var(--ikp-spacing-12);
 }
 .w-16 {
-  width: 4rem;
+  width: var(--ikp-spacing-16);
 }
 .w-2\\.5 {
-  width: 0.625rem;
+  width: var(--ikp-spacing-2_5);
 }
 .w-3\\.5 {
-  width: 0.875rem;
+  width: var(--ikp-spacing-3_5);
 }
 .w-4 {
-  width: 1rem;
+  width: var(--ikp-spacing-4);
 }
 .w-40 {
-  width: 10rem;
+  width: var(--ikp-spacing-40);
 }
 .w-5 {
-  width: 1.25rem;
+  width: var(--ikp-spacing-5);
 }
 .w-56 {
-  width: 14rem;
+  width: var(--ikp-spacing-56);
 }
 .w-6 {
-  width: 1.5rem;
+  width: var(--ikp-spacing-6);
 }
 .w-60 {
-  width: 15rem;
+  width: var(--ikp-spacing-60);
 }
 .w-8 {
-  width: 2rem;
+  width: var(--ikp-spacing-8);
 }
 .w-\\[--width\\] {
   width: var(--width);
@@ -926,7 +923,7 @@ video {
   width: 254px;
 }
 .w-\\[calc\\(100\\%_-_theme\\(spacing\\.10\\)\\)\\] {
-  width: calc(100% - 2.5rem);
+  width: calc(100% - var(--ikp-spacing-10));
 }
 .w-\\[min\\(90vw\\2c 720px\\)\\] {
   width: min(90vw,720px);
@@ -942,25 +939,25 @@ video {
   width: 100vw;
 }
 .\\!min-w-0 {
-  min-width: 0px !important;
+  min-width: var(--ikp-spacing-0) !important;
 }
 .min-w-0 {
-  min-width: 0px;
+  min-width: var(--ikp-spacing-0);
 }
 .min-w-10 {
-  min-width: 2.5rem;
+  min-width: var(--ikp-spacing-10);
+}
+.min-w-32 {
+  min-width: var(--ikp-spacing-32);
 }
 .min-w-5 {
-  min-width: 1.25rem;
+  min-width: var(--ikp-spacing-5);
 }
 .min-w-6 {
-  min-width: 1.5rem;
+  min-width: var(--ikp-spacing-6);
 }
 .min-w-8 {
-  min-width: 2rem;
-}
-.min-w-\\[8rem\\] {
-  min-width: 8rem;
+  min-width: var(--ikp-spacing-8);
 }
 .min-w-\\[unset\\] {
   min-width: unset;
@@ -1189,67 +1186,67 @@ video {
   justify-content: space-between;
 }
 .gap-0\\.5 {
-  gap: 0.125rem;
+  gap: var(--ikp-spacing-0_5);
 }
 .gap-1 {
-  gap: 0.25rem;
+  gap: var(--ikp-spacing-1);
 }
 .gap-1\\.5 {
-  gap: 0.375rem;
+  gap: var(--ikp-spacing-1_5);
 }
 .gap-12 {
-  gap: 3rem;
+  gap: var(--ikp-spacing-12);
 }
 .gap-2 {
-  gap: 0.5rem;
+  gap: var(--ikp-spacing-2);
 }
 .gap-2\\.5 {
-  gap: 0.625rem;
+  gap: var(--ikp-spacing-2_5);
 }
 .gap-3 {
-  gap: 0.75rem;
+  gap: var(--ikp-spacing-3);
 }
 .gap-4 {
-  gap: 1rem;
+  gap: var(--ikp-spacing-4);
 }
 .gap-5 {
-  gap: 1.25rem;
+  gap: var(--ikp-spacing-5);
 }
 .gap-6 {
-  gap: 1.5rem;
+  gap: var(--ikp-spacing-6);
 }
 .gap-8 {
-  gap: 2rem;
-}
-.gap-\\[1rem_0\\.5rem\\] {
-  gap: 1rem 0.5rem;
+  gap: var(--ikp-spacing-8);
 }
 .gap-x-2 {
-  -moz-column-gap: 0.5rem;
-       column-gap: 0.5rem;
+  -moz-column-gap: var(--ikp-spacing-2);
+       column-gap: var(--ikp-spacing-2);
 }
 .gap-x-3 {
-  -moz-column-gap: 0.75rem;
-       column-gap: 0.75rem;
+  -moz-column-gap: var(--ikp-spacing-3);
+       column-gap: var(--ikp-spacing-3);
 }
 .gap-y-1 {
-  row-gap: 0.25rem;
+  row-gap: var(--ikp-spacing-1);
 }
 .gap-y-2 {
-  row-gap: 0.5rem;
+  row-gap: var(--ikp-spacing-2);
+}
+.gap-y-4 {
+  row-gap: var(--ikp-spacing-4);
 }
 .gap-y-6 {
-  row-gap: 1.5rem;
+  row-gap: var(--ikp-spacing-6);
 }
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+  margin-right: calc(var(--ikp-spacing-1) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--ikp-spacing-1) * calc(1 - var(--tw-space-x-reverse)));
 }
 .space-x-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
-  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
-  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
+  margin-right: calc(var(--ikp-spacing-2) * var(--tw-space-x-reverse));
+  margin-left: calc(var(--ikp-spacing-2) * calc(1 - var(--tw-space-x-reverse)));
 }
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
@@ -1303,32 +1300,31 @@ video {
 .rounded {
   border-radius: 0.25rem;
 }
-.rounded-\\[0_0_6px_6px\\] {
-  border-radius: 0 0 6px 6px;
-}
-.rounded-\\[6px\\] {
-  border-radius: 6px;
-}
-.rounded-\\[6px_6px_0_0\\] {
-  border-radius: 6px 6px 0 0;
-}
 .rounded-\\[inherit\\] {
   border-radius: inherit;
 }
 .rounded-full {
-  border-radius: 9999px;
+  border-radius: var(--ikp-border-radius-full);
 }
 .rounded-lg {
-  border-radius: 0.5rem;
+  border-radius: var(--ikp-border-radius-lg);
 }
 .rounded-md {
-  border-radius: 0.375rem;
+  border-radius: var(--ikp-border-radius-md);
 }
 .rounded-sm {
-  border-radius: 0.125rem;
+  border-radius: var(--ikp-border-radius-sm);
 }
 .rounded-xl {
-  border-radius: 0.75rem;
+  border-radius: var(--ikp-border-radius-xl);
+}
+.rounded-b-md {
+  border-bottom-right-radius: var(--ikp-border-radius-md);
+  border-bottom-left-radius: var(--ikp-border-radius-md);
+}
+.rounded-t-md {
+  border-top-left-radius: var(--ikp-border-radius-md);
+  border-top-right-radius: var(--ikp-border-radius-md);
 }
 .border {
   border-width: 1px;
@@ -1439,53 +1435,53 @@ video {
   fill: #fff;
 }
 .p-0 {
-  padding: 0px;
+  padding: var(--ikp-spacing-0);
 }
 .p-0\\.5 {
-  padding: 0.125rem;
+  padding: var(--ikp-spacing-0_5);
 }
 .p-1 {
-  padding: 0.25rem;
+  padding: var(--ikp-spacing-1);
 }
 .p-2 {
-  padding: 0.5rem;
+  padding: var(--ikp-spacing-2);
 }
 .p-4 {
-  padding: 1rem;
+  padding: var(--ikp-spacing-4);
 }
 .p-8 {
-  padding: 2rem;
+  padding: var(--ikp-spacing-8);
 }
 .p-\\[1em\\] {
   padding: 1em;
 }
 .px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
+  padding-left: var(--ikp-spacing-0);
+  padding-right: var(--ikp-spacing-0);
 }
 .px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: var(--ikp-spacing-1);
+  padding-right: var(--ikp-spacing-1);
 }
 .px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
+  padding-left: var(--ikp-spacing-2);
+  padding-right: var(--ikp-spacing-2);
 }
 .px-3 {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
+  padding-left: var(--ikp-spacing-3);
+  padding-right: var(--ikp-spacing-3);
 }
 .px-4 {
-  padding-left: 1rem;
-  padding-right: 1rem;
+  padding-left: var(--ikp-spacing-4);
+  padding-right: var(--ikp-spacing-4);
 }
 .px-5 {
-  padding-left: 1.25rem;
-  padding-right: 1.25rem;
+  padding-left: var(--ikp-spacing-5);
+  padding-right: var(--ikp-spacing-5);
 }
 .px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
+  padding-left: var(--ikp-spacing-6);
+  padding-right: var(--ikp-spacing-6);
 }
 .px-\\[\\.4rem\\] {
   padding-left: .4rem;
@@ -1496,101 +1492,101 @@ video {
   padding-right: 18px;
 }
 .py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
+  padding-top: var(--ikp-spacing-0);
+  padding-bottom: var(--ikp-spacing-0);
 }
 .py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
+  padding-top: var(--ikp-spacing-1);
+  padding-bottom: var(--ikp-spacing-1);
 }
 .py-1\\.5 {
-  padding-top: 0.375rem;
-  padding-bottom: 0.375rem;
+  padding-top: var(--ikp-spacing-1_5);
+  padding-bottom: var(--ikp-spacing-1_5);
 }
 .py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
+  padding-top: var(--ikp-spacing-2);
+  padding-bottom: var(--ikp-spacing-2);
 }
 .py-3 {
-  padding-top: 0.75rem;
-  padding-bottom: 0.75rem;
+  padding-top: var(--ikp-spacing-3);
+  padding-bottom: var(--ikp-spacing-3);
 }
 .py-4 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding-top: var(--ikp-spacing-4);
+  padding-bottom: var(--ikp-spacing-4);
 }
 .py-6 {
-  padding-top: 1.5rem;
-  padding-bottom: 1.5rem;
+  padding-top: var(--ikp-spacing-6);
+  padding-bottom: var(--ikp-spacing-6);
 }
 .py-8 {
-  padding-top: 2rem;
-  padding-bottom: 2rem;
+  padding-top: var(--ikp-spacing-8);
+  padding-bottom: var(--ikp-spacing-8);
 }
 .py-\\[\\.2rem\\] {
   padding-top: .2rem;
   padding-bottom: .2rem;
 }
-.py-\\[1px\\] {
-  padding-top: 1px;
-  padding-bottom: 1px;
+.py-px {
+  padding-top: var(--ikp-spacing-px);
+  padding-bottom: var(--ikp-spacing-px);
 }
 .pb-1 {
-  padding-bottom: 0.25rem;
+  padding-bottom: var(--ikp-spacing-1);
 }
 .pb-2 {
-  padding-bottom: 0.5rem;
+  padding-bottom: var(--ikp-spacing-2);
 }
 .pb-2\\.5 {
-  padding-bottom: 0.625rem;
+  padding-bottom: var(--ikp-spacing-2_5);
 }
 .pb-3 {
-  padding-bottom: 0.75rem;
+  padding-bottom: var(--ikp-spacing-3);
 }
 .pb-4 {
-  padding-bottom: 1rem;
+  padding-bottom: var(--ikp-spacing-4);
 }
 .pb-6 {
-  padding-bottom: 1.5rem;
+  padding-bottom: var(--ikp-spacing-6);
 }
 .pb-8 {
-  padding-bottom: 2rem;
+  padding-bottom: var(--ikp-spacing-8);
 }
 .pl-2 {
-  padding-left: 0.5rem;
+  padding-left: var(--ikp-spacing-2);
 }
 .pl-5 {
-  padding-left: 1.25rem;
+  padding-left: var(--ikp-spacing-5);
 }
 .pl-7 {
-  padding-left: 1.75rem;
+  padding-left: var(--ikp-spacing-7);
 }
 .pr-10 {
-  padding-right: 2.5rem;
+  padding-right: var(--ikp-spacing-10);
 }
 .pr-8 {
-  padding-right: 2rem;
+  padding-right: var(--ikp-spacing-8);
 }
 .pt-0 {
-  padding-top: 0px;
+  padding-top: var(--ikp-spacing-0);
 }
 .pt-1 {
-  padding-top: 0.25rem;
+  padding-top: var(--ikp-spacing-1);
 }
 .pt-12 {
-  padding-top: 3rem;
+  padding-top: var(--ikp-spacing-12);
 }
 .pt-2 {
-  padding-top: 0.5rem;
+  padding-top: var(--ikp-spacing-2);
 }
 .pt-3 {
-  padding-top: 0.75rem;
+  padding-top: var(--ikp-spacing-3);
 }
 .pt-4 {
-  padding-top: 1rem;
+  padding-top: var(--ikp-spacing-4);
 }
 .pt-6 {
-  padding-top: 1.5rem;
+  padding-top: var(--ikp-spacing-6);
 }
 .text-left {
   text-align: left;
@@ -1892,7 +1888,7 @@ video {
   --focus-border-color: #3b82f6;
 }
 .\\[--footer-height\\:theme\\(spacing\\.9\\)\\] {
-  --footer-height: 2.25rem;
+  --footer-height: var(--ikp-spacing-9);
 }
 .\\[--scrollbar-color\\:var\\(--color-gray-300\\)\\] {
   --scrollbar-color: var(--color-gray-300);
@@ -2030,7 +2026,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .\\*\\:m-0 > * {
-  margin: 0px;
+  margin: var(--ikp-spacing-0);
 }
 
 .file\\:h-full::file-selector-button {
@@ -2086,12 +2082,12 @@ img[data-part='icon'][data-type='custom'] {
 
 .before\\:left-0::before {
   content: var(--tw-content);
-  left: 0px;
+  left: var(--ikp-spacing-0);
 }
 
 .before\\:top-0::before {
   content: var(--tw-content);
-  top: 0px;
+  top: var(--ikp-spacing-0);
 }
 
 .before\\:z-hide::before {
@@ -2111,7 +2107,7 @@ img[data-part='icon'][data-type='custom'] {
 
 .before\\:h-3::before {
   content: var(--tw-content);
-  height: 0.75rem;
+  height: var(--ikp-spacing-3);
 }
 
 .before\\:h-\\[--before-size\\]::before {
@@ -2177,32 +2173,32 @@ img[data-part='icon'][data-type='custom'] {
 
 .after\\:bottom-0::after {
   content: var(--tw-content);
-  bottom: 0px;
+  bottom: var(--ikp-spacing-0);
 }
 
 .after\\:left-0::after {
   content: var(--tw-content);
-  left: 0px;
+  left: var(--ikp-spacing-0);
 }
 
-.after\\:left-\\[1px\\]::after {
+.after\\:left-px::after {
   content: var(--tw-content);
-  left: 1px;
+  left: var(--ikp-spacing-px);
 }
 
 .after\\:top-0::after {
   content: var(--tw-content);
-  top: 0px;
+  top: var(--ikp-spacing-0);
 }
 
-.after\\:top-\\[1px\\]::after {
+.after\\:top-full::after {
   content: var(--tw-content);
-  top: 1px;
+  top: 100%;
 }
 
-.after\\:top-full::after {
+.after\\:top-px::after {
   content: var(--tw-content);
-  top: 100%;
+  top: var(--ikp-spacing-px);
 }
 
 .after\\:z-base::after {
@@ -2217,7 +2213,7 @@ img[data-part='icon'][data-type='custom'] {
 
 .after\\:h-3::after {
   content: var(--tw-content);
-  height: 0.75rem;
+  height: var(--ikp-spacing-3);
 }
 
 .after\\:h-\\[calc\\(100\\%-2px\\)\\]::after {
@@ -2227,7 +2223,7 @@ img[data-part='icon'][data-type='custom'] {
 
 .after\\:w-0\\.5::after {
   content: var(--tw-content);
-  width: 0.125rem;
+  width: var(--ikp-spacing-0_5);
 }
 
 .after\\:w-\\[calc\\(100\\%-2px\\)\\]::after {
@@ -2412,27 +2408,27 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .data-\\[mobile\\]\\:inset-0[data-mobile] {
-  inset: 0px;
+  inset: var(--ikp-spacing-0);
 }
 
 .data-\\[even\\]\\:ml-0[data-even] {
-  margin-left: 0px;
+  margin-left: var(--ikp-spacing-0);
 }
 
 .data-\\[even\\]\\:mr-4[data-even] {
-  margin-right: 1rem;
+  margin-right: var(--ikp-spacing-4);
 }
 
 .data-\\[position\\=left\\]\\:mr-1[data-position="left"] {
-  margin-right: 0.25rem;
+  margin-right: var(--ikp-spacing-1);
 }
 
 .data-\\[position\\=right\\]\\:ml-1[data-position="right"] {
-  margin-left: 0.25rem;
+  margin-left: var(--ikp-spacing-1);
 }
 
 .data-\\[role\\=user\\]\\:ml-0[data-role="user"] {
-  margin-left: 0px;
+  margin-left: var(--ikp-spacing-0);
 }
 
 .data-\\[role\\=user\\]\\:block[data-role="user"] {
@@ -2484,22 +2480,22 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .data-\\[side\\=bottom\\]\\:translate-y-1\\.5[data-side="bottom"] {
-  --tw-translate-y: 0.375rem;
+  --tw-translate-y: var(--ikp-spacing-1_5);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .data-\\[side\\=left\\]\\:-translate-x-1\\.5[data-side="left"] {
-  --tw-translate-x: -0.375rem;
+  --tw-translate-x: calc(var(--ikp-spacing-1_5) * -1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .data-\\[side\\=right\\]\\:translate-x-1\\.5[data-side="right"] {
-  --tw-translate-x: 0.375rem;
+  --tw-translate-x: var(--ikp-spacing-1_5);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
 .data-\\[side\\=top\\]\\:-translate-y-1\\.5[data-side="top"] {
-  --tw-translate-y: -0.375rem;
+  --tw-translate-y: calc(var(--ikp-spacing-1_5) * -1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
@@ -2641,7 +2637,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .data-\\[mobile\\]\\:rounded-none[data-mobile] {
-  border-radius: 0px;
+  border-radius: var(--ikp-border-radius-none);
 }
 
 .data-\\[position\\=left\\]\\:border-r[data-position="left"] {
@@ -2686,15 +2682,15 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .data-\\[has-content\\]\\:pb-2[data-has-content] {
-  padding-bottom: 0.5rem;
+  padding-bottom: var(--ikp-spacing-2);
 }
 
 .data-\\[position\\=left\\]\\:pr-1[data-position="left"] {
-  padding-right: 0.25rem;
+  padding-right: var(--ikp-spacing-1);
 }
 
 .data-\\[position\\=right\\]\\:pl-1[data-position="right"] {
-  padding-left: 0.25rem;
+  padding-left: var(--ikp-spacing-1);
 }
 
 .data-\\[is-numeric\\=true\\]\\:text-end[data-is-numeric="true"] {
@@ -2793,7 +2789,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .data-\\[mobile\\]\\:\\[--input-height\\:theme\\(spacing\\.20\\)\\][data-mobile] {
-  --input-height: 5rem;
+  --input-height: var(--ikp-spacing-20);
 }
 
 .data-\\[invalid\\]\\:\\[--shadow-color\\:theme\\(colors\\.red\\.500\\)\\][data-invalid] {
@@ -2820,7 +2816,7 @@ img[data-part='icon'][data-type='custom'] {
 
 .data-\\[show-toolbar\\]\\:after\\:left-0[data-show-toolbar]::after {
   content: var(--tw-content);
-  left: 0px;
+  left: var(--ikp-spacing-0);
 }
 
 .data-\\[show-toolbar\\]\\:after\\:top-full[data-show-toolbar]::after {
@@ -2835,17 +2831,17 @@ img[data-part='icon'][data-type='custom'] {
 
 .data-\\[required\\]\\:after\\:ml-1[data-required]::after {
   content: var(--tw-content);
-  margin-left: 0.25rem;
+  margin-left: var(--ikp-spacing-1);
 }
 
 .data-\\[required\\]\\:after\\:mt-0[data-required]::after {
   content: var(--tw-content);
-  margin-top: 0px;
+  margin-top: var(--ikp-spacing-0);
 }
 
-.data-\\[show-toolbar\\]\\:after\\:h-\\[1rem\\][data-show-toolbar]::after {
+.data-\\[show-toolbar\\]\\:after\\:h-4[data-show-toolbar]::after {
   content: var(--tw-content);
-  height: 1rem;
+  height: var(--ikp-spacing-4);
 }
 
 .data-\\[show-toolbar\\]\\:after\\:w-full[data-show-toolbar]::after {
@@ -2897,7 +2893,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 [data-widget-md] .ikp-md\\:mb-0 {
-  margin-bottom: 0px;
+  margin-bottom: var(--ikp-spacing-0);
 }
 
 [data-widget-md] .ikp-md\\:flex {
@@ -2909,7 +2905,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 [data-widget-md] .ikp-md\\:h-12 {
-  height: 3rem;
+  height: var(--ikp-spacing-12);
 }
 
 [data-widget-md] .ikp-md\\:flex-row {
@@ -2925,29 +2921,29 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 [data-widget-md] .ikp-md\\:px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
+  padding-left: var(--ikp-spacing-10);
+  padding-right: var(--ikp-spacing-10);
 }
 
 [data-widget-md] .ikp-md\\:py-14 {
-  padding-top: 3.5rem;
-  padding-bottom: 3.5rem;
+  padding-top: var(--ikp-spacing-14);
+  padding-bottom: var(--ikp-spacing-14);
 }
 
 [data-widget-md] .ikp-md\\:pb-14 {
-  padding-bottom: 3.5rem;
+  padding-bottom: var(--ikp-spacing-14);
 }
 
 [data-widget-md] .ikp-md\\:pl-3 {
-  padding-left: 0.75rem;
+  padding-left: var(--ikp-spacing-3);
 }
 
 [data-widget-md] .ikp-md\\:pr-3 {
-  padding-right: 0.75rem;
+  padding-right: var(--ikp-spacing-3);
 }
 
 [data-widget-md] .ikp-md\\:pr-6 {
-  padding-right: 1.5rem;
+  padding-right: var(--ikp-spacing-6);
 }
 
 .hover\\:scale-110:hover:not(:disabled) {
@@ -3037,12 +3033,12 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .befter\\:inset-x-0::before {
-  left: 0px;
-  right: 0px;
+  left: var(--ikp-spacing-0);
+  right: var(--ikp-spacing-0);
 }
 
 .befter\\:h-10::before {
-  height: 2.5rem;
+  height: var(--ikp-spacing-10);
 }
 
 .befter\\:transition-opacity::before {
@@ -3073,12 +3069,12 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .befter\\:inset-x-0::after {
-  left: 0px;
-  right: 0px;
+  left: var(--ikp-spacing-0);
+  right: var(--ikp-spacing-0);
 }
 
 .befter\\:h-10::after {
-  height: 2.5rem;
+  height: var(--ikp-spacing-10);
 }
 
 .befter\\:transition-opacity::after {
@@ -3522,6 +3518,10 @@ img[data-part='icon'][data-type='custom'] {
   color: var(--ikp-color-gray-dark-950);
 }
 
+.dark\\:data-\\[required\\]\\:after\\:\\[content\\:\\"\\*\\"\\][data-required]:is([data-theme="dark"] *)::after {
+  content: "*";
+}
+
 .dark\\:data-\\[highlight\\]\\:first\\:before\\:\\[background-image\\:conic-gradient\\(transparent\\2c theme\\(colors\\.inkeep-expanded-primary\\.300\\)\\2c transparent_30\\%\\)\\]:first-child[data-highlight]:is([data-theme="dark"] *)::before {
   content: var(--tw-content);
   background-image: conic-gradient(transparent,var(--ikp-color-inkeep-expanded-primary-300),transparent 30%);
@@ -3651,8 +3651,8 @@ img[data-part='icon'][data-type='custom'] {
 @media (min-width: 768px) {
 
   .md\\:my-12 {
-    margin-top: 3rem;
-    margin-bottom: 3rem;
+    margin-top: var(--ikp-spacing-12);
+    margin-bottom: var(--ikp-spacing-12);
   }
 
   .md\\:flex {
@@ -3676,7 +3676,7 @@ img[data-part='icon'][data-type='custom'] {
   }
 
   .md\\:p-10 {
-    padding: 2.5rem;
+    padding: var(--ikp-spacing-10);
   }
 
   .md\\:text-4xl {
@@ -3733,13 +3733,13 @@ img[data-part='icon'][data-type='custom'] {
 
 .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:inset-x-6:not(:last-child)::after {
   content: var(--tw-content);
-  left: 1.5rem;
-  right: 1.5rem;
+  left: var(--ikp-spacing-6);
+  right: var(--ikp-spacing-6);
 }
 
 .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:bottom-0:not(:last-child)::after {
   content: var(--tw-content);
-  bottom: 0px;
+  bottom: var(--ikp-spacing-0);
 }
 
 .\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:border-b:not(:last-child)::after {
@@ -3749,8 +3749,8 @@ img[data-part='icon'][data-type='custom'] {
 
 [data-widget-md] .ikp-md\\:\\[\\&\\:not\\(\\:last-child\\)\\]\\:after\\:inset-x-8:not(:last-child)::after {
   content: var(--tw-content);
-  left: 2rem;
-  right: 2rem;
+  left: var(--ikp-spacing-8);
+  right: var(--ikp-spacing-8);
 }
 
 .focus\\:\\[\\&\\:not\\(\\[data-invalid\\]\\)\\]\\:border-\\[--focus-border-color\\]:not([data-invalid]):focus {
@@ -3794,8 +3794,8 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .\\[\\&_\\[data-part\\=grid\\]\\]\\:px-1 [data-part=grid] {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: var(--ikp-spacing-1);
+  padding-right: var(--ikp-spacing-1);
 }
 
 .\\[\\&_a\\]\\:inline a {
@@ -3807,7 +3807,7 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .\\[\\&_a\\]\\:rounded-sm a {
-  border-radius: 0.125rem;
+  border-radius: var(--ikp-border-radius-sm);
 }
 
 .\\[\\&_a\\]\\:bg-inkeep-primary-light a {
@@ -3815,13 +3815,13 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .\\[\\&_a\\]\\:px-1 a {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+  padding-left: var(--ikp-spacing-1);
+  padding-right: var(--ikp-spacing-1);
 }
 
-.\\[\\&_a\\]\\:py-\\[1px\\] a {
-  padding-top: 1px;
-  padding-bottom: 1px;
+.\\[\\&_a\\]\\:py-px a {
+  padding-top: var(--ikp-spacing-px);
+  padding-bottom: var(--ikp-spacing-px);
 }
 
 .\\[\\&_a\\]\\:font-semibold a {
@@ -3861,15 +3861,15 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 .\\[\\&_li\\]\\:mb-1 li {
-  margin-bottom: 0.25rem;
+  margin-bottom: var(--ikp-spacing-1);
 }
 
 .\\[\\&_svg\\]\\:h-4 svg {
-  height: 1rem;
+  height: var(--ikp-spacing-4);
 }
 
 .\\[\\&_svg\\]\\:w-4 svg {
-  width: 1rem;
+  width: var(--ikp-spacing-4);
 }
 
 [data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:h-\\[calc\\(100vh-var\\(--input-height\\)-var\\(--footer-height\\)-var\\(--ask-ai-trigger-height\\)\\)\\] {
@@ -3889,30 +3889,30 @@ img[data-part='icon'][data-type='custom'] {
 }
 
 [data-mobile] .\\[\\[data-mobile\\]_\\&\\]\\:py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
+  padding-top: var(--ikp-spacing-0);
+  padding-bottom: var(--ikp-spacing-0);
 }
 
 [data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:-right-1 {
-  right: -0.25rem;
+  right: calc(var(--ikp-spacing-1) * -1);
 }
 
 [data-position="left"]>.\\[\\[data-position\\=\\"left\\"\\]\\>\\&\\]\\:after\\:left-1::after {
   content: var(--tw-content);
-  left: 0.25rem;
+  left: var(--ikp-spacing-1);
 }
 
 [data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:-left-1 {
-  left: -0.25rem;
+  left: calc(var(--ikp-spacing-1) * -1);
 }
 
 [data-position="right"]>.\\[\\[data-position\\=\\"right\\"\\]\\>\\&\\]\\:after\\:right-1::after {
   content: var(--tw-content);
-  right: 0.25rem;
+  right: var(--ikp-spacing-1);
 }
 
 [data-show-ask-ai-card] .\\[\\[data-show-ask-ai-card\\]_\\&\\]\\:\\[--ask-ai-trigger-height\\:theme\\(spacing\\.11\\)\\] {
-  --ask-ai-trigger-height: 2.75rem;
+  --ask-ai-trigger-height: var(--ikp-spacing-11);
 }
 
 [data-sidebar] .\\[\\[data-sidebar\\]_\\&\\]\\:m-\\[unset\\] {