flowbite-svelte 0.44.8 → 0.44.10

package/static/styles/docs.css

@@ -0,0 +1,537 @@
+.yt-video {
+  height: 250px;
+}
+
+@media only screen and (min-width: 768px) {
+  .yt-video {
+    height: 350px;
+  }
+}
+
+@media only screen and (min-width: 1024px) {
+  .yt-video {
+    height: 450px;
+  }
+}
+
+@media only screen and (max-width: 1024px) {
+  .collapse.collapsed {
+    display: none;
+  }
+}
+
+.highlight {
+  @apply overflow-hidden;
+}
+
+#mainContent > h2 {
+  @apply mt-8 mb-4 text-2xl font-bold text-gray-900 dark:text-white;
+}
+
+#mainContent > h3 {
+  @apply mt-8 mb-4 text-xl font-bold text-gray-900 dark:text-white;
+}
+
+#mainContent > h4 {
+  @apply mt-8 mb-4 text-lg font-bold text-gray-900 dark:text-white;
+}
+
+#mainContent > p {
+  @apply mb-4 text-base font-normal /*text-gray-600 dark:text-gray-400*/;
+}
+
+#mainContent > p > a,
+#mainContent > ul > li > a,
+#mainContent > ol > li > a {
+  @apply font-medium text-gray-900 underline dark:text-white decoration-1 underline-offset-2 decoration-primary-700 dark:decoration-primary-700;
+}
+
+#mainContent > p > a:hover,
+#mainContent > ul > li > a:hover,
+#mainContent > ol > li > a:hover {
+  @apply /*text-gray-900*/ decoration-2 dark:text-white;
+}
+
+/*
+#mainContent > p > code,
+#mainContent > ul > li > code,
+#mainContent > ol > li > code {
+	@apply px-1 font-mono text-sm text-blue-600 break-all dark:text-blue-400;
+}
+*/
+
+#mainContent > ul {
+  list-style: disc;
+}
+
+#mainContent > ol {
+  list-style: decimal;
+}
+
+#mainContent p > strong {
+  @apply text-gray-900 dark:text-white;
+}
+
+#mainContent > ul,
+#mainContent > div > div > ul,
+#mainContent > ol {
+  padding-left: 1rem;
+}
+
+#mainContent > ul > li,
+#mainContent > ol > li {
+  @apply mb-4 text-base font-normal text-gray-600 dark:text-gray-400;
+}
+
+/* prism styles */
+
+code[class*='language-'],
+pre[class*='language-'] {
+  color: #c5c8c6;
+  @apply text-gray-800 dark:text-gray-400;
+  font-family:
+    Menlo,
+    ui-monospace,
+    SFMono-Regular,
+    Monaco,
+    Consolas,
+    Liberation Mono,
+    Courier New,
+    monospace;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  line-height: 1.5;
+  text-shadow: none;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+
+  @apply font-normal;
+}
+
+/* without preview */
+.highlight pre[class*='language-'] {
+  overflow: auto;
+  @apply p-6 pt-6 m-0 mt-4 mb-8 text-sm bg-gray-50 rounded-xl dark:bg-gray-800;
+}
+
+/* when after preview */
+.code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight pre[class*='language-'],
+.code-preview-wrapper + .code-syntax-wrapper > .code-syntax {
+  overflow: auto;
+  @apply mt-0 rounded-none;
+}
+
+.code-preview-wrapper + .code-syntax-wrapper {
+  @apply mb-4;
+}
+
+.code-preview-wrapper + .code-syntax-wrapper > .code-syntax > .relative > [data-code-wrapper] > .highlight > pre[class*='language-'] {
+  @apply p-4 m-0 bg-gray-50 dark:bg-gray-800;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  @apply bg-gray-50 dark:bg-gray-800;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  @apply text-gray-800 dark:text-gray-400;
+}
+
+.token.punctuation {
+  @apply text-gray-800 dark:text-gray-400;
+}
+
+.namespace {
+  opacity: 0.7;
+}
+
+.token.property,
+.token.keyword,
+.token.tag {
+  @apply text-orange-900 dark:text-orange-500;
+}
+
+.token.class-name {
+  color: #ffffb6;
+  text-decoration: underline;
+}
+
+.token.boolean,
+.token.constant {
+  @apply text-green-600 dark:text-green-500;
+}
+
+.token.symbol,
+.token.deleted {
+  @apply text-red-500 dark:text-red-400;
+}
+
+.token.number {
+  @apply text-pink-500 dark:text-pink-400;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  @apply text-red-500 dark:text-red-400;
+}
+
+.token.variable {
+  @apply text-purple-500 dark:text-purple-400;
+}
+
+.token.operator {
+  @apply text-gray-500 dark:text-gray-400 dark:bg-gray-800;
+}
+
+.token.entity {
+  @apply text-yellow-400 dark:text-yellow-300;
+  cursor: help;
+}
+
+.token.url {
+  @apply text-primary-600 dark:text-primary-500;
+}
+
+.language-css .token.string,
+.style .token.string {
+  @apply text-red-500 dark:text-red-400;
+}
+
+.token.atrule,
+.token.attr-value {
+  @apply text-primary-600 dark:text-primary-500;
+}
+
+.token.function {
+  /* color: #dad085; */
+  @apply text-slate-600 dark:text-slate-400;
+}
+
+.token.regex {
+  color: #e9c062;
+}
+
+.token.important {
+  color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+  font-weight: bold;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+code.language-bash,
+pre.language-bash {
+  @apply text-primary-600 dark:text-primary-400;
+}
+
+code.language-javascript {
+  @apply text-primary-600 dark:text-primary-400;
+}
+
+code.language-javascript .token.function {
+  @apply text-green-500 dark:text-green-300;
+}
+
+code.language-javascript .token.punctuation {
+  @apply text-gray-500 dark:text-gray-400;
+}
+
+code.language-javascript .token.keyword {
+  @apply text-pink-500 dark:text-pink-400;
+}
+
+code.language-javascript .token.comment {
+  @apply text-gray-500 dark:text-gray-500;
+}
+
+code.language-javascript .token.string {
+  @apply text-purple-600 dark:text-purple-400;
+}
+
+code.language-javascript .token.class-name {
+  @apply text-orange-400 dark:text-orange-300;
+}
+
+code.language-javascript .token {
+  /* @apply text-blue-900 dark:text-blue-500; */
+  background: transparent;
+}
+
+/* language html */
+code.language-html .token.tag {
+  @apply text-fuchsia-700 dark:text-fuchsia-400;
+}
+code.language-html .token.attr-name {
+  @apply text-gray-600 dark:text-gray-400;
+}
+code.language-html .token.attr-value {
+  @apply text-primary-600 dark:text-primary-400;
+}
+code.language-html .token.punctuation {
+  @apply text-gray-400 dark:text-gray-500;
+}
+code.language-html .token.attr-name {
+  @apply text-green-600 dark:text-green-400;
+}
+code.language-html .token.comment {
+  @apply text-gray-400 dark:text-gray-500;
+}
+
+/* language svelte */
+pre.language-svelte .token.tag {
+  @apply text-gray-700 dark:text-gray-400;
+}
+pre.language-svelte .token.attr-value {
+  @apply text-blue-600 dark:text-blue-500;
+}
+pre.language-svelte .token.punctuation {
+  @apply text-gray-400 dark:text-gray-500;
+}
+pre.language-svelte .token.attr-name {
+  @apply text-primary-600 dark:text-primary-500;
+}
+pre.language-svelte .token.comment {
+  @apply text-gray-400 dark:text-gray-500;
+}
+
+.code-responsive-wrapper {
+  background-color: #ffffff;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+.dark .code-responsive-wrapper {
+  background-color: #111827;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+}
+
+#carbonads * {
+  margin: initial;
+  padding: initial;
+}
+#carbonads {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  @apply m-0;
+}
+#carbonads {
+  display: flex;
+  max-width: 330px;
+  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
+  z-index: 100;
+  @apply bg-white dark:bg-gray-800 dark:text-white;
+}
+#carbonads a {
+  color: inherit;
+  text-decoration: none;
+}
+#carbonads a:hover {
+  color: inherit;
+}
+#carbonads span {
+  position: relative;
+  display: block;
+  overflow: hidden;
+}
+#carbonads .carbon-wrap {
+  display: flex;
+}
+#carbonads .carbon-img {
+  display: block;
+  margin: 0;
+  line-height: 1;
+}
+#carbonads .carbon-img img {
+  display: block;
+}
+#carbonads .carbon-text {
+  font-size: 13px;
+  padding: 10px;
+  margin-bottom: 16px;
+  line-height: 1.5;
+  text-align: left;
+}
+#carbonads .carbon-poweredby {
+  @apply bg-gray-100 dark:bg-gray-800;
+  display: block;
+  padding: 6px 8px;
+  text-align: center;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  font-weight: 600;
+  font-size: 8px;
+  line-height: 1;
+  /* border-left-radius: 3px; */
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}
+
+/* Search */
+
+.DocSearch-Button {
+  @apply hidden p-2 m-0 w-52 h-auto !bg-gray-50 rounded-lg border border-gray-300 border-solid shadow-none xl:flex hover:!bg-gray-100 xl:w-64 hover:shadow-none focus:shadow-none dark:!bg-gray-700 dark:hover:!bg-gray-600 dark:!border-gray-600;
+}
+
+.DocSearch-Button-Placeholder {
+  @apply text-sm font-normal text-gray-500 dark:text-gray-400;
+}
+
+.DocSearch-Search-Icon {
+  @apply w-3 h-3 text-gray-500 md:mr-1 dark:text-gray-400;
+}
+
+.DocSearch-Button-Keys {
+  @apply items-center min-w-0;
+}
+
+.DocSearch-Button-Key {
+  @apply pt-1 pb-0 m-0 w-auto text-xs font-normal text-gray-500 bg-none shadow-none dark:text-gray-400;
+}
+
+.DocSearch-Button .DocSearch-Search-Icon {
+  @apply text-gray-500;
+}
+
+.DocSearch-Hit-icon {
+  @apply hidden;
+}
+
+.DocSearch-Hits mark {
+  @apply text-primary-600 dark:text-white decoration-2 underline-offset-2 decoration-primary-600 dark:decoration-white;
+}
+
+.DocSearch-Hit[aria-selected='true'] a {
+  @apply bg-primary-700 dark:bg-primary-600;
+}
+
+.DocSearch-Hit-source {
+  @apply pb-1 text-gray-700 bg-white dark:bg-gray-700 dark:text-gray-400;
+}
+
+.DocSearch-Container {
+  @apply bg-gray-900 bg-opacity-50 dark:bg-opacity-80;
+}
+
+.DocSearch-Modal {
+  @apply shadow-none dark:bg-gray-700;
+}
+
+.DocSearch-SearchBar {
+  @apply p-0 border-b border-gray-100 dark:border-gray-600;
+}
+
+.DocSearch-Form {
+  @apply shadow-none dark:bg-gray-700;
+}
+
+.DocSearch-Input {
+  @apply text-sm text-gray-500 shadow-none dark:text-white focus:shadow-none dark:bg-gray-700 focus:!outline-none focus:!ring-0;
+}
+
+.DocSearch-LoadingIndicator svg,
+.DocSearch-MagnifierLabel svg {
+  @apply w-4 h-4;
+}
+
+.DocSearch-Commands {
+  @apply hidden;
+}
+
+.DocSearch-Footer {
+  @apply h-12 border-t border-gray-100 shadow-none dark:bg-gray-700 dark:border-gray-600;
+}
+
+.DocSearch-Dropdown {
+  @apply bg-white dark:bg-gray-700;
+}
+
+.DocSearch-Hit {
+  @apply pb-2 shadow-none;
+}
+
+.DocSearch-Hit a {
+  @apply bg-gray-50 rounded-lg shadow-none dark:bg-gray-600 dark:hover:bg-primary-600;
+}
+
+.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-Select-Icon,
+.DocSearch-Hit-action-button {
+  @apply hidden;
+}
+
+.DocSearch-Hit .DocSearch-Hit-action:last-child {
+  @apply w-5 h-5;
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.DocSearch-Hit[aria-selected='true'] .DocSearch-Hit-action:last-child {
+  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.DocSearch-Screen-Icon,
+.DocSearch-NoResults-Prefill-List,
+.DocSearch-Cancel {
+  @apply hidden;
+}
+
+.DocSearch-Title {
+  @apply mb-1 text-lg font-normal text-gray-700 dark:text-gray-200;
+}
+
+.DocSearch-Hit-Container {
+  @apply dark:text-gray-300;
+}
+
+.DocSearch-Logo svg {
+  @apply dark:!text-gray-400;
+}
+
+.DocSearch-Reset {
+  @apply dark:text-gray-300 dark:hover:text-white hover:text-black;
+}
+
+.formkit-alert.formkit-alert-success {
+  @apply p-4 mb-4 text-sm text-green-700 bg-green-100 rounded-lg dark:bg-gray-800 dark:text-green-400 font-medium;
+}
+
+.formkit-alert.formkit-alert-error:not(:empty) {
+  @apply p-4 mb-4 text-sm text-red-700 bg-red-100 rounded-lg dark:bg-gray-800 dark:text-red-400;
+}
+
+@media (max-width: 1400px) {
+  #home .DocSearch-Button {
+    width: 10rem;
+  }
+}
+
+@media (max-width: 1312px) {
+  #home .DocSearch-Button {
+    display: none;
+  }
+}

