eidos-ui 0.1.0

package/dist/chunk-ICJ3SV5I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-ICJ3SV5I.cjs","../src/components/OTPInput/OTPInput.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-ICJ3SV5I.cjs","sourcesContent":[null,"import React, { useState, useEffect, useRef, useId } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport type { OTPInputProps } from './OTPInput.types';\r\nimport './OTPInput.scss';\r\n\r\nexport const OTPInput: React.FC<OTPInputProps> = ({\r\n  length = 6,\r\n  value,\r\n  defaultValue = '',\r\n  onChange,\r\n  onComplete,\r\n  type = 'numeric',\r\n  mask = false,\r\n  size = 'md',\r\n  disabled = false,\r\n  error,\r\n  label,\r\n  hint,\r\n  autoFocus = false,\r\n  className = '',\r\n}) => {\r\n  const generatedId = useId();\r\n  const labelId = `otp-label-${generatedId}`;\r\n  const hintId = `otp-hint-${generatedId}`;\r\n  const errorId = `otp-error-${generatedId}`;\r\n\r\n  const isControlled = value !== undefined;\r\n\r\n  // Split a string into an array of `length` single characters, padding with ''\r\n  const splitToSlots = (src: string): string[] => Array.from({ length }, (_v, i) => src[i] ?? '');\r\n\r\n  const [slots, setSlots] = useState<string[]>(() =>\r\n    splitToSlots(isControlled ? (value ?? '') : defaultValue),\r\n  );\r\n\r\n  // A ref that always mirrors the latest slots value so that event handlers\r\n  // never operate on stale closure state during rapid sequential keystrokes.\r\n  const slotsRef = useRef<string[]>(slots);\r\n\r\n  const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\r\n\r\n  // Array of refs - one per slot input\r\n  const inputRefs = useRef<Array<HTMLInputElement | null>>([]);\r\n\r\n  // Sync internal slots when the controlled `value` prop changes\r\n  useEffect(() => {\r\n    if (isControlled) {\r\n      const synced = splitToSlots(value ?? '');\r\n      slotsRef.current = synced;\r\n      setSlots(synced);\r\n    }\r\n    // splitToSlots is stable within a render; length is in deps\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [value, length, isControlled]);\r\n\r\n  // AutoFocus: focus first empty slot on mount\r\n  useEffect(() => {\r\n    if (!autoFocus) return;\r\n    const firstEmptyIdx = slots.findIndex((s) => s === '');\r\n    const targetIdx = firstEmptyIdx === -1 ? 0 : firstEmptyIdx;\r\n    inputRefs.current[targetIdx]?.focus();\r\n    // Intentionally runs only on mount\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n\r\n  // ── Core state update ──────────────────────────────────────────────────────\r\n\r\n  /**\r\n   * Apply a new slots array, propagate onChange, and fire onComplete if every\r\n   * slot is filled. In controlled mode we do NOT call setSlots - the parent\r\n   * drives state via the `value` prop.\r\n   */\r\n  const commitChange = (newSlots: string[]) => {\r\n    // Keep the ref in sync BEFORE state update so the next synchronous\r\n    // handler (rapid typing) reads the correct value from the ref.\r\n    slotsRef.current = newSlots;\r\n    if (!isControlled) setSlots(newSlots);\r\n    const fullValue = newSlots.join('');\r\n    onChange?.(fullValue);\r\n    if (newSlots.every((s) => s !== '')) {\r\n      onComplete?.(fullValue);\r\n    }\r\n  };\r\n\r\n  // ── Event handlers ─────────────────────────────────────────────────────────\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>, index: number) => {\r\n    const rawValue = e.target.value;\r\n    // When maxLength=1 is enforced, rawValue is 0–1 chars.\r\n    // When the browser transiently allows 2 chars (typed over existing), we\r\n    // take the last character - that's always the newly entered one.\r\n    const char = rawValue.slice(-1);\r\n\r\n    if (!char) return; // Deletes are handled by onKeyDown\r\n\r\n    // Guard: numeric mode rejects non-digit characters\r\n    if (type === 'numeric' && !/^\\d$/.test(char)) return;\r\n\r\n    // Read from slotsRef (not the stale `slots` closure) so rapid keystrokes\r\n    // don't overwrite each other when React hasn't re-rendered yet.\r\n    const newSlots = [...slotsRef.current];\r\n    newSlots[index] = char;\r\n    commitChange(newSlots);\r\n\r\n    // Advance focus to the next slot\r\n    if (index < length - 1) {\r\n      inputRefs.current[index + 1]?.focus();\r\n    }\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>, index: number) => {\r\n    // ── Numeric mode: block non-digit, non-control key presses ──────────────\r\n    if (type === 'numeric') {\r\n      const controlKeys = [\r\n        'Backspace',\r\n        'Delete',\r\n        'Tab',\r\n        'Escape',\r\n        'ArrowLeft',\r\n        'ArrowRight',\r\n        'Home',\r\n        'End',\r\n      ];\r\n      const isDigit = /^\\d$/.test(e.key);\r\n      const isControlKey = e.ctrlKey || e.metaKey;\r\n      if (!isDigit && !controlKeys.includes(e.key) && !isControlKey) {\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n    }\r\n\r\n    // ── Backspace ────────────────────────────────────────────────────────────\r\n    if (e.key === 'Backspace') {\r\n      e.preventDefault(); // Prevent the browser from also firing onChange\r\n      if (slotsRef.current[index] !== '') {\r\n        // Clear the current slot\r\n        const newSlots = [...slotsRef.current];\r\n        newSlots[index] = '';\r\n        commitChange(newSlots);\r\n      } else if (index > 0) {\r\n        // Move focus to the previous slot and clear it\r\n        const newSlots = [...slotsRef.current];\r\n        newSlots[index - 1] = '';\r\n        commitChange(newSlots);\r\n        inputRefs.current[index - 1]?.focus();\r\n      }\r\n      return;\r\n    }\r\n\r\n    // ── Arrow navigation ─────────────────────────────────────────────────────\r\n    if (e.key === 'ArrowLeft' && index > 0) {\r\n      e.preventDefault();\r\n      inputRefs.current[index - 1]?.focus();\r\n      return;\r\n    }\r\n    if (e.key === 'ArrowRight' && index < length - 1) {\r\n      e.preventDefault();\r\n      inputRefs.current[index + 1]?.focus();\r\n    }\r\n  };\r\n\r\n  const handlePaste = (e: React.ClipboardEvent<HTMLInputElement>, index: number) => {\r\n    e.preventDefault();\r\n    const pasted = e.clipboardData.getData('text/plain');\r\n    // Strip non-digits in numeric mode\r\n    const filtered = type === 'numeric' ? pasted.replace(/\\D/g, '') : pasted;\r\n    if (!filtered) return;\r\n\r\n    const newSlots = [...slotsRef.current];\r\n    let charsPlaced = 0;\r\n    for (let i = index; i < length && charsPlaced < filtered.length; i++) {\r\n      newSlots[i] = filtered[charsPlaced];\r\n      charsPlaced++;\r\n    }\r\n    commitChange(newSlots);\r\n\r\n    // Focus the slot after the last pasted character\r\n    const nextFocusIdx = Math.min(index + charsPlaced, length - 1);\r\n    inputRefs.current[nextFocusIdx]?.focus();\r\n  };\r\n\r\n  // ── CSS class builders ─────────────────────────────────────────────────────\r\n\r\n  const containerClasses = [\r\n    'eidos-otp',\r\n    `eidos-otp--${size}`,\r\n    disabled && 'eidos-otp--disabled',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const slotClasses = (index: number) =>\r\n    [\r\n      'eidos-otp-slot',\r\n      // Show \"filled\" accent only when there's no error overriding the colour\r\n      slots[index] !== '' && !error && 'eidos-otp-slot--filled',\r\n      focusedIndex === index && 'eidos-otp-slot--focused',\r\n      error && 'eidos-otp-slot--error',\r\n      disabled && 'eidos-otp-slot--disabled',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n  // Accessible description: prefer error, fall back to hint\r\n  const describedBy = error ? errorId : hint ? hintId : undefined;\r\n\r\n  return (\r\n    <div className={containerClasses}>\r\n      {label && (\r\n        <label id={labelId} className=\"eidos-otp-label\">\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div\r\n        className=\"eidos-otp-slots\"\r\n        role=\"group\"\r\n        aria-labelledby={label ? labelId : undefined}\r\n        aria-describedby={describedBy}\r\n      >\r\n        {Array.from({ length }, (_v, index) => (\r\n          <div key={index} className={slotClasses(index)}>\r\n            <input\r\n              ref={(el) => {\r\n                inputRefs.current[index] = el;\r\n              }}\r\n              type={mask ? 'password' : 'text'}\r\n              inputMode={type === 'numeric' ? 'numeric' : 'text'}\r\n              maxLength={2}\r\n              value={slots[index]}\r\n              disabled={disabled}\r\n              aria-label={`Digit ${index + 1} of ${length}`}\r\n              autoComplete={index === 0 ? 'one-time-code' : 'off'}\r\n              onChange={(e) => handleChange(e, index)}\r\n              onKeyDown={(e) => handleKeyDown(e, index)}\r\n              onPaste={(e) => handlePaste(e, index)}\r\n              onFocus={() => setFocusedIndex(index)}\r\n              onBlur={() => setFocusedIndex(null)}\r\n            />\r\n          </div>\r\n        ))}\r\n      </div>\r\n\r\n      {hint && !error && (\r\n        <span id={hintId} className=\"eidos-otp-hint\">\r\n          {hint}\r\n        </span>\r\n      )}\r\n\r\n      {error && (\r\n        <span id={errorId} className=\"eidos-otp-error-message\" role=\"alert\">\r\n          <CircleAlert aria-hidden=\"true\" />\r\n          {error}\r\n        </span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nOTPInput.displayName = 'OTPInput';\r\n"]}

package/dist/chunk-IYQX7PBO.cjs

@@ -0,0 +1,320 @@
+"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/TreeView/TreeView.component.tsx
+var _react = require('react');
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+function collectAllBranchIds(nodes) {
+  const ids = [];
+  function traverse(items) {
+    for (const node of items) {
+      if (node.children && node.children.length > 0) {
+        ids.push(node.id);
+        traverse(node.children);
+      }
+    }
+  }
+  traverse(nodes);
+  return ids;
+}
+function buildNodeMap(nodes) {
+  const map = /* @__PURE__ */ new Map();
+  function traverse(items) {
+    for (const node of items) {
+      map.set(node.id, node);
+      if (node.children) traverse(node.children);
+    }
+  }
+  traverse(nodes);
+  return map;
+}
+function buildParentMap(nodes) {
+  const map = /* @__PURE__ */ new Map();
+  function traverse(items, parentId) {
+    for (const node of items) {
+      map.set(node.id, parentId);
+      if (node.children) traverse(node.children, node.id);
+    }
+  }
+  traverse(nodes, null);
+  return map;
+}
+function computeVisibleIds(nodes, expandedIds) {
+  const result = [];
+  function traverse(items) {
+    for (const node of items) {
+      result.push(node.id);
+      if (node.children && node.children.length > 0 && expandedIds.has(node.id)) {
+        traverse(node.children);
+      }
+    }
+  }
+  traverse(nodes);
+  return result;
+}
+var TreeContext = _react.createContext.call(void 0, null);
+function useTreeContext() {
+  const ctx = _react.useContext.call(void 0, TreeContext);
+  if (!ctx) throw new Error("TreeNodeItem must be rendered inside <TreeView>");
+  return ctx;
+}
+var TreeNodeItem = ({ node, depth }) => {
+  const ctx = useTreeContext();
+  const { nodeRefs } = ctx;
+  const isBranch = Boolean(node.children && node.children.length > 0);
+  const isExpanded = isBranch && ctx.expandedIds.has(node.id);
+  const isSelected = ctx.selectedIds.has(node.id);
+  const isDisabled = node.disabled === true;
+  const liRef = _react.useCallback.call(void 0, 
+    (el) => {
+      if (el) nodeRefs.current.set(node.id, el);
+      else nodeRefs.current.delete(node.id);
+    },
+    [node.id, nodeRefs]
+  );
+  const handleRowClick = () => {
+    if (!isDisabled) ctx.onNodeClick(node);
+  };
+  const handleToggleClick = (e) => {
+    e.stopPropagation();
+    if (!isDisabled && isBranch) ctx.onToggleExpand(node.id);
+  };
+  const handleKeyDown = (e) => {
+    ctx.onNodeKeyDown(e, node, isBranch);
+  };
+  const DefaultIcon = isBranch ? isExpanded ? _lucidereact.FolderOpen : _lucidereact.Folder : _lucidereact.File;
+  const NodeIcon = _nullishCoalesce(node.icon, () => ( DefaultIcon));
+  const iconSize = ctx.size === "sm" ? 14 : ctx.size === "lg" ? 18 : 16;
+  const rowClasses = [
+    "eidos-tree-node-row",
+    isSelected && "eidos-tree-node-row--selected",
+    isDisabled && "eidos-tree-node-row--disabled"
+  ].filter(Boolean).join(" ");
+  const toggleClasses = [
+    "eidos-tree-toggle",
+    isExpanded && "eidos-tree-toggle--expanded",
+    !isBranch && "eidos-tree-toggle--leaf"
+  ].filter(Boolean).join(" ");
+  const childrenClasses = ["eidos-tree-children", ctx.showLines && "eidos-tree-children--lines"].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      ref: liRef,
+      role: "treeitem",
+      "aria-expanded": isBranch ? isExpanded : void 0,
+      "aria-selected": isSelected,
+      "aria-disabled": isDisabled || void 0,
+      "aria-level": depth,
+      tabIndex: ctx.tabFocusId === node.id ? 0 : -1,
+      className: "eidos-tree-node",
+      onFocus: () => ctx.onNodeFocus(node.id),
+      onKeyDown: handleKeyDown,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: rowClasses, onClick: handleRowClick, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: toggleClasses,
+              onClick: handleToggleClick,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              children: isBranch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-tree-icon", "aria-hidden": "true", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, NodeIcon, { size: iconSize }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-tree-label", children: ctx.renderLabel ? ctx.renderLabel(node, isSelected, isExpanded) : node.label })
+        ] }),
+        isBranch && isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { role: "group", className: childrenClasses, children: node.children.map((child) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TreeNodeItem, { node: child, depth: depth + 1 }, child.id)) })
+      ]
+    }
+  );
+};
+TreeNodeItem.displayName = "TreeNodeItem";
+var TreeView = ({
+  data,
+  // Single selection
+  selectedId,
+  defaultSelectedId,
+  onSelect,
+  // Multi selection
+  multiSelect = false,
+  selectedIds: selectedIdsProp,
+  defaultSelectedIds,
+  onSelectMulti,
+  // Expansion
+  expandedIds: expandedIdsProp,
+  defaultExpandedIds,
+  onExpand,
+  defaultExpandAll = false,
+  // Appearance
+  size = "md",
+  showLines = false,
+  className,
+  // Rendering
+  renderLabel
+}) => {
+  const nodeMap = _react.useMemo.call(void 0, () => buildNodeMap(data), [data]);
+  const parentMap = _react.useMemo.call(void 0, () => buildParentMap(data), [data]);
+  const isSingleControlled = selectedId !== void 0;
+  const [localSingleId, setLocalSingleId] = _react.useState.call(void 0, defaultSelectedId);
+  const effectiveSingleId = isSingleControlled ? selectedId : localSingleId;
+  const isMultiControlled = selectedIdsProp !== void 0;
+  const [localMultiIds, setLocalMultiIds] = _react.useState.call(void 0, _nullishCoalesce(defaultSelectedIds, () => ( [])));
+  const effectiveMultiIds = isMultiControlled ? selectedIdsProp : localMultiIds;
+  const selectedSet = _react.useMemo.call(void 0, () => {
+    if (multiSelect) return new Set(effectiveMultiIds);
+    return effectiveSingleId !== void 0 ? /* @__PURE__ */ new Set([effectiveSingleId]) : /* @__PURE__ */ new Set();
+  }, [multiSelect, effectiveMultiIds, effectiveSingleId]);
+  const isExpansionControlled = expandedIdsProp !== void 0;
+  const [localExpandedIds, setLocalExpandedIds] = _react.useState.call(void 0, () => {
+    if (defaultExpandAll) return collectAllBranchIds(data);
+    return _nullishCoalesce(defaultExpandedIds, () => ( []));
+  });
+  const effectiveExpandedIds = isExpansionControlled ? expandedIdsProp : localExpandedIds;
+  const expandedSet = _react.useMemo.call(void 0, () => new Set(effectiveExpandedIds), [effectiveExpandedIds]);
+  const [tabFocusId, setTabFocusId] = _react.useState.call(void 0, () => _nullishCoalesce(_optionalChain([data, 'access', _ => _[0], 'optionalAccess', _2 => _2.id]), () => ( null)));
+  const nodeRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const handleToggleExpand = _react.useCallback.call(void 0, 
+    (id) => {
+      const willExpand = !expandedSet.has(id);
+      if (!isExpansionControlled) {
+        setLocalExpandedIds(
+          (prev) => willExpand ? [...prev, id] : prev.filter((eid) => eid !== id)
+        );
+      }
+      _optionalChain([onExpand, 'optionalCall', _3 => _3(id, willExpand)]);
+    },
+    [expandedSet, isExpansionControlled, onExpand]
+  );
+  const handleNodeClick = _react.useCallback.call(void 0, 
+    (node) => {
+      if (node.disabled) return;
+      if (multiSelect) {
+        const isCurrentlySelected = selectedSet.has(node.id);
+        const nextIds = isCurrentlySelected ? effectiveMultiIds.filter((id) => id !== node.id) : [...effectiveMultiIds, node.id];
+        if (!isMultiControlled) setLocalMultiIds(nextIds);
+        const nextNodes = nextIds.map((id) => nodeMap.get(id)).filter((n) => n !== void 0);
+        _optionalChain([onSelectMulti, 'optionalCall', _4 => _4(nextNodes)]);
+      } else {
+        if (!isSingleControlled) setLocalSingleId(node.id);
+        _optionalChain([onSelect, 'optionalCall', _5 => _5(node)]);
+      }
+      setTabFocusId(node.id);
+    },
+    [
+      multiSelect,
+      selectedSet,
+      effectiveMultiIds,
+      isMultiControlled,
+      isSingleControlled,
+      nodeMap,
+      onSelect,
+      onSelectMulti
+    ]
+  );
+  const handleNodeFocus = _react.useCallback.call(void 0, (id) => {
+    setTabFocusId(id);
+  }, []);
+  const handleNodeKeyDown = _react.useCallback.call(void 0, 
+    (e, node, isBranch) => {
+      const visibleIds = computeVisibleIds(data, expandedSet);
+      const currentIndex = visibleIds.indexOf(node.id);
+      const focusNode = (id) => {
+        setTabFocusId(id);
+        _optionalChain([nodeRefs, 'access', _6 => _6.current, 'access', _7 => _7.get, 'call', _8 => _8(id), 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
+      };
+      switch (e.key) {
+        case "ArrowDown": {
+          e.preventDefault();
+          const nextId = visibleIds[currentIndex + 1];
+          if (nextId !== void 0) focusNode(nextId);
+          break;
+        }
+        case "ArrowUp": {
+          e.preventDefault();
+          const prevId = visibleIds[currentIndex - 1];
+          if (prevId !== void 0) focusNode(prevId);
+          break;
+        }
+        case "ArrowRight": {
+          e.preventDefault();
+          if (!isBranch) break;
+          if (!expandedSet.has(node.id)) {
+            handleToggleExpand(node.id);
+          } else {
+            const firstChildId = visibleIds[currentIndex + 1];
+            if (firstChildId !== void 0) focusNode(firstChildId);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          e.preventDefault();
+          if (isBranch && expandedSet.has(node.id)) {
+            handleToggleExpand(node.id);
+          } else {
+            const parentId = parentMap.get(node.id);
+            if (parentId !== void 0 && parentId !== null) focusNode(parentId);
+          }
+          break;
+        }
+        case "Enter":
+        case " ": {
+          e.preventDefault();
+          if (!node.disabled) handleNodeClick(node);
+          break;
+        }
+        case "Home": {
+          e.preventDefault();
+          const firstId = visibleIds[0];
+          if (firstId !== void 0) focusNode(firstId);
+          break;
+        }
+        case "End": {
+          e.preventDefault();
+          const lastId = visibleIds[visibleIds.length - 1];
+          if (lastId !== void 0) focusNode(lastId);
+          break;
+        }
+        default:
+          break;
+      }
+    },
+    [data, expandedSet, parentMap, handleToggleExpand, handleNodeClick]
+  );
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({
+      selectedIds: selectedSet,
+      expandedIds: expandedSet,
+      tabFocusId,
+      multiSelect,
+      size,
+      showLines,
+      renderLabel,
+      onNodeClick: handleNodeClick,
+      onToggleExpand: handleToggleExpand,
+      onNodeFocus: handleNodeFocus,
+      onNodeKeyDown: handleNodeKeyDown,
+      nodeRefs
+    }),
+    [
+      selectedSet,
+      expandedSet,
+      tabFocusId,
+      multiSelect,
+      size,
+      showLines,
+      renderLabel,
+      handleNodeClick,
+      handleToggleExpand,
+      handleNodeFocus,
+      handleNodeKeyDown
+    ]
+  );
+  const rootClasses = ["eidos-tree", `eidos-tree--${size}`, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TreeContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { role: "tree", "aria-multiselectable": multiSelect || void 0, className: rootClasses, children: data.map((node) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TreeNodeItem, { node, depth: 1 }, node.id)) }) });
+};
+TreeView.displayName = "TreeView";
+
+
+
+exports.TreeView = TreeView;
+//# sourceMappingURL=chunk-IYQX7PBO.cjs.map

