analytica-frontend-lib 1.0.22 → 1.0.24

package/dist/client-components.mjs

@@ -0,0 +1,39 @@
+import {
+  Toaster,
+  useToast
+} from "./chunk-IH5TEC64.mjs";
+import {
+  TextArea
+} from "./chunk-QODEDLAX.mjs";
+import {
+  Toast
+} from "./chunk-MI5FIRHM.mjs";
+import {
+  useToastStore
+} from "./chunk-WIOCQOM7.mjs";
+import {
+  CheckBox
+} from "./chunk-LYOJCBOM.mjs";
+import "./chunk-TT3VCQGR.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  MenuContent,
+  MenuItem,
+  MenuLabel,
+  MenuSeparator
+} from "./chunk-KT6HNGRV.mjs";
+export {
+  CheckBox,
+  DropdownMenu,
+  DropdownMenuTrigger,
+  MenuContent,
+  MenuItem,
+  MenuLabel,
+  MenuSeparator,
+  TextArea,
+  Toast,
+  Toaster,
+  useToast,
+  useToastStore
+};

package/dist/components/Alert/Alert.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type AlertProps = {
+    title?: string;
+    description: string;
+    variant?: 'solid' | 'outline';
+    action?: 'default' | 'info' | 'success' | 'warning' | 'error';
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Alert: ({ variant, title, description, action, className, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
+
+export { Alert };

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLAttributes } from 'react';
+
+type AlertProps = {
+    title?: string;
+    description: string;
+    variant?: 'solid' | 'outline';
+    action?: 'default' | 'info' | 'success' | 'warning' | 'error';
+    className?: string;
+} & HTMLAttributes<HTMLDivElement>;
+declare const Alert: ({ variant, title, description, action, className, ...props }: AlertProps) => react_jsx_runtime.JSX.Element;
+
+export { Alert };

package/dist/components/Alert/Alert.js

@@ -0,0 +1,158 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Alert/Alert.tsx
+var Alert_exports = {};
+__export(Alert_exports, {
+  Alert: () => Alert
+});
+module.exports = __toCommonJS(Alert_exports);
+var import_phosphor_react = require("phosphor-react");
+
+// src/components/Text/Text.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Text = ({
+  children,
+  size = "md",
+  weight = "normal",
+  color = "text-text-950",
+  as,
+  className = "",
+  ...props
+}) => {
+  let sizeClasses = "";
+  let weightClasses = "";
+  const sizeClassMap = {
+    "2xs": "text-2xs",
+    xs: "text-xs",
+    sm: "text-sm",
+    md: "text-md",
+    lg: "text-lg",
+    xl: "text-xl",
+    "2xl": "text-2xl",
+    "3xl": "text-3xl",
+    "4xl": "text-4xl",
+    "5xl": "text-5xl",
+    "6xl": "text-6xl"
+  };
+  sizeClasses = sizeClassMap[size] ?? sizeClassMap.md;
+  const weightClassMap = {
+    hairline: "font-hairline",
+    light: "font-light",
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold",
+    extrabold: "font-extrabold",
+    black: "font-black"
+  };
+  weightClasses = weightClassMap[weight] ?? weightClassMap.normal;
+  const baseClasses = "font-primary";
+  const Component = as ?? "p";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Component,
+    {
+      className: `${baseClasses} ${sizeClasses} ${weightClasses} ${color} ${className}`,
+      ...props,
+      children
+    }
+  );
+};
+
+// src/components/Alert/Alert.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    default: "bg-background-50 border-transparent",
+    info: "bg-info border-transparent",
+    success: "bg-success border-transparent",
+    warning: "bg-warning border-transparent",
+    error: "bg-error border-transparent"
+  },
+  outline: {
+    default: "bg-background border border-border-100",
+    info: "bg-background border border-border-100",
+    success: "bg-background border border-border-100",
+    warning: "bg-background border border-border-100",
+    error: "bg-background border border-border-100"
+  }
+};
+var COLOR_CLASSES = {
+  default: "text-text-950",
+  info: "text-info-800",
+  success: "text-success-800",
+  warning: "text-warning-800",
+  error: "text-error-800"
+};
+var ICONS = {
+  default: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_phosphor_react.CheckCircle, { size: 18 }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_phosphor_react.Info, { size: 18 }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_phosphor_react.CheckCircle, { size: 18 }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_phosphor_react.WarningCircle, { size: 18 }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_phosphor_react.XCircle, { size: 18 })
+};
+var Alert = ({
+  variant = "solid",
+  title,
+  description,
+  action = "default",
+  className,
+  ...props
+}) => {
+  const baseClasses = "alert-wrapper flex items-start gap-2 w-[384px] py-3 px-4 font-inherit rounded-md";
+  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
+  const variantColor = COLOR_CLASSES[action];
+  const variantIcon = ICONS[action];
+  const hasHeading = Boolean(title);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: `${baseClasses} ${variantClasses} ${className ?? ""}`,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `mt-0.5 ${variantColor}`, children: variantIcon }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
+          hasHeading && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            Text,
+            {
+              size: "md",
+              weight: "medium",
+              color: variantColor,
+              className: "mb-0.5",
+              children: title
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            Text,
+            {
+              size: hasHeading ? "sm" : "md",
+              weight: "normal",
+              color: !hasHeading ? variantColor : "text-text-700",
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert
+});

package/dist/components/Alert/Alert.mjs

@@ -0,0 +1,7 @@
+import {
+  Alert
+} from "../../chunk-JNPCNN67.mjs";
+import "../../chunk-TT3VCQGR.mjs";
+export {
+  Alert
+};

package/dist/components/Badge/Badge.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, HTMLAttributes } from 'react';
+
+/**
+ * Badge component props interface
+ */
+type BadgeProps = {
+    /** Content to be displayed inside the badge */
+    children?: ReactNode;
+    /** Ícone à direita do texto */
+    iconRight?: ReactNode;
+    /** Ícone à esquerda do texto */
+    iconLeft?: ReactNode;
+    /** Size of the badge */
+    size?: 'small' | 'medium' | 'large';
+    /** Visual variant of the badge */
+    variant?: 'solid' | 'outlined' | 'exams' | 'resultStatus' | 'notification';
+    /** Action type of the badge  */
+    action?: 'error' | 'warning' | 'success' | 'info' | 'muted' | 'exam1' | 'exam2' | 'exam3' | 'exam4' | 'positive' | 'negative';
+    /** Additional CSS classes to apply */
+    className?: string;
+    notificationActive?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * Badge component for Analytica Ensino platforms
+ *
+ * A flexible button component with multiple variants, sizes and actions.
+ * Fully compatible with Next.js 15 and React 19.
+ *
+ * @param children - The content to display inside the badge
+ * @param size - The size variant (extra-small, small, medium, large, extra-large)
+ * @param variant - The visual style variant (solid, outline, link)
+ * @param action - The action type (primary, positive, negative)
+ * @param className - Additional CSS classes
+ * @param props - All other standard div HTML attributes
+ * @returns A styled badge element
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="solid" action="info" size="medium">
+ *   Information
+ * </Badge>
+ * ```
+ */
+declare const Badge: ({ children, iconLeft, iconRight, size, variant, action, className, notificationActive, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+export { Badge };

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, HTMLAttributes } from 'react';
+
+/**
+ * Badge component props interface
+ */
+type BadgeProps = {
+    /** Content to be displayed inside the badge */
+    children?: ReactNode;
+    /** Ícone à direita do texto */
+    iconRight?: ReactNode;
+    /** Ícone à esquerda do texto */
+    iconLeft?: ReactNode;
+    /** Size of the badge */
+    size?: 'small' | 'medium' | 'large';
+    /** Visual variant of the badge */
+    variant?: 'solid' | 'outlined' | 'exams' | 'resultStatus' | 'notification';
+    /** Action type of the badge  */
+    action?: 'error' | 'warning' | 'success' | 'info' | 'muted' | 'exam1' | 'exam2' | 'exam3' | 'exam4' | 'positive' | 'negative';
+    /** Additional CSS classes to apply */
+    className?: string;
+    notificationActive?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * Badge component for Analytica Ensino platforms
+ *
+ * A flexible button component with multiple variants, sizes and actions.
+ * Fully compatible with Next.js 15 and React 19.
+ *
+ * @param children - The content to display inside the badge
+ * @param size - The size variant (extra-small, small, medium, large, extra-large)
+ * @param variant - The visual style variant (solid, outline, link)
+ * @param action - The action type (primary, positive, negative)
+ * @param className - Additional CSS classes
+ * @param props - All other standard div HTML attributes
+ * @returns A styled badge element
+ *
+ * @example
+ * ```tsx
+ * <Badge variant="solid" action="info" size="medium">
+ *   Information
+ * </Badge>
+ * ```
+ */
+declare const Badge: ({ children, iconLeft, iconRight, size, variant, action, className, notificationActive, ...props }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+export { Badge };

package/dist/components/Badge/Badge.js

@@ -0,0 +1,117 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Badge/Badge.tsx
+var Badge_exports = {};
+__export(Badge_exports, {
+  Badge: () => Badge
+});
+module.exports = __toCommonJS(Badge_exports);
+var import_phosphor_react = require("phosphor-react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    error: "bg-error text-error-700 focus-visible:outline-none",
+    warning: "bg-warning text-warning-800 focus-visible:outline-none",
+    success: "bg-success text-success-800 focus-visible:outline-none",
+    info: "bg-info text-info-800 focus-visible:outline-none",
+    muted: "bg-background-muted text-background-800 focus-visible:outline-none"
+  },
+  outlined: {
+    error: "bg-error text-error-700 border border-error-300 focus-visible:outline-none",
+    warning: "bg-warning text-warning-800 border border-warning-300 focus-visible:outline-none",
+    success: "bg-success text-success-800 border border-success-300 focus-visible:outline-none",
+    info: "bg-info text-info-800 border border-info-300 focus-visible:outline-none",
+    muted: "bg-background-muted text-background-800 border border-border-300 focus-visible:outline-none"
+  },
+  exams: {
+    exam1: "bg-exam-1 text-info-200 focus-visible:outline-none",
+    exam2: "bg-exam-2 text-typography-1 focus-visible:outline-none",
+    exam3: "bg-exam-3 text-typography-2 focus-visible:outline-none",
+    exam4: "bg-exam-4 text-success-700 focus-visible:outline-none"
+  },
+  resultStatus: {
+    negative: "bg-error text-error-800 focus-visible:outline-none",
+    positive: "bg-success text-success-800 focus-visible:outline-none"
+  },
+  notification: "text-primary"
+};
+var SIZE_CLASSES = {
+  small: "text-2xs px-2 py-1",
+  medium: "text-xs px-2 py-1",
+  large: "text-sm px-2 py-1"
+};
+var SIZE_CLASSES_ICON = {
+  small: "size-3",
+  medium: "size-3.5",
+  large: "size-4"
+};
+var Badge = ({
+  children,
+  iconLeft,
+  iconRight,
+  size = "medium",
+  variant = "solid",
+  action = "error",
+  className = "",
+  notificationActive = false,
+  ...props
+}) => {
+  const sizeClasses = SIZE_CLASSES[size];
+  const sizeClassesIcon = SIZE_CLASSES_ICON[size];
+  const variantActionMap = VARIANT_ACTION_CLASSES[variant] || {};
+  const variantClasses = typeof variantActionMap === "string" ? variantActionMap : variantActionMap[action] ?? variantActionMap.muted ?? "";
+  const baseClasses = "inline-flex items-center justify-center rounded-xs font-medium gap-1 relative";
+  const baseClassesIcon = "flex items-center";
+  if (variant === "notification") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
+        ...props,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_phosphor_react.Bell, { size: 24, className: "text-primary-950" }),
+          notificationActive && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              "data-testid": "notification-dot",
+              className: "absolute top-[5px] right-[10px] block h-2 w-2 rounded-full bg-indicator-error ring-2 ring-white"
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
+      ...props,
+      children: [
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconLeft }),
+        children,
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${baseClassesIcon} ${sizeClassesIcon}`, children: iconRight })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Badge
+});

package/dist/components/Badge/Badge.mjs

@@ -0,0 +1,6 @@
+import {
+  Badge
+} from "../../chunk-GSEO6POW.mjs";
+export {
+  Badge
+};

package/dist/components/Button/Button.d.mts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * Button component props interface
+ */
+type ButtonProps = {
+    /** Content to be displayed inside the button */
+    children: ReactNode;
+    /** Ícone à esquerda do texto */
+    iconLeft?: ReactNode;
+    /** Ícone à direita do texto */
+    iconRight?: ReactNode;
+    /** Size of the button */
+    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    /** Visual variant of the button */
+    variant?: 'solid' | 'outline' | 'link';
+    /** Action type of the button */
+    action?: 'primary' | 'positive' | 'negative';
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Button component for Analytica Ensino platforms
+ *
+ * A flexible button component with multiple variants, sizes and actions.
+ * Fully compatible with Next.js 15 and React 19.
+ *
+ * @param children - The content to display inside the button
+ * @param size - The size variant (extra-small, small, medium, large, extra-large)
+ * @param variant - The visual style variant (solid, outline, link)
+ * @param action - The action type (primary, positive, negative)
+ * @param className - Additional CSS classes
+ * @param props - All other standard button HTML attributes
+ * @returns A styled button element
+ *
+ * @example
+ * ```tsx
+ * <Button variant="solid" action="primary" size="medium" onClick={() => console.log('clicked')}>
+ *   Click me
+ * </Button>
+ * ```
+ */
+declare const Button: ({ children, iconLeft, iconRight, size, variant, action, className, disabled, type, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button };

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+
+/**
+ * Button component props interface
+ */
+type ButtonProps = {
+    /** Content to be displayed inside the button */
+    children: ReactNode;
+    /** Ícone à esquerda do texto */
+    iconLeft?: ReactNode;
+    /** Ícone à direita do texto */
+    iconRight?: ReactNode;
+    /** Size of the button */
+    size?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    /** Visual variant of the button */
+    variant?: 'solid' | 'outline' | 'link';
+    /** Action type of the button */
+    action?: 'primary' | 'positive' | 'negative';
+    /** Additional CSS classes to apply */
+    className?: string;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+/**
+ * Button component for Analytica Ensino platforms
+ *
+ * A flexible button component with multiple variants, sizes and actions.
+ * Fully compatible with Next.js 15 and React 19.
+ *
+ * @param children - The content to display inside the button
+ * @param size - The size variant (extra-small, small, medium, large, extra-large)
+ * @param variant - The visual style variant (solid, outline, link)
+ * @param action - The action type (primary, positive, negative)
+ * @param className - Additional CSS classes
+ * @param props - All other standard button HTML attributes
+ * @returns A styled button element
+ *
+ * @example
+ * ```tsx
+ * <Button variant="solid" action="primary" size="medium" onClick={() => console.log('clicked')}>
+ *   Click me
+ * </Button>
+ * ```
+ */
+declare const Button: ({ children, iconLeft, iconRight, size, variant, action, className, disabled, type, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { Button };

package/dist/components/Button/Button.js

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Button/Button.tsx
+var Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button
+});
+module.exports = __toCommonJS(Button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var VARIANT_ACTION_CLASSES = {
+  solid: {
+    primary: "bg-primary-950 text-text border border-primary-950 hover:bg-primary-800 hover:border-primary-800 focus-visible:outline-none focus-visible:bg-primary-950 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-primary-700 active:border-primary-700 disabled:bg-primary-500 disabled:border-primary-500 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-success-500 text-text border border-success-500 hover:bg-success-600 hover:border-success-600 focus-visible:outline-none focus-visible:bg-success-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-success-700 active:border-success-700 disabled:bg-success-500 disabled:border-success-500 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-error-500 text-text border border-error-500 hover:bg-error-600 hover:border-error-600 focus-visible:outline-none focus-visible:bg-error-500 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:bg-error-700 active:border-error-700 disabled:bg-error-500 disabled:border-error-500 disabled:opacity-40 disabled:cursor-not-allowed"
+  },
+  outline: {
+    primary: "bg-transparent text-primary-950 border border-primary-950 hover:bg-background-50 hover:text-primary-400 hover:border-primary-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 active:border-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-transparent text-success-500 border border-success-300 hover:bg-background-50 hover:text-success-400 hover:border-success-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 active:border-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-transparent text-error-500 border border-error-300 hover:bg-background-50 hover:text-error-400 hover:border-error-400 focus-visible:border-0 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 active:border-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
+  },
+  link: {
+    primary: "bg-transparent text-primary-950 hover:text-primary-400 focus-visible:outline-none focus-visible:text-primary-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-primary-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    positive: "bg-transparent text-success-500 hover:text-success-400 focus-visible:outline-none focus-visible:text-success-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-success-700 disabled:opacity-40 disabled:cursor-not-allowed",
+    negative: "bg-transparent text-error-500 hover:text-error-400 focus-visible:outline-none focus-visible:text-error-600 focus-visible:ring-2 focus-visible:ring-offset-0 focus-visible:ring-indicator-info active:text-error-700 disabled:opacity-40 disabled:cursor-not-allowed"
+  }
+};
+var SIZE_CLASSES = {
+  "extra-small": "text-xs px-3.5 py-2",
+  small: "text-sm px-4 py-2.5",
+  medium: "text-md px-5 py-2.5",
+  large: "text-lg px-6 py-3",
+  "extra-large": "text-lg px-7 py-3.5"
+};
+var Button = ({
+  children,
+  iconLeft,
+  iconRight,
+  size = "medium",
+  variant = "solid",
+  action = "primary",
+  className = "",
+  disabled,
+  type = "button",
+  ...props
+}) => {
+  const sizeClasses = SIZE_CLASSES[size];
+  const variantClasses = VARIANT_ACTION_CLASSES[variant][action];
+  const baseClasses = "inline-flex items-center justify-center rounded-full cursor-pointer font-medium";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      className: `${baseClasses} ${variantClasses} ${sizeClasses} ${className}`,
+      disabled,
+      type,
+      ...props,
+      children: [
+        iconLeft && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mr-2 flex items-center", children: iconLeft }),
+        children,
+        iconRight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "ml-2 flex items-center", children: iconRight })
+      ]
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

package/dist/components/Button/Button.mjs

@@ -0,0 +1,6 @@
+import {
+  Button
+} from "../../chunk-IB4IJ3GF.mjs";
+export {
+  Button
+};