@academy-sdk/sdk 0.1.0

package/dist/components/atoms/index.cjs

@@ -0,0 +1,318 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/atoms/index.ts
+var atoms_exports = {};
+__export(atoms_exports, {
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Input: () => Input,
+  ProgressBar: () => ProgressBar,
+  Tabs: () => Tabs,
+  badgeVariants: () => badgeVariants,
+  buttonVariants: () => buttonVariants
+});
+module.exports = __toCommonJS(atoms_exports);
+
+// src/components/atoms/Button.tsx
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/components/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/atoms/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-theme-accent-primary text-white hover:opacity-90",
+        destructive: "bg-red-600 text-white hover:bg-red-700",
+        outline: "border border-theme-border-primary bg-theme-bg-secondary hover:bg-theme-bg-tertiary text-theme-text-primary",
+        secondary: "bg-theme-bg-tertiary text-theme-text-primary hover:opacity-80",
+        ghost: "hover:bg-theme-bg-tertiary text-theme-text-primary",
+        link: "text-[rgb(var(--accent-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(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      __spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref
+      }, props)
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/atoms/Input.tsx
+var React2 = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Input = React2.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type, label } = _b, props = __objRest(_b, ["className", "type", "label"]);
+    const inputElement = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "input",
+      __spreadValues({
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-theme-border-primary bg-theme-bg-primary px-3 py-2 text-sm text-theme-text-primary file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[rgb(var(--text-muted))] focus-visible:outline-none focus-visible:border-theme-accent-primary transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref
+      }, props)
+    );
+    if (label) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: "text-sm font-medium text-theme-text-primary", children: [
+          label,
+          props.required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-red-500 ml-1", children: "*" })
+        ] }),
+        inputElement
+      ] });
+    }
+    return inputElement;
+  }
+);
+Input.displayName = "Input";
+
+// src/components/atoms/Card.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("rounded-lg border border-theme-border-primary bg-theme-bg-primary shadow-sm", className)
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", __spreadValues({ className: cn("flex flex-col space-y-1.5 p-6", className) }, props));
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", __spreadValues({ className: cn("text-2xl font-semibold leading-none tracking-tight", className) }, props));
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", __spreadValues({ className: cn("text-sm text-theme-text-secondary", className) }, props));
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", __spreadValues({ className: cn("p-6 pt-0", className) }, props));
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", __spreadValues({ className: cn("flex items-center p-6 pt-0", className) }, props));
+}
+
+// src/components/atoms/Badge.tsx
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority2.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-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-theme-accent-primary text-white",
+        secondary: "bg-theme-bg-tertiary text-theme-text-primary",
+        success: "border-transparent bg-green-600 text-white",
+        warning: "border-transparent bg-yellow-500 text-white",
+        destructive: "border-transparent bg-red-600 text-white",
+        outline: "text-theme-text-primary border-theme-border-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
+}
+
+// src/components/atoms/Avatar.tsx
+var React3 = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Avatar = React3.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, src, alt, fallback } = _b, props = __objRest(_b, ["className", "src", "alt", "fallback"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+          className
+        )
+      }, props), {
+        children: src ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "img",
+          {
+            src,
+            alt: alt || "Avatar",
+            className: "aspect-square h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex h-full w-full items-center justify-center bg-gray-200 text-gray-600 text-sm font-medium", children: fallback || "?" })
+      })
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/components/atoms/ProgressBar.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var sizeClasses = {
+  sm: "h-1.5",
+  md: "h-2.5",
+  lg: "h-3.5"
+};
+var variantClasses = {
+  default: "bg-theme-accent-primary",
+  success: "bg-green-600",
+  warning: "bg-yellow-500",
+  error: "bg-red-600"
+};
+function ProgressBar(_a) {
+  var _b = _a, {
+    value,
+    max = 100,
+    showLabel = false,
+    size = "md",
+    variant = "default",
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "max",
+    "showLabel",
+    "size",
+    "variant",
+    "className"
+  ]);
+  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
+    showLabel && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "mb-1 flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-theme-text-secondary", children: "Progress" }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "font-medium text-theme-text-primary", children: [
+        Math.round(percentage),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("w-full overflow-hidden rounded-full bg-theme-bg-tertiary", sizeClasses[size]), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      "div",
+      {
+        className: cn("h-full transition-all duration-300 ease-in-out", variantClasses[variant]),
+        style: { width: `${percentage}%` }
+      }
+    ) })
+  ] }));
+}
+
+// src/components/atoms/Tabs.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Tabs({ tabs, activeTab, onTabChange, className, actions }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cn("border-b border-theme-border-primary", className), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "px-4 sm:px-6 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "p-0.5 flex items-center justify-between overflow-x-auto", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { className: "flex gap-4 sm:gap-8 min-w-min", children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "button",
+      {
+        onClick: () => onTabChange(tab.id),
+        className: cn(
+          "pb-3 px-1 text-sm font-medium border-b-2 transition-all flex items-center gap-2 cursor-pointer whitespace-nowrap",
+          activeTab === tab.id ? "border-theme-accent-primary text-theme-accent-primary" : "border-transparent text-theme-text-secondary hover:text-theme-text-primary hover:border-theme-accent-primary/40"
+        ),
+        children: [
+          tab.icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "flex-shrink-0", children: tab.icon }),
+          tab.label
+        ]
+      },
+      tab.id
+    )) }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "pb-3", children: actions })
+  ] }) }) });
+}

package/dist/components/atoms/index.js

@@ -0,0 +1,288 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/components/atoms/Button.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// src/components/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/atoms/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-theme-accent-primary text-white hover:opacity-90",
+        destructive: "bg-red-600 text-white hover:bg-red-700",
+        outline: "border border-theme-border-primary bg-theme-bg-secondary hover:bg-theme-bg-tertiary text-theme-text-primary",
+        secondary: "bg-theme-bg-tertiary text-theme-text-primary hover:opacity-80",
+        ghost: "hover:bg-theme-bg-tertiary text-theme-text-primary",
+        link: "text-[rgb(var(--accent-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(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size } = _b, props = __objRest(_b, ["className", "variant", "size"]);
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadValues({
+        className: cn(buttonVariants({ variant, size, className })),
+        ref
+      }, props)
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/atoms/Input.tsx
+import * as React2 from "react";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type, label } = _b, props = __objRest(_b, ["className", "type", "label"]);
+    const inputElement = /* @__PURE__ */ jsx2(
+      "input",
+      __spreadValues({
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border border-theme-border-primary bg-theme-bg-primary px-3 py-2 text-sm text-theme-text-primary file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-[rgb(var(--text-muted))] focus-visible:outline-none focus-visible:border-theme-accent-primary transition-colors disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref
+      }, props)
+    );
+    if (label) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "text-sm font-medium text-theme-text-primary", children: [
+          label,
+          props.required && /* @__PURE__ */ jsx2("span", { className: "text-red-500 ml-1", children: "*" })
+        ] }),
+        inputElement
+      ] });
+    }
+    return inputElement;
+  }
+);
+Input.displayName = "Input";
+
+// src/components/atoms/Card.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3(
+    "div",
+    __spreadValues({
+      className: cn("rounded-lg border border-theme-border-primary bg-theme-bg-primary shadow-sm", className)
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("flex flex-col space-y-1.5 p-6", className) }, props));
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3("h3", __spreadValues({ className: cn("text-2xl font-semibold leading-none tracking-tight", className) }, props));
+}
+function CardDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3("p", __spreadValues({ className: cn("text-sm text-theme-text-secondary", className) }, props));
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("p-6 pt-0", className) }, props));
+}
+function CardFooter(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx3("div", __spreadValues({ className: cn("flex items-center p-6 pt-0", className) }, props));
+}
+
+// src/components/atoms/Badge.tsx
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var badgeVariants = cva2(
+  "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-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-theme-accent-primary text-white",
+        secondary: "bg-theme-bg-tertiary text-theme-text-primary",
+        success: "border-transparent bg-green-600 text-white",
+        warning: "border-transparent bg-yellow-500 text-white",
+        destructive: "border-transparent bg-red-600 text-white",
+        outline: "text-theme-text-primary border-theme-border-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge(_a) {
+  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
+  return /* @__PURE__ */ jsx4("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
+}
+
+// src/components/atoms/Avatar.tsx
+import * as React3 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var Avatar = React3.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, src, alt, fallback } = _b, props = __objRest(_b, ["className", "src", "alt", "fallback"]);
+    return /* @__PURE__ */ jsx5(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        className: cn(
+          "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
+          className
+        )
+      }, props), {
+        children: src ? /* @__PURE__ */ jsx5(
+          "img",
+          {
+            src,
+            alt: alt || "Avatar",
+            className: "aspect-square h-full w-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsx5("div", { className: "flex h-full w-full items-center justify-center bg-gray-200 text-gray-600 text-sm font-medium", children: fallback || "?" })
+      })
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/components/atoms/ProgressBar.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var sizeClasses = {
+  sm: "h-1.5",
+  md: "h-2.5",
+  lg: "h-3.5"
+};
+var variantClasses = {
+  default: "bg-theme-accent-primary",
+  success: "bg-green-600",
+  warning: "bg-yellow-500",
+  error: "bg-red-600"
+};
+function ProgressBar(_a) {
+  var _b = _a, {
+    value,
+    max = 100,
+    showLabel = false,
+    size = "md",
+    variant = "default",
+    className
+  } = _b, props = __objRest(_b, [
+    "value",
+    "max",
+    "showLabel",
+    "size",
+    "variant",
+    "className"
+  ]);
+  const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+  return /* @__PURE__ */ jsxs2("div", __spreadProps(__spreadValues({ className: cn("w-full", className) }, props), { children: [
+    showLabel && /* @__PURE__ */ jsxs2("div", { className: "mb-1 flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ jsx6("span", { className: "text-theme-text-secondary", children: "Progress" }),
+      /* @__PURE__ */ jsxs2("span", { className: "font-medium text-theme-text-primary", children: [
+        Math.round(percentage),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx6("div", { className: cn("w-full overflow-hidden rounded-full bg-theme-bg-tertiary", sizeClasses[size]), children: /* @__PURE__ */ jsx6(
+      "div",
+      {
+        className: cn("h-full transition-all duration-300 ease-in-out", variantClasses[variant]),
+        style: { width: `${percentage}%` }
+      }
+    ) })
+  ] }));
+}
+
+// src/components/atoms/Tabs.tsx
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+function Tabs({ tabs, activeTab, onTabChange, className, actions }) {
+  return /* @__PURE__ */ jsx7("div", { className: cn("border-b border-theme-border-primary", className), children: /* @__PURE__ */ jsx7("div", { className: "px-4 sm:px-6 pt-4", children: /* @__PURE__ */ jsxs3("div", { className: "p-0.5 flex items-center justify-between overflow-x-auto", children: [
+    /* @__PURE__ */ jsx7("nav", { className: "flex gap-4 sm:gap-8 min-w-min", children: tabs.map((tab) => /* @__PURE__ */ jsxs3(
+      "button",
+      {
+        onClick: () => onTabChange(tab.id),
+        className: cn(
+          "pb-3 px-1 text-sm font-medium border-b-2 transition-all flex items-center gap-2 cursor-pointer whitespace-nowrap",
+          activeTab === tab.id ? "border-theme-accent-primary text-theme-accent-primary" : "border-transparent text-theme-text-secondary hover:text-theme-text-primary hover:border-theme-accent-primary/40"
+        ),
+        children: [
+          tab.icon && /* @__PURE__ */ jsx7("span", { className: "flex-shrink-0", children: tab.icon }),
+          tab.label
+        ]
+      },
+      tab.id
+    )) }),
+    actions && /* @__PURE__ */ jsx7("div", { className: "pb-3", children: actions })
+  ] }) }) });
+}
+export {
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  Input,
+  ProgressBar,
+  Tabs,
+  badgeVariants,
+  buttonVariants
+};