package/dist/chunk-IYQX7PBO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-IYQX7PBO.cjs","../src/components/TreeView/TreeView.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-IYQX7PBO.cjs","sourcesContent":[null,"import React, { useState, useCallback, useMemo, useRef, useContext, createContext } from 'react';\r\nimport { ChevronRight, Folder, FolderOpen, File } from 'lucide-react';\r\nimport type { TreeViewProps, TreeNode } from './TreeView.types';\r\nimport './TreeView.scss';\r\n\r\n// ============================================================================\r\n// HELPERS\r\n// ============================================================================\r\n\r\n/** Collect all branch node IDs by recursively traversing the tree. */\r\nfunction collectAllBranchIds(nodes: TreeNode[]): string[] {\r\n  const ids: string[] = [];\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      if (node.children && node.children.length > 0) {\r\n        ids.push(node.id);\r\n        traverse(node.children);\r\n      }\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return ids;\r\n}\r\n\r\n/** Build a flat Map of id → node for O(1) lookups. */\r\nfunction buildNodeMap(nodes: TreeNode[]): Map<string, TreeNode> {\r\n  const map = new Map<string, TreeNode>();\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      map.set(node.id, node);\r\n      if (node.children) traverse(node.children);\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return map;\r\n}\r\n\r\n/** Build a Map of id → parentId (null for root nodes). */\r\nfunction buildParentMap(nodes: TreeNode[]): Map<string, string | null> {\r\n  const map = new Map<string, string | null>();\r\n  function traverse(items: TreeNode[], parentId: string | null): void {\r\n    for (const node of items) {\r\n      map.set(node.id, parentId);\r\n      if (node.children) traverse(node.children, node.id);\r\n    }\r\n  }\r\n  traverse(nodes, null);\r\n  return map;\r\n}\r\n\r\n/**\r\n * Return an ordered list of all node IDs that are currently visible -\r\n * i.e. not hidden because an ancestor is collapsed.\r\n */\r\nfunction computeVisibleIds(nodes: TreeNode[], expandedIds: Set<string>): string[] {\r\n  const result: string[] = [];\r\n  function traverse(items: TreeNode[]): void {\r\n    for (const node of items) {\r\n      result.push(node.id);\r\n      if (node.children && node.children.length > 0 && expandedIds.has(node.id)) {\r\n        traverse(node.children);\r\n      }\r\n    }\r\n  }\r\n  traverse(nodes);\r\n  return result;\r\n}\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\ninterface TreeContextValue {\r\n  selectedIds: Set<string>;\r\n  expandedIds: Set<string>;\r\n  /** ID of the node that currently owns tabIndex=0 (roving tabindex). */\r\n  tabFocusId: string | null;\r\n  multiSelect: boolean;\r\n  size: NonNullable<TreeViewProps['size']>;\r\n  showLines: boolean;\r\n  renderLabel: TreeViewProps['renderLabel'];\r\n  onNodeClick: (node: TreeNode) => void;\r\n  onToggleExpand: (id: string) => void;\r\n  onNodeFocus: (id: string) => void;\r\n  onNodeKeyDown: (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => void;\r\n  /** Map of node id → li element, populated by TreeNodeItem via callback ref. */\r\n  nodeRefs: React.MutableRefObject<Map<string, HTMLLIElement>>;\r\n}\r\n\r\nconst TreeContext = createContext<TreeContextValue | null>(null);\r\n\r\nfunction useTreeContext(): TreeContextValue {\r\n  const ctx = useContext(TreeContext);\r\n  if (!ctx) throw new Error('TreeNodeItem must be rendered inside <TreeView>');\r\n  return ctx;\r\n}\r\n\r\n// ============================================================================\r\n// INTERNAL TREE NODE ITEM - renders itself and its children recursively\r\n// ============================================================================\r\n\r\ninterface TreeNodeItemProps {\r\n  node: TreeNode;\r\n  /** 1-based nesting depth for aria-level. */\r\n  depth: number;\r\n}\r\n\r\nconst TreeNodeItem: React.FC<TreeNodeItemProps> = ({ node, depth }) => {\r\n  const ctx = useTreeContext();\r\n  const { nodeRefs } = ctx;\r\n\r\n  const isBranch = Boolean(node.children && node.children.length > 0);\r\n  const isExpanded = isBranch && ctx.expandedIds.has(node.id);\r\n  const isSelected = ctx.selectedIds.has(node.id);\r\n  const isDisabled = node.disabled === true;\r\n\r\n  // Register/unregister this li element so the root can programmatically focus it.\r\n  const liRef = useCallback(\r\n    (el: HTMLLIElement | null) => {\r\n      if (el) nodeRefs.current.set(node.id, el);\r\n      else nodeRefs.current.delete(node.id);\r\n    },\r\n    [node.id, nodeRefs],\r\n  );\r\n\r\n  const handleRowClick = () => {\r\n    if (!isDisabled) ctx.onNodeClick(node);\r\n  };\r\n\r\n  const handleToggleClick = (e: React.MouseEvent) => {\r\n    // stopPropagation prevents the row's onClick from firing (no accidental selection).\r\n    e.stopPropagation();\r\n    if (!isDisabled && isBranch) ctx.onToggleExpand(node.id);\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLLIElement>) => {\r\n    ctx.onNodeKeyDown(e, node, isBranch);\r\n  };\r\n\r\n  // Default icon: folder (open/closed) for branches, file for leaves.\r\n  const DefaultIcon = isBranch ? (isExpanded ? FolderOpen : Folder) : File;\r\n  const NodeIcon = (node.icon ?? DefaultIcon) as React.FC<{ className?: string; size?: number }>;\r\n  const iconSize = ctx.size === 'sm' ? 14 : ctx.size === 'lg' ? 18 : 16;\r\n\r\n  const rowClasses = [\r\n    'eidos-tree-node-row',\r\n    isSelected && 'eidos-tree-node-row--selected',\r\n    isDisabled && 'eidos-tree-node-row--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const toggleClasses = [\r\n    'eidos-tree-toggle',\r\n    isExpanded && 'eidos-tree-toggle--expanded',\r\n    !isBranch && 'eidos-tree-toggle--leaf',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const childrenClasses = ['eidos-tree-children', ctx.showLines && 'eidos-tree-children--lines']\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <li\r\n      ref={liRef}\r\n      role=\"treeitem\"\r\n      aria-expanded={isBranch ? isExpanded : undefined}\r\n      aria-selected={isSelected}\r\n      aria-disabled={isDisabled || undefined}\r\n      aria-level={depth}\r\n      tabIndex={ctx.tabFocusId === node.id ? 0 : -1}\r\n      className=\"eidos-tree-node\"\r\n      onFocus={() => ctx.onNodeFocus(node.id)}\r\n      onKeyDown={handleKeyDown}\r\n    >\r\n      {/* ── Clickable row: toggle + icon + label ─────────────────────────────── */}\r\n      <div className={rowClasses} onClick={handleRowClick}>\r\n        {/*\r\n          Toggle chevron: always rendered for visual alignment.\r\n          tabIndex -1 removes it from tab order; aria-hidden hides it from AT\r\n          since expand/collapse is handled via the treeitem's keyboard events.\r\n        */}\r\n        <button\r\n          type=\"button\"\r\n          className={toggleClasses}\r\n          onClick={handleToggleClick}\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n        >\r\n          {isBranch && <ChevronRight aria-hidden=\"true\" />}\r\n        </button>\r\n\r\n        <span className=\"eidos-tree-icon\" aria-hidden=\"true\">\r\n          <NodeIcon size={iconSize} />\r\n        </span>\r\n\r\n        <span className=\"eidos-tree-label\">\r\n          {ctx.renderLabel ? ctx.renderLabel(node, isSelected, isExpanded) : node.label}\r\n        </span>\r\n      </div>\r\n\r\n      {/* ── Children (only when branch is expanded) ───────────────────────────── */}\r\n      {isBranch && isExpanded && (\r\n        <ul role=\"group\" className={childrenClasses}>\r\n          {node.children!.map((child) => (\r\n            <TreeNodeItem key={child.id} node={child} depth={depth + 1} />\r\n          ))}\r\n        </ul>\r\n      )}\r\n    </li>\r\n  );\r\n};\r\n\r\nTreeNodeItem.displayName = 'TreeNodeItem';\r\n\r\n// ============================================================================\r\n// TREE VIEW ROOT\r\n// ============================================================================\r\n\r\nexport const TreeView: React.FC<TreeViewProps> = ({\r\n  data,\r\n  // Single selection\r\n  selectedId,\r\n  defaultSelectedId,\r\n  onSelect,\r\n  // Multi selection\r\n  multiSelect = false,\r\n  selectedIds: selectedIdsProp,\r\n  defaultSelectedIds,\r\n  onSelectMulti,\r\n  // Expansion\r\n  expandedIds: expandedIdsProp,\r\n  defaultExpandedIds,\r\n  onExpand,\r\n  defaultExpandAll = false,\r\n  // Appearance\r\n  size = 'md',\r\n  showLines = false,\r\n  className,\r\n  // Rendering\r\n  renderLabel,\r\n}) => {\r\n  // ── Node maps (stable across renders until data changes) ────────────────────\r\n  const nodeMap = useMemo(() => buildNodeMap(data), [data]);\r\n  const parentMap = useMemo(() => buildParentMap(data), [data]);\r\n\r\n  // ── Single-selection state ──────────────────────────────────────────────────\r\n  const isSingleControlled = selectedId !== undefined;\r\n  const [localSingleId, setLocalSingleId] = useState<string | undefined>(defaultSelectedId);\r\n  const effectiveSingleId = isSingleControlled ? selectedId : localSingleId;\r\n\r\n  // ── Multi-selection state ───────────────────────────────────────────────────\r\n  const isMultiControlled = selectedIdsProp !== undefined;\r\n  const [localMultiIds, setLocalMultiIds] = useState<string[]>(defaultSelectedIds ?? []);\r\n  const effectiveMultiIds = isMultiControlled ? selectedIdsProp! : localMultiIds;\r\n\r\n  // ── Derived selected set ────────────────────────────────────────────────────\r\n  const selectedSet = useMemo<Set<string>>(() => {\r\n    if (multiSelect) return new Set(effectiveMultiIds);\r\n    return effectiveSingleId !== undefined ? new Set([effectiveSingleId]) : new Set();\r\n  }, [multiSelect, effectiveMultiIds, effectiveSingleId]);\r\n\r\n  // ── Expansion state ─────────────────────────────────────────────────────────\r\n  const isExpansionControlled = expandedIdsProp !== undefined;\r\n  const [localExpandedIds, setLocalExpandedIds] = useState<string[]>(() => {\r\n    // defaultExpandAll wins over defaultExpandedIds.\r\n    if (defaultExpandAll) return collectAllBranchIds(data);\r\n    return defaultExpandedIds ?? [];\r\n  });\r\n  const effectiveExpandedIds = isExpansionControlled ? expandedIdsProp! : localExpandedIds;\r\n  const expandedSet = useMemo(() => new Set(effectiveExpandedIds), [effectiveExpandedIds]);\r\n\r\n  // ── Roving tabindex focus tracking ──────────────────────────────────────────\r\n  const [tabFocusId, setTabFocusId] = useState<string | null>(() => data[0]?.id ?? null);\r\n\r\n  /** Map of node id → li DOM element. Populated by TreeNodeItem callback refs. */\r\n  const nodeRefs = useRef<Map<string, HTMLLIElement>>(new Map());\r\n\r\n  // ── Expand / collapse ───────────────────────────────────────────────────────\r\n  const handleToggleExpand = useCallback(\r\n    (id: string) => {\r\n      const willExpand = !expandedSet.has(id);\r\n      if (!isExpansionControlled) {\r\n        setLocalExpandedIds((prev) =>\r\n          willExpand ? [...prev, id] : prev.filter((eid) => eid !== id),\r\n        );\r\n      }\r\n      onExpand?.(id, willExpand);\r\n    },\r\n    [expandedSet, isExpansionControlled, onExpand],\r\n  );\r\n\r\n  // ── Select ──────────────────────────────────────────────────────────────────\r\n  const handleNodeClick = useCallback(\r\n    (node: TreeNode) => {\r\n      if (node.disabled) return;\r\n\r\n      if (multiSelect) {\r\n        const isCurrentlySelected = selectedSet.has(node.id);\r\n        const nextIds = isCurrentlySelected\r\n          ? effectiveMultiIds.filter((id) => id !== node.id)\r\n          : [...effectiveMultiIds, node.id];\r\n\r\n        if (!isMultiControlled) setLocalMultiIds(nextIds);\r\n\r\n        const nextNodes = nextIds\r\n          .map((id) => nodeMap.get(id))\r\n          .filter((n): n is TreeNode => n !== undefined);\r\n        onSelectMulti?.(nextNodes);\r\n      } else {\r\n        if (!isSingleControlled) setLocalSingleId(node.id);\r\n        onSelect?.(node);\r\n      }\r\n\r\n      // Move roving tabindex to the interacted node.\r\n      setTabFocusId(node.id);\r\n    },\r\n    [\r\n      multiSelect,\r\n      selectedSet,\r\n      effectiveMultiIds,\r\n      isMultiControlled,\r\n      isSingleControlled,\r\n      nodeMap,\r\n      onSelect,\r\n      onSelectMulti,\r\n    ],\r\n  );\r\n\r\n  // ── Focus ───────────────────────────────────────────────────────────────────\r\n  const handleNodeFocus = useCallback((id: string) => {\r\n    setTabFocusId(id);\r\n  }, []);\r\n\r\n  // ── Keyboard navigation (ARIA tree pattern) ─────────────────────────────────\r\n  const handleNodeKeyDown = useCallback(\r\n    (e: React.KeyboardEvent<HTMLLIElement>, node: TreeNode, isBranch: boolean) => {\r\n      const visibleIds = computeVisibleIds(data, expandedSet);\r\n      const currentIndex = visibleIds.indexOf(node.id);\r\n\r\n      /** Move roving tabindex to id and immediately focus the li element. */\r\n      const focusNode = (id: string): void => {\r\n        setTabFocusId(id);\r\n        nodeRefs.current.get(id)?.focus();\r\n      };\r\n\r\n      switch (e.key) {\r\n        case 'ArrowDown': {\r\n          e.preventDefault();\r\n          const nextId = visibleIds[currentIndex + 1];\r\n          if (nextId !== undefined) focusNode(nextId);\r\n          break;\r\n        }\r\n\r\n        case 'ArrowUp': {\r\n          e.preventDefault();\r\n          const prevId = visibleIds[currentIndex - 1];\r\n          if (prevId !== undefined) focusNode(prevId);\r\n          break;\r\n        }\r\n\r\n        case 'ArrowRight': {\r\n          e.preventDefault();\r\n          if (!isBranch) break;\r\n          if (!expandedSet.has(node.id)) {\r\n            // Expand; per ARIA APG focus stays on current node after opening.\r\n            handleToggleExpand(node.id);\r\n          } else {\r\n            // Already expanded - move into first child.\r\n            const firstChildId = visibleIds[currentIndex + 1];\r\n            if (firstChildId !== undefined) focusNode(firstChildId);\r\n          }\r\n          break;\r\n        }\r\n\r\n        case 'ArrowLeft': {\r\n          e.preventDefault();\r\n          if (isBranch && expandedSet.has(node.id)) {\r\n            // Collapse this branch; focus stays on it.\r\n            handleToggleExpand(node.id);\r\n          } else {\r\n            // Move to parent (no-op for root nodes).\r\n            const parentId = parentMap.get(node.id);\r\n            if (parentId !== undefined && parentId !== null) focusNode(parentId);\r\n          }\r\n          break;\r\n        }\r\n\r\n        case 'Enter':\r\n        case ' ': {\r\n          e.preventDefault();\r\n          if (!node.disabled) handleNodeClick(node);\r\n          break;\r\n        }\r\n\r\n        case 'Home': {\r\n          e.preventDefault();\r\n          const firstId = visibleIds[0];\r\n          if (firstId !== undefined) focusNode(firstId);\r\n          break;\r\n        }\r\n\r\n        case 'End': {\r\n          e.preventDefault();\r\n          const lastId = visibleIds[visibleIds.length - 1];\r\n          if (lastId !== undefined) focusNode(lastId);\r\n          break;\r\n        }\r\n\r\n        default:\r\n          break;\r\n      }\r\n    },\r\n    [data, expandedSet, parentMap, handleToggleExpand, handleNodeClick],\r\n  );\r\n\r\n  // ── Context ─────────────────────────────────────────────────────────────────\r\n  const contextValue = useMemo<TreeContextValue>(\r\n    () => ({\r\n      selectedIds: selectedSet,\r\n      expandedIds: expandedSet,\r\n      tabFocusId,\r\n      multiSelect,\r\n      size,\r\n      showLines,\r\n      renderLabel,\r\n      onNodeClick: handleNodeClick,\r\n      onToggleExpand: handleToggleExpand,\r\n      onNodeFocus: handleNodeFocus,\r\n      onNodeKeyDown: handleNodeKeyDown,\r\n      nodeRefs,\r\n    }),\r\n    [\r\n      selectedSet,\r\n      expandedSet,\r\n      tabFocusId,\r\n      multiSelect,\r\n      size,\r\n      showLines,\r\n      renderLabel,\r\n      handleNodeClick,\r\n      handleToggleExpand,\r\n      handleNodeFocus,\r\n      handleNodeKeyDown,\r\n    ],\r\n  );\r\n\r\n  const rootClasses = ['eidos-tree', `eidos-tree--${size}`, className].filter(Boolean).join(' ');\r\n\r\n  return (\r\n    <TreeContext.Provider value={contextValue}>\r\n      <ul role=\"tree\" aria-multiselectable={multiSelect || undefined} className={rootClasses}>\r\n        {data.map((node) => (\r\n          <TreeNodeItem key={node.id} node={node} depth={1} />\r\n        ))}\r\n      </ul>\r\n    </TreeContext.Provider>\r\n  );\r\n};\r\n\r\nTreeView.displayName = 'TreeView';\r\n"]}

package/dist/chunk-JFA5ABVE.js

@@ -0,0 +1,54 @@
+// src/components/Progress/Progress.component.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Progress = ({
+  value,
+  max = 100,
+  color = "primary",
+  size = "md",
+  showLabel = false,
+  label,
+  striped = false,
+  className
+}) => {
+  const percentage = value !== void 0 ? Math.min(100, Math.max(0, value / max * 100)) : void 0;
+  const isIndeterminate = percentage === void 0;
+  const displayLabel = label ?? (percentage !== void 0 ? `${Math.round(percentage)}%` : void 0);
+  const classes = [
+    "eidos-progress",
+    `eidos-progress--${color}`,
+    `eidos-progress--${size}`,
+    striped && "eidos-progress--striped",
+    isIndeterminate && "eidos-progress--indeterminate",
+    className
+  ].filter(Boolean).join(" ");
+  const fillClasses = [
+    "eidos-progress-fill",
+    isIndeterminate && "eidos-progress-fill--indeterminate"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classes,
+      role: "progressbar",
+      "aria-valuenow": percentage,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-label": label ?? (isIndeterminate ? "Loading\u2026" : `${Math.round(percentage)}%`),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "eidos-progress-track", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: fillClasses,
+            style: !isIndeterminate ? { width: `${percentage}%` } : void 0
+          }
+        ) }),
+        showLabel && !isIndeterminate && /* @__PURE__ */ jsx("span", { className: "eidos-progress-label", children: displayLabel })
+      ]
+    }
+  );
+};
+
+export {
+  Progress
+};
+//# sourceMappingURL=chunk-JFA5ABVE.js.map

package/dist/chunk-JFA5ABVE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/Progress.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { ProgressProps } from './Progress.types';\r\nimport './Progress.scss';\r\n\r\nexport const Progress: React.FC<ProgressProps> = ({\r\n  value,\r\n  max = 100,\r\n  color = 'primary',\r\n  size = 'md',\r\n  showLabel = false,\r\n  label,\r\n  striped = false,\r\n  className,\r\n}) => {\r\n  const percentage =\r\n    value !== undefined ? Math.min(100, Math.max(0, (value / max) * 100)) : undefined;\r\n\r\n  const isIndeterminate = percentage === undefined;\r\n\r\n  const displayLabel =\r\n    label ?? (percentage !== undefined ? `${Math.round(percentage)}%` : undefined);\r\n\r\n  const classes = [\r\n    'eidos-progress',\r\n    `eidos-progress--${color}`,\r\n    `eidos-progress--${size}`,\r\n    striped && 'eidos-progress--striped',\r\n    isIndeterminate && 'eidos-progress--indeterminate',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const fillClasses = [\r\n    'eidos-progress-fill',\r\n    isIndeterminate && 'eidos-progress-fill--indeterminate',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div\r\n      className={classes}\r\n      role=\"progressbar\"\r\n      aria-valuenow={percentage}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-label={label ?? (isIndeterminate ? 'Loading…' : `${Math.round(percentage!)}%`)}\r\n    >\r\n      <div className=\"eidos-progress-track\">\r\n        <div\r\n          className={fillClasses}\r\n          style={!isIndeterminate ? { width: `${percentage}%` } : undefined}\r\n        />\r\n      </div>\r\n      {showLabel && !isIndeterminate && (\r\n        <span className=\"eidos-progress-label\">{displayLabel}</span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";AAyCI,SASI,KATJ;AArCG,IAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,YAAY;AAAA,EACZ;AAAA,EACA,UAAU;AAAA,EACV;AACF,MAAM;AACJ,QAAM,aACJ,UAAU,SAAY,KAAK,IAAI,KAAK,KAAK,IAAI,GAAI,QAAQ,MAAO,GAAG,CAAC,IAAI;AAE1E,QAAM,kBAAkB,eAAe;AAEvC,QAAM,eACJ,UAAU,eAAe,SAAY,GAAG,KAAK,MAAM,UAAU,CAAC,MAAM;AAEtE,QAAM,UAAU;AAAA,IACd;AAAA,IACA,mBAAmB,KAAK;AAAA,IACxB,mBAAmB,IAAI;AAAA,IACvB,WAAW;AAAA,IACX,mBAAmB;AAAA,IACnB;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,mBAAmB;AAAA,EACrB,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,iBAAe;AAAA,MACf,cAAY,UAAU,kBAAkB,kBAAa,GAAG,KAAK,MAAM,UAAW,CAAC;AAAA,MAE/E;AAAA,4BAAC,SAAI,WAAU,wBACb;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,YACX,OAAO,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,IAAI,IAAI;AAAA;AAAA,QAC1D,GACF;AAAA,QACC,aAAa,CAAC,mBACb,oBAAC,UAAK,WAAU,wBAAwB,wBAAa;AAAA;AAAA;AAAA,EAEzD;AAEJ;","names":[]}

package/dist/chunk-JORQYNJD.js

@@ -0,0 +1,79 @@
+import {
+  Button
+} from "./chunk-FO5FNTJX.js";
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+
+// src/components/Alert/Alert.component.tsx
+import { Info, CircleCheck, TriangleAlert, CircleX, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DEFAULT_ICONS = {
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  danger: CircleX
+};
+var VARIANT_TO_BUTTON_COLOR = {
+  info: "primary",
+  success: "success",
+  warning: "primary",
+  danger: "danger"
+};
+function isIconType(value) {
+  return typeof value !== "boolean";
+}
+var Alert = ({
+  variant = "info",
+  title,
+  children,
+  icon,
+  onDismiss,
+  action,
+  className = ""
+}) => {
+  const classes = ["eidos-alert", `eidos-alert--${variant}`, className].filter(Boolean).join(" ");
+  const showIcon = icon !== false;
+  let iconNode = null;
+  if (showIcon) {
+    if (icon === true || icon === void 0) {
+      const DefaultIcon = DEFAULT_ICONS[variant];
+      iconNode = /* @__PURE__ */ jsx(DefaultIcon, { className: "eidos-alert-icon", "aria-hidden": "true" });
+    } else if (isIconType(icon)) {
+      iconNode = renderIcon(icon, "eidos-alert-icon");
+    }
+  }
+  const buttonColor = VARIANT_TO_BUTTON_COLOR[variant];
+  return /* @__PURE__ */ jsxs("div", { className: classes, role: "alert", children: [
+    showIcon && /* @__PURE__ */ jsx("span", { className: "eidos-alert-icon-wrapper", children: iconNode }),
+    /* @__PURE__ */ jsxs("div", { className: "eidos-alert-body", children: [
+      title && /* @__PURE__ */ jsx("p", { className: "eidos-alert-title", children: title }),
+      children && /* @__PURE__ */ jsx("div", { className: "eidos-alert-content", children }),
+      action && /* @__PURE__ */ jsx("div", { className: "eidos-alert-action", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: action.variant === "filled" ? "filled" : "text",
+          size: "sm",
+          color: buttonColor,
+          onClick: action.onClick,
+          children: action.label
+        }
+      ) })
+    ] }),
+    onDismiss && /* @__PURE__ */ jsx(
+      "button",
+      {
+        className: "eidos-alert-dismiss",
+        onClick: onDismiss,
+        type: "button",
+        "aria-label": "Dismiss",
+        children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+      }
+    )
+  ] });
+};
+
+export {
+  Alert
+};
+//# sourceMappingURL=chunk-JORQYNJD.js.map

package/dist/chunk-JORQYNJD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Info, CircleCheck, TriangleAlert, CircleX, X } from 'lucide-react';\r\nimport type { AlertProps } from './Alert.types';\r\nimport type { IconType } from '../../utils';\r\nimport { renderIcon } from '../../utils';\r\nimport { Button } from '../Button/Button.component';\r\nimport './Alert.scss';\r\n\r\n// ============================================================================\r\n// Constants\r\n// ============================================================================\r\n\r\ntype Variant = NonNullable<AlertProps['variant']>;\r\n\r\nconst DEFAULT_ICONS: Record<Variant, React.ComponentType<{ className?: string }>> = {\r\n  info: Info,\r\n  success: CircleCheck,\r\n  warning: TriangleAlert,\r\n  danger: CircleX,\r\n};\r\n\r\n/**\r\n * Button only ships primary | secondary | success | danger.\r\n * Warning maps to primary (closest neutral-positive colour available).\r\n */\r\nconst VARIANT_TO_BUTTON_COLOR: Record<Variant, 'primary' | 'success' | 'danger'> = {\r\n  info: 'primary',\r\n  success: 'success',\r\n  warning: 'primary',\r\n  danger: 'danger',\r\n};\r\n\r\n// ============================================================================\r\n// Type guard\r\n// ============================================================================\r\n\r\nfunction isIconType(value: boolean | IconType): value is IconType {\r\n  return typeof value !== 'boolean';\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\nexport const Alert: React.FC<AlertProps> = ({\r\n  variant = 'info',\r\n  title,\r\n  children,\r\n  icon,\r\n  onDismiss,\r\n  action,\r\n  className = '',\r\n}) => {\r\n  const classes = ['eidos-alert', `eidos-alert--${variant}`, className].filter(Boolean).join(' ');\r\n\r\n  // Determine icon rendering\r\n  const showIcon = icon !== false;\r\n  let iconNode: React.ReactNode = null;\r\n\r\n  if (showIcon) {\r\n    if (icon === true || icon === undefined) {\r\n      const DefaultIcon = DEFAULT_ICONS[variant];\r\n      iconNode = <DefaultIcon className=\"eidos-alert-icon\" aria-hidden=\"true\" />;\r\n    } else if (isIconType(icon)) {\r\n      iconNode = renderIcon(icon, 'eidos-alert-icon');\r\n    }\r\n  }\r\n\r\n  const buttonColor = VARIANT_TO_BUTTON_COLOR[variant];\r\n\r\n  return (\r\n    <div className={classes} role=\"alert\">\r\n      {showIcon && <span className=\"eidos-alert-icon-wrapper\">{iconNode}</span>}\r\n\r\n      <div className=\"eidos-alert-body\">\r\n        {title && <p className=\"eidos-alert-title\">{title}</p>}\r\n        {children && <div className=\"eidos-alert-content\">{children}</div>}\r\n        {action && (\r\n          <div className=\"eidos-alert-action\">\r\n            <Button\r\n              variant={action.variant === 'filled' ? 'filled' : 'text'}\r\n              size=\"sm\"\r\n              color={buttonColor}\r\n              onClick={action.onClick}\r\n            >\r\n              {action.label}\r\n            </Button>\r\n          </div>\r\n        )}\r\n      </div>\r\n\r\n      {onDismiss && (\r\n        <button\r\n          className=\"eidos-alert-dismiss\"\r\n          onClick={onDismiss}\r\n          type=\"button\"\r\n          aria-label=\"Dismiss\"\r\n        >\r\n          <X aria-hidden=\"true\" />\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;AACA,SAAS,MAAM,aAAa,eAAe,SAAS,SAAS;AA6D5C,cAYX,YAZW;AAhDjB,IAAM,gBAA8E;AAAA,EAClF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAMA,IAAM,0BAA6E;AAAA,EACjF,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAMA,SAAS,WAAW,OAA8C;AAChE,SAAO,OAAO,UAAU;AAC1B;AAMO,IAAM,QAA8B,CAAC;AAAA,EAC1C,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,UAAU,CAAC,eAAe,gBAAgB,OAAO,IAAI,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAG9F,QAAM,WAAW,SAAS;AAC1B,MAAI,WAA4B;AAEhC,MAAI,UAAU;AACZ,QAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,YAAM,cAAc,cAAc,OAAO;AACzC,iBAAW,oBAAC,eAAY,WAAU,oBAAmB,eAAY,QAAO;AAAA,IAC1E,WAAW,WAAW,IAAI,GAAG;AAC3B,iBAAW,WAAW,MAAM,kBAAkB;AAAA,IAChD;AAAA,EACF;AAEA,QAAM,cAAc,wBAAwB,OAAO;AAEnD,SACE,qBAAC,SAAI,WAAW,SAAS,MAAK,SAC3B;AAAA,gBAAY,oBAAC,UAAK,WAAU,4BAA4B,oBAAS;AAAA,IAElE,qBAAC,SAAI,WAAU,oBACZ;AAAA,eAAS,oBAAC,OAAE,WAAU,qBAAqB,iBAAM;AAAA,MACjD,YAAY,oBAAC,SAAI,WAAU,uBAAuB,UAAS;AAAA,MAC3D,UACC,oBAAC,SAAI,WAAU,sBACb;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,OAAO,YAAY,WAAW,WAAW;AAAA,UAClD,MAAK;AAAA,UACL,OAAO;AAAA,UACP,SAAS,OAAO;AAAA,UAEf,iBAAO;AAAA;AAAA,MACV,GACF;AAAA,OAEJ;AAAA,IAEC,aACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,MAAK;AAAA,QACL,cAAW;AAAA,QAEX,8BAAC,KAAE,eAAY,QAAO;AAAA;AAAA,IACxB;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/chunk-K5TKNT6I.cjs

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/Timeline/Timeline.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Timeline = ({ items, className = "" }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ol", { className: ["eidos-timeline", className].filter(Boolean).join(" "), "aria-label": "Timeline", children: items.map((item, index) => {
+  const isLast = index === items.length - 1;
+  const color = _nullishCoalesce(item.color, () => ( "default"));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      className: [
+        "eidos-timeline-item",
+        `eidos-timeline-item--${color}`,
+        !isLast && "eidos-timeline-item--has-connector"
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-timeline-track", "aria-hidden": "true", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-timeline-dot", children: item.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-timeline-dot-icon", children: item.icon }) }),
+          !isLast && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-timeline-connector" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-timeline-content", children: [
+          item.timestamp && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-timeline-timestamp", children: item.timestamp }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-timeline-title", children: item.title }),
+          item.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "eidos-timeline-description", children: item.description })
+        ] })
+      ]
+    },
+    item.id
+  );
+}) });
+Timeline.displayName = "Timeline";
+
+
+
+exports.Timeline = Timeline;
+//# sourceMappingURL=chunk-K5TKNT6I.cjs.map

package/dist/chunk-K5TKNT6I.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-K5TKNT6I.cjs","../src/components/Timeline/Timeline.component.tsx"],"names":[],"mappings":"AAAA;ACqBU,+CAAA;AAlBH,IAAM,SAAA,EAAoC,CAAC,EAAE,KAAA,EAAO,UAAA,EAAY,GAAG,CAAA,EAAA,mBACxE,6BAAA,IAAC,EAAA,EAAG,SAAA,EAAW,CAAC,gBAAA,EAAkB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA,EAAG,YAAA,EAAW,UAAA,EAChF,QAAA,EAAA,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,EAAA,GAAU;AAC1B,EAAA,MAAM,OAAA,EAAS,MAAA,IAAU,KAAA,CAAM,OAAA,EAAS,CAAA;AACxC,EAAA,MAAM,MAAA,mBAAQ,IAAA,CAAK,KAAA,UAAS,WAAA;AAE5B,EAAA,uBACE,8BAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MAEC,SAAA,EAAW;AAAA,QACT,qBAAA;AAAA,QACA,CAAA,qBAAA,EAAwB,KAAK,CAAA,CAAA;AAClB,QAAA;AAGF,MAAA;AAGX,MAAA;AAAK,wBAAA;AACF,0BAAA;AAGW,UAAA;AACd,QAAA;AAGK,wBAAA;AACgB,UAAA;AAClB,0BAAA;AACoB,UAAA;AACvB,QAAA;AAAA,MAAA;AAAA,IAAA;AAtBU,IAAA;AAuBZ,EAAA;AAGN;AAGqB;ADXe;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-K5TKNT6I.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { TimelineProps } from './Timeline.types';\r\n\r\nexport const Timeline: React.FC<TimelineProps> = ({ items, className = '' }) => (\r\n  <ol className={['eidos-timeline', className].filter(Boolean).join(' ')} aria-label=\"Timeline\">\r\n    {items.map((item, index) => {\r\n      const isLast = index === items.length - 1;\r\n      const color = item.color ?? 'default';\r\n\r\n      return (\r\n        <li\r\n          key={item.id}\r\n          className={[\r\n            'eidos-timeline-item',\r\n            `eidos-timeline-item--${color}`,\r\n            !isLast && 'eidos-timeline-item--has-connector',\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n        >\r\n          {/* Left: dot + connector */}\r\n          <div className=\"eidos-timeline-track\" aria-hidden=\"true\">\r\n            <div className=\"eidos-timeline-dot\">\r\n              {item.icon && <span className=\"eidos-timeline-dot-icon\">{item.icon}</span>}\r\n            </div>\r\n            {!isLast && <div className=\"eidos-timeline-connector\" />}\r\n          </div>\r\n\r\n          {/* Right: content */}\r\n          <div className=\"eidos-timeline-content\">\r\n            {item.timestamp && <span className=\"eidos-timeline-timestamp\">{item.timestamp}</span>}\r\n            <span className=\"eidos-timeline-title\">{item.title}</span>\r\n            {item.description && <p className=\"eidos-timeline-description\">{item.description}</p>}\r\n          </div>\r\n        </li>\r\n      );\r\n    })}\r\n  </ol>\r\n);\r\n\r\nTimeline.displayName = 'Timeline';\r\n"]}