eidos-ui 0.1.0

package/dist/chunk-TCX3QKF3.js

@@ -0,0 +1,103 @@
+// src/components/Avatar/Avatar.component.tsx
+import React, { useState } from "react";
+import { User } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var AVATAR_COLORS = [
+  "primary",
+  "secondary",
+  "success",
+  "danger",
+  "warning",
+  "info"
+];
+function getInitials(name) {
+  const parts = name.trim().split(/\s+/);
+  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();
+  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();
+}
+function getAutoColor(name) {
+  const sum = name.split("").reduce((acc, c) => acc + c.charCodeAt(0), 0);
+  return AVATAR_COLORS[sum % AVATAR_COLORS.length];
+}
+var Avatar = ({
+  src,
+  alt,
+  name,
+  size = "md",
+  color,
+  shape = "circle",
+  fallback,
+  className,
+  onClick
+}) => {
+  const [imgError, setImgError] = useState(false);
+  const showImage = !!src && !imgError;
+  const showInitials = !showImage && !!name;
+  const showFallback = !showImage && !showInitials;
+  const resolvedColor = color ?? (name ? getAutoColor(name) : "gray");
+  const classes = [
+    "eidos-avatar",
+    `eidos-avatar--${size}`,
+    `eidos-avatar--${shape}`,
+    showInitials && `eidos-avatar--${resolvedColor}`,
+    onClick && "eidos-avatar--clickable",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classes,
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      onKeyDown: onClick ? (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onClick();
+        }
+      } : void 0,
+      children: [
+        showImage && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src,
+            alt: alt ?? name ?? "Avatar",
+            className: "eidos-avatar-image",
+            onError: () => setImgError(true)
+          }
+        ),
+        showInitials && /* @__PURE__ */ jsx("span", { className: "eidos-avatar-initials", children: getInitials(name) }),
+        showFallback && (fallback ?? /* @__PURE__ */ jsx(User, { className: "eidos-avatar-fallback-icon", "aria-hidden": "true" }))
+      ]
+    }
+  );
+};
+var AvatarGroup = ({ children, max, size, className }) => {
+  const childArray = React.Children.toArray(children);
+  const visibleAvatars = max !== void 0 ? childArray.slice(0, max) : childArray;
+  const overflow = childArray.length - visibleAvatars.length;
+  return /* @__PURE__ */ jsxs("div", { className: ["eidos-avatar-group", className].filter(Boolean).join(" "), children: [
+    visibleAvatars.map((child, i) => /* @__PURE__ */ jsx("div", { className: "eidos-avatar-group-item", children: React.cloneElement(child, { size: size ?? child.props.size }) }, i)),
+    overflow > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: [
+          "eidos-avatar",
+          `eidos-avatar--${size ?? "md"}`,
+          "eidos-avatar--circle",
+          "eidos-avatar--overflow"
+        ].filter(Boolean).join(" "),
+        children: /* @__PURE__ */ jsxs("span", { className: "eidos-avatar-initials", children: [
+          "+",
+          overflow
+        ] })
+      }
+    )
+  ] });
+};
+
+export {
+  Avatar,
+  AvatarGroup
+};
+//# sourceMappingURL=chunk-TCX3QKF3.js.map

package/dist/chunk-TCX3QKF3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.component.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { User } from 'lucide-react';\r\nimport type { AvatarProps, AvatarGroupProps, AvatarColor } from './Avatar.types';\r\nimport './Avatar.scss';\r\n\r\n// ============================================================================\r\n// Constants\r\n// ============================================================================\r\n\r\nconst AVATAR_COLORS: AvatarColor[] = [\r\n  'primary',\r\n  'secondary',\r\n  'success',\r\n  'danger',\r\n  'warning',\r\n  'info',\r\n];\r\n\r\n// ============================================================================\r\n// Helpers\r\n// ============================================================================\r\n\r\nfunction getInitials(name: string): string {\r\n  const parts = name.trim().split(/\\s+/);\r\n  if (parts.length === 1) return parts[0].charAt(0).toUpperCase();\r\n  return (parts[0].charAt(0) + parts[parts.length - 1].charAt(0)).toUpperCase();\r\n}\r\n\r\nfunction getAutoColor(name: string): AvatarColor {\r\n  const sum = name.split('').reduce((acc, c) => acc + c.charCodeAt(0), 0);\r\n  return AVATAR_COLORS[sum % AVATAR_COLORS.length];\r\n}\r\n\r\n// ============================================================================\r\n// Avatar\r\n// ============================================================================\r\n\r\nexport const Avatar: React.FC<AvatarProps> = ({\r\n  src,\r\n  alt,\r\n  name,\r\n  size = 'md',\r\n  color,\r\n  shape = 'circle',\r\n  fallback,\r\n  className,\r\n  onClick,\r\n}) => {\r\n  const [imgError, setImgError] = useState(false);\r\n\r\n  const showImage = !!src && !imgError;\r\n  const showInitials = !showImage && !!name;\r\n  const showFallback = !showImage && !showInitials;\r\n\r\n  const resolvedColor: AvatarColor = color ?? (name ? getAutoColor(name) : 'gray');\r\n\r\n  const classes = [\r\n    'eidos-avatar',\r\n    `eidos-avatar--${size}`,\r\n    `eidos-avatar--${shape}`,\r\n    showInitials && `eidos-avatar--${resolvedColor}`,\r\n    onClick && 'eidos-avatar--clickable',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div\r\n      className={classes}\r\n      onClick={onClick}\r\n      role={onClick ? 'button' : undefined}\r\n      tabIndex={onClick ? 0 : undefined}\r\n      onKeyDown={\r\n        onClick\r\n          ? (e) => {\r\n              if (e.key === 'Enter' || e.key === ' ') {\r\n                e.preventDefault();\r\n                onClick();\r\n              }\r\n            }\r\n          : undefined\r\n      }\r\n    >\r\n      {showImage && (\r\n        <img\r\n          src={src}\r\n          alt={alt ?? name ?? 'Avatar'}\r\n          className=\"eidos-avatar-image\"\r\n          onError={() => setImgError(true)}\r\n        />\r\n      )}\r\n      {showInitials && <span className=\"eidos-avatar-initials\">{getInitials(name!)}</span>}\r\n      {showFallback &&\r\n        (fallback ?? <User className=\"eidos-avatar-fallback-icon\" aria-hidden=\"true\" />)}\r\n    </div>\r\n  );\r\n};\r\n\r\n// ============================================================================\r\n// AvatarGroup\r\n// ============================================================================\r\n\r\nexport const AvatarGroup: React.FC<AvatarGroupProps> = ({ children, max, size, className }) => {\r\n  const childArray = React.Children.toArray(children) as React.ReactElement<AvatarProps>[];\r\n  const visibleAvatars = max !== undefined ? childArray.slice(0, max) : childArray;\r\n  const overflow = childArray.length - visibleAvatars.length;\r\n\r\n  return (\r\n    <div className={['eidos-avatar-group', className].filter(Boolean).join(' ')}>\r\n      {visibleAvatars.map((child, i) => (\r\n        <div key={i} className=\"eidos-avatar-group-item\">\r\n          {React.cloneElement(child, { size: size ?? child.props.size })}\r\n        </div>\r\n      ))}\r\n      {overflow > 0 && (\r\n        <div\r\n          className={[\r\n            'eidos-avatar',\r\n            `eidos-avatar--${size ?? 'md'}`,\r\n            'eidos-avatar--circle',\r\n            'eidos-avatar--overflow',\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n        >\r\n          <span className=\"eidos-avatar-initials\">+{overflow}</span>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/chunk-TH3ITGUM.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TH3ITGUM.js.map

package/dist/chunk-TH3ITGUM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-TPNCV7KA.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TPNCV7KA.js.map

package/dist/chunk-TPNCV7KA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-TQCNQKWF.cjs

@@ -0,0 +1,194 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/FileUpload/FileUpload.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function isFileTypeAccepted(file, acceptedTypes) {
+  return acceptedTypes.some((type) => {
+    const trimmed = type.trim();
+    if (trimmed.startsWith(".")) {
+      return file.name.toLowerCase().endsWith(trimmed.toLowerCase());
+    }
+    if (trimmed.endsWith("/*")) {
+      const baseType = trimmed.slice(0, -2);
+      return file.type.startsWith(`${baseType}/`);
+    }
+    return file.type === trimmed;
+  });
+}
+function FileUpload({
+  accept,
+  multiple = false,
+  maxSize,
+  maxFiles,
+  onFilesAccepted,
+  onFilesRejected,
+  hint,
+  disabled = false,
+  className = ""
+}) {
+  const inputRef = _react.useRef.call(void 0, null);
+  const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
+  const [files, setFiles] = _react.useState.call(void 0, []);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const validateAndAccept = (fileList) => {
+    const incoming = Array.from(fileList);
+    if (maxFiles !== void 0 && incoming.length > maxFiles) {
+      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? "" : "s"} allowed`);
+      _optionalChain([onFilesRejected, 'optionalCall', _2 => _2(incoming, "count")]);
+      return;
+    }
+    if (accept) {
+      const acceptedTypes = accept.split(",").map((t) => t.trim());
+      const invalid = incoming.filter((f) => !isFileTypeAccepted(f, acceptedTypes));
+      if (invalid.length > 0) {
+        setError("One or more files have an unsupported type");
+        _optionalChain([onFilesRejected, 'optionalCall', _3 => _3(incoming, "type")]);
+        return;
+      }
+    }
+    if (maxSize !== void 0) {
+      const oversized = incoming.filter((f) => f.size > maxSize);
+      if (oversized.length > 0) {
+        setError(`File size exceeds the ${formatBytes(maxSize)} limit`);
+        _optionalChain([onFilesRejected, 'optionalCall', _4 => _4(oversized, "size")]);
+        return;
+      }
+    }
+    setError(null);
+    setFiles(incoming);
+    _optionalChain([onFilesAccepted, 'optionalCall', _5 => _5(incoming)]);
+  };
+  const handleDragEnter = (e) => {
+    e.preventDefault();
+    if (!disabled) setIsDragging(true);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    if (!e.currentTarget.contains(e.relatedTarget)) {
+      setIsDragging(false);
+    }
+  };
+  const handleDrop = (e) => {
+    e.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    const { files: dropped } = e.dataTransfer;
+    if (dropped.length > 0) validateAndAccept(dropped);
+  };
+  const handleZoneClick = () => {
+    if (!disabled) _optionalChain([inputRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.click, 'call', _8 => _8()]);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      handleZoneClick();
+    }
+  };
+  const handleFileChange = (e) => {
+    if (e.target.files && e.target.files.length > 0) {
+      validateAndAccept(e.target.files);
+    }
+    e.target.value = "";
+  };
+  const handleRemoveFile = (index) => {
+    const remaining = files.filter((_, i) => i !== index);
+    setFiles(remaining);
+    _optionalChain([onFilesAccepted, 'optionalCall', _9 => _9(remaining)]);
+  };
+  const rootClasses = ["eidos-file-upload", className].filter(Boolean).join(" ");
+  const zoneClasses = [
+    "eidos-file-upload-zone",
+    isDragging && "eidos-file-upload-zone--dragging",
+    disabled && "eidos-file-upload-zone--disabled"
+  ].filter(Boolean).join(" ");
+  const autoHint = [
+    accept ? `Accepted: ${accept}` : null,
+    maxSize ? `Max size: ${formatBytes(maxSize)}` : null,
+    maxFiles && multiple ? `Up to ${maxFiles} files` : null
+  ].filter(Boolean).join(" \xB7 ");
+  const displayHint = _nullishCoalesce(hint, () => ( (autoHint.length > 0 ? autoHint : null)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: rootClasses,
+      role: "region",
+      "aria-label": "File upload",
+      "aria-disabled": disabled || void 0,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: zoneClasses,
+            onClick: handleZoneClick,
+            onDragEnter: handleDragEnter,
+            onDragOver: handleDragOver,
+            onDragLeave: handleDragLeave,
+            onDrop: handleDrop,
+            onKeyDown: handleKeyDown,
+            role: "button",
+            tabIndex: disabled ? -1 : 0,
+            "aria-label": "Upload files - click or drag and drop",
+            "aria-disabled": disabled || void 0,
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-file-upload-icon", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, {}) }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-file-upload-text", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-file-upload-title", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "em", { children: "Click to upload" }) }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { style: { fontWeight: "normal", fontSize: "0.875rem" }, children: "or drag and drop" }),
+                displayHint && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-file-upload-hint", children: displayHint })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "input",
+                {
+                  ref: inputRef,
+                  type: "file",
+                  accept,
+                  multiple,
+                  disabled,
+                  onChange: handleFileChange,
+                  className: "eidos-file-upload-input-hidden",
+                  tabIndex: -1,
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ),
+        error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "eidos-file-upload-error", role: "alert", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, { "aria-hidden": "true" }),
+          error
+        ] }),
+        files.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "eidos-file-upload-list", "aria-label": "Selected files", children: files.map((file, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { className: "eidos-file-upload-item", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-file-upload-item-info", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FileText, { "aria-hidden": "true" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-file-upload-item-name", children: file.name }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-file-upload-item-size", children: formatBytes(file.size) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "eidos-file-upload-item-remove",
+              onClick: () => handleRemoveFile(index),
+              "aria-label": `Remove ${file.name}`,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, {})
+            }
+          )
+        ] }, `${file.name}-${index}`)) })
+      ]
+    }
+  );
+}
+FileUpload.displayName = "FileUpload";
+
+
+
+exports.FileUpload = FileUpload;
+//# sourceMappingURL=chunk-TQCNQKWF.cjs.map

package/dist/chunk-TQCNQKWF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-TQCNQKWF.cjs","../src/components/FileUpload/FileUpload.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAwC;AACxC,2CAAiD;AAuLvC,+CAAA;AAlLV,SAAS,WAAA,CAAY,KAAA,EAAuB;AAC1C,EAAA,GAAA,CAAI,MAAA,EAAQ,IAAA,EAAM,OAAO,CAAA,EAAA;AACA,EAAA;AACL,EAAA;AACtB;AAE4B;AACA,EAAA;AACH,IAAA;AAEE,IAAA;AACJ,MAAA;AACnB,IAAA;AAEqB,IAAA;AACF,MAAA;AACA,MAAA;AACnB,IAAA;AAEqB,IAAA;AACtB,EAAA;AACH;AAI2B;AACzB,EAAA;AACW,EAAA;AACX,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACW,EAAA;AACC,EAAA;AACM;AACwB,EAAA;AACvB,EAAA;AACO,EAAA;AACA,EAAA;AAIA,EAAA;AACD,IAAA;AAEN,IAAA;AACK,MAAA;AACF,sBAAA;AAClB,MAAA;AACF,IAAA;AAEY,IAAA;AACY,MAAA;AACN,MAAA;AACK,MAAA;AACV,QAAA;AACS,wBAAA;AAClB,QAAA;AACF,MAAA;AACF,IAAA;AAE2B,IAAA;AACP,MAAA;AACJ,MAAA;AACH,QAAA;AACS,wBAAA;AAClB,QAAA;AACF,MAAA;AACF,IAAA;AAEa,IAAA;AACI,IAAA;AACC,oBAAA;AACpB,EAAA;AAIyB,EAAA;AACN,IAAA;AACF,IAAA;AACjB,EAAA;AAEwB,EAAA;AAEL,IAAA;AACnB,EAAA;AAEyB,EAAA;AACN,IAAA;AAGI,IAAA;AACA,MAAA;AACrB,IAAA;AACF,EAAA;AAE2D,EAAA;AACxC,IAAA;AACE,IAAA;AACL,IAAA;AACS,IAAA;AACC,IAAA;AAC1B,EAAA;AAIwB,EAAA;AACE,IAAA;AAC1B,EAAA;AAEuB,EAAA;AACP,IAAA;AACK,MAAA;AACD,MAAA;AAClB,IAAA;AACF,EAAA;AAE0B,EAAA;AACA,IAAA;AACF,MAAA;AACtB,IAAA;AAEiB,IAAA;AACnB,EAAA;AAI0B,EAAA;AACA,IAAA;AACN,IAAA;AACA,oBAAA;AACpB,EAAA;AAIqB,EAAA;AAED,EAAA;AAClB,IAAA;AACc,IAAA;AACF,IAAA;AAGH,EAAA;AAGM,EAAA;AACO,IAAA;AACC,IAAA;AACA,IAAA;AAGjB,EAAA;AAEY,EAAA;AAGlB,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACN,MAAA;AACM,MAAA;AACI,MAAA;AAEf,MAAA;AAAA,wBAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACF,YAAA;AACI,YAAA;AACD,YAAA;AACC,YAAA;AACL,YAAA;AACG,YAAA;AACN,YAAA;AACK,YAAA;AACC,YAAA;AACX,YAAA;AAEA,YAAA;AAAA,8BAAA;AAIA,8BAAA;AACE,gCAAA;AAGA,gCAAA;AACC,gBAAA;AACH,cAAA;AAGA,8BAAA;AAAC,gBAAA;AAAA,gBAAA;AACM,kBAAA;AACA,kBAAA;AACL,kBAAA;AACA,kBAAA;AACA,kBAAA;AACU,kBAAA;AACV,kBAAA;AACU,kBAAA;AACV,kBAAA;AAAY,gBAAA;AACd,cAAA;AAAA,YAAA;AAAA,UAAA;AACF,QAAA;AAGE,QAAA;AACE,0BAAA;AACC,UAAA;AACH,QAAA;AAIA,QAAA;AAGM,0BAAA;AACE,4BAAA;AACA,4BAAA;AACA,4BAAA;AACF,UAAA;AACA,0BAAA;AAAC,YAAA;AAAA,YAAA;AACM,cAAA;AACK,cAAA;AACD,cAAA;AACG,cAAA;AAEZ,cAAA;AAAG,YAAA;AACL,UAAA;AAbmB,QAAA;AAgBzB,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAEyB;ADpDG;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-TQCNQKWF.cjs","sourcesContent":[null,"import React, { useState, useRef } from 'react';\r\nimport { Upload, X, CircleAlert, FileText } from 'lucide-react';\r\nimport type { FileUploadProps } from './FileUpload.types';\r\n\r\n// ── Helpers ──────────────────────────────────────────────────────────────────\r\n\r\nfunction formatBytes(bytes: number): string {\r\n  if (bytes < 1024) return `${bytes} B`;\r\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\r\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\r\n}\r\n\r\nfunction isFileTypeAccepted(file: File, acceptedTypes: string[]): boolean {\r\n  return acceptedTypes.some((type) => {\r\n    const trimmed = type.trim();\r\n    // Extension match: \".pdf\", \".docx\"\r\n    if (trimmed.startsWith('.')) {\r\n      return file.name.toLowerCase().endsWith(trimmed.toLowerCase());\r\n    }\r\n    // Wildcard MIME group: \"image/*\", \"video/*\"\r\n    if (trimmed.endsWith('/*')) {\r\n      const baseType = trimmed.slice(0, -2);\r\n      return file.type.startsWith(`${baseType}/`);\r\n    }\r\n    // Exact MIME type: \"application/pdf\"\r\n    return file.type === trimmed;\r\n  });\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport function FileUpload({\r\n  accept,\r\n  multiple = false,\r\n  maxSize,\r\n  maxFiles,\r\n  onFilesAccepted,\r\n  onFilesRejected,\r\n  hint,\r\n  disabled = false,\r\n  className = '',\r\n}: FileUploadProps) {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // ── Validation ─────────────────────────────────────────────────────────────\r\n\r\n  const validateAndAccept = (fileList: FileList | File[]) => {\r\n    const incoming = Array.from(fileList);\r\n\r\n    if (maxFiles !== undefined && incoming.length > maxFiles) {\r\n      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'} allowed`);\r\n      onFilesRejected?.(incoming, 'count');\r\n      return;\r\n    }\r\n\r\n    if (accept) {\r\n      const acceptedTypes = accept.split(',').map((t) => t.trim());\r\n      const invalid = incoming.filter((f) => !isFileTypeAccepted(f, acceptedTypes));\r\n      if (invalid.length > 0) {\r\n        setError('One or more files have an unsupported type');\r\n        onFilesRejected?.(incoming, 'type');\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (maxSize !== undefined) {\r\n      const oversized = incoming.filter((f) => f.size > maxSize);\r\n      if (oversized.length > 0) {\r\n        setError(`File size exceeds the ${formatBytes(maxSize)} limit`);\r\n        onFilesRejected?.(oversized, 'size');\r\n        return;\r\n      }\r\n    }\r\n\r\n    setError(null);\r\n    setFiles(incoming);\r\n    onFilesAccepted?.(incoming);\r\n  };\r\n\r\n  // ── Drag handlers ──────────────────────────────────────────────────────────\r\n\r\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    if (!disabled) setIsDragging(true);\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\r\n    // Prevent default to allow the drop event to fire\r\n    e.preventDefault();\r\n  };\r\n\r\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    // Only clear the dragging state when leaving the zone entirely,\r\n    // not when moving over a child element inside it.\r\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\r\n      setIsDragging(false);\r\n    }\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n    if (disabled) return;\r\n    const { files: dropped } = e.dataTransfer;\r\n    if (dropped.length > 0) validateAndAccept(dropped);\r\n  };\r\n\r\n  // ── Click / keyboard ───────────────────────────────────────────────────────\r\n\r\n  const handleZoneClick = () => {\r\n    if (!disabled) inputRef.current?.click();\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      handleZoneClick();\r\n    }\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (e.target.files && e.target.files.length > 0) {\r\n      validateAndAccept(e.target.files);\r\n    }\r\n    // Reset the input value so the same file(s) can be re-selected\r\n    e.target.value = '';\r\n  };\r\n\r\n  // ── File list management ───────────────────────────────────────────────────\r\n\r\n  const handleRemoveFile = (index: number) => {\r\n    const remaining = files.filter((_, i) => i !== index);\r\n    setFiles(remaining);\r\n    onFilesAccepted?.(remaining);\r\n  };\r\n\r\n  // ── CSS classes ────────────────────────────────────────────────────────────\r\n\r\n  const rootClasses = ['eidos-file-upload', className].filter(Boolean).join(' ');\r\n\r\n  const zoneClasses = [\r\n    'eidos-file-upload-zone',\r\n    isDragging && 'eidos-file-upload-zone--dragging',\r\n    disabled && 'eidos-file-upload-zone--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  // Build the auto-generated hint from the constraints when no hint is provided\r\n  const autoHint = [\r\n    accept ? `Accepted: ${accept}` : null,\r\n    maxSize ? `Max size: ${formatBytes(maxSize)}` : null,\r\n    maxFiles && multiple ? `Up to ${maxFiles} files` : null,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' · ');\r\n\r\n  const displayHint = hint ?? (autoHint.length > 0 ? autoHint : null);\r\n\r\n  return (\r\n    <div\r\n      className={rootClasses}\r\n      role=\"region\"\r\n      aria-label=\"File upload\"\r\n      aria-disabled={disabled || undefined}\r\n    >\r\n      <div\r\n        className={zoneClasses}\r\n        onClick={handleZoneClick}\r\n        onDragEnter={handleDragEnter}\r\n        onDragOver={handleDragOver}\r\n        onDragLeave={handleDragLeave}\r\n        onDrop={handleDrop}\r\n        onKeyDown={handleKeyDown}\r\n        role=\"button\"\r\n        tabIndex={disabled ? -1 : 0}\r\n        aria-label=\"Upload files - click or drag and drop\"\r\n        aria-disabled={disabled || undefined}\r\n      >\r\n        <div className=\"eidos-file-upload-icon\" aria-hidden=\"true\">\r\n          <Upload />\r\n        </div>\r\n\r\n        <div className=\"eidos-file-upload-text\">\r\n          <p className=\"eidos-file-upload-title\">\r\n            <em>Click to upload</em>\r\n          </p>\r\n          <span style={{ fontWeight: 'normal', fontSize: '0.875rem' }}>or drag and drop</span>\r\n          {displayHint && <p className=\"eidos-file-upload-hint\">{displayHint}</p>}\r\n        </div>\r\n\r\n        {/* Hidden native input - triggered programmatically via click() */}\r\n        <input\r\n          ref={inputRef}\r\n          type=\"file\"\r\n          accept={accept}\r\n          multiple={multiple}\r\n          disabled={disabled}\r\n          onChange={handleFileChange}\r\n          className=\"eidos-file-upload-input-hidden\"\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n        />\r\n      </div>\r\n\r\n      {error && (\r\n        <p className=\"eidos-file-upload-error\" role=\"alert\">\r\n          <CircleAlert aria-hidden=\"true\" />\r\n          {error}\r\n        </p>\r\n      )}\r\n\r\n      {files.length > 0 && (\r\n        <ul className=\"eidos-file-upload-list\" aria-label=\"Selected files\">\r\n          {files.map((file, index) => (\r\n            <li key={`${file.name}-${index}`} className=\"eidos-file-upload-item\">\r\n              <div className=\"eidos-file-upload-item-info\">\r\n                <FileText aria-hidden=\"true\" />\r\n                <span className=\"eidos-file-upload-item-name\">{file.name}</span>\r\n                <span className=\"eidos-file-upload-item-size\">{formatBytes(file.size)}</span>\r\n              </div>\r\n              <button\r\n                type=\"button\"\r\n                className=\"eidos-file-upload-item-remove\"\r\n                onClick={() => handleRemoveFile(index)}\r\n                aria-label={`Remove ${file.name}`}\r\n              >\r\n                <X />\r\n              </button>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nFileUpload.displayName = 'FileUpload';\r\n"]}

package/dist/chunk-TZWNX7FF.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-TZWNX7FF.js.map

package/dist/chunk-TZWNX7FF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-UEJSRMU2.js

@@ -0,0 +1,39 @@
+// src/components/Pill/Pill.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Pill = ({
+  children,
+  color = "primary",
+  variant = "filled",
+  size = "md",
+  dot = false,
+  max,
+  className = ""
+}) => {
+  const hasContent = children !== void 0 && children !== null && children !== "";
+  const dotOnly = dot && !hasContent;
+  const classes = [
+    "eidos-pill",
+    `eidos-pill--${variant}`,
+    `eidos-pill--${color}`,
+    `eidos-pill--${size}`,
+    dotOnly && "eidos-pill--dot",
+    dot && hasContent && "eidos-pill--with-dot",
+    className
+  ].filter(Boolean).join(" ");
+  if (dotOnly) {
+    return /* @__PURE__ */ jsx("span", { className: classes });
+  }
+  let content = children;
+  if (typeof children === "number" && max !== void 0) {
+    content = children > max ? `${max}+` : children;
+  }
+  return /* @__PURE__ */ jsxs("span", { className: classes, children: [
+    dot && /* @__PURE__ */ jsx("span", { className: "eidos-pill--dot-indicator" }),
+    content
+  ] });
+};
+
+export {
+  Pill
+};
+//# sourceMappingURL=chunk-UEJSRMU2.js.map

package/dist/chunk-UEJSRMU2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pill/Pill.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { PillProps } from './Pill.types';\nimport './Pill.scss';\n\nexport const Pill: React.FC<PillProps> = ({\n  children,\n  color = 'primary',\n  variant = 'filled',\n  size = 'md',\n  dot = false,\n  max,\n  className = '',\n}) => {\n  const hasContent = children !== undefined && children !== null && children !== '';\n  const dotOnly = dot && !hasContent;\n\n  const classes = [\n    'eidos-pill',\n    `eidos-pill--${variant}`,\n    `eidos-pill--${color}`,\n    `eidos-pill--${size}`,\n    dotOnly && 'eidos-pill--dot',\n    dot && hasContent && 'eidos-pill--with-dot',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (dotOnly) {\n    return <span className={classes} />;\n  }\n\n  let content: React.ReactNode = children;\n  if (typeof children === 'number' && max !== undefined) {\n    content = children > max ? `${max}+` : children;\n  }\n\n  return (\n    <span className={classes}>\n      {dot && <span className=\"eidos-pill--dot-indicator\" />}\n      {content}\n    </span>\n  );\n};\n"],"mappings":";AA6BW,cASP,YATO;AAzBJ,IAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,MAAM;AAAA,EACN;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,aAAa,aAAa,UAAa,aAAa,QAAQ,aAAa;AAC/E,QAAM,UAAU,OAAO,CAAC;AAExB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,eAAe,OAAO;AAAA,IACtB,eAAe,KAAK;AAAA,IACpB,eAAe,IAAI;AAAA,IACnB,WAAW;AAAA,IACX,OAAO,cAAc;AAAA,IACrB;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,MAAI,SAAS;AACX,WAAO,oBAAC,UAAK,WAAW,SAAS;AAAA,EACnC;AAEA,MAAI,UAA2B;AAC/B,MAAI,OAAO,aAAa,YAAY,QAAQ,QAAW;AACrD,cAAU,WAAW,MAAM,GAAG,GAAG,MAAM;AAAA,EACzC;AAEA,SACE,qBAAC,UAAK,WAAW,SACd;AAAA,WAAO,oBAAC,UAAK,WAAU,6BAA4B;AAAA,IACnD;AAAA,KACH;AAEJ;","names":[]}

package/dist/chunk-UTENJWSE.cjs

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Divider/Divider.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Divider = ({
+  direction = "horizontal",
+  className = "",
+  ...rest
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "separator",
+      ...rest,
+      className: ["eidos-divider", `eidos-divider--${direction}`, className].filter(Boolean).join(" ")
+    }
+  );
+};
+
+
+
+exports.Divider = Divider;
+//# sourceMappingURL=chunk-UTENJWSE.cjs.map

package/dist/chunk-UTENJWSE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-UTENJWSE.cjs","../src/components/Divider/Divider.component.tsx"],"names":[],"mappings":"AAAA;ACSI,+CAAA;AANG,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,UAAA,EAAY,YAAA;AAAA,EACZ,UAAA,EAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,uBACE,6BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,WAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,SAAA,EAAW,CAAC,eAAA,EAAiB,CAAA,eAAA,EAAkB,SAAS,CAAA,CAAA;AAE7C,IAAA;AACb,EAAA;AAEJ;ADD+D;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-UTENJWSE.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { DividerProps } from './Divider.types';\r\n\r\nexport const Divider: React.FC<DividerProps> = ({\r\n  direction = 'horizontal',\r\n  className = '',\r\n  ...rest\r\n}) => {\r\n  return (\r\n    <div\r\n      role=\"separator\"\r\n      {...rest}\r\n      className={['eidos-divider', `eidos-divider--${direction}`, className]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n    />\r\n  );\r\n};\r\n"]}

package/dist/chunk-V5JNYS77.cjs

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/EmptyState/EmptyState.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var EmptyState = ({
+  icon,
+  title,
+  description,
+  action,
+  size = "md",
+  className = ""
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "div",
+  {
+    className: ["eidos-empty-state", `eidos-empty-state--${size}`, className].filter(Boolean).join(" "),
+    children: [
+      icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-empty-state-icon", children: icon }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-empty-state-content", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "eidos-empty-state-title", children: title }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-empty-state-description", children: description })
+      ] }),
+      action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-empty-state-action", children: action })
+    ]
+  }
+);
+EmptyState.displayName = "EmptyState";
+
+
+
+exports.EmptyState = EmptyState;
+//# sourceMappingURL=chunk-V5JNYS77.cjs.map

package/dist/chunk-V5JNYS77.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-V5JNYS77.cjs","../src/components/EmptyState/EmptyState.component.tsx"],"names":[],"mappings":"AAAA;ACgBa,+CAAA;AAbN,IAAM,WAAA,EAAwC,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY;AACd,CAAA,EAAA,mBACE,8BAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,CAAC,mBAAA,EAAqB,CAAA,mBAAA,EAAsB,IAAI,CAAA,CAAA;AAI1D,IAAA;AAAuB,MAAA;AAET,sBAAA;AACC,wBAAA;AACe,QAAA;AAC/B,MAAA;AAE0B,MAAA;AAAmC,IAAA;AAAA,EAAA;AAC/D;AAGuB;ADHuC;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-V5JNYS77.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { EmptyStateProps } from './EmptyState.types';\r\n\r\nexport const EmptyState: React.FC<EmptyStateProps> = ({\r\n  icon,\r\n  title,\r\n  description,\r\n  action,\r\n  size = 'md',\r\n  className = '',\r\n}) => (\r\n  <div\r\n    className={['eidos-empty-state', `eidos-empty-state--${size}`, className]\r\n      .filter(Boolean)\r\n      .join(' ')}\r\n  >\r\n    {icon && <div className=\"eidos-empty-state-icon\">{icon}</div>}\r\n\r\n    <div className=\"eidos-empty-state-content\">\r\n      <h3 className=\"eidos-empty-state-title\">{title}</h3>\r\n      {description && <p className=\"eidos-empty-state-description\">{description}</p>}\r\n    </div>\r\n\r\n    {action && <div className=\"eidos-empty-state-action\">{action}</div>}\r\n  </div>\r\n);\r\n\r\nEmptyState.displayName = 'EmptyState';\r\n"]}