@academy-sdk/sdk 0.1.1 → 0.2.1

package/dist/components/atoms/index.js

@@ -1,288 +0,0 @@
-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
-};