@lukeashford/aurelius 1.0.0

package/dist/index.js

@@ -0,0 +1,816 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Alert: () => Alert,
+  Avatar: () => Avatar,
+  Badge: () => Badge,
+  Button: () => Button,
+  Card: () => Card,
+  Checkbox: () => Checkbox,
+  HelperText: () => HelperText,
+  Input: () => Input,
+  Label: () => Label,
+  Modal: () => Modal,
+  Radio: () => Radio,
+  Select: () => Select,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
+  Switch: () => Switch,
+  Textarea: () => Textarea,
+  Tooltip: () => Tooltip,
+  colors: () => colors,
+  duration: () => duration,
+  easing: () => easing,
+  radii: () => radii,
+  shadows: () => shadows,
+  spacing: () => spacing,
+  tailwindPreset: () => tailwind_preset_default,
+  typography: () => typography,
+  version: () => version
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/tokens/colors.ts
+var colors = {
+  // Black spectrum
+  void: "#000000",
+  obsidian: "#0a0a0a",
+  charcoal: "#141414",
+  graphite: "#1f1f1f",
+  slate: "#2a2a2a",
+  ash: "#3d3d3d",
+  // Gold spectrum
+  gold: "#c9a227",
+  goldLight: "#d4b84a",
+  goldBright: "#e5c84d",
+  goldMuted: "#8b7355",
+  goldPale: "#d4c4a8",
+  goldGlow: "rgba(201, 162, 39, 0.15)",
+  // Neutrals
+  white: "#ffffff",
+  silver: "#a3a3a3",
+  zinc: "#71717a",
+  dim: "#52525b",
+  // Semantic
+  success: "#22c55e",
+  successMuted: "#166534",
+  error: "#dc2626",
+  errorMuted: "#991b1b",
+  warning: "#d97706",
+  warningMuted: "#92400e",
+  info: "#0ea5e9",
+  infoMuted: "#0369a1"
+};
+
+// src/tokens/typography.ts
+var typography = {
+  // Headings use Marcellus, a classic serif
+  fontHeading: ["Marcellus", "serif"],
+  // Body and UI use Raleway
+  fontBody: ["Raleway", "system-ui", "sans-serif"],
+  fontMono: ["JetBrains Mono", "Fira Code", "SF Mono", "monospace"],
+  fontSize: {
+    xs: ["0.75rem", { lineHeight: "1rem" }],
+    sm: ["0.875rem", { lineHeight: "1.25rem" }],
+    base: ["1rem", { lineHeight: "1.5rem" }],
+    lg: ["1.125rem", { lineHeight: "1.75rem" }],
+    xl: ["1.25rem", { lineHeight: "1.75rem" }],
+    "2xl": ["1.5rem", { lineHeight: "2rem" }],
+    "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+    "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+    "5xl": ["3rem", { lineHeight: "1" }],
+    "6xl": ["3.75rem", { lineHeight: "1" }]
+  },
+  fontWeight: {
+    normal: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  lineHeight: {
+    none: "1",
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+  },
+  letterSpacing: {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em"
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  px: "1px",
+  0: "0",
+  0.5: "0.125rem",
+  1: "0.25rem",
+  1.5: "0.375rem",
+  2: "0.5rem",
+  2.5: "0.625rem",
+  3: "0.75rem",
+  3.5: "0.875rem",
+  4: "1rem",
+  5: "1.25rem",
+  6: "1.5rem",
+  7: "1.75rem",
+  8: "2rem",
+  9: "2.25rem",
+  10: "2.5rem",
+  11: "2.75rem",
+  12: "3rem",
+  14: "3.5rem",
+  16: "4rem",
+  20: "5rem",
+  24: "6rem",
+  28: "7rem",
+  32: "8rem"
+};
+
+// src/tokens/shadows.ts
+var shadows = {
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.4)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 8px 10px -6px rgba(0, 0, 0, 0.3)",
+  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.5)",
+  glow: "0 0 20px rgba(201, 162, 39, 0.3)",
+  "glow-sm": "0 0 10px rgba(201, 162, 39, 0.2)",
+  "glow-lg": "0 0 40px rgba(201, 162, 39, 0.4)",
+  inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.3)"
+};
+
+// src/tokens/transitions.ts
+var duration = {
+  instant: "75ms",
+  fast: "150ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "500ms"
+};
+var easing = {
+  smooth: "cubic-bezier(0.16, 1, 0.3, 1)",
+  snap: "cubic-bezier(0.5, 0, 0.1, 1)"
+};
+
+// src/tokens/radii.ts
+var radii = {
+  sm: "0.125rem",
+  md: "0.25rem",
+  lg: "0.375rem",
+  xl: "0.5rem",
+  "2xl": "0.75rem",
+  "3xl": "1rem",
+  full: "9999px"
+};
+
+// src/tailwind.preset.ts
+var preset = {
+  // Safelist color utilities used dynamically in the demo so Tailwind doesn't purge them
+  safelist: [
+    // Black spectrum
+    "bg-void",
+    "bg-obsidian",
+    "bg-charcoal",
+    "bg-graphite",
+    "bg-slate",
+    "bg-ash",
+    // Gold spectrum
+    "bg-gold",
+    "bg-gold-light",
+    "bg-gold-bright",
+    "bg-gold-muted",
+    "bg-gold-pale",
+    // Neutrals
+    "bg-white",
+    "bg-silver",
+    "bg-zinc",
+    "bg-dim",
+    // Semantic
+    "bg-success",
+    "bg-success-muted",
+    "bg-error",
+    "bg-error-muted",
+    "bg-warning",
+    "bg-warning-muted",
+    "bg-info",
+    "bg-info-muted"
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Black spectrum
+        void: colors.void,
+        obsidian: colors.obsidian,
+        charcoal: colors.charcoal,
+        graphite: colors.graphite,
+        slate: colors.slate,
+        ash: colors.ash,
+        // Gold spectrum
+        gold: {
+          DEFAULT: colors.gold,
+          light: colors.goldLight,
+          bright: colors.goldBright,
+          muted: colors.goldMuted,
+          pale: colors.goldPale,
+          glow: colors.goldGlow
+        },
+        // Neutrals
+        white: colors.white,
+        silver: colors.silver,
+        zinc: colors.zinc,
+        dim: colors.dim,
+        // Semantic
+        success: {
+          DEFAULT: colors.success,
+          muted: colors.successMuted
+        },
+        error: {
+          DEFAULT: colors.error,
+          muted: colors.errorMuted
+        },
+        warning: {
+          DEFAULT: colors.warning,
+          muted: colors.warningMuted
+        },
+        info: {
+          DEFAULT: colors.info,
+          muted: colors.infoMuted
+        }
+      },
+      fontFamily: {
+        heading: typography.fontHeading,
+        body: typography.fontBody,
+        mono: typography.fontMono
+      },
+      fontSize: typography.fontSize,
+      fontWeight: typography.fontWeight,
+      lineHeight: typography.lineHeight,
+      letterSpacing: typography.letterSpacing,
+      spacing,
+      borderRadius: radii,
+      boxShadow: shadows,
+      transitionDuration: duration,
+      transitionTimingFunction: easing,
+      animation: {
+        "fade-in": "fade-in 200ms ease-out",
+        "fade-out": "fade-out 150ms ease-in",
+        "slide-in-right": `slide-in-right 300ms ${easing.smooth}`,
+        "slide-out-right": "slide-out-right 200ms ease-in",
+        "pulse-glow": "pulse-glow 2s ease-in-out infinite"
+      },
+      keyframes: {
+        "fade-in": {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" }
+        },
+        "fade-out": {
+          "0%": { opacity: "1" },
+          "100%": { opacity: "0" }
+        },
+        "slide-in-right": {
+          "0%": { transform: "translateX(100%)", opacity: "0" },
+          "100%": { transform: "translateX(0)", opacity: "1" }
+        },
+        "slide-out-right": {
+          "0%": { transform: "translateX(0)", opacity: "1" },
+          "100%": { transform: "translateX(100%)", opacity: "0" }
+        },
+        "pulse-glow": {
+          "0%, 100%": { boxShadow: "0 0 20px rgba(201, 162, 39, 0.3)" },
+          "50%": { boxShadow: "0 0 30px rgba(201, 162, 39, 0.5)" }
+        }
+      }
+    }
+  }
+};
+var tailwind_preset_default = preset;
+
+// src/components/Button.tsx
+var import_react = __toESM(require("react"));
+function cx(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Button = import_react.default.forwardRef(
+  ({ variant = "primary", size = "md", loading = false, className, disabled, children, ...rest }, ref) => {
+    const isDisabled = disabled || loading;
+    const variantClass = variant === "primary" ? "btn-primary" : variant === "important" ? "btn-important" : variant === "elevated" ? "btn-elevated" : variant === "outlined" ? "btn-outlined" : variant === "featured" ? "btn-featured" : variant === "ghost" ? "btn-ghost" : "btn-danger";
+    const sizeClass = `btn-${size}`;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "button",
+      {
+        ref,
+        className: cx("btn", variantClass, sizeClass, loading && "opacity-80", className),
+        disabled: isDisabled,
+        ...rest
+      },
+      loading && /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: "mr-2 inline-block h-4 w-4 animate-pulse rounded-full bg-gold",
+          "aria-hidden": true
+        }
+      ),
+      children
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/components/Input.tsx
+var import_react2 = __toESM(require("react"));
+function cx2(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Input = import_react2.default.forwardRef(
+  ({ error = false, className, leadingIcon, trailingIcon, disabled, ...rest }, ref) => {
+    const base = "input";
+    const errorCls = error ? "input-error" : "";
+    return /* @__PURE__ */ import_react2.default.createElement("div", { className: cx2("relative", disabled && "opacity-90") }, leadingIcon && /* @__PURE__ */ import_react2.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 left-3 flex items-center text-silver" }, leadingIcon), /* @__PURE__ */ import_react2.default.createElement(
+      "input",
+      {
+        ref,
+        className: cx2(
+          base,
+          errorCls,
+          (leadingIcon || trailingIcon) && "pl-9 pr-9",
+          className
+        ),
+        disabled,
+        ...rest
+      }
+    ), trailingIcon && /* @__PURE__ */ import_react2.default.createElement("span", { className: "pointer-events-none absolute inset-y-0 right-3 flex items-center text-silver" }, trailingIcon));
+  }
+);
+Input.displayName = "Input";
+
+// src/components/Card.tsx
+var import_react3 = __toESM(require("react"));
+function cx3(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Card = import_react3.default.forwardRef(
+  ({ variant = "default", interactive = false, className, ...rest }, ref) => {
+    const base = "card";
+    const variantClass = variant === "elevated" ? "card-elevated" : variant === "outlined" ? "card-outlined" : variant === "ghost" ? "bg-transparent shadow-none border-0" : variant === "featured" ? "card-featured" : "";
+    const interactiveClass = interactive ? "card-interactive" : "";
+    return /* @__PURE__ */ import_react3.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx3(base, variantClass, interactiveClass, className),
+        ...rest
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+
+// src/components/Avatar.tsx
+var import_react4 = __toESM(require("react"));
+function cx4(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var sizeMap = {
+  xs: "h-6 w-6 text-[10px]",
+  sm: "h-8 w-8 text-[11px]",
+  md: "h-10 w-10 text-xs",
+  lg: "h-12 w-12 text-sm",
+  xl: "h-16 w-16 text-base",
+  "2xl": "h-24 w-24 text-lg"
+};
+function initials(name) {
+  if (!name) return "";
+  const parts = name.trim().split(/\s+/);
+  return parts.slice(0, 2).map((p) => p[0].toUpperCase()).join("");
+}
+var Avatar = import_react4.default.forwardRef(
+  ({ src, alt = "", name, size = "md", status, className, ...rest }, ref) => {
+    const statusColor = status === "online" ? "bg-success" : status === "busy" ? "bg-warning" : "bg-zinc";
+    return /* @__PURE__ */ import_react4.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx4(
+          "relative inline-flex items-center justify-center rounded-full border-2 border-ash bg-slate text-silver font-semibold select-none overflow-hidden",
+          sizeMap[size],
+          className
+        ),
+        ...rest
+      },
+      src ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ import_react4.default.createElement("img", { src, alt: alt || name || "Avatar", className: "h-full w-full object-cover" })
+      ) : /* @__PURE__ */ import_react4.default.createElement("span", { "aria-hidden": true }, initials(name) || "\xB7"),
+      status && /* @__PURE__ */ import_react4.default.createElement(
+        "span",
+        {
+          className: cx4(
+            "absolute bottom-0 right-0 rounded-full ring-2 ring-charcoal",
+            // 25% of avatar size
+            size === "xs" ? "h-1.5 w-1.5" : size === "sm" ? "h-2 w-2" : size === "md" ? "h-2.5 w-2.5" : size === "lg" ? "h-3 w-3" : size === "xl" ? "h-4 w-4" : "h-5 w-5",
+            statusColor
+          )
+        }
+      )
+    );
+  }
+);
+Avatar.displayName = "Avatar";
+
+// src/components/Badge.tsx
+var import_react5 = __toESM(require("react"));
+function cx5(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Badge = import_react5.default.forwardRef(
+  ({ variant = "default", className, ...rest }, ref) => {
+    const variantClass = variant === "gold" ? "badge-gold" : variant === "success" ? "badge-success" : variant === "error" ? "badge-error" : variant === "warning" ? "bg-warning/20 text-warning border-warning/30" : variant === "info" ? "bg-info/20 text-info border-info/30" : "badge-default";
+    return /* @__PURE__ */ import_react5.default.createElement("span", { ref, className: cx5("badge", variantClass, className), ...rest });
+  }
+);
+Badge.displayName = "Badge";
+
+// src/components/Tooltip.tsx
+var import_react6 = __toESM(require("react"));
+function cx6(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Tooltip = ({ content, children, open = false, side = "top" }) => {
+  return /* @__PURE__ */ import_react6.default.createElement("span", { className: "relative inline-block" }, children, /* @__PURE__ */ import_react6.default.createElement(
+    "span",
+    {
+      role: "tooltip",
+      className: cx6(
+        "pointer-events-none absolute z-50 whitespace-nowrap rounded-md border border-ash bg-graphite px-3 py-1.5 text-sm text-white shadow-lg transition-opacity duration-fast ease-out",
+        open ? "opacity-100" : "opacity-0",
+        side === "top" && "left-1/2 -translate-x-1/2 -top-2 translate-y-[-100%]",
+        side === "bottom" && "left-1/2 -translate-x-1/2 -bottom-2 translate-y-[100%]",
+        side === "left" && "top-1/2 -translate-y-1/2 -left-2 -translate-x-[100%]",
+        side === "right" && "top-1/2 -translate-y-1/2 -right-2 translate-x-[100%]"
+      )
+    },
+    content
+  ));
+};
+
+// src/components/Label.tsx
+var import_react7 = __toESM(require("react"));
+function cx7(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Label = import_react7.default.forwardRef(
+  ({ className, required, children, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react7.default.createElement(
+      "label",
+      {
+        ref,
+        className: cx7("label", required && "label-required", className),
+        ...rest
+      },
+      children
+    );
+  }
+);
+Label.displayName = "Label";
+
+// src/components/HelperText.tsx
+var import_react8 = __toESM(require("react"));
+function cx8(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var HelperText = import_react8.default.forwardRef(
+  ({ className, error, children, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react8.default.createElement(
+      "p",
+      {
+        ref,
+        className: cx8("mt-1.5 text-xs", error ? "text-error" : "text-silver", className),
+        ...rest
+      },
+      children
+    );
+  }
+);
+HelperText.displayName = "HelperText";
+
+// src/components/Textarea.tsx
+var import_react9 = __toESM(require("react"));
+function cx9(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Textarea = import_react9.default.forwardRef(
+  ({ error = false, className, disabled, ...rest }, ref) => {
+    const base = "textarea";
+    const errorCls = error ? "border-error focus:border-error focus:ring-error" : "";
+    return /* @__PURE__ */ import_react9.default.createElement(
+      "textarea",
+      {
+        ref,
+        className: cx9(base, errorCls, disabled && "opacity-90", className),
+        disabled,
+        ...rest
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/components/Select.tsx
+var import_react10 = __toESM(require("react"));
+function cx10(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Select = import_react10.default.forwardRef(
+  ({ error = false, className, disabled, options, children, ...rest }, ref) => {
+    const base = "select";
+    const errorCls = error ? "border-error focus:border-error focus:ring-error" : "";
+    return /* @__PURE__ */ import_react10.default.createElement(
+      "select",
+      {
+        ref,
+        className: cx10(base, errorCls, disabled && "opacity-90", className),
+        disabled,
+        ...rest
+      },
+      options ? options.map((opt) => /* @__PURE__ */ import_react10.default.createElement("option", { key: opt.value, value: opt.value }, opt.label)) : children
+    );
+  }
+);
+Select.displayName = "Select";
+
+// src/components/Checkbox.tsx
+var import_react11 = __toESM(require("react"));
+function cx11(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Checkbox = import_react11.default.forwardRef(
+  ({ className, label, id, ...rest }, ref) => {
+    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
+    return /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react11.default.createElement(
+      "input",
+      {
+        type: "checkbox",
+        id: inputId,
+        ref,
+        className: cx11("checkbox", className),
+        ...rest
+      }
+    ), label && /* @__PURE__ */ import_react11.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/components/Radio.tsx
+var import_react12 = __toESM(require("react"));
+function cx12(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Radio = import_react12.default.forwardRef(
+  ({ className, label, id, ...rest }, ref) => {
+    const inputId = id || rest.name || Math.random().toString(36).substr(2, 9);
+    return /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react12.default.createElement(
+      "input",
+      {
+        type: "radio",
+        id: inputId,
+        ref,
+        className: cx12("radio", className),
+        ...rest
+      }
+    ), label && /* @__PURE__ */ import_react12.default.createElement("label", { htmlFor: inputId, className: "ml-2 text-sm text-silver cursor-pointer select-none" }, label));
+  }
+);
+Radio.displayName = "Radio";
+
+// src/components/Switch.tsx
+var import_react13 = __toESM(require("react"));
+function cx13(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Switch = import_react13.default.forwardRef(
+  ({ checked: controlledChecked, defaultChecked = false, onCheckedChange, disabled, className, label, ...rest }, ref) => {
+    const [internalChecked, setInternalChecked] = (0, import_react13.useState)(defaultChecked);
+    const isControlled = controlledChecked !== void 0;
+    const checked = isControlled ? controlledChecked : internalChecked;
+    const handleClick = (e) => {
+      if (disabled) return;
+      const newChecked = !checked;
+      if (!isControlled) {
+        setInternalChecked(newChecked);
+      }
+      onCheckedChange?.(newChecked);
+      rest.onClick?.(e);
+    };
+    return /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react13.default.createElement(
+      "button",
+      {
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "data-state": checked ? "checked" : "unchecked",
+        disabled,
+        ref,
+        onClick: handleClick,
+        className: cx13("switch", className),
+        ...rest
+      },
+      /* @__PURE__ */ import_react13.default.createElement("span", { className: "switch-thumb" })
+    ), label && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-sm text-silver cursor-pointer", onClick: () => !disabled && handleClick({}) }, label));
+  }
+);
+Switch.displayName = "Switch";
+
+// src/components/Alert.tsx
+var import_react14 = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+function cx14(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var icons = {
+  info: import_lucide_react.Info,
+  success: import_lucide_react.CheckCircle,
+  warning: import_lucide_react.AlertTriangle,
+  error: import_lucide_react.XCircle
+};
+var Alert = import_react14.default.forwardRef(
+  ({ variant = "info", title, children, className, ...rest }, ref) => {
+    const Icon = icons[variant];
+    const variantClass = `alert-${variant}`;
+    return /* @__PURE__ */ import_react14.default.createElement(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cx14("alert", variantClass, "flex gap-3", className),
+        ...rest
+      },
+      /* @__PURE__ */ import_react14.default.createElement(Icon, { className: "h-5 w-5 shrink-0" }),
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1" }, title && /* @__PURE__ */ import_react14.default.createElement("h5", { className: "mb-1 font-medium leading-none tracking-tight text-current" }, title), /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-sm opacity-90" }, children))
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+// src/components/Spinner.tsx
+var import_react15 = __toESM(require("react"));
+function cx15(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Spinner = ({ className, size = "md", ...rest }) => {
+  const sizeClass = size === "sm" ? "h-4 w-4" : size === "lg" ? "h-8 w-8" : "h-6 w-6";
+  return /* @__PURE__ */ import_react15.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: cx15("animate-spin text-gold", sizeClass, className),
+      ...rest
+    },
+    /* @__PURE__ */ import_react15.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+  );
+};
+Spinner.displayName = "Spinner";
+
+// src/components/Skeleton.tsx
+var import_react16 = __toESM(require("react"));
+function cx16(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Skeleton = import_react16.default.forwardRef(
+  ({ className, ...rest }, ref) => {
+    return /* @__PURE__ */ import_react16.default.createElement(
+      "div",
+      {
+        ref,
+        className: cx16("animate-pulse bg-ash rounded-sm", className),
+        ...rest
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
+
+// src/components/Modal.tsx
+var import_react17 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_lucide_react2 = require("lucide-react");
+function cx17(...classes) {
+  return classes.filter(Boolean).join(" ");
+}
+var Modal = ({ isOpen, onClose, title, children, className }) => {
+  const [mounted, setMounted] = (0, import_react17.useState)(false);
+  (0, import_react17.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  (0, import_react17.useEffect)(() => {
+    if (isOpen) {
+      const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+      document.body.style.overflow = "hidden";
+      document.body.style.paddingRight = `${scrollbarWidth}px`;
+    } else {
+      document.body.style.overflow = "unset";
+      document.body.style.paddingRight = "0px";
+    }
+    return () => {
+      document.body.style.overflow = "unset";
+      document.body.style.paddingRight = "0px";
+    };
+  }, [isOpen]);
+  (0, import_react17.useEffect)(() => {
+    const handleEsc = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", handleEsc);
+    return () => window.removeEventListener("keydown", handleEsc);
+  }, [onClose]);
+  if (!mounted) return null;
+  if (!isOpen) return null;
+  const content = /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 sm:p-6", onClick: onClose }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "modal-backdrop", "aria-hidden": "true" }), /* @__PURE__ */ import_react17.default.createElement(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      className: cx17("modal-content relative", className),
+      "data-state": "open",
+      onClick: (e) => e.stopPropagation()
+    },
+    /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex items-center justify-between mb-2" }, title ? /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-xl font-semibold text-white m-0" }, title) : /* @__PURE__ */ import_react17.default.createElement("div", null), /* @__PURE__ */ import_react17.default.createElement("button", { onClick: onClose, className: "text-silver hover:text-white transition-colors ml-auto" }, /* @__PURE__ */ import_react17.default.createElement(import_lucide_react2.X, { className: "h-5 w-5" }), /* @__PURE__ */ import_react17.default.createElement("span", { className: "sr-only" }, "Close"))),
+    /* @__PURE__ */ import_react17.default.createElement("div", null, children)
+  ));
+  return (0, import_react_dom.createPortal)(content, document.body);
+};
+Modal.displayName = "Modal";
+
+// src/index.ts
+var version = "1.0.0";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  Avatar,
+  Badge,
+  Button,
+  Card,
+  Checkbox,
+  HelperText,
+  Input,
+  Label,
+  Modal,
+  Radio,
+  Select,
+  Skeleton,
+  Spinner,
+  Switch,
+  Textarea,
+  Tooltip,
+  colors,
+  duration,
+  easing,
+  radii,
+  shadows,
+  spacing,
+  tailwindPreset,
+  typography,
+  version
+});
+//# sourceMappingURL=index.js.map