veloce-vue 0.10.0 → 0.12.0

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Button/props.ts","../../src/components/Button/Index.vue","../../src/components/Accordion/Index.vue","../../src/utils/config.ts"],"sourcesContent":["import type { PropType } from \"vue\";\n\nexport const props = {\n  label: { type: String, default: \"\" },\n  loading: { type: Boolean, default: false },\n  disabled: { type: Boolean, default: false },\n  variant: {\n    type: String as PropType<\"outlined\" | \"text\" | \"ghost\" | \"solid\">,\n    default: \"solid\",\n    options: [\"outlined\", \"text\", \"ghost\", \"solid\"],\n  },\n  icon: { type: String, default: \"\" },\n  iconClass: { type: String, default: \"\" },\n  iconPosition: {\n    type: String as PropType<\"left\" | \"right\">,\n    default: \"right\",\n    options: [\"left\", \"right\"],\n  },\n  rounded: { type: Boolean, default: false },\n} as const;\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { props as buttonProps } from \"./props\";\n\nconst props = defineProps(buttonProps);\n\nconst classes = computed(() => {\n  switch (props.variant) {\n    case \"outlined\":\n      return \"!border-primary text-primary bg-transparent hover:bg-primary disabled:hover:bg-transparent disabled:hover:text-primary hover:text-white\";\n    case \"text\":\n      return \"bg-transparent text-primary hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary\";\n    case \"ghost\":\n      return \"text-primary bg-gray-100 hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary\";\n    default:\n      return \"bg-primary text-white hover:bg-primary/75 disabled:hover:bg-primary disabled:hover:text-white\"; // solid\n  }\n});\n</script>\n\n<template>\n  <!-- prettier-ignore -->\n  <button \n    type=\"button\" \n    :disabled=\"props.disabled || props.loading\" \n    :class=\"[\n      classes, { 'rounded-full': props.rounded }, \n      'flex cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-3 py-2 transition duration-200 disabled:cursor-not-allowed disabled:opacity-75 '\n    ]\"\n  >\n    <div :class=\"{ 'justify-center': !props.icon }\" class=\"flex w-full items-center justify-between gap-2\">\n      <span v-if=\"props.label\" :class=\"{ 'order-2': props.iconPosition === 'left' }\"> {{ props.label }} </span>\n      <Icon v-if=\"props.icon && !props.loading\" :icon=\"props.icon\" :class=\"props.iconClass\" />\n    </div>\n\n    <Icon v-if=\"props.loading\" icon=\"loading\" />\n  </button>\n</template>\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\n\n// Props definition\n// `items` is an array of objects where each object represents an accordion item.\n// Each item has a `title` (string), `content` (string), and an optional `slot` (string) for custom slot rendering.\ndefineProps({\n  items: { type: Array as () => { title: string; content: string; slot?: string }[], required: true },\n});\n\n// This ref holds the index of the currently active (opened) accordion item.\n// If `null`, no accordion item is open.\nconst activeIndex = ref<Number | null>(null);\n</script>\n\n<template>\n  <!-- Accordion Container -->\n  <div class=\"w-full divide-y divide-gray-200 rounded border border-slate-200 bg-white\">\n    <!-- Iterate through items array -->\n    <div v-for=\"(item, index) in items\" :key=\"index\" v-if=\"items.length\">\n      <!-- Accordion Header -->\n      <!-- Clicking toggles activeIndex between `index` and `null` (for collapse) -->\n      <div :class=\"{ 'bg-primary/5': activeIndex === index }\" class=\"hover:bg-primary/5 relative flex cursor-pointer justify-between gap-4 p-3 font-medium duration-100\" @click=\"activeIndex = activeIndex === index ? null : index\">\n        <!-- Accordion Title -->\n        <span class=\"title text-gray-600\">{{ item.title }}</span>\n        <!-- Chevron Icon -->\n        <Icon icon=\"chevron-down\" :class=\"{ 'rotate-180': activeIndex === index }\" class=\"icon text-[1.4rem] text-gray-400 duration-200\" />\n      </div>\n\n      <!-- Accordion Body -->\n      <div v-if=\"activeIndex === index\" class=\"p-3 text-gray-500\">\n        <!-- If slot name is provided, render slot content -->\n        <template v-if=\"item.slot\">\n          <slot :name=\"item.slot\" />\n        </template>\n        <!-- Otherwise, render static content -->\n        <template v-else>\n          {{ item.content }}\n        </template>\n      </div>\n    </div>\n\n    <!-- Fallback message if no items provided -->\n    <div class=\"px-3 py-6 text-center text-gray-500\" v-else>No items to show</div>\n  </div>\n</template>\n","import type { Colors, config as Config } from \"@/types/config\";\n\n// create theme settings\nexport const config = (config: Config) => {\n  return {\n    install() {\n      if (!config || !config.colors) {\n        console.warn(\"No config provided for the theme settings\");\n        return;\n      }\n\n      // apply colors\n      applyCSSVars(config.colors);\n    },\n  };\n};\n\n// apply the colors to the root element\nconst applyCSSVars = (colors: Colors) => {\n  const root = document.documentElement;\n\n  // apply the colors to the root element\n  for (const color in colors) {\n    if (colors[color as keyof Colors]) {\n      root.style.setProperty(`--ui-color-${color}`, colors[color as keyof Colors]);\n    }\n  }\n};\n"],"names":["props","__props","classes","computed","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createBlock","_component_Icon","activeIndex","ref","_openBlock","_hoisted_1","_Fragment","_renderList","item","index","_hoisted_3","_createVNode","_hoisted_4","_renderSlot","_ctx","_createTextVNode","_hoisted_5","config","applyCSSVars","colors","root","color"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/components/accordion/Index.vue","../../src/components/button/props.ts","../../src/components/button/Index.vue","../../src/components/checkbox/props.ts","../../src/icons/check.vue","../../src/icons/close.vue","../../src/icons/loading.vue","../../src/icons/chevron-down.vue","../../src/icons/alert.vue","../../src/components/icon/index.ts","../../src/components/icon/index.vue","../../src/components/checkbox/Index.vue","../../src/components/drawer/props.ts","../../src/components/drawer/Index.vue","../../src/components/input/props.ts","../../src/components/input/Index.vue","../../src/components/modal/props.ts","../../src/components/modal/Index.vue","../../src/components/popover/props.ts","../../src/components/popover/Index.vue","../../src/components/range-slider/props.ts","../../src/components/range-slider/Index.vue","../../src/components/select/props.ts","../../src/components/select/Index.vue","../../src/components/separator/props.ts","../../src/components/separator/Index.vue","../../src/components/tooltip/props.ts","../../src/components/tooltip/Index.vue","../../src/utils/config.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref } from \"vue\";\n\n// Props definition\n// `items` is an array of objects where each object represents an accordion item.\n// Each item has a `title` (string), `content` (string), and an optional `slot` (string) for custom slot rendering.\ndefineProps({\n  items: { type: Array as () => { title: string; content: string; slot?: string }[], required: true },\n});\n\n// This ref holds the index of the currently active (opened) accordion item.\n// If `null`, no accordion item is open.\nconst activeIndex = ref<Number | null>(null);\n</script>\n\n<template>\n  <!-- Accordion Container -->\n  <div class=\"w-full divide-y divide-gray-200 rounded border border-slate-200 bg-white\">\n    <!-- Iterate through items array -->\n    <div v-for=\"(item, index) in items\" :key=\"index\" v-if=\"items.length\">\n      <!-- Accordion Header -->\n      <!-- Clicking toggles activeIndex between `index` and `null` (for collapse) -->\n      <div :class=\"{ 'bg-primary/5': activeIndex === index }\" class=\"hover:bg-primary/5 relative flex cursor-pointer justify-between gap-4 p-3 font-medium duration-100\" @click=\"activeIndex = activeIndex === index ? null : index\">\n        <!-- Accordion Title -->\n        <span class=\"title text-gray-600\">{{ item.title }}</span>\n        <!-- Chevron Icon -->\n        <Icon icon=\"chevron-down\" :class=\"{ 'rotate-180': activeIndex === index }\" class=\"icon text-[1.4rem] text-gray-400 duration-200\" />\n      </div>\n\n      <!-- Accordion Body -->\n      <div v-if=\"activeIndex === index\" class=\"p-3 text-gray-500\">\n        <!-- If slot name is provided, render slot content -->\n        <template v-if=\"item.slot\">\n          <slot :name=\"item.slot\" />\n        </template>\n        <!-- Otherwise, render static content -->\n        <template v-else>\n          {{ item.content }}\n        </template>\n      </div>\n    </div>\n\n    <!-- Fallback message if no items provided -->\n    <div class=\"px-3 py-6 text-center text-gray-500\" v-else>No items to show</div>\n  </div>\n</template>\n","import type { PropType } from \"vue\";\n\nexport const props = {\n  label: { type: String, default: \"\" },\n  loading: { type: Boolean, default: false },\n  disabled: { type: Boolean, default: false },\n  variant: {\n    type: String as PropType<\"outlined\" | \"text\" | \"ghost\" | \"solid\">,\n    default: \"solid\",\n    options: [\"outlined\", \"text\", \"ghost\", \"solid\"],\n  },\n  icon: { type: String, default: \"\" },\n  iconClass: { type: String, default: \"\" },\n  iconPosition: {\n    type: String as PropType<\"left\" | \"right\">,\n    default: \"right\",\n    options: [\"left\", \"right\"],\n  },\n  rounded: { type: Boolean, default: false },\n} as const;\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { props as buttonProps } from \"./props\";\n\nconst props = defineProps(buttonProps);\n\nconst classes = computed(() => {\n  switch (props.variant) {\n    case \"outlined\":\n      return \"!border-primary text-primary bg-transparent hover:bg-primary disabled:hover:bg-transparent disabled:hover:text-primary hover:text-white\";\n    case \"text\":\n      return \"bg-transparent text-primary hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary\";\n    case \"ghost\":\n      return \"text-primary bg-gray-100 hover:bg-gray-200 disabled:hover:bg-transparent disabled:hover:text-primary\";\n    default:\n      return \"bg-primary text-white hover:bg-primary/75 disabled:hover:bg-primary disabled:hover:text-white\"; // solid\n  }\n});\n</script>\n\n<template>\n  <!-- prettier-ignore -->\n  <button \n    type=\"button\" \n    :disabled=\"props.disabled || props.loading\" \n    :class=\"[\n      classes, { 'rounded-full': props.rounded }, \n      'flex cursor-pointer items-center justify-center gap-2 rounded border border-transparent px-3 py-2 transition duration-200 disabled:cursor-not-allowed disabled:opacity-75 '\n    ]\"\n  >\n    <div :class=\"{ 'justify-center': !props.icon }\" class=\"flex w-full items-center justify-between gap-2\">\n      <span v-if=\"props.label\" :class=\"{ 'order-2': props.iconPosition === 'left' }\"> {{ props.label }} </span>\n      <Icon v-if=\"props.icon && !props.loading\" :icon=\"props.icon\" :class=\"props.iconClass\" class=\"duration-200\" />\n    </div>\n\n    <Icon v-if=\"props.loading\" icon=\"loading\" />\n  </button>\n</template>\n","export const props = {\n  label: { type: String, default: \"\" },\n  labelClass: { type: String, default: \"\" },\n  checkboxClass: { type: String, default: \"\" },\n} as const;\n","<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n    <path fill=\"currentColor\" d=\"m9.55 15.15l8.475-8.475q.3-.3.7-.3t.7.3t.3.713t-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713t.713-.3t.712.3z\" />\n  </svg>\n</template>\n","<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n    <path fill=\"currentColor\" d=\"m12 13.4l-4.9 4.9q-.275.275-.7.275t-.7-.275t-.275-.7t.275-.7l4.9-4.9l-4.9-4.9q-.275-.275-.275-.7t.275-.7t.7-.275t.7.275l4.9 4.9l4.9-4.9q.275-.275.7-.275t.7.275t.275.7t-.275.7L13.4 12l4.9 4.9q.275.275.275.7t-.275.7t-.7.275t-.7-.275z\" />\n  </svg>\n</template>\n","<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n    <path fill=\"currentColor\" d=\"M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z\" opacity=\"0.25\" />\n    <path fill=\"currentColor\" d=\"M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z\"><animateTransform type=\"rotate\" attributeName=\"transform\" dur=\"0.75s\" repeatCount=\"indefinite\" values=\"0 12 12;360 12 12\" /></path>\n  </svg>\n</template>\n","<template>\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"-5 -8 24 24\">\n    <path fill=\"currentColor\" d=\"m7.071 5.314l4.95-4.95a1 1 0 1 1 1.414 1.414L7.778 7.435a1 1 0 0 1-1.414 0L.707 1.778A1 1 0 1 1 2.121.364z\" />\n  </svg>\n</template>\n","<template>\n\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\n\t\t<g fill=\"none\">\n\t\t\t<path fill=\"currentColor\" fill-opacity=\"0.16\" d=\"M10.575 5.217L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0\" />\n\t\t\t<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\" stroke-width=\"1.5\" d=\"M12 16h.008M12 10v3m-1.425-7.783L3.517 17a1.667 1.667 0 0 0 1.425 2.5h14.116a1.666 1.666 0 0 0 1.425-2.5L13.426 5.217a1.666 1.666 0 0 0-2.85 0\" />\n\t\t</g>\n\t</svg>\n</template>\n","import Check from \"../../icons/check.vue\";\nimport Close from \"../../icons/close.vue\";\nimport Loading from \"../../icons/loading.vue\";\nimport ChevronDown from \"../../icons/chevron-down.vue\";\nimport Alert from \"../../icons/alert.vue\";\n\n// Map of all icons\nexport const icons = {\n  check: Check,\n  close: Close,\n  loading: Loading,\n  \"chevron-down\": ChevronDown,\n  alert: Alert,\n} as const;\n\n// icons names for autocomplete\nexport type IconNames = keyof typeof icons;\nexport const IconsList = Object.keys(icons) as IconNames[];\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { icons, type IconNames } from \"./index.ts\";\n\n// Props\nconst props = defineProps<{\n  icon: IconNames | (string & {}); // autocomplete for known + allow any string\n  fallbackIcon?: IconNames | (string & {}); // same for fallback\n  class?: string;\n  size?: number | string;\n}>();\n\nconst size = computed(() => props.size ?? 24);\n\n// component to render\nconst IconComponent = computed(() => {\n  const key = props.icon as IconNames;\n  const fallbackKey = props.fallbackIcon ? props.fallbackIcon : \"alert\";\n\n  return icons[key] ?? icons[fallbackKey as IconNames];\n});\n</script>\n\n<template>\n  <component :is=\"IconComponent\" :class=\"['shrink-0', props.class]\" :width=\"size\" :height=\"size\" />\n</template>\n","<script setup lang=\"ts\">\nimport { props } from \"./props\";\nimport Icon from \"../icon/index.vue\";\n\ndefineProps(props);\n\nconst modelValue = defineModel();\n</script>\n\n<template>\n  <div class=\"flex w-fit cursor-pointer gap-2 select-none\" @click=\"modelValue = !modelValue\">\n    <div :class=\"[{ 'bg-primary': modelValue }, checkboxClass]\" class=\"border-primary m-0 size-6 rounded-sm border-2 duration-200\">\n      <Icon v-if=\"modelValue\" icon=\"check\" :class=\"{ 'text-white': modelValue }\" class=\"size-5\" />\n    </div>\n    <div :class=\"labelClass\">{{ label }}</div>\n  </div>\n</template>\n","export const props = {\n  direction: { type: String as () => \"left\" | \"bottom\" | \"right\", default: \"bottom\", options: [\"left\", \"bottom\", \"right\"] },\n  title: { type: String, default: \"\" },\n  description: { type: String, default: \"\" },\n  showFooter: { type: Boolean, default: false },\n  show: { type: Boolean, default: false },\n} as const;\n","<template>\n  <div @click=\"show = !show\">\n    <slot />\n  </div>\n\n  <!-- drawer  -->\n  <div :class=\"[drawerdirections, defaultClasses]\" class=\"z-50 flex flex-col justify-between bg-white duration-300\">\n    <div class=\"flex justify-between border-b border-gray-200 p-2\">\n      <div>\n        <h4 class=\"font-semibold\">{{ title }}</h4>\n        <p class=\"text-sm text-gray-500\">{{ description }}</p>\n      </div>\n      <div class=\"ml-auto\">\n        <Button icon=\"close\" class=\"!p-1\" circle variant=\"text\" @click=\"show = false\" />\n      </div>\n    </div>\n    <div class=\"size-full overflow-auto p-2\">\n      <slot name=\"content\" />\n    </div>\n    <!-- footer -->\n    <div v-if=\"showFooter\" class=\"border-t border-gray-200 p-2\">\n      <slot name=\"footer\" />\n    </div>\n  </div>\n  <div :class=\"show ? 'opacity-100' : 'pointer-events-none'\" class=\"fixed inset-0 z-[49] bg-black/40 opacity-0 duration-200\" @click=\"show = false\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, watch } from \"vue\";\nimport Button from \"../button/Index.vue\";\nimport { props as drawerProps } from \"./props\";\n\nconst props = defineProps(drawerProps);\n\nconst show = defineModel();\n\nconst drawerdirections = computed(() => {\n  let currClasses = \"\";\n\n  switch (props.direction) {\n    case \"left\":\n      currClasses = show.value ? \"fixed top-0 left-0 bottom-0\" : \"fixed top-0 -left-full bottom-0\";\n      break;\n    case \"bottom\":\n      currClasses = show.value ? \"fixed left-0 bottom-0 right-0\" : \"fixed left-0 right-0 -bottom-full\";\n      break;\n    case \"right\":\n      currClasses = show.value ? \"fixed top-0 right-0 bottom-0\" : \"fixed top-0 -right-full bottom-0\";\n      break;\n    default:\n      alert(\"Invalid direction\");\n  }\n\n  return currClasses;\n});\n\nconst defaultClasses = computed(() => {\n  let classes = \"\";\n\n  switch (props.direction) {\n    case \"left\":\n      classes = \"w-full max-w-[360px]\";\n      break;\n    case \"bottom\":\n      classes = \"w-full h-full max-h-[90dvh]\";\n      break;\n    case \"right\":\n      classes = \"w-full max-w-[360px]\";\n      break;\n    default:\n      break;\n  }\n\n  return classes;\n});\n\nwatch(show, () => {\n  if (show.value) {\n    document.body.classList.add(\"overflow-hidden\");\n  } else {\n    document.body.classList.remove(\"overflow-hidden\");\n  }\n});\n</script>\n","export const props = {\n  icon: { type: String, default: \"\" },\n  placeholder: { type: String, default: \"\" },\n  helpText: { type: String, default: \"\" },\n  type: { type: String, default: \"text\", options: [\"text\", \"password\"] },\n} as const;\n","<script setup lang=\"ts\">\nimport { props as inputProps } from \"./props\";\n\nconst props = defineProps(inputProps);\n\nconst model = defineModel();\n</script>\n<template>\n  <div :class=\"{ 'mb-6': helpText }\" class=\"relative h-[42px]\">\n    <input :type=\"type\" v-model=\"model\" class=\"hover:border-primary/60 peer outline-primary h-full w-full rounded-md border border-gray-200 px-3 duration-200\" placeholder=\" \" />\n    <div :class=\"model ? '-top-2.5 text-sm text-black' : 'top-[9px]'\" class=\"absolute left-3 bg-white px-[2px] text-black duration-100 peer-placeholder-shown:text-gray-400 peer-focus:-top-2.5 peer-focus:text-sm peer-focus:text-black\">{{ placeholder }}</div>\n    <div v-if=\"helpText\" class=\"ml-1 pt-1 text-xs text-gray-400\">{{ helpText }}</div>\n  </div>\n</template>\n","export const props = {\n  show: { type: Boolean, default: false },\n} as const;\n","<script setup lang=\"ts\">\nimport { ref, watch } from \"vue\";\nimport Button from \"../button/Index.vue\";\nimport { props as modalProps } from \"./props\";\n\nconst props = defineProps(modalProps);\nconst emit = defineEmits([\"update:show\"]);\n\nconst show = ref(props.show ?? false);\n\n// Keep `show` in sync with external prop\nwatch(\n  () => props.show,\n  (val) => {\n    if (val !== show.value) show.value = val;\n  },\n);\n\n// Emit change when internal state changes\nwatch(show, (val) => {\n  emit(\"update:show\", val);\n  document.body.classList.toggle(\"overflow-hidden\", val);\n});\n</script>\n\n<template>\n  <div class=\"w-full\" @click=\"show = true\">\n    <slot />\n  </div>\n\n  <!-- Modal backdrop -->\n  <div v-if=\"show\" class=\"fixed top-0 left-0 z-20 flex h-screen w-screen items-center justify-center backdrop-blur-[2px]\">\n    <!-- Modal -->\n    <div class=\"flex max-w-[600px] flex-col overflow-hidden rounded border border-gray-200 bg-white text-slate-500 shadow-xl shadow-slate-700/10 sm:max-h-[95dvh] sm:w-[90%]\" role=\"document\">\n      <!-- Modal header -->\n      <div class=\"flex items-center gap-4 border-b border-gray-200 px-4 py-2\">\n        <h3 class=\"text-primary flex-1 text-xl font-medium\">Modal title</h3>\n        <Button icon=\"close\" class=\"!p-1\" variant=\"ghost\" circle @click=\"show = false\" />\n      </div>\n\n      <!-- Modal body -->\n      <div class=\"max-h-[calc(100dvh-100px)] flex-1 overflow-auto px-4 py-2 sm:max-h-[75vh]\">\n        <p v-for=\"_ in 15\">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo autem consequatur aspernatur animi voluptate quasi non, maxime iste, harum ipsa reiciendis laborum ad unde a sequi molestias? Dolore, obcaecati sed?</p>\n      </div>\n\n      <!-- Modal footer -->\n      <div class=\"flex items-center justify-end gap-4 border-t border-gray-200 px-4 py-2\">\n        <Button class=\"!px-3 !py-1\" variant=\"ghost\" label=\"Close\" @click=\"show = false\" />\n        <Button class=\"!px-3 !py-1\" label=\"Save\" @click=\"show = false\" />\n      </div>\n    </div>\n  </div>\n</template>\n","export const props = {\n  position: { type: String as () => \"top\" | \"bottom\", default: \"bottom\", options: [\"top\", \"bottom\"] },\n  bodyClass: { type: String, default: \"\" },\n  contentClass: { type: String, default: \"\" },\n} as const;\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { props } from \"./props\";\n\nconst isOpen = ref(true);\n\ndefineProps(props);\n</script>\n\n<template>\n  <div class=\"relative inline-block\" @mouseleave=\"isOpen = false\">\n    <!-- component to render the popover on -->\n    <div class=\"relative\" @mouseover=\"isOpen = true\">\n      <!-- arrow icon -->\n      <svg v-if=\"isOpen\" :class=\"{ 'top-full': position === 'bottom', 'bottom-full rotate-180': position === 'top' }\" class=\"absolute left-1/2 w-4 -translate-x-1/2 text-gray-200\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n        <path fill=\"currentColor\" d=\"M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19\" />\n      </svg>\n\n      <!-- popover trigger -->\n      <slot />\n    </div>\n\n    <!-- popover content -->\n    <div v-if=\"isOpen\" :class=\"[bodyClass, { 'bottom-full mb-3': position === 'top' }, { 'top-full mt-3': position === 'bottom' }]\" class=\"absolute left-1/2 z-10 w-fit -translate-x-1/2\">\n      <div :class=\"contentClass\" class=\"w-[200px] rounded-md border border-gray-200 bg-white p-3\">\n        <slot name=\"body\" />\n      </div>\n    </div>\n  </div>\n</template>\n","export const props = {\n  showTooltip: { type: Boolean, default: false },\n  value: { type: Number, default: 0 },\n} as const;\n","<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from \"vue\";\nimport { props as rangeSliderProps } from \"./props.ts\";\n\nconst props = defineProps(rangeSliderProps);\n\nconst emit = defineEmits([\"update:value\"]);\n\nconst progress = ref<number>(props.value);\nconst isDragging = ref<boolean>(false);\nconst tooltipVisible = ref<boolean>(false);\n\nconst updateProgress = (event: MouseEvent | TouchEvent) => {\n  if (!isDragging.value) return;\n\n  const progressBar = document.querySelector(\".progress-container\") as HTMLElement;\n  if (!progressBar) return;\n\n  const rect = progressBar.getBoundingClientRect();\n  let clientX: number;\n\n  // Check if the event is a touch event or mouse event\n  if (event instanceof TouchEvent) {\n    clientX = event.touches[0]?.clientX ?? 0;\n  } else {\n    clientX = event.clientX;\n  }\n\n  const offsetX = clientX - rect.left;\n  const newProgress = Math.max(0, Math.min(100, (offsetX / rect.width) * 100));\n\n  progress.value = newProgress;\n  emit(\"update:value\", newProgress);\n};\n\nconst startDrag = (event: MouseEvent | TouchEvent) => {\n  isDragging.value = true;\n  tooltipVisible.value = true;\n  updateProgress(event);\n};\n\nconst stopDragging = () => {\n  isDragging.value = false;\n  tooltipVisible.value = false;\n};\n\n// Attach global event listeners\nonMounted(() => {\n  // Mouse events\n  window.addEventListener(\"mousemove\", updateProgress);\n  window.addEventListener(\"mouseup\", stopDragging);\n  window.addEventListener(\"mouseleave\", stopDragging);\n\n  // Touch events\n  window.addEventListener(\"touchmove\", updateProgress, { passive: false });\n  window.addEventListener(\"touchend\", stopDragging);\n  window.addEventListener(\"touchcancel\", stopDragging);\n});\n\nonUnmounted(() => {\n  // Remove Mouse events\n  window.removeEventListener(\"mousemove\", updateProgress);\n  window.removeEventListener(\"mouseup\", stopDragging);\n  window.removeEventListener(\"mouseleave\", stopDragging);\n\n  // Remove Touch events\n  window.removeEventListener(\"touchmove\", updateProgress);\n  window.removeEventListener(\"touchend\", stopDragging);\n  window.removeEventListener(\"touchcancel\", stopDragging);\n});\n</script>\n\n<template>\n  <!-- Progress Bar Container -->\n  <div class=\"progress-container relative min-w-full py-4\">\n    <!-- Progress Bar -->\n    <div class=\"relative h-2 rounded-full bg-gray-200\">\n      <!-- Filled Progress -->\n      <div class=\"bg-primary absolute h-2 rounded-full\" :style=\"{ width: progress + '%' }\"></div>\n\n      <!-- Draggable Knob -->\n      <div class=\"absolute top-1/2 -ml-2 flex h-4 w-4 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border border-gray-300 bg-white shadow\" :style=\"{ left: progress + '%' }\" unselectable=\"on\" onselectstart=\"return false;\" @mousedown=\"startDrag\" @touchstart=\"startDrag\"></div>\n\n      <!-- Tooltip -->\n      <div v-if=\"tooltipVisible && showTooltip\" class=\"absolute -top-9 mx-auto w-10 -translate-x-1/2 rounded bg-gray-800 px-2 py-1 text-xs text-white\" :style=\"{ left: progress + '%' }\">\n        {{ Math.round(progress) }}%\n        <span class=\"absolute -bottom-1 left-1/2 -ml-1 h-2 w-2 rotate-45 bg-gray-800\"></span>\n      </div>\n    </div>\n  </div>\n</template>\n","export const props = {\n  modelValue: { type: String, default: \"\" },\n  options: { type: Array as () => string[], required: true },\n  variant: { type: String as () => \"outlined\" | \"text\" | \"ghost\" | \"solid\", default: \"solid\", options: [\"outlined\", \"text\", \"ghost\", \"solid\"] },\n  showFilter: { type: Boolean, default: false },\n  isOpen: { type: Boolean, default: false },\n} as const;\n","<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport Button from \"../button/Index.vue\";\nimport { props as selectProps } from \"./props.ts\";\n\nconst props = defineProps(selectProps);\n\nconst emit = defineEmits([\"update:modelValue\", \"update:isOpen\"]);\n\nconst selectedOption = ref(props.modelValue);\n\nconst selectOption = (option: string) => {\n  selectedOption.value = option;\n  emit(\"update:modelValue\", option);\n  emit(\"update:isOpen\", false);\n};\n\nconst searchQuery = ref(\"\");\n\n// Computed for filtering options based on search input\nconst filteredOptions = computed(() => {\n  if (!searchQuery.value) return props.options;\n  return props.options.filter((option: string) => option.toLowerCase().includes(searchQuery.value.toLowerCase()));\n});\n</script>\n\n<template>\n  <div class=\"relative\">\n    <!-- select trigger -->\n    <Button :icon-class=\"isOpen ? 'rotate-180' : ''\" icon=\"chevron-down\" class=\"w-full\" :variant=\"variant\" :label=\"selectedOption || 'Select'\" @click=\"isOpen = !isOpen\" />\n\n    <!-- select menu -->\n    <ul v-if=\"isOpen\" class=\"absolute top-full z-10 mt-1 flex w-full list-none flex-col rounded border border-gray-200 bg-white shadow-md shadow-slate-500/10\">\n      <li v-if=\"showFilter\" class=\"border-b border-gray-200 p-2\">\n        <input type=\"text\" v-model=\"searchQuery\" class=\"focus:border-primary w-full rounded-sm border border-gray-200 px-2 py-1 focus:outline-none\" placeholder=\"Search\" />\n      </li>\n      <li v-for=\"(option, index) in filteredOptions\" :key=\"index\" :class=\"option === selectedOption && 'bg-primary/10'\" class=\"hover:bg-primary/5 cursor-pointer px-4 py-2\" @click=\"selectOption(option)\">\n        {{ option }}\n      </li>\n    </ul>\n  </div>\n</template>\n","export const props = {\n  direction: { type: String as () => \"horizontal\" | \"vertical\", default: \"horizontal\", options: [\"horizontal\", \"vertical\"] },\n  color: { type: String, default: \"#16476A\" },\n  label: { type: String, default: \"\" },\n  icon: { type: String, default: \"\" },\n} as const;\n","<script setup lang=\"ts\">\nimport { defineProps } from \"vue\";\nimport { props } from \"./props\";\nimport Icon from \"../icon/index.vue\";\n\ndefineProps(props);\n</script>\n\n<template>\n  <div :class=\"direction === 'horizontal' ? 'h-[1px] w-full' : direction === 'vertical' ? 'h-full w-[1px]' : ''\" class=\"relative bg-gray-200\" :style=\"{ backgroundColor: color }\">\n    <span v-if=\"direction === 'horizontal' && label && !icon\" class=\"absolute inset-0 m-auto flex w-fit items-center justify-center rounded-sm border border-gray-100 bg-white px-1 py-2 text-sm\" :style=\"{ color: color, borderColor: color }\">Test label</span>\n    <span v-if=\"direction === 'horizontal' && !label && icon\" class=\"absolute inset-0 m-auto flex h-fit w-fit shrink-0 items-center justify-center bg-white p-1\">\n      <Icon :icon=\"icon\" class=\"size-6\" :style=\"{ color: color }\" />\n    </span>\n  </div>\n</template>\n","export const props = {\n  content: { type: String, default: \"\" },\n  position: { type: String as () => \"top\" | \"bottom\" | \"left\" | \"right\", default: \"bottom\", options: [\"top\", \"bottom\", \"left\", \"right\"] },\n  bodyClass: { type: String, default: \"\" },\n} as const;\n","<script setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport { props } from \"./props\";\n\nconst isVisible = ref(false);\n\ndefineProps(props);\n</script>\n\n<template>\n  <div class=\"relative inline-block\" @mouseenter=\"isVisible = true\" @mouseleave=\"isVisible = false\">\n    <!-- Tooltip trigger -->\n    <slot />\n\n    <!-- Tooltip content -->\n    <!-- prettier-ignore -->\n    <div \n\t\tv-if=\"isVisible\" \n\t\t:class=\"[\n\t\t\t'absolute z-10 w-max rounded-md bg-white px-3 py-2 text-sm text-primary border shadow-xl transition-opacity duration-200',\n\t\t\tposition === 'top' && 'bottom-full left-1/2 mb-2 -translate-x-1/2',\n\t\t\tposition === 'bottom' && 'top-full left-1/2 mt-2 -translate-x-1/2',\n\t\t\tposition === 'left' && 'top-1/2 right-full mr-2 -translate-y-1/2',\n\t\t\tposition === 'right' && 'top-1/2 left-full ml-2 -translate-y-1/2',\n\t\t\tbodyClass\n\t\t]\">\n    <span v-if=\"!content\">{{ content }}</span>\n\t\t<slot name=\"body\" v-else />\n\t\t</div>\n  </div>\n</template>\n","import type { Colors, config as Config } from \"@/types/config\";\n\n// create theme settings\nexport const config = (config: Config) => {\n  return {\n    install() {\n      if (!config || !config.colors) {\n        console.warn(\"No config provided for the theme settings\");\n        return;\n      }\n\n      // apply colors\n      applyCSSVars(config.colors);\n    },\n  };\n};\n\n// apply the colors to the root element\nconst applyCSSVars = (colors: Colors) => {\n  const root = document.documentElement;\n\n  // apply the colors to the root element\n  for (const color in colors) {\n    if (colors[color as keyof Colors]) {\n      root.style.setProperty(`--ui-color-${color}`, colors[color as keyof Colors]);\n    }\n  }\n};\n"],"names":["activeIndex","ref","_openBlock","_createElementBlock","_hoisted_1","__props","_Fragment","_renderList","item","index","_createElementVNode","_normalizeClass","_hoisted_3","_toDisplayString","_createVNode","_component_Icon","_hoisted_4","_renderSlot","_ctx","_createTextVNode","_hoisted_5","props","classes","computed","_createBlock","_cache","icons","Check","Close","Loading","ChevronDown","Alert","size","IconComponent","key","fallbackKey","_resolveDynamicComponent","modelValue","_useModel","$event","checkboxClass","Icon","labelClass","label","show","drawerdirections","currClasses","defaultClasses","watch","_hoisted_2","title","description","Button","showFooter","_hoisted_6","model","helpText","type","placeholder","emit","__emit","val","_","isOpen","position","bodyClass","contentClass","progress","isDragging","tooltipVisible","updateProgress","event","progressBar","rect","clientX","offsetX","newProgress","startDrag","stopDragging","onMounted","onUnmounted","showTooltip","selectedOption","selectOption","option","searchQuery","filteredOptions","variant","showFilter","direction","color","icon","_normalizeStyle","isVisible","content","config","applyCSSVars","colors","root"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veloce-vue",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "private": false,
   "type": "module",
   "description": "A Vue 3 library built with Vite + TypeScript + Tailwind CSS.",

package/pages/Home/stories.d.ts

@@ -3,4 +3,33 @@ declare const _default: {
     component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 };
 export default _default;
-export declare const Home: {};
+export declare const Home: {
+    argTypes: {
+        primaryColor: {
+            control: string;
+            name: string;
+        };
+        secondaryColor: {
+            control: string;
+            name: string;
+        };
+        accentColor: {
+            control: string;
+            name: string;
+        };
+    };
+    args: {
+        primaryColor: string;
+        secondaryColor: string;
+        accentColor: string;
+    };
+    render: (args: any) => {
+        components: {
+            HomeComponent: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        };
+        setup(): {
+            args: any;
+        };
+        template: string;
+    };
+};

package/pages/config/Index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/pages/config/stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/vue3-vite";
+import ThemeComponent from "./Index.vue";
+declare const meta: Meta<typeof ThemeComponent>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Theme: Story;

package/veloce-vue.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--ui-color-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-2\.5{top:calc(var(--spacing)*-2.5)}.-top-9{top:calc(var(--spacing)*-9)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[9px\]{top:9px}.top-full{top:100%}.-right-full{right:-100%}.right-0{right:calc(var(--spacing)*0)}.right-full{right:100%}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-full{bottom:-100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.-left-full{left:-100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[49\]{z-index:49}.order-2{order:2}.m-0{margin:calc(var(--spacing)*0)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.flex{display:flex}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-\[1px\]{height:1px}.h-\[42px\]{height:42px}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100dvh-100px\)\]{max-height:calc(100dvh - 100px)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-\[360px\]{max-width:360px}.max-w-\[600px\]{max-width:600px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-primary{border-color:var(--color-primary)!important}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--color-primary)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-primary,.bg-primary\/5{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-red-400{background-color:var(--color-red-400)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\!p-1{padding:calc(var(--spacing)*1)!important}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[2px\]{padding-inline:2px}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-3{padding-top:calc(var(--spacing)*3)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.4rem\]{font-size:1.4rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-black{color:var(--color-black)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-primary{color:var(--color-primary)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-slate-500\/10{--tw-shadow-color:#62748e1a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-500\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-700\/10{--tw-shadow-color:#3141581a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-700\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-700)10%,transparent)var(--tw-shadow-alpha),transparent)}}.outline-primary{outline-color:var(--color-primary)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.peer-placeholder-shown\:text-gray-400:is(:where(.peer):placeholder-shown~*){color:var(--color-gray-400)}.peer-focus\:-top-2\.5:is(:where(.peer):focus~*){top:calc(var(--spacing)*-2.5)}.peer-focus\:text-sm:is(:where(.peer):focus~*){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.peer-focus\:text-black:is(:where(.peer):focus~*){color:var(--color-black)}@media (hover:hover){.hover\:border-primary\/60:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--color-primary)60%,transparent)}}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.hover\:bg-primary\/75:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/75:hover{background-color:color-mix(in oklab,var(--color-primary)75%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-75:disabled{opacity:.75}@media (hover:hover){.disabled\:hover\:bg-primary:disabled:hover{background-color:var(--color-primary)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-primary:disabled:hover{color:var(--color-primary)}.disabled\:hover\:text-white:disabled:hover{color:var(--color-white)}}@media (min-width:576px){.sm\:max-h-\[75vh\]{max-height:75vh}.sm\:max-h-\[95dvh\]{max-height:95dvh}.sm\:w-\[90\%\]{width:90%}}}:root{--ui-color-primary:#523ae4;--ui-color-secondary:#0f0d0d;--ui-color-accent:#f59e0b}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:var(--color-gray-200)}::-webkit-scrollbar-thumb{background-color:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-600)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-primary:var(--ui-color-primary)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.-top-2\.5{top:calc(var(--spacing)*-2.5)}.-top-9{top:calc(var(--spacing)*-9)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-\[9px\]{top:9px}.top-full{top:100%}.-right-full{right:-100%}.right-0{right:calc(var(--spacing)*0)}.right-full{right:100%}.-bottom-1{bottom:calc(var(--spacing)*-1)}.-bottom-full{bottom:-100%}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-full{bottom:100%}.-left-full{left:-100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[49\]{z-index:49}.order-2{order:2}.m-0{margin:calc(var(--spacing)*0)}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.-ml-2{margin-left:calc(var(--spacing)*-2)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.flex{display:flex}.inline{display:inline}.inline-block{display:inline-block}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-full{width:100%;height:100%}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-24{height:calc(var(--spacing)*24)}.h-\[1px\]{height:1px}.h-\[42px\]{height:42px}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[calc\(100dvh-100px\)\]{max-height:calc(100dvh - 100px)}.w-2{width:calc(var(--spacing)*2)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-24{width:calc(var(--spacing)*24)}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-screen{width:100vw}.max-w-\[360px\]{max-width:360px}.max-w-\[600px\]{max-width:600px}.min-w-full{min-width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-1\/3{flex-basis:33.3333%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\!border-primary{border-color:var(--color-primary)!important}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-primary{border-color:var(--color-primary)}.border-slate-200{border-color:var(--color-slate-200)}.border-transparent{border-color:#0000}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-primary,.bg-primary\/5{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.bg-primary\/10{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}}.bg-primary\/25{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/25{background-color:color-mix(in oklab,var(--color-primary)25%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\!p-1{padding:calc(var(--spacing)*1)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.\!px-3{padding-inline:calc(var(--spacing)*3)!important}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-\[2px\]{padding-inline:2px}.\!py-1{padding-block:calc(var(--spacing)*1)!important}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-1{padding-top:calc(var(--spacing)*1)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.4rem\]{font-size:1.4rem}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre{white-space:pre}.text-black{color:var(--color-black)}.text-gray-200{color:var(--color-gray-200)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-primary{color:var(--color-primary)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white)85%,transparent)}}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-slate-500\/10{--tw-shadow-color:#62748e1a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-500\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-500)10%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-slate-700\/10{--tw-shadow-color:#3141581a}@supports (color:color-mix(in lab,red,red)){.shadow-slate-700\/10{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-slate-700)10%,transparent)var(--tw-shadow-alpha),transparent)}}.outline-primary{outline-color:var(--color-primary)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;user-select:none}.peer-placeholder-shown\:text-gray-400:is(:where(.peer):placeholder-shown~*){color:var(--color-gray-400)}.peer-focus\:-top-2\.5:is(:where(.peer):focus~*){top:calc(var(--spacing)*-2.5)}.peer-focus\:text-sm:is(:where(.peer):focus~*){font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.peer-focus\:text-black:is(:where(.peer):focus~*){color:var(--color-black)}.first\:rounded-l-md:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.last\:rounded-r-md:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}@media (hover:hover){.hover\:border-primary\/60:hover{border-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-primary\/60:hover{border-color:color-mix(in oklab,var(--color-primary)60%,transparent)}}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-primary:hover,.hover\:bg-primary\/5:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/5:hover{background-color:color-mix(in oklab,var(--color-primary)5%,transparent)}}.hover\:bg-primary\/75:hover{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/75:hover{background-color:color-mix(in oklab,var(--color-primary)75%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-75:disabled{opacity:.75}@media (hover:hover){.disabled\:hover\:bg-primary:disabled:hover{background-color:var(--color-primary)}.disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.disabled\:hover\:text-primary:disabled:hover{color:var(--color-primary)}.disabled\:hover\:text-white:disabled:hover{color:var(--color-white)}}@media (min-width:576px){.sm\:max-h-\[75vh\]{max-height:75vh}.sm\:max-h-\[95dvh\]{max-height:95dvh}.sm\:w-\[90\%\]{width:90%}}}:root{--ui-color-primary:#523ae4;--ui-color-secondary:#0f0d0d;--ui-color-accent:#f59e0b}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:var(--color-gray-200)}::-webkit-scrollbar-thumb{background-color:var(--color-primary)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-600)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}