canx-ui 1.0.3 → 1.1.1

package/dist/index.js

@@ -1,6 +1,115 @@
-// src/components/Button.tsx
-import * as React from "react";
-
+// ../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;");
+}
+// 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: "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"
+  };
+  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/AnimatedGradientText.tsx
+function AnimatedGradientText({
+  children,
+  className = "",
+  as: Tag = "span"
+}) {
+  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: [
+      /* @__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__ */ 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);
+}
 // ../node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
@@ -22,72 +131,7 @@ function clsx() {
   return n;
 }
 
-// ../node_modules/class-variance-authority/dist/index.mjs
-var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-var cx = clsx;
-var cva = (base, config) => (props) => {
-  var _config_compoundVariants;
-  if ((config === null || config === undefined ? undefined : config.variants) == null)
-    return cx(base, props === null || props === undefined ? undefined : props.class, props === null || props === undefined ? undefined : props.className);
-  const { variants, defaultVariants } = config;
-  const getVariantClassNames = Object.keys(variants).map((variant) => {
-    const variantProp = props === null || props === undefined ? undefined : props[variant];
-    const defaultVariantProp = defaultVariants === null || defaultVariants === undefined ? undefined : defaultVariants[variant];
-    if (variantProp === null)
-      return null;
-    const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-    return variants[variant][variantKey];
-  });
-  const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param) => {
-    let [key, value] = param;
-    if (value === undefined) {
-      return acc;
-    }
-    acc[key] = value;
-    return acc;
-  }, {});
-  const getCompoundVariantClassNames = config === null || config === undefined ? undefined : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === undefined ? undefined : _config_compoundVariants.reduce((acc, param) => {
-    let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;
-    return Object.entries(compoundVariantOptions).every((param2) => {
-      let [key, value] = param2;
-      return Array.isArray(value) ? value.includes({
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key]) : {
-        ...defaultVariants,
-        ...propsWithoutUndefined
-      }[key] === value;
-    }) ? [
-      ...acc,
-      cvClass,
-      cvClassName
-    ] : acc;
-  }, []);
-  return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === undefined ? undefined : props.class, props === null || props === undefined ? undefined : props.className);
-};
-
-// node_modules/clsx/dist/clsx.mjs
-function r2(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 = r2(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx2() {
-  for (var e, t, f = 0, n = "", o = arguments.length;f < o; f++)
-    (e = arguments[f]) && (t = r2(e)) && (n && (n += " "), n += t);
-  return n;
-}
-
-// node_modules/tailwind-merge/dist/bundle-mjs.mjs
+// ../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++) {
@@ -1793,233 +1837,318 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 // src/lib/utils.ts
 function cn(...inputs) {
-  return twMerge(clsx2(inputs));
+  return twMerge(clsx(inputs));
 }
 
-// src/components/Button.tsx
-import { jsxDEV } from "react/jsx-dev-runtime";
-var buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/90",
-      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-      outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      ghost: "hover:bg-accent hover:text-accent-foreground",
-      link: "text-primary underline-offset-4 hover:underline"
-    },
-    size: {
-      default: "h-10 px-4 py-2",
-      sm: "h-9 rounded-md px-3",
-      lg: "h-11 rounded-md px-8",
-      icon: "h-10 w-10"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
-  }
-});
-var Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-  return /* @__PURE__ */ jsxDEV("button", {
-    className: cn(buttonVariants({ variant, size, className })),
-    ref,
-    ...props
+// src/components/AuroraBackground.tsx
+function AuroraBackground({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx("div", {
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__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__ */ 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);
-});
-Button.displayName = "Button";
-// src/components/Input.tsx
-import * as React2 from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-var Input = React2.forwardRef(({ className, type, ...props }, ref) => {
-  return /* @__PURE__ */ jsxDEV2("input", {
-    type,
-    className: cn("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
-    ref,
-    ...props
+}
+// 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: [
+                /* @__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__ */ 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: [
+                      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)
+                    ]
+                  }, rowIdx, 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);
-});
-Input.displayName = "Input";
-// src/components/Badge.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-var badgeVariants = cva("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-  variants: {
-    variant: {
-      default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-      secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-      destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-      outline: "text-foreground"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsxDEV3("div", {
-    className: cn(badgeVariants({ variant }), className),
-    ...props
+}
+// 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/Label.tsx
-import * as React3 from "react";
-import { jsxDEV as jsxDEV4 } from "react/jsx-dev-runtime";
-var labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
-var Label = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV4("label", {
-  ref,
-  className: cn(labelVariants(), className),
-  ...props
-}, undefined, false, undefined, this));
-Label.displayName = "Label";
-// src/components/Card.tsx
-import * as React4 from "react";
-import { jsxDEV as jsxDEV5 } from "react/jsx-dev-runtime";
-var Card = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("div", {
-  ref,
-  className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
-  ...props
-}, undefined, false, undefined, this));
-Card.displayName = "Card";
-var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("div", {
-  ref,
-  className: cn("flex flex-col space-y-1.5 p-6", className),
-  ...props
-}, undefined, false, undefined, this));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("h3", {
-  ref,
-  className: cn("text-2xl font-semibold leading-none tracking-tight", className),
-  ...props
-}, undefined, false, undefined, this));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("p", {
-  ref,
-  className: cn("text-sm text-muted-foreground", className),
-  ...props
-}, undefined, false, undefined, this));
-CardDescription.displayName = "CardDescription";
-var CardContent = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("div", {
-  ref,
-  className: cn("p-6 pt-0", className),
-  ...props
-}, undefined, false, undefined, this));
-CardContent.displayName = "CardContent";
-var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV5("div", {
-  ref,
-  className: cn("flex items-center p-6 pt-0", className),
+// 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
-}, undefined, false, undefined, this));
-CardFooter.displayName = "CardFooter";
-// src/components/Alert.tsx
-import * as React5 from "react";
-import { jsxDEV as jsxDEV6 } from "react/jsx-dev-runtime";
-var alertVariants = cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
-  variants: {
-    variant: {
-      default: "bg-background text-foreground",
-      destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
+}) {
+  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);
   }
