canx-ui 1.0.2 → 1.1.1

package/dist/index.js

@@ -1,129 +1,2154 @@
-// src/components/Button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
+// ../canxJS/dist/mvc/View.js
+var Fragment = Symbol.for("canxjs.fragment");
+var jsx = (type, props) => {
+  if (type === Fragment || typeof type === "symbol" && type.description === "canxjs.fragment") {
+    const children2 = props?.children;
+    if (Array.isArray(children2)) {
+      return children2.flat().map((c) => c === null || c === undefined || c === false ? "" : String(c)).join("");
+    }
+    return children2 ? String(children2) : "";
+  }
+  if (typeof type === "function") {
+    return type(props || {});
+  }
+  const tagName = type;
+  const children = props?.children;
+  const attrs = props ? Object.entries(props).filter(([key]) => key !== "children").map(([key, val]) => {
+    if (key === "className")
+      key = "class";
+    if (typeof val === "boolean")
+      return val ? key : "";
+    if (val === null || val === undefined)
+      return "";
+    return `${key}="${escapeHtml(String(val))}"`;
+  }).filter(Boolean).join(" ") : "";
+  let content = "";
+  if (children !== null && children !== undefined) {
+    if (Array.isArray(children)) {
+      content = children.flat().map((c) => c === null || c === undefined || c === false ? "" : String(c)).join("");
+    } else if (children !== false) {
+      content = String(children);
+    }
+  }
+  const selfClosing = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "meta", "source", "track", "wbr"];
+  if (selfClosing.includes(tagName)) {
+    return `<${tagName}${attrs ? " " + attrs : ""} />`;
+  }
+  return `<${tagName}${attrs ? " " + attrs : ""}>${content}</${tagName}>`;
+};
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-function Button({
-  type = "button",
-  variant = "primary",
-  size = "md",
-  className = "",
-  children,
-  ...props
-}) {
-  const baseStyles = "inline-flex items-center justify-center rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none";
+// src/components/ActionButton.tsx
+function ActionButton({ onClick, href, icon, variant = "neutral", label }) {
+  const baseClasses = "p-2 rounded-lg transition-all duration-200 flex items-center justify-center";
   const variants = {
-    primary: "bg-blue-600 text-white hover:bg-blue-700",
-    secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200",
-    danger: "bg-red-600 text-white hover:bg-red-700",
-    ghost: "hover:bg-gray-100 hover:text-gray-900"
-  };
-  const sizes = {
-    sm: "h-8 px-3 text-xs",
-    md: "h-10 px-4 py-2 text-sm",
-    lg: "h-12 px-8 text-md"
+    primary: "text-blue-400 hover:bg-blue-500/10 hover:text-blue-300",
+    danger: "text-red-400 hover:bg-red-500/10 hover:text-red-300",
+    neutral: "text-slate-400 hover:bg-slate-700/50 hover:text-white"
   };
-  return /* @__PURE__ */ jsxDEV("button", {
-    type,
-    className: cn(baseStyles, variants[variant], sizes[size], className),
-    ...props,
-    children
+  const content = /* @__PURE__ */ jsx(Fragment, {
+    children: [
+      icon && /* @__PURE__ */ jsx("svg", {
+        className: "w-4 h-4",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        children: /* @__PURE__ */ jsx("path", {
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          d: icon
+        }, undefined, false, undefined, this)
+      }, undefined, false, undefined, this),
+      label && /* @__PURE__ */ jsx("span", {
+        className: icon ? "ml-2" : "",
+        children: label
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+  if (href) {
+    return /* @__PURE__ */ jsx("a", {
+      href,
+      className: `${baseClasses} ${variants[variant]}`,
+      children: content
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx("button", {
+    onClick,
+    className: `${baseClasses} ${variants[variant]}`,
+    children: content
   }, undefined, false, undefined, this);
 }
-// src/components/Input.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-function cn2(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-function Input({
-  type = "text",
+// src/components/AnimatedGradientText.tsx
+function AnimatedGradientText({
+  children,
   className = "",
-  error,
-  label,
-  ...props
+  as: Tag = "span"
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "w-full",
+  return /* @__PURE__ */ jsx(Tag, {
+    className: `text-gradient-animated ${className}`,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/ApplicationLogo.tsx
+function ApplicationLogo(props) {
+  return /* @__PURE__ */ jsx("svg", {
+    viewBox: "0 0 317 48",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
     children: [
-      label && /* @__PURE__ */ jsxDEV2("label", {
-        className: "block text-sm font-medium text-gray-700 mb-1",
-        children: label
+      /* @__PURE__ */ jsx("path", {
+        d: "M74.0664 47.3879H16.2917C14.1566 47.3879 12.0624 46.852 10.1989 45.8288C8.33534 44.8056 6.76212 43.3276 5.62173 41.5284C4.48135 39.7291 3.81055 37.6653 3.6703 35.525C3.53005 33.3846 3.92484 31.2359 4.81845 29.2721L17.2038 2.05353C17.3484 1.73562 17.5852 1.46782 17.8839 1.28424C18.1827 1.10066 18.53 1.00958 18.8821 1.02256C19.2341 1.03554 19.5753 1.152 19.8622 1.35712C20.1491 1.56223 20.3687 1.84656 20.4933 2.17384L30.2922 28.1691C30.5694 28.9103 30.7061 29.6973 30.6934 30.4891C30.6806 31.2809 30.5186 32.0637 30.218 32.8016C29.6596 34.1979 28.7618 35.4328 27.6012 36.4011C26.4406 37.3695 25.0531 38.0425 23.5562 38.3629L23.4756 38.3792L52.825 47.3879H74.0664Z",
+        fill: "#FF2D20"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV2("input", {
-        type,
-        className: cn2("flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:cursor-not-allowed disabled:opacity-50", error && "border-red-500 focus:ring-red-500", className),
-        ...props
-      }, undefined, false, undefined, this),
-      error && /* @__PURE__ */ jsxDEV2("p", {
-        className: "mt-1 text-xs text-red-500",
-        children: error
+      /* @__PURE__ */ jsx("path", {
+        d: "M67.3195 47.3879L86.6669 4.35339C86.7323 4.20909 86.8373 4.08573 86.969 3.99824C87.1007 3.91075 87.2536 3.86282 87.4093 3.86016C87.565 3.85751 87.7169 3.90025 87.8467 3.98319C87.9765 4.06614 88.0787 4.18573 88.141 4.3276L107.491 47.3879H130.435L98.5996 47.3879H67.3195Z",
+        fill: "#FF2D20"
       }, undefined, false, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
-// src/components/Modal.tsx
-import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
-function cn3(...classes) {
-  return classes.filter(Boolean).join(" ");
+// ../node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if (typeof e == "string" || typeof e == "number")
+    n += e;
+  else if (typeof e == "object")
+    if (Array.isArray(e)) {
+      var o = e.length;
+      for (t = 0;t < o; t++)
+        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+    } else
+      for (f in e)
+        e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
+    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
 }
-function Modal({ id, title, children, className, triggerLabel }) {
-  return /* @__PURE__ */ jsxDEV3(Fragment, {
+
+// ../node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var concatArrays = (array1, array2) => {
+  const combinedArray = new Array(array1.length + array2.length);
+  for (let i = 0;i < array1.length; i++) {
+    combinedArray[i] = array1[i];
+  }
+  for (let i = 0;i < array2.length; i++) {
+    combinedArray[array1.length + i] = array2[i];
+  }
+  return combinedArray;
+};
+var createClassValidatorObject = (classGroupId, validator) => ({
+  classGroupId,
+  validator
+});
+var createClassPartObject = (nextPart = new Map, validators = null, classGroupId) => ({
+  nextPart,
+  validators,
+  classGroupId
+});
+var CLASS_PART_SEPARATOR = "-";
+var EMPTY_CONFLICTS = [];
+var ARBITRARY_PROPERTY_PREFIX = "arbitrary..";
+var createClassGroupUtils = (config) => {
+  const classMap = createClassMap(config);
+  const {
+    conflictingClassGroups,
+    conflictingClassGroupModifiers
+  } = config;
+  const getClassGroupId = (className) => {
+    if (className.startsWith("[") && className.endsWith("]")) {
+      return getGroupIdForArbitraryProperty(className);
+    }
+    const classParts = className.split(CLASS_PART_SEPARATOR);
+    const startIndex = classParts[0] === "" && classParts.length > 1 ? 1 : 0;
+    return getGroupRecursive(classParts, startIndex, classMap);
+  };
+  const getConflictingClassGroupIds = (classGroupId, hasPostfixModifier) => {
+    if (hasPostfixModifier) {
+      const modifierConflicts = conflictingClassGroupModifiers[classGroupId];
+      const baseConflicts = conflictingClassGroups[classGroupId];
+      if (modifierConflicts) {
+        if (baseConflicts) {
+          return concatArrays(baseConflicts, modifierConflicts);
+        }
+        return modifierConflicts;
+      }
+      return baseConflicts || EMPTY_CONFLICTS;
+    }
+    return conflictingClassGroups[classGroupId] || EMPTY_CONFLICTS;
+  };
+  return {
+    getClassGroupId,
+    getConflictingClassGroupIds
+  };
+};
+var getGroupRecursive = (classParts, startIndex, classPartObject) => {
+  const classPathsLength = classParts.length - startIndex;
+  if (classPathsLength === 0) {
+    return classPartObject.classGroupId;
+  }
+  const currentClassPart = classParts[startIndex];
+  const nextClassPartObject = classPartObject.nextPart.get(currentClassPart);
+  if (nextClassPartObject) {
+    const result = getGroupRecursive(classParts, startIndex + 1, nextClassPartObject);
+    if (result)
+      return result;
+  }
+  const validators = classPartObject.validators;
+  if (validators === null) {
+    return;
+  }
+  const classRest = startIndex === 0 ? classParts.join(CLASS_PART_SEPARATOR) : classParts.slice(startIndex).join(CLASS_PART_SEPARATOR);
+  const validatorsLength = validators.length;
+  for (let i = 0;i < validatorsLength; i++) {
+    const validatorObj = validators[i];
+    if (validatorObj.validator(classRest)) {
+      return validatorObj.classGroupId;
+    }
+  }
+  return;
+};
+var getGroupIdForArbitraryProperty = (className) => className.slice(1, -1).indexOf(":") === -1 ? undefined : (() => {
+  const content = className.slice(1, -1);
+  const colonIndex = content.indexOf(":");
+  const property = content.slice(0, colonIndex);
+  return property ? ARBITRARY_PROPERTY_PREFIX + property : undefined;
+})();
+var createClassMap = (config) => {
+  const {
+    theme,
+    classGroups
+  } = config;
+  return processClassGroups(classGroups, theme);
+};
+var processClassGroups = (classGroups, theme) => {
+  const classMap = createClassPartObject();
+  for (const classGroupId in classGroups) {
+    const group = classGroups[classGroupId];
+    processClassesRecursively(group, classMap, classGroupId, theme);
+  }
+  return classMap;
+};
+var processClassesRecursively = (classGroup, classPartObject, classGroupId, theme) => {
+  const len = classGroup.length;
+  for (let i = 0;i < len; i++) {
+    const classDefinition = classGroup[i];
+    processClassDefinition(classDefinition, classPartObject, classGroupId, theme);
+  }
+};
+var processClassDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+  if (typeof classDefinition === "string") {
+    processStringDefinition(classDefinition, classPartObject, classGroupId);
+    return;
+  }
+  if (typeof classDefinition === "function") {
+    processFunctionDefinition(classDefinition, classPartObject, classGroupId, theme);
+    return;
+  }
+  processObjectDefinition(classDefinition, classPartObject, classGroupId, theme);
+};
+var processStringDefinition = (classDefinition, classPartObject, classGroupId) => {
+  const classPartObjectToEdit = classDefinition === "" ? classPartObject : getPart(classPartObject, classDefinition);
+  classPartObjectToEdit.classGroupId = classGroupId;
+};
+var processFunctionDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+  if (isThemeGetter(classDefinition)) {
+    processClassesRecursively(classDefinition(theme), classPartObject, classGroupId, theme);
+    return;
+  }
+  if (classPartObject.validators === null) {
+    classPartObject.validators = [];
+  }
+  classPartObject.validators.push(createClassValidatorObject(classGroupId, classDefinition));
+};
+var processObjectDefinition = (classDefinition, classPartObject, classGroupId, theme) => {
+  const entries = Object.entries(classDefinition);
+  const len = entries.length;
+  for (let i = 0;i < len; i++) {
+    const [key, value] = entries[i];
+    processClassesRecursively(value, getPart(classPartObject, key), classGroupId, theme);
+  }
+};
+var getPart = (classPartObject, path) => {
+  let current = classPartObject;
+  const parts = path.split(CLASS_PART_SEPARATOR);
+  const len = parts.length;
+  for (let i = 0;i < len; i++) {
+    const part = parts[i];
+    let next = current.nextPart.get(part);
+    if (!next) {
+      next = createClassPartObject();
+      current.nextPart.set(part, next);
+    }
+    current = next;
+  }
+  return current;
+};
+var isThemeGetter = (func) => ("isThemeGetter" in func) && func.isThemeGetter === true;
+var createLruCache = (maxCacheSize) => {
+  if (maxCacheSize < 1) {
+    return {
+      get: () => {
+        return;
+      },
+      set: () => {
+      }
+    };
+  }
+  let cacheSize = 0;
+  let cache = Object.create(null);
+  let previousCache = Object.create(null);
+  const update = (key, value) => {
+    cache[key] = value;
+    cacheSize++;
+    if (cacheSize > maxCacheSize) {
+      cacheSize = 0;
+      previousCache = cache;
+      cache = Object.create(null);
+    }
+  };
+  return {
+    get(key) {
+      let value = cache[key];
+      if (value !== undefined) {
+        return value;
+      }
+      if ((value = previousCache[key]) !== undefined) {
+        update(key, value);
+        return value;
+      }
+    },
+    set(key, value) {
+      if (key in cache) {
+        cache[key] = value;
+      } else {
+        update(key, value);
+      }
+    }
+  };
+};
+var IMPORTANT_MODIFIER = "!";
+var MODIFIER_SEPARATOR = ":";
+var EMPTY_MODIFIERS = [];
+var createResultObject = (modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition, isExternal) => ({
+  modifiers,
+  hasImportantModifier,
+  baseClassName,
+  maybePostfixModifierPosition,
+  isExternal
+});
+var createParseClassName = (config) => {
+  const {
+    prefix,
+    experimentalParseClassName
+  } = config;
+  let parseClassName = (className) => {
+    const modifiers = [];
+    let bracketDepth = 0;
+    let parenDepth = 0;
+    let modifierStart = 0;
+    let postfixModifierPosition;
+    const len = className.length;
+    for (let index = 0;index < len; index++) {
+      const currentCharacter = className[index];
+      if (bracketDepth === 0 && parenDepth === 0) {
+        if (currentCharacter === MODIFIER_SEPARATOR) {
+          modifiers.push(className.slice(modifierStart, index));
+          modifierStart = index + 1;
+          continue;
+        }
+        if (currentCharacter === "/") {
+          postfixModifierPosition = index;
+          continue;
+        }
+      }
+      if (currentCharacter === "[")
+        bracketDepth++;
+      else if (currentCharacter === "]")
+        bracketDepth--;
+      else if (currentCharacter === "(")
+        parenDepth++;
+      else if (currentCharacter === ")")
+        parenDepth--;
+    }
+    const baseClassNameWithImportantModifier = modifiers.length === 0 ? className : className.slice(modifierStart);
+    let baseClassName = baseClassNameWithImportantModifier;
+    let hasImportantModifier = false;
+    if (baseClassNameWithImportantModifier.endsWith(IMPORTANT_MODIFIER)) {
+      baseClassName = baseClassNameWithImportantModifier.slice(0, -1);
+      hasImportantModifier = true;
+    } else if (baseClassNameWithImportantModifier.startsWith(IMPORTANT_MODIFIER)) {
+      baseClassName = baseClassNameWithImportantModifier.slice(1);
+      hasImportantModifier = true;
+    }
+    const maybePostfixModifierPosition = postfixModifierPosition && postfixModifierPosition > modifierStart ? postfixModifierPosition - modifierStart : undefined;
+    return createResultObject(modifiers, hasImportantModifier, baseClassName, maybePostfixModifierPosition);
+  };
+  if (prefix) {
+    const fullPrefix = prefix + MODIFIER_SEPARATOR;
+    const parseClassNameOriginal = parseClassName;
+    parseClassName = (className) => className.startsWith(fullPrefix) ? parseClassNameOriginal(className.slice(fullPrefix.length)) : createResultObject(EMPTY_MODIFIERS, false, className, undefined, true);
+  }
+  if (experimentalParseClassName) {
+    const parseClassNameOriginal = parseClassName;
+    parseClassName = (className) => experimentalParseClassName({
+      className,
+      parseClassName: parseClassNameOriginal
+    });
+  }
+  return parseClassName;
+};
+var createSortModifiers = (config) => {
+  const modifierWeights = new Map;
+  config.orderSensitiveModifiers.forEach((mod, index) => {
+    modifierWeights.set(mod, 1e6 + index);
+  });
+  return (modifiers) => {
+    const result = [];
+    let currentSegment = [];
+    for (let i = 0;i < modifiers.length; i++) {
+      const modifier = modifiers[i];
+      const isArbitrary = modifier[0] === "[";
+      const isOrderSensitive = modifierWeights.has(modifier);
+      if (isArbitrary || isOrderSensitive) {
+        if (currentSegment.length > 0) {
+          currentSegment.sort();
+          result.push(...currentSegment);
+          currentSegment = [];
+        }
+        result.push(modifier);
+      } else {
+        currentSegment.push(modifier);
+      }
+    }
+    if (currentSegment.length > 0) {
+      currentSegment.sort();
+      result.push(...currentSegment);
+    }
+    return result;
+  };
+};
+var createConfigUtils = (config) => ({
+  cache: createLruCache(config.cacheSize),
+  parseClassName: createParseClassName(config),
+  sortModifiers: createSortModifiers(config),
+  ...createClassGroupUtils(config)
+});
+var SPLIT_CLASSES_REGEX = /\s+/;
+var mergeClassList = (classList, configUtils) => {
+  const {
+    parseClassName,
+    getClassGroupId,
+    getConflictingClassGroupIds,
+    sortModifiers
+  } = configUtils;
+  const classGroupsInConflict = [];
+  const classNames = classList.trim().split(SPLIT_CLASSES_REGEX);
+  let result = "";
+  for (let index = classNames.length - 1;index >= 0; index -= 1) {
+    const originalClassName = classNames[index];
+    const {
+      isExternal,
+      modifiers,
+      hasImportantModifier,
+      baseClassName,
+      maybePostfixModifierPosition
+    } = parseClassName(originalClassName);
+    if (isExternal) {
+      result = originalClassName + (result.length > 0 ? " " + result : result);
+      continue;
+    }
+    let hasPostfixModifier = !!maybePostfixModifierPosition;
+    let classGroupId = getClassGroupId(hasPostfixModifier ? baseClassName.substring(0, maybePostfixModifierPosition) : baseClassName);
+    if (!classGroupId) {
+      if (!hasPostfixModifier) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      classGroupId = getClassGroupId(baseClassName);
+      if (!classGroupId) {
+        result = originalClassName + (result.length > 0 ? " " + result : result);
+        continue;
+      }
+      hasPostfixModifier = false;
+    }
+    const variantModifier = modifiers.length === 0 ? "" : modifiers.length === 1 ? modifiers[0] : sortModifiers(modifiers).join(":");
+    const modifierId = hasImportantModifier ? variantModifier + IMPORTANT_MODIFIER : variantModifier;
+    const classId = modifierId + classGroupId;
+    if (classGroupsInConflict.indexOf(classId) > -1) {
+      continue;
+    }
+    classGroupsInConflict.push(classId);
+    const conflictGroups = getConflictingClassGroupIds(classGroupId, hasPostfixModifier);
+    for (let i = 0;i < conflictGroups.length; ++i) {
+      const group = conflictGroups[i];
+      classGroupsInConflict.push(modifierId + group);
+    }
+    result = originalClassName + (result.length > 0 ? " " + result : result);
+  }
+  return result;
+};
+var twJoin = (...classLists) => {
+  let index = 0;
+  let argument;
+  let resolvedValue;
+  let string = "";
+  while (index < classLists.length) {
+    if (argument = classLists[index++]) {
+      if (resolvedValue = toValue(argument)) {
+        string && (string += " ");
+        string += resolvedValue;
+      }
+    }
+  }
+  return string;
+};
+var toValue = (mix) => {
+  if (typeof mix === "string") {
+    return mix;
+  }
+  let resolvedValue;
+  let string = "";
+  for (let k = 0;k < mix.length; k++) {
+    if (mix[k]) {
+      if (resolvedValue = toValue(mix[k])) {
+        string && (string += " ");
+        string += resolvedValue;
+      }
+    }
+  }
+  return string;
+};
+var createTailwindMerge = (createConfigFirst, ...createConfigRest) => {
+  let configUtils;
+  let cacheGet;
+  let cacheSet;
+  let functionToCall;
+  const initTailwindMerge = (classList) => {
+    const config = createConfigRest.reduce((previousConfig, createConfigCurrent) => createConfigCurrent(previousConfig), createConfigFirst());
+    configUtils = createConfigUtils(config);
+    cacheGet = configUtils.cache.get;
+    cacheSet = configUtils.cache.set;
+    functionToCall = tailwindMerge;
+    return tailwindMerge(classList);
+  };
+  const tailwindMerge = (classList) => {
+    const cachedResult = cacheGet(classList);
+    if (cachedResult) {
+      return cachedResult;
+    }
+    const result = mergeClassList(classList, configUtils);
+    cacheSet(classList, result);
+    return result;
+  };
+  functionToCall = initTailwindMerge;
+  return (...args) => functionToCall(twJoin(...args));
+};
+var fallbackThemeArr = [];
+var fromTheme = (key) => {
+  const themeGetter = (theme) => theme[key] || fallbackThemeArr;
+  themeGetter.isThemeGetter = true;
+  return themeGetter;
+};
+var arbitraryValueRegex = /^\[(?:(\w[\w-]*):)?(.+)\]$/i;
+var arbitraryVariableRegex = /^\((?:(\w[\w-]*):)?(.+)\)$/i;
+var fractionRegex = /^\d+\/\d+$/;
+var tshirtUnitRegex = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/;
+var lengthUnitRegex = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/;
+var colorFunctionRegex = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/;
+var shadowRegex = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/;
+var imageRegex = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/;
+var isFraction = (value) => fractionRegex.test(value);
+var isNumber = (value) => !!value && !Number.isNaN(Number(value));
+var isInteger = (value) => !!value && Number.isInteger(Number(value));
+var isPercent = (value) => value.endsWith("%") && isNumber(value.slice(0, -1));
+var isTshirtSize = (value) => tshirtUnitRegex.test(value);
+var isAny = () => true;
+var isLengthOnly = (value) => lengthUnitRegex.test(value) && !colorFunctionRegex.test(value);
+var isNever = () => false;
+var isShadow = (value) => shadowRegex.test(value);
+var isImage = (value) => imageRegex.test(value);
+var isAnyNonArbitrary = (value) => !isArbitraryValue(value) && !isArbitraryVariable(value);
+var isArbitrarySize = (value) => getIsArbitraryValue(value, isLabelSize, isNever);
+var isArbitraryValue = (value) => arbitraryValueRegex.test(value);
+var isArbitraryLength = (value) => getIsArbitraryValue(value, isLabelLength, isLengthOnly);
+var isArbitraryNumber = (value) => getIsArbitraryValue(value, isLabelNumber, isNumber);
+var isArbitraryPosition = (value) => getIsArbitraryValue(value, isLabelPosition, isNever);
+var isArbitraryImage = (value) => getIsArbitraryValue(value, isLabelImage, isImage);
+var isArbitraryShadow = (value) => getIsArbitraryValue(value, isLabelShadow, isShadow);
+var isArbitraryVariable = (value) => arbitraryVariableRegex.test(value);
+var isArbitraryVariableLength = (value) => getIsArbitraryVariable(value, isLabelLength);
+var isArbitraryVariableFamilyName = (value) => getIsArbitraryVariable(value, isLabelFamilyName);
+var isArbitraryVariablePosition = (value) => getIsArbitraryVariable(value, isLabelPosition);
+var isArbitraryVariableSize = (value) => getIsArbitraryVariable(value, isLabelSize);
+var isArbitraryVariableImage = (value) => getIsArbitraryVariable(value, isLabelImage);
+var isArbitraryVariableShadow = (value) => getIsArbitraryVariable(value, isLabelShadow, true);
+var getIsArbitraryValue = (value, testLabel, testValue) => {
+  const result = arbitraryValueRegex.exec(value);
+  if (result) {
+    if (result[1]) {
+      return testLabel(result[1]);
+    }
+    return testValue(result[2]);
+  }
+  return false;
+};
+var getIsArbitraryVariable = (value, testLabel, shouldMatchNoLabel = false) => {
+  const result = arbitraryVariableRegex.exec(value);
+  if (result) {
+    if (result[1]) {
+      return testLabel(result[1]);
+    }
+    return shouldMatchNoLabel;
+  }
+  return false;
+};
+var isLabelPosition = (label) => label === "position" || label === "percentage";
+var isLabelImage = (label) => label === "image" || label === "url";
+var isLabelSize = (label) => label === "length" || label === "size" || label === "bg-size";
+var isLabelLength = (label) => label === "length";
+var isLabelNumber = (label) => label === "number";
+var isLabelFamilyName = (label) => label === "family-name";
+var isLabelShadow = (label) => label === "shadow";
+var getDefaultConfig = () => {
+  const themeColor = fromTheme("color");
+  const themeFont = fromTheme("font");
+  const themeText = fromTheme("text");
+  const themeFontWeight = fromTheme("font-weight");
+  const themeTracking = fromTheme("tracking");
+  const themeLeading = fromTheme("leading");
+  const themeBreakpoint = fromTheme("breakpoint");
+  const themeContainer = fromTheme("container");
+  const themeSpacing = fromTheme("spacing");
+  const themeRadius = fromTheme("radius");
+  const themeShadow = fromTheme("shadow");
+  const themeInsetShadow = fromTheme("inset-shadow");
+  const themeTextShadow = fromTheme("text-shadow");
+  const themeDropShadow = fromTheme("drop-shadow");
+  const themeBlur = fromTheme("blur");
+  const themePerspective = fromTheme("perspective");
+  const themeAspect = fromTheme("aspect");
+  const themeEase = fromTheme("ease");
+  const themeAnimate = fromTheme("animate");
+  const scaleBreak = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"];
+  const scalePosition = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    "left-top",
+    "top-right",
+    "right-top",
+    "bottom-right",
+    "right-bottom",
+    "bottom-left",
+    "left-bottom"
+  ];
+  const scalePositionWithArbitrary = () => [...scalePosition(), isArbitraryVariable, isArbitraryValue];
+  const scaleOverflow = () => ["auto", "hidden", "clip", "visible", "scroll"];
+  const scaleOverscroll = () => ["auto", "contain", "none"];
+  const scaleUnambiguousSpacing = () => [isArbitraryVariable, isArbitraryValue, themeSpacing];
+  const scaleInset = () => [isFraction, "full", "auto", ...scaleUnambiguousSpacing()];
+  const scaleGridTemplateColsRows = () => [isInteger, "none", "subgrid", isArbitraryVariable, isArbitraryValue];
+  const scaleGridColRowStartAndEnd = () => ["auto", {
+    span: ["full", isInteger, isArbitraryVariable, isArbitraryValue]
+  }, isInteger, isArbitraryVariable, isArbitraryValue];
+  const scaleGridColRowStartOrEnd = () => [isInteger, "auto", isArbitraryVariable, isArbitraryValue];
+  const scaleGridAutoColsRows = () => ["auto", "min", "max", "fr", isArbitraryVariable, isArbitraryValue];
+  const scaleAlignPrimaryAxis = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"];
+  const scaleAlignSecondaryAxis = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"];
+  const scaleMargin = () => ["auto", ...scaleUnambiguousSpacing()];
+  const scaleSizing = () => [isFraction, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...scaleUnambiguousSpacing()];
+  const scaleColor = () => [themeColor, isArbitraryVariable, isArbitraryValue];
+  const scaleBgPosition = () => [...scalePosition(), isArbitraryVariablePosition, isArbitraryPosition, {
+    position: [isArbitraryVariable, isArbitraryValue]
+  }];
+  const scaleBgRepeat = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }];
+  const scaleBgSize = () => ["auto", "cover", "contain", isArbitraryVariableSize, isArbitrarySize, {
+    size: [isArbitraryVariable, isArbitraryValue]
+  }];
+  const scaleGradientStopPosition = () => [isPercent, isArbitraryVariableLength, isArbitraryLength];
+  const scaleRadius = () => [
+    "",
+    "none",
+    "full",
+    themeRadius,
+    isArbitraryVariable,
+    isArbitraryValue
+  ];
+  const scaleBorderWidth = () => ["", isNumber, isArbitraryVariableLength, isArbitraryLength];
+  const scaleLineStyle = () => ["solid", "dashed", "dotted", "double"];
+  const scaleBlendMode = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"];
+  const scaleMaskImagePosition = () => [isNumber, isPercent, isArbitraryVariablePosition, isArbitraryPosition];
+  const scaleBlur = () => [
+    "",
+    "none",
+    themeBlur,
+    isArbitraryVariable,
+    isArbitraryValue
+  ];
+  const scaleRotate = () => ["none", isNumber, isArbitraryVariable, isArbitraryValue];
+  const scaleScale = () => ["none", isNumber, isArbitraryVariable, isArbitraryValue];
+  const scaleSkew = () => [isNumber, isArbitraryVariable, isArbitraryValue];
+  const scaleTranslate = () => [isFraction, "full", ...scaleUnambiguousSpacing()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [isTshirtSize],
+      breakpoint: [isTshirtSize],
+      color: [isAny],
+      container: [isTshirtSize],
+      "drop-shadow": [isTshirtSize],
+      ease: ["in", "out", "in-out"],
+      font: [isAnyNonArbitrary],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [isTshirtSize],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [isTshirtSize],
+      shadow: [isTshirtSize],
+      spacing: ["px", isNumber],
+      text: [isTshirtSize],
+      "text-shadow": [isTshirtSize],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      aspect: [{
+        aspect: ["auto", "square", isFraction, isArbitraryValue, isArbitraryVariable, themeAspect]
+      }],
+      container: ["container"],
+      columns: [{
+        columns: [isNumber, isArbitraryValue, isArbitraryVariable, themeContainer]
+      }],
+      "break-after": [{
+        "break-after": scaleBreak()
+      }],
+      "break-before": [{
+        "break-before": scaleBreak()
+      }],
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      box: [{
+        box: ["border", "content"]
+      }],
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      sr: ["sr-only", "not-sr-only"],
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      isolation: ["isolate", "isolation-auto"],
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      "object-position": [{
+        object: scalePositionWithArbitrary()
+      }],
+      overflow: [{
+        overflow: scaleOverflow()
+      }],
+      "overflow-x": [{
+        "overflow-x": scaleOverflow()
+      }],
+      "overflow-y": [{
+        "overflow-y": scaleOverflow()
+      }],
+      overscroll: [{
+        overscroll: scaleOverscroll()
+      }],
+      "overscroll-x": [{
+        "overscroll-x": scaleOverscroll()
+      }],
+      "overscroll-y": [{
+        "overscroll-y": scaleOverscroll()
+      }],
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      inset: [{
+        inset: scaleInset()
+      }],
+      "inset-x": [{
+        "inset-x": scaleInset()
+      }],
+      "inset-y": [{
+        "inset-y": scaleInset()
+      }],
+      start: [{
+        start: scaleInset()
+      }],
+      end: [{
+        end: scaleInset()
+      }],
+      top: [{
+        top: scaleInset()
+      }],
+      right: [{
+        right: scaleInset()
+      }],
+      bottom: [{
+        bottom: scaleInset()
+      }],
+      left: [{
+        left: scaleInset()
+      }],
+      visibility: ["visible", "invisible", "collapse"],
+      z: [{
+        z: [isInteger, "auto", isArbitraryVariable, isArbitraryValue]
+      }],
+      basis: [{
+        basis: [isFraction, "full", "auto", themeContainer, ...scaleUnambiguousSpacing()]
+      }],
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      "flex-wrap": [{
+        flex: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      flex: [{
+        flex: [isNumber, isFraction, "auto", "initial", "none", isArbitraryValue]
+      }],
+      grow: [{
+        grow: ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      shrink: [{
+        shrink: ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      order: [{
+        order: [isInteger, "first", "last", "none", isArbitraryVariable, isArbitraryValue]
+      }],
+      "grid-cols": [{
+        "grid-cols": scaleGridTemplateColsRows()
+      }],
+      "col-start-end": [{
+        col: scaleGridColRowStartAndEnd()
+      }],
+      "col-start": [{
+        "col-start": scaleGridColRowStartOrEnd()
+      }],
+      "col-end": [{
+        "col-end": scaleGridColRowStartOrEnd()
+      }],
+      "grid-rows": [{
+        "grid-rows": scaleGridTemplateColsRows()
+      }],
+      "row-start-end": [{
+        row: scaleGridColRowStartAndEnd()
+      }],
+      "row-start": [{
+        "row-start": scaleGridColRowStartOrEnd()
+      }],
+      "row-end": [{
+        "row-end": scaleGridColRowStartOrEnd()
+      }],
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      "auto-cols": [{
+        "auto-cols": scaleGridAutoColsRows()
+      }],
+      "auto-rows": [{
+        "auto-rows": scaleGridAutoColsRows()
+      }],
+      gap: [{
+        gap: scaleUnambiguousSpacing()
+      }],
+      "gap-x": [{
+        "gap-x": scaleUnambiguousSpacing()
+      }],
+      "gap-y": [{
+        "gap-y": scaleUnambiguousSpacing()
+      }],
+      "justify-content": [{
+        justify: [...scaleAlignPrimaryAxis(), "normal"]
+      }],
+      "justify-items": [{
+        "justify-items": [...scaleAlignSecondaryAxis(), "normal"]
+      }],
+      "justify-self": [{
+        "justify-self": ["auto", ...scaleAlignSecondaryAxis()]
+      }],
+      "align-content": [{
+        content: ["normal", ...scaleAlignPrimaryAxis()]
+      }],
+      "align-items": [{
+        items: [...scaleAlignSecondaryAxis(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      "align-self": [{
+        self: ["auto", ...scaleAlignSecondaryAxis(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      "place-content": [{
+        "place-content": scaleAlignPrimaryAxis()
+      }],
+      "place-items": [{
+        "place-items": [...scaleAlignSecondaryAxis(), "baseline"]
+      }],
+      "place-self": [{
+        "place-self": ["auto", ...scaleAlignSecondaryAxis()]
+      }],
+      p: [{
+        p: scaleUnambiguousSpacing()
+      }],
+      px: [{
+        px: scaleUnambiguousSpacing()
+      }],
+      py: [{
+        py: scaleUnambiguousSpacing()
+      }],
+      ps: [{
+        ps: scaleUnambiguousSpacing()
+      }],
+      pe: [{
+        pe: scaleUnambiguousSpacing()
+      }],
+      pt: [{
+        pt: scaleUnambiguousSpacing()
+      }],
+      pr: [{
+        pr: scaleUnambiguousSpacing()
+      }],
+      pb: [{
+        pb: scaleUnambiguousSpacing()
+      }],
+      pl: [{
+        pl: scaleUnambiguousSpacing()
+      }],
+      m: [{
+        m: scaleMargin()
+      }],
+      mx: [{
+        mx: scaleMargin()
+      }],
+      my: [{
+        my: scaleMargin()
+      }],
+      ms: [{
+        ms: scaleMargin()
+      }],
+      me: [{
+        me: scaleMargin()
+      }],
+      mt: [{
+        mt: scaleMargin()
+      }],
+      mr: [{
+        mr: scaleMargin()
+      }],
+      mb: [{
+        mb: scaleMargin()
+      }],
+      ml: [{
+        ml: scaleMargin()
+      }],
+      "space-x": [{
+        "space-x": scaleUnambiguousSpacing()
+      }],
+      "space-x-reverse": ["space-x-reverse"],
+      "space-y": [{
+        "space-y": scaleUnambiguousSpacing()
+      }],
+      "space-y-reverse": ["space-y-reverse"],
+      size: [{
+        size: scaleSizing()
+      }],
+      w: [{
+        w: [themeContainer, "screen", ...scaleSizing()]
+      }],
+      "min-w": [{
+        "min-w": [
+          themeContainer,
+          "screen",
+          "none",
+          ...scaleSizing()
+        ]
+      }],
+      "max-w": [{
+        "max-w": [
+          themeContainer,
+          "screen",
+          "none",
+          "prose",
+          {
+            screen: [themeBreakpoint]
+          },
+          ...scaleSizing()
+        ]
+      }],
+      h: [{
+        h: ["screen", "lh", ...scaleSizing()]
+      }],
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...scaleSizing()]
+      }],
+      "max-h": [{
+        "max-h": ["screen", "lh", ...scaleSizing()]
+      }],
+      "font-size": [{
+        text: ["base", themeText, isArbitraryVariableLength, isArbitraryLength]
+      }],
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      "font-style": ["italic", "not-italic"],
+      "font-weight": [{
+        font: [themeFontWeight, isArbitraryVariable, isArbitraryNumber]
+      }],
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", isPercent, isArbitraryValue]
+      }],
+      "font-family": [{
+        font: [isArbitraryVariableFamilyName, isArbitraryValue, themeFont]
+      }],
+      "fvn-normal": ["normal-nums"],
+      "fvn-ordinal": ["ordinal"],
+      "fvn-slashed-zero": ["slashed-zero"],
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      tracking: [{
+        tracking: [themeTracking, isArbitraryVariable, isArbitraryValue]
+      }],
+      "line-clamp": [{
+        "line-clamp": [isNumber, "none", isArbitraryVariable, isArbitraryNumber]
+      }],
+      leading: [{
+        leading: [
+          themeLeading,
+          ...scaleUnambiguousSpacing()
+        ]
+      }],
+      "list-image": [{
+        "list-image": ["none", isArbitraryVariable, isArbitraryValue]
+      }],
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", isArbitraryVariable, isArbitraryValue]
+      }],
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      "placeholder-color": [{
+        placeholder: scaleColor()
+      }],
+      "text-color": [{
+        text: scaleColor()
+      }],
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      "text-decoration-style": [{
+        decoration: [...scaleLineStyle(), "wavy"]
+      }],
+      "text-decoration-thickness": [{
+        decoration: [isNumber, "from-font", "auto", isArbitraryVariable, isArbitraryLength]
+      }],
+      "text-decoration-color": [{
+        decoration: scaleColor()
+      }],
+      "underline-offset": [{
+        "underline-offset": [isNumber, "auto", isArbitraryVariable, isArbitraryValue]
+      }],
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      indent: [{
+        indent: scaleUnambiguousSpacing()
+      }],
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", isArbitraryVariable, isArbitraryValue]
+      }],
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      content: [{
+        content: ["none", isArbitraryVariable, isArbitraryValue]
+      }],
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      "bg-position": [{
+        bg: scaleBgPosition()
+      }],
+      "bg-repeat": [{
+        bg: scaleBgRepeat()
+      }],
+      "bg-size": [{
+        bg: scaleBgSize()
+      }],
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, isInteger, isArbitraryVariable, isArbitraryValue],
+          radial: ["", isArbitraryVariable, isArbitraryValue],
+          conic: [isInteger, isArbitraryVariable, isArbitraryValue]
+        }, isArbitraryVariableImage, isArbitraryImage]
+      }],
+      "bg-color": [{
+        bg: scaleColor()
+      }],
+      "gradient-from-pos": [{
+        from: scaleGradientStopPosition()
+      }],
+      "gradient-via-pos": [{
+        via: scaleGradientStopPosition()
+      }],
+      "gradient-to-pos": [{
+        to: scaleGradientStopPosition()
+      }],
+      "gradient-from": [{
+        from: scaleColor()
+      }],
+      "gradient-via": [{
+        via: scaleColor()
+      }],
+      "gradient-to": [{
+        to: scaleColor()
+      }],
+      rounded: [{
+        rounded: scaleRadius()
+      }],
+      "rounded-s": [{
+        "rounded-s": scaleRadius()
+      }],
+      "rounded-e": [{
+        "rounded-e": scaleRadius()
+      }],
+      "rounded-t": [{
+        "rounded-t": scaleRadius()
+      }],
+      "rounded-r": [{
+        "rounded-r": scaleRadius()
+      }],
+      "rounded-b": [{
+        "rounded-b": scaleRadius()
+      }],
+      "rounded-l": [{
+        "rounded-l": scaleRadius()
+      }],
+      "rounded-ss": [{
+        "rounded-ss": scaleRadius()
+      }],
+      "rounded-se": [{
+        "rounded-se": scaleRadius()
+      }],
+      "rounded-ee": [{
+        "rounded-ee": scaleRadius()
+      }],
+      "rounded-es": [{
+        "rounded-es": scaleRadius()
+      }],
+      "rounded-tl": [{
+        "rounded-tl": scaleRadius()
+      }],
+      "rounded-tr": [{
+        "rounded-tr": scaleRadius()
+      }],
+      "rounded-br": [{
+        "rounded-br": scaleRadius()
+      }],
+      "rounded-bl": [{
+        "rounded-bl": scaleRadius()
+      }],
+      "border-w": [{
+        border: scaleBorderWidth()
+      }],
+      "border-w-x": [{
+        "border-x": scaleBorderWidth()
+      }],
+      "border-w-y": [{
+        "border-y": scaleBorderWidth()
+      }],
+      "border-w-s": [{
+        "border-s": scaleBorderWidth()
+      }],
+      "border-w-e": [{
+        "border-e": scaleBorderWidth()
+      }],
+      "border-w-t": [{
+        "border-t": scaleBorderWidth()
+      }],
+      "border-w-r": [{
+        "border-r": scaleBorderWidth()
+      }],
+      "border-w-b": [{
+        "border-b": scaleBorderWidth()
+      }],
+      "border-w-l": [{
+        "border-l": scaleBorderWidth()
+      }],
+      "divide-x": [{
+        "divide-x": scaleBorderWidth()
+      }],
+      "divide-x-reverse": ["divide-x-reverse"],
+      "divide-y": [{
+        "divide-y": scaleBorderWidth()
+      }],
+      "divide-y-reverse": ["divide-y-reverse"],
+      "border-style": [{
+        border: [...scaleLineStyle(), "hidden", "none"]
+      }],
+      "divide-style": [{
+        divide: [...scaleLineStyle(), "hidden", "none"]
+      }],
+      "border-color": [{
+        border: scaleColor()
+      }],
+      "border-color-x": [{
+        "border-x": scaleColor()
+      }],
+      "border-color-y": [{
+        "border-y": scaleColor()
+      }],
+      "border-color-s": [{
+        "border-s": scaleColor()
+      }],
+      "border-color-e": [{
+        "border-e": scaleColor()
+      }],
+      "border-color-t": [{
+        "border-t": scaleColor()
+      }],
+      "border-color-r": [{
+        "border-r": scaleColor()
+      }],
+      "border-color-b": [{
+        "border-b": scaleColor()
+      }],
+      "border-color-l": [{
+        "border-l": scaleColor()
+      }],
+      "divide-color": [{
+        divide: scaleColor()
+      }],
+      "outline-style": [{
+        outline: [...scaleLineStyle(), "none", "hidden"]
+      }],
+      "outline-offset": [{
+        "outline-offset": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "outline-w": [{
+        outline: ["", isNumber, isArbitraryVariableLength, isArbitraryLength]
+      }],
+      "outline-color": [{
+        outline: scaleColor()
+      }],
+      shadow: [{
+        shadow: [
+          "",
+          "none",
+          themeShadow,
+          isArbitraryVariableShadow,
+          isArbitraryShadow
+        ]
+      }],
+      "shadow-color": [{
+        shadow: scaleColor()
+      }],
+      "inset-shadow": [{
+        "inset-shadow": ["none", themeInsetShadow, isArbitraryVariableShadow, isArbitraryShadow]
+      }],
+      "inset-shadow-color": [{
+        "inset-shadow": scaleColor()
+      }],
+      "ring-w": [{
+        ring: scaleBorderWidth()
+      }],
+      "ring-w-inset": ["ring-inset"],
+      "ring-color": [{
+        ring: scaleColor()
+      }],
+      "ring-offset-w": [{
+        "ring-offset": [isNumber, isArbitraryLength]
+      }],
+      "ring-offset-color": [{
+        "ring-offset": scaleColor()
+      }],
+      "inset-ring-w": [{
+        "inset-ring": scaleBorderWidth()
+      }],
+      "inset-ring-color": [{
+        "inset-ring": scaleColor()
+      }],
+      "text-shadow": [{
+        "text-shadow": ["none", themeTextShadow, isArbitraryVariableShadow, isArbitraryShadow]
+      }],
+      "text-shadow-color": [{
+        "text-shadow": scaleColor()
+      }],
+      opacity: [{
+        opacity: [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "mix-blend": [{
+        "mix-blend": [...scaleBlendMode(), "plus-darker", "plus-lighter"]
+      }],
+      "bg-blend": [{
+        "bg-blend": scaleBlendMode()
+      }],
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      "mask-image-linear-pos": [{
+        "mask-linear": [isNumber]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": scaleMaskImagePosition()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": scaleMaskImagePosition()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": scaleColor()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": scaleColor()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": scaleMaskImagePosition()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": scaleMaskImagePosition()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": scaleColor()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": scaleColor()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": scaleMaskImagePosition()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": scaleMaskImagePosition()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": scaleColor()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": scaleColor()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": scaleMaskImagePosition()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": scaleMaskImagePosition()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": scaleColor()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": scaleColor()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": scaleMaskImagePosition()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": scaleMaskImagePosition()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": scaleColor()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": scaleColor()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": scaleMaskImagePosition()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": scaleMaskImagePosition()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": scaleColor()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": scaleColor()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": scaleMaskImagePosition()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": scaleMaskImagePosition()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": scaleColor()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": scaleColor()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [isArbitraryVariable, isArbitraryValue]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": scaleMaskImagePosition()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": scaleMaskImagePosition()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": scaleColor()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": scaleColor()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": scalePosition()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [isNumber]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": scaleMaskImagePosition()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": scaleMaskImagePosition()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": scaleColor()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": scaleColor()
+      }],
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      "mask-position": [{
+        mask: scaleBgPosition()
+      }],
+      "mask-repeat": [{
+        mask: scaleBgRepeat()
+      }],
+      "mask-size": [{
+        mask: scaleBgSize()
+      }],
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      "mask-image": [{
+        mask: ["none", isArbitraryVariable, isArbitraryValue]
+      }],
+      filter: [{
+        filter: [
+          "",
+          "none",
+          isArbitraryVariable,
+          isArbitraryValue
+        ]
+      }],
+      blur: [{
+        blur: scaleBlur()
+      }],
+      brightness: [{
+        brightness: [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      contrast: [{
+        contrast: [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "drop-shadow": [{
+        "drop-shadow": [
+          "",
+          "none",
+          themeDropShadow,
+          isArbitraryVariableShadow,
+          isArbitraryShadow
+        ]
+      }],
+      "drop-shadow-color": [{
+        "drop-shadow": scaleColor()
+      }],
+      grayscale: [{
+        grayscale: ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "hue-rotate": [{
+        "hue-rotate": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      invert: [{
+        invert: ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      saturate: [{
+        saturate: [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      sepia: [{
+        sepia: ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          "",
+          "none",
+          isArbitraryVariable,
+          isArbitraryValue
+        ]
+      }],
+      "backdrop-blur": [{
+        "backdrop-blur": scaleBlur()
+      }],
+      "backdrop-brightness": [{
+        "backdrop-brightness": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-contrast": [{
+        "backdrop-contrast": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-invert": [{
+        "backdrop-invert": ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-opacity": [{
+        "backdrop-opacity": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-saturate": [{
+        "backdrop-saturate": [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      "border-spacing": [{
+        "border-spacing": scaleUnambiguousSpacing()
+      }],
+      "border-spacing-x": [{
+        "border-spacing-x": scaleUnambiguousSpacing()
+      }],
+      "border-spacing-y": [{
+        "border-spacing-y": scaleUnambiguousSpacing()
+      }],
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", isArbitraryVariable, isArbitraryValue]
+      }],
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      duration: [{
+        duration: [isNumber, "initial", isArbitraryVariable, isArbitraryValue]
+      }],
+      ease: [{
+        ease: ["linear", "initial", themeEase, isArbitraryVariable, isArbitraryValue]
+      }],
+      delay: [{
+        delay: [isNumber, isArbitraryVariable, isArbitraryValue]
+      }],
+      animate: [{
+        animate: ["none", themeAnimate, isArbitraryVariable, isArbitraryValue]
+      }],
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      perspective: [{
+        perspective: [themePerspective, isArbitraryVariable, isArbitraryValue]
+      }],
+      "perspective-origin": [{
+        "perspective-origin": scalePositionWithArbitrary()
+      }],
+      rotate: [{
+        rotate: scaleRotate()
+      }],
+      "rotate-x": [{
+        "rotate-x": scaleRotate()
+      }],
+      "rotate-y": [{
+        "rotate-y": scaleRotate()
+      }],
+      "rotate-z": [{
+        "rotate-z": scaleRotate()
+      }],
+      scale: [{
+        scale: scaleScale()
+      }],
+      "scale-x": [{
+        "scale-x": scaleScale()
+      }],
+      "scale-y": [{
+        "scale-y": scaleScale()
+      }],
+      "scale-z": [{
+        "scale-z": scaleScale()
+      }],
+      "scale-3d": ["scale-3d"],
+      skew: [{
+        skew: scaleSkew()
+      }],
+      "skew-x": [{
+        "skew-x": scaleSkew()
+      }],
+      "skew-y": [{
+        "skew-y": scaleSkew()
+      }],
+      transform: [{
+        transform: [isArbitraryVariable, isArbitraryValue, "", "none", "gpu", "cpu"]
+      }],
+      "transform-origin": [{
+        origin: scalePositionWithArbitrary()
+      }],
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      translate: [{
+        translate: scaleTranslate()
+      }],
+      "translate-x": [{
+        "translate-x": scaleTranslate()
+      }],
+      "translate-y": [{
+        "translate-y": scaleTranslate()
+      }],
+      "translate-z": [{
+        "translate-z": scaleTranslate()
+      }],
+      "translate-none": ["translate-none"],
+      accent: [{
+        accent: scaleColor()
+      }],
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      "caret-color": [{
+        caret: scaleColor()
+      }],
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", isArbitraryVariable, isArbitraryValue]
+      }],
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      resize: [{
+        resize: ["none", "", "y", "x"]
+      }],
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      "scroll-m": [{
+        "scroll-m": scaleUnambiguousSpacing()
+      }],
+      "scroll-mx": [{
+        "scroll-mx": scaleUnambiguousSpacing()
+      }],
+      "scroll-my": [{
+        "scroll-my": scaleUnambiguousSpacing()
+      }],
+      "scroll-ms": [{
+        "scroll-ms": scaleUnambiguousSpacing()
+      }],
+      "scroll-me": [{
+        "scroll-me": scaleUnambiguousSpacing()
+      }],
+      "scroll-mt": [{
+        "scroll-mt": scaleUnambiguousSpacing()
+      }],
+      "scroll-mr": [{
+        "scroll-mr": scaleUnambiguousSpacing()
+      }],
+      "scroll-mb": [{
+        "scroll-mb": scaleUnambiguousSpacing()
+      }],
+      "scroll-ml": [{
+        "scroll-ml": scaleUnambiguousSpacing()
+      }],
+      "scroll-p": [{
+        "scroll-p": scaleUnambiguousSpacing()
+      }],
+      "scroll-px": [{
+        "scroll-px": scaleUnambiguousSpacing()
+      }],
+      "scroll-py": [{
+        "scroll-py": scaleUnambiguousSpacing()
+      }],
+      "scroll-ps": [{
+        "scroll-ps": scaleUnambiguousSpacing()
+      }],
+      "scroll-pe": [{
+        "scroll-pe": scaleUnambiguousSpacing()
+      }],
+      "scroll-pt": [{
+        "scroll-pt": scaleUnambiguousSpacing()
+      }],
+      "scroll-pr": [{
+        "scroll-pr": scaleUnambiguousSpacing()
+      }],
+      "scroll-pb": [{
+        "scroll-pb": scaleUnambiguousSpacing()
+      }],
+      "scroll-pl": [{
+        "scroll-pl": scaleUnambiguousSpacing()
+      }],
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      "touch-pz": ["touch-pinch-zoom"],
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", isArbitraryVariable, isArbitraryValue]
+      }],
+      fill: [{
+        fill: ["none", ...scaleColor()]
+      }],
+      "stroke-w": [{
+        stroke: [isNumber, isArbitraryVariableLength, isArbitraryLength, isArbitraryNumber]
+      }],
+      stroke: [{
+        stroke: ["none", ...scaleColor()]
+      }],
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-x", "border-w-y", "border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-x", "border-color-y", "border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+};
+var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/AuroraBackground.tsx
+function AuroraBackground({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("relative overflow-hidden", className),
+    ...props,
     children: [
-      triggerLabel && /* @__PURE__ */ jsxDEV3("button", {
-        onClick: () => document.getElementById(id)?.showModal(),
-        className: "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none ring-offset-background bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 py-2",
-        children: triggerLabel
+      /* @__PURE__ */ jsx("div", {
+        className: "absolute inset-0 overflow-hidden pointer-events-none",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            className: "absolute top-0 -left-40 w-[500px] h-[500px] bg-emerald-500/20 rounded-full blur-[100px] aurora-blob-1"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx("div", {
+            className: "absolute top-20 -right-40 w-[400px] h-[400px] bg-cyan-500/20 rounded-full blur-[100px] aurora-blob-2"
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx("div", {
+            className: "absolute -bottom-40 left-1/3 w-[600px] h-[600px] bg-purple-500/10 rounded-full blur-[120px] aurora-blob-3"
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx("div", {
+        className: "absolute inset-0 grid-pattern pointer-events-none"
       }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV3("dialog", {
-        id,
-        className: cn3("p-0 backdrop:bg-black/50 backdrop:backdrop-blur-sm rounded-lg shadow-xl min-w-[300px] open:animate-in open:fade-in open:zoom-in-95 backdrop:animate-in backdrop:fade-in", className),
-        children: /* @__PURE__ */ jsxDEV3("div", {
-          className: "p-6",
-          children: [
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "flex items-center justify-between mb-4",
+      /* @__PURE__ */ jsx("div", {
+        className: "relative z-10",
+        children
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+// src/components/Checkbox.tsx
+function Checkbox({ name, value, checked, className = "" }) {
+  const baseClass = "w-5 h-5 rounded border-slate-600 bg-slate-800 text-emerald-500 focus:ring-emerald-500/50 focus:ring-offset-0 focus:ring-2 transition-colors duration-200";
+  const fullClass = `${baseClass} ${className}`;
+  return /* @__PURE__ */ jsx("input", {
+    type: "checkbox",
+    name,
+    value,
+    checked,
+    className: fullClass
+  }, undefined, false, undefined, this);
+}
+// src/components/DataTable.tsx
+function DataTable({ data, columns, actions, title, description, primaryAction }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: "w-full",
+    children: [
+      (title || primaryAction) && /* @__PURE__ */ jsx("div", {
+        className: "flex flex-col md:flex-row md:items-center justify-between gap-4 mb-6",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            children: [
+              title && /* @__PURE__ */ jsx("h2", {
+                className: "text-2xl font-bold text-white tracking-tight",
+                children: title
+              }, undefined, false, undefined, this),
+              description && /* @__PURE__ */ jsx("p", {
+                className: "text-slate-400 mt-1",
+                children: description
+              }, undefined, false, undefined, this)
+            ]
+          }, undefined, true, undefined, this),
+          primaryAction && (primaryAction.href ? /* @__PURE__ */ jsx("a", {
+            href: primaryAction.href,
+            className: "btn-premium flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx("svg", {
+                className: "w-5 h-5",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M12 4v16m8-8H4"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              primaryAction.label
+            ]
+          }, undefined, true, undefined, this) : /* @__PURE__ */ jsx("button", {
+            onClick: primaryAction.onClick,
+            className: "btn-premium flex items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx("svg", {
+                className: "w-5 h-5",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "2",
+                  d: "M12 4v16m8-8H4"
+                }, undefined, false, undefined, this)
+              }, undefined, false, undefined, this),
+              primaryAction.label
+            ]
+          }, undefined, true, undefined, this))
+        ]
+      }, undefined, true, undefined, this),
+      /* @__PURE__ */ jsx("div", {
+        className: "glass rounded-xl overflow-hidden border border-slate-700/50 shadow-xl",
+        children: [
+          /* @__PURE__ */ jsx("div", {
+            className: "overflow-x-auto",
+            children: /* @__PURE__ */ jsx("table", {
+              className: "w-full",
               children: [
-                title && /* @__PURE__ */ jsxDEV3("h3", {
-                  className: "text-lg font-semibold",
-                  children: title
+                /* @__PURE__ */ jsx("thead", {
+                  children: /* @__PURE__ */ jsx("tr", {
+                    className: "bg-slate-800/50 border-b border-slate-700/50",
+                    children: [
+                      columns.map((col, idx) => /* @__PURE__ */ jsx("th", {
+                        className: `px-6 py-4 text-xs font-semibold text-slate-400 uppercase tracking-wider text-${col.align || "left"}`,
+                        children: col.header
+                      }, idx, false, undefined, this)),
+                      actions && /* @__PURE__ */ jsx("th", {
+                        className: "px-6 py-4 text-xs font-semibold text-slate-400 uppercase tracking-wider text-right",
+                        children: "Actions"
+                      }, undefined, false, undefined, this)
+                    ]
+                  }, undefined, true, undefined, this)
                 }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3("form", {
-                  method: "dialog",
-                  children: /* @__PURE__ */ jsxDEV3("button", {
-                    className: "text-gray-400 hover:text-gray-500",
+                /* @__PURE__ */ jsx("tbody", {
+                  className: "divide-y divide-slate-700/50",
+                  children: data.map((item, rowIdx) => /* @__PURE__ */ jsx("tr", {
+                    className: "hover:bg-slate-800/30 transition-colors group",
                     children: [
-                      /* @__PURE__ */ jsxDEV3("span", {
-                        className: "sr-only",
-                        children: "Close"
-                      }, undefined, false, undefined, this),
-                      /* @__PURE__ */ jsxDEV3("svg", {
-                        className: "h-6 w-6",
-                        fill: "none",
-                        viewBox: "0 0 24 24",
-                        strokeWidth: "1.5",
-                        stroke: "currentColor",
-                        children: /* @__PURE__ */ jsxDEV3("path", {
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round",
-                          d: "M6 18L18 6M6 6l12 12"
+                      columns.map((col, colIdx) => /* @__PURE__ */ jsx("td", {
+                        className: `px-6 py-4 whitespace-nowrap text-sm text-slate-300 text-${col.align || "left"}`,
+                        children: col.render ? col.render(item) : item[col.accessor]
+                      }, colIdx, false, undefined, this)),
+                      actions && /* @__PURE__ */ jsx("td", {
+                        className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium",
+                        children: /* @__PURE__ */ jsx("div", {
+                          className: "flex items-center justify-end gap-2 opacity-0 group-hover:opacity-100 transition-opacity",
+                          children: actions(item)
                         }, undefined, false, undefined, this)
                       }, undefined, false, undefined, this)
                     ]
-                  }, undefined, true, undefined, this)
+                  }, rowIdx, true, undefined, this))
                 }, undefined, false, undefined, this)
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              children
-            }, undefined, false, undefined, this)
-          ]
-        }, undefined, true, undefined, this)
-      }, undefined, false, undefined, this)
+            }, undefined, true, undefined, this)
+          }, undefined, false, undefined, this),
+          /* @__PURE__ */ jsx("div", {
+            className: "px-6 py-4 border-t border-slate-700/50 flex items-center justify-between bg-slate-800/30",
+            children: [
+              /* @__PURE__ */ jsx("span", {
+                className: "text-sm text-slate-500",
+                children: [
+                  "Showing 1 to ",
+                  data.length,
+                  " of ",
+                  data.length,
+                  " entries"
+                ]
+              }, undefined, true, undefined, this),
+              /* @__PURE__ */ jsx("div", {
+                className: "flex gap-2",
+                children: [
+                  /* @__PURE__ */ jsx("button", {
+                    className: "px-3 py-1 rounded-lg bg-slate-800 border border-slate-700 text-slate-400 text-sm hover:text-white hover:border-slate-600 transition",
+                    children: "Previous"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx("button", {
+                    className: "px-3 py-1 rounded-lg bg-primary/20 border border-primary/50 text-emerald-400 text-sm",
+                    children: "1"
+                  }, undefined, false, undefined, this),
+                  /* @__PURE__ */ jsx("button", {
+                    className: "px-3 py-1 rounded-lg bg-slate-800 border border-slate-700 text-slate-400 text-sm hover:text-white hover:border-slate-600 transition",
+                    children: "Next"
+                  }, undefined, false, undefined, this)
+                ]
+              }, undefined, true, undefined, this)
+            ]
+          }, undefined, true, undefined, this)
+        ]
+      }, undefined, true, undefined, this)
     ]
   }, undefined, true, undefined, this);
 }
+// src/components/GlowCard.tsx
+function GlowCard({
+  children,
+  className,
+  hoverEffect = "both",
+  ...props
+}) {
+  const hoverClasses = {
+    lift: "card-hover-lift",
+    glow: "card-hover-glow",
+    both: "card-hover-lift card-hover-glow"
+  };
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("glass rounded-2xl p-6", hoverClasses[hoverEffect], className),
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/GridPattern.tsx
+function GridPattern({ className = "", variant = "grid" }) {
+  const patternClass = variant === "grid" ? "grid-pattern" : "dots-pattern";
+  return /* @__PURE__ */ jsx("div", {
+    className: `absolute inset-0 ${patternClass} pointer-events-none ${className}`
+  }, undefined, false, undefined, this);
+}
+// src/components/InputLabel.tsx
+function InputLabel({ htmlFor, value, className = "", children }) {
+  const fullClass = `block font-medium text-sm text-slate-300 mb-2 ${className}`;
+  return /* @__PURE__ */ jsx("label", {
+    htmlFor,
+    className: fullClass,
+    children: value ? value : children
+  }, undefined, false, undefined, this);
+}
+// src/components/PrimaryButton.tsx
+function PrimaryButton({
+  type = "submit",
+  className = "",
+  disabled = false,
+  children
+}) {
+  const baseClass = "inline-flex items-center justify-center px-6 py-3 bg-gradient-to-r from-emerald-500 to-cyan-500 text-white font-semibold rounded-xl shadow-lg shadow-emerald-500/25 hover:shadow-emerald-500/40 hover:scale-[1.02] focus:outline-none focus:ring-2 focus:ring-emerald-500/50 transition-all duration-300";
+  const disabledClass = disabled ? " opacity-50 cursor-not-allowed hover:scale-100" : "";
+  const fullClass = `${baseClass}${disabledClass} ${className}`;
+  return /* @__PURE__ */ jsx("button", {
+    type,
+    className: fullClass,
+    disabled,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/ShimmerButton.tsx
+function ShimmerButton({
+  children,
+  className,
+  href,
+  type = "button",
+  disabled = false,
+  variant = "primary",
+  ...props
+}) {
+  const baseClass = variant === "primary" ? "btn-premium shimmer-effect" : "btn-outline-glow";
+  const disabledClass = disabled ? "opacity-50 cursor-not-allowed" : "";
+  if (href) {
+    return /* @__PURE__ */ jsx("a", {
+      href,
+      className: cn(baseClass, disabledClass, className),
+      ...props,
+      children
+    }, undefined, false, undefined, this);
+  }
+  return /* @__PURE__ */ jsx("button", {
+    type,
+    className: cn(baseClass, disabledClass, className),
+    disabled,
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/SpotlightCard.tsx
+function SpotlightCard({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("spotlight-card p-6", className),
+    ...props,
+    children
+  }, undefined, false, undefined, this);
+}
+// src/components/TextInput.tsx
+function TextInput({
+  id,
+  type = "text",
+  name,
+  value,
+  className = "",
+  placeholder,
+  required,
+  autoFocus,
+  autoComplete
+}) {
+  const baseClass = "w-full px-4 py-3 bg-slate-800/50 border border-slate-700 rounded-xl text-white placeholder-slate-400 focus:outline-none focus:border-emerald-500 focus:ring-2 focus:ring-emerald-500/20 transition-all duration-300";
+  const fullClass = `${baseClass} ${className}`;
+  return /* @__PURE__ */ jsx("input", {
+    id,
+    type,
+    name,
+    value,
+    className: fullClass,
+    placeholder,
+    required,
+    autoFocus,
+    autoComplete
+  }, undefined, false, undefined, this);
+}
 export {
-  Modal,
-  Input,
-  Button
+  cn,
+  TextInput,
+  SpotlightCard,
+  ShimmerButton,
+  PrimaryButton,
+  InputLabel,
+  GridPattern,
+  GlowCard,
+  DataTable,
+  Checkbox,
+  AuroraBackground,
+  ApplicationLogo,
+  AnimatedGradientText,
+  ActionButton
 };