package/svelte.config.js

@@ -0,0 +1,28 @@
+import { mdsvex } from 'mdsvex';
+import mdsvexConfig from './mdsvex.config.js';
+import adapter from '@sveltejs/adapter-vercel';
+import preprocess from 'svelte-preprocess';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+  extensions: ['.svelte', ...mdsvexConfig.extensions],
+
+  // Consult https://github.com/sveltejs/svelte-preprocess
+  // for more information about preprocessors
+  preprocess: [
+    preprocess({
+      postcss: true
+    }),
+    mdsvex(mdsvexConfig)
+  ],
+  vitePlugin: {
+    inspector: {
+      holdMode: true
+    }
+  },
+  kit: {
+    adapter: adapter({ runtime: 'edge' })
+  }
+};
+
+export default config;

package/tailwind.config.cjs

@@ -0,0 +1,89 @@
+const config = {
+  content: ['./src/**/*.{html,js,svelte,ts,md}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'],
+  plugins: [require('flowbite/plugin')],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        // flowbite-svelte
+        primary: {
+          50: '#FFF5F2',
+          100: '#FFF1EE',
+          200: '#FFE4DE',
+          300: '#FFD5CC',
+          400: '#FFBCAD',
+          500: '#FE795D',
+          600: '#EF562F',
+          700: '#EB4F27',
+          800: '#CC4522',
+          900: '#A5371B'
+        }
+
+        // pink
+        // primary: {"50":"#fdf2f8","100":"#fce7f3","200":"#fbcfe8","300":"#f9a8d4","400":"#f472b6","500":"#ec4899","600":"#db2777","700":"#be185d","800":"#9d174d","900":"#831843"}
+
+        // fuchsia
+        // primary: {"50":"#fdf4ff","100":"#fae8ff","200":"#f5d0fe","300":"#f0abfc","400":"#e879f9","500":"#d946ef","600":"#c026d3","700":"#a21caf","800":"#86198f","900":"#701a75"}
+
+        // purple
+        // primary: {"50":"#faf5ff","100":"#f3e8ff","200":"#e9d5ff","300":"#d8b4fe","400":"#c084fc","500":"#a855f7","600":"#9333ea","700":"#7e22ce","800":"#6b21a8","900":"#581c87"}
+
+        // violet
+        // primary: {"50":"#f5f3ff","100":"#ede9fe","200":"#ddd6fe","300":"#c4b5fd","400":"#a78bfa","500":"#8b5cf6","600":"#7c3aed","700":"#6d28d9","800":"#5b21b6","900":"#4c1d95"}
+
+        // indigo
+        // primary: {"50":"#eef2ff","100":"#e0e7ff","200":"#c7d2fe","300":"#a5b4fc","400":"#818cf8","500":"#6366f1","600":"#4f46e5","700":"#4338ca","800":"#3730a3","900":"#312e81"}
+
+        // blue
+        // primary: {"50":"#eff6ff","100":"#dbeafe","200":"#bfdbfe","300":"#93c5fd","400":"#60a5fa","500":"#3b82f6","600":"#2563eb","700":"#1d4ed8","800":"#1e40af","900":"#1e3a8a"}
+
+        // sky
+        // primary: {"50":"#f0f9ff","100":"#e0f2fe","200":"#bae6fd","300":"#7dd3fc","400":"#38bdf8","500":"#0ea5e9","600":"#0284c7","700":"#0369a1","800":"#075985","900":"#0c4a6e"}
+
+        // cyan
+        // primary: {"50":"#ecfeff","100":"#cffafe","200":"#a5f3fc","300":"#67e8f9","400":"#22d3ee","500":"#06b6d4","600":"#0891b2","700":"#0e7490","800":"#155e75","900":"#164e63"}
+
+        // teal
+        // primary: {"50":"#f0fdfa","100":"#ccfbf1","200":"#99f6e4","300":"#5eead4","400":"#2dd4bf","500":"#14b8a6","600":"#0d9488","700":"#0f766e","800":"#115e59","900":"#134e4a"}
+
+        // emerald
+        // primary: {"50":"#ecfdf5","100":"#d1fae5","200":"#a7f3d0","300":"#6ee7b7","400":"#34d399","500":"#10b981","600":"#059669","700":"#047857","800":"#065f46","900":"#064e3b"}
+
+        // green
+        // primary: {"50":"#f0fdf4","100":"#dcfce7","200":"#bbf7d0","300":"#86efac","400":"#4ade80","500":"#22c55e","600":"#16a34a","700":"#15803d","800":"#166534","900":"#14532d"}
+
+        // lime
+        // primary: {"50":"#f7fee7","100":"#ecfccb","200":"#d9f99d","300":"#bef264","400":"#a3e635","500":"#84cc16","600":"#65a30d","700":"#4d7c0f","800":"#3f6212","900":"#365314"}
+
+        // yellow
+        // primary: {"50":"#fefce8","100":"#fef9c3","200":"#fef08a","300":"#fde047","400":"#facc15","500":"#eab308","600":"#ca8a04","700":"#a16207","800":"#854d0e","900":"#713f12"}
+
+        // amber
+        // primary: {"50":"#fffbeb","100":"#fef3c7","200":"#fde68a","300":"#fcd34d","400":"#fbbf24","500":"#f59e0b","600":"#d97706","700":"#b45309","800":"#92400e","900":"#78350f"}
+
+        // orange
+        // primary: {"50":"#fff7ed","100":"#ffedd5","200":"#fed7aa","300":"#fdba74","400":"#fb923c","500":"#f97316","600":"#ea580c","700":"#c2410c","800":"#9a3412","900":"#7c2d12"}
+
+        // red
+        // primary: {"50":"#fef2f2","100":"#fee2e2","200":"#fecaca","300":"#fca5a5","400":"#f87171","500":"#ef4444","600":"#dc2626","700":"#b91c1c","800":"#991b1b","900":"#7f1d1d"}
+
+        // stone
+        // primary: {"50":"#fafaf9","100":"#f5f5f4","200":"#e7e5e4","300":"#d6d3d1","400":"#a8a29e","500":"#78716c","600":"#57534e","700":"#44403c","800":"#292524","900":"#1c1917"}
+
+        // neutral
+        // primary: {"50":"#fafafa","100":"#f5f5f5","200":"#e5e5e5","300":"#d4d4d4","400":"#a3a3a3","500":"#737373","600":"#525252","700":"#404040","800":"#262626","900":"#171717"}
+
+        // zinc
+        // primary: {"50":"#fafafa","100":"#f4f4f5","200":"#e4e4e7","300":"#d4d4d8","400":"#a1a1aa","500":"#71717a","600":"#52525b","700":"#3f3f46","800":"#27272a","900":"#18181b"}
+
+        // gray
+        // primary: {"50":"#f9fafb","100":"#f3f4f6","200":"#e5e7eb","300":"#d1d5db","400":"#9ca3af","500":"#6b7280","600":"#4b5563","700":"#374151","800":"#1f2937","900":"#111827"}
+
+        // slate
+        // primary: {"50":"#f8fafc","100":"#f1f5f9","200":"#e2e8f0","300":"#cbd5e1","400":"#94a3b8","500":"#64748b","600":"#475569","700":"#334155","800":"#1e293b","900":"#0f172a"}
+      }
+    }
+  }
+};
+
+module.exports = config;