-});
-var Alert = React5.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxDEV6("div", {
-  ref,
-  role: "alert",
-  className: cn(alertVariants({ variant }), className),
-  ...props
-}, undefined, false, undefined, this));
-Alert.displayName = "Alert";
-var AlertTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV6("h5", {
-  ref,
-  className: cn("mb-1 font-medium leading-none tracking-tight", className),
-  ...props
-}, undefined, false, undefined, this));
-AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV6("div", {
-  ref,
-  className: cn("text-sm [&_p]:leading-relaxed", className),
-  ...props
-}, undefined, false, undefined, this));
-AlertDescription.displayName = "AlertDescription";
-// src/components/Table.tsx
-import * as React6 from "react";
-import { jsxDEV as jsxDEV7 } from "react/jsx-dev-runtime";
-var Table = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("div", {
-  className: "relative w-full overflow-auto",
-  children: /* @__PURE__ */ jsxDEV7("table", {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
-    ...props
-  }, undefined, false, undefined, this)
-}, undefined, false, undefined, this));
-Table.displayName = "Table";
-var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("thead", {
-  ref,
-  className: cn("[&_tr]:border-b", className),
-  ...props
-}, undefined, false, undefined, this));
-TableHeader.displayName = "TableHeader";
-var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("tbody", {
-  ref,
-  className: cn("[&_tr:last-child]:border-0", className),
-  ...props
-}, undefined, false, undefined, this));
-TableBody.displayName = "TableBody";
-var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("tfoot", {
-  ref,
-  className: cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
-  ...props
-}, undefined, false, undefined, this));
-TableFooter.displayName = "TableFooter";
-var TableRow = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("tr", {
-  ref,
-  className: cn("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className),
-  ...props
-}, undefined, false, undefined, this));
-TableRow.displayName = "TableRow";
-var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("th", {
-  ref,
-  className: cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0", className),
-  ...props
-}, undefined, false, undefined, this));
-TableHead.displayName = "TableHead";
-var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("td", {
-  ref,
-  className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
-  ...props
-}, undefined, false, undefined, this));
-TableCell.displayName = "TableCell";
-var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxDEV7("caption", {
-  ref,
-  className: cn("mt-4 text-sm text-muted-foreground", className),
-  ...props
-}, undefined, false, undefined, this));
-TableCaption.displayName = "TableCaption";
+  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 {
   cn,
-  buttonVariants,
-  badgeVariants,
-  TableRow,
-  TableHeader,
-  TableHead,
-  TableFooter,
-  TableCell,
-  TableCaption,
-  TableBody,
-  Table,
-  Label,
-  Input,
-  CardTitle,
-  CardHeader,
-  CardFooter,
-  CardDescription,
-  CardContent,
-  Card,
-  Button,
-  Badge,
-  AlertTitle,
-  AlertDescription,
-  Alert
+  TextInput,
+  SpotlightCard,
+  ShimmerButton,
+  PrimaryButton,
+  InputLabel,
+  GridPattern,
+  GlowCard,
+  DataTable,
+  Checkbox,
+  AuroraBackground,
+  ApplicationLogo,
+  AnimatedGradientText,
+  ActionButton
 };