eidos-ui 0.1.0

package/dist/chunk-QGZF5MOS.cjs

@@ -0,0 +1,342 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }
+
+var _chunkCDV2OAS3cjs = require('./chunk-CDV2OAS3.cjs');
+
+
+var _chunkKV2FG7ANcjs = require('./chunk-KV2FG7AN.cjs');
+
+
+var _chunkTBMVUI7Scjs = require('./chunk-TBMVUI7S.cjs');
+
+// src/components/Select/Select.component.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Select = _react2.default.forwardRef(
+  ({
+    options = [],
+    value,
+    defaultValue,
+    onChange,
+    className = "",
+    multiple = false,
+    placeholder = "Select an option...",
+    disabled = false,
+    inputProps = {},
+    name,
+    id,
+    required = false,
+    fullWidth = false,
+    minWidth,
+    maxWidth,
+    minHeight,
+    maxHeight = "300px",
+    autoWidth = true,
+    clearable = true,
+    autoOpen = false,
+    dropdownProps = {}
+  }, ref) => {
+    const isControlled = value !== void 0;
+    const [selectedValues, setSelectedValues] = _react.useState.call(void 0, () => {
+      if (defaultValue !== void 0) {
+        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];
+        return new Set(vals.filter((v) => v !== ""));
+      }
+      return /* @__PURE__ */ new Set();
+    });
+    const [menuKey, setMenuKey] = _react.useState.call(void 0, 0);
+    const [focusedIndex, setFocusedIndex] = _react.useState.call(void 0, -1);
+    const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+    const inputRef = _react.useRef.call(void 0, null);
+    const triggerRef = _react.useRef.call(void 0, null);
+    const optionRefs = _react.useRef.call(void 0, []);
+    const optionsRef = _react.useRef.call(void 0, options);
+    optionsRef.current = options;
+    const selectedValuesRef = _react.useRef.call(void 0, selectedValues);
+    selectedValuesRef.current = selectedValues;
+    _react.useEffect.call(void 0, () => {
+      if (value !== void 0) {
+        const values = Array.isArray(value) ? value : [value];
+        const validValues = values.filter((v) => v !== "");
+        setSelectedValues(new Set(validValues));
+      }
+    }, [value]);
+    _react.useEffect.call(void 0, () => {
+      setFocusedIndex(-1);
+    }, [options]);
+    _react.useEffect.call(void 0, () => {
+      optionRefs.current = optionRefs.current.slice(0, options.length);
+    }, [options.length]);
+    const handleOptionSelect = _react.useCallback.call(void 0, 
+      (option) => {
+        if (option.disabled) return;
+        const newSelectedValues = new Set(selectedValues);
+        if (multiple) {
+          if (newSelectedValues.has(option.value)) {
+            newSelectedValues.delete(option.value);
+          } else {
+            newSelectedValues.add(option.value);
+          }
+        } else {
+          if (newSelectedValues.has(option.value)) {
+            newSelectedValues.clear();
+          } else {
+            newSelectedValues.clear();
+            newSelectedValues.add(option.value);
+          }
+        }
+        if (!isControlled) {
+          setSelectedValues(newSelectedValues);
+        }
+        if (onChange) {
+          const newValue = multiple ? Array.from(newSelectedValues) : Array.from(newSelectedValues)[0] || "";
+          onChange(newValue);
+        }
+        if (!multiple) {
+          setIsOpen(false);
+          setMenuKey((prev) => prev + 1);
+        }
+      },
+      [multiple, onChange, selectedValues, isControlled]
+    );
+    const handleClear = _react.useCallback.call(void 0, 
+      (e) => {
+        if (e) {
+          e.stopPropagation();
+        }
+        if (!isControlled) {
+          setSelectedValues(/* @__PURE__ */ new Set());
+        }
+        setIsOpen(false);
+        setMenuKey((prev) => prev + 1);
+        if (onChange) {
+          onChange(multiple ? [] : "");
+        }
+      },
+      [multiple, onChange, isControlled]
+    );
+    const handleKeyDown = _react.useCallback.call(void 0, 
+      (e) => {
+        if (disabled) return;
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault();
+            if (!isOpen) {
+              setIsOpen(true);
+              setFocusedIndex(0);
+            } else {
+              setFocusedIndex((prev) => {
+                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;
+                setTimeout(() => {
+                  _optionalChain([optionRefs, 'access', _ => _.current, 'access', _2 => _2[nextIndex], 'optionalAccess', _3 => _3.scrollIntoView, 'call', _4 => _4({
+                    block: "nearest",
+                    behavior: "smooth"
+                  })]);
+                }, 0);
+                return nextIndex;
+              });
+            }
+            break;
+          case "ArrowUp":
+            e.preventDefault();
+            if (!isOpen) {
+              setIsOpen(true);
+              setFocusedIndex(options.length - 1);
+            } else {
+              setFocusedIndex((prev) => {
+                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;
+                setTimeout(() => {
+                  _optionalChain([optionRefs, 'access', _5 => _5.current, 'access', _6 => _6[nextIndex], 'optionalAccess', _7 => _7.scrollIntoView, 'call', _8 => _8({
+                    block: "nearest",
+                    behavior: "smooth"
+                  })]);
+                }, 0);
+                return nextIndex;
+              });
+            }
+            break;
+          case "Enter":
+          case " ":
+            e.preventDefault();
+            if (!isOpen) {
+              setIsOpen(true);
+              setFocusedIndex(0);
+            } else if (focusedIndex >= 0 && focusedIndex < options.length) {
+              const focusedOption = options[focusedIndex];
+              handleOptionSelect(focusedOption);
+            }
+            break;
+          case "Escape":
+            e.preventDefault();
+            if (isOpen) {
+              setIsOpen(false);
+              setFocusedIndex(-1);
+              setMenuKey((prev) => prev + 1);
+            }
+            break;
+          case "Home":
+            e.preventDefault();
+            if (isOpen) {
+              setFocusedIndex(0);
+              _optionalChain([optionRefs, 'access', _9 => _9.current, 'access', _10 => _10[0], 'optionalAccess', _11 => _11.scrollIntoView, 'call', _12 => _12({
+                block: "nearest",
+                behavior: "smooth"
+              })]);
+            }
+            break;
+          case "End":
+            e.preventDefault();
+            if (isOpen) {
+              const lastIndex = options.length - 1;
+              setFocusedIndex(lastIndex);
+              _optionalChain([optionRefs, 'access', _13 => _13.current, 'access', _14 => _14[lastIndex], 'optionalAccess', _15 => _15.scrollIntoView, 'call', _16 => _16({
+                block: "nearest",
+                behavior: "smooth"
+              })]);
+            }
+            break;
+          default:
+            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {
+              const searchChar = e.key.toLowerCase();
+              const foundIndex = options.findIndex(
+                (option, index) => index > focusedIndex && option.label.toLowerCase().startsWith(searchChar)
+              );
+              if (foundIndex !== -1) {
+                setFocusedIndex(foundIndex);
+                _optionalChain([optionRefs, 'access', _17 => _17.current, 'access', _18 => _18[foundIndex], 'optionalAccess', _19 => _19.scrollIntoView, 'call', _20 => _20({
+                  block: "nearest",
+                  behavior: "smooth"
+                })]);
+              } else {
+                const foundFromStart = options.findIndex(
+                  (option) => option.label.toLowerCase().startsWith(searchChar)
+                );
+                if (foundFromStart !== -1) {
+                  setFocusedIndex(foundFromStart);
+                  _optionalChain([optionRefs, 'access', _21 => _21.current, 'access', _22 => _22[foundFromStart], 'optionalAccess', _23 => _23.scrollIntoView, 'call', _24 => _24({
+                    block: "nearest",
+                    behavior: "smooth"
+                  })]);
+                }
+              }
+            }
+            break;
+        }
+      },
+      [disabled, isOpen, options, focusedIndex, handleOptionSelect]
+    );
+    const handleOptionsMount = _react.useCallback.call(void 0, (el) => {
+      if (!el) return;
+      const idx = optionsRef.current.findIndex(
+        (option) => selectedValuesRef.current.has(option.value)
+      );
+      if (idx === -1) return;
+      _optionalChain([optionRefs, 'access', _25 => _25.current, 'access', _26 => _26[idx], 'optionalAccess', _27 => _27.scrollIntoView, 'call', _28 => _28({ block: "nearest" })]);
+    }, []);
+    const COMPACT_LABEL_THRESHOLD = 2;
+    const displayValue = _react.useMemo.call(void 0, () => {
+      if (selectedValues.size === 0) return "";
+      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {
+        return `${selectedValues.size} selected`;
+      }
+      const selectedOptions = options.filter((option) => selectedValues.has(option.value));
+      const text = selectedOptions.map((option) => option.label).join(", ");
+      return text;
+    }, [options, selectedValues, multiple]);
+    const selectContent = _react.useMemo.call(void 0, 
+      () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-select-options", ref: handleOptionsMount, children: options.map((option, index) => {
+        const isSelected = selectedValues.has(option.value);
+        const isFocused = index === focusedIndex;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            ref: (el) => {
+              optionRefs.current[index] = el;
+            },
+            className: `
+										${"eidos-select-option"}
+										${isSelected ? "eidos-select-option--selected" : ""}
+										${option.disabled ? "eidos-select-option--disabled" : ""}
+										${isFocused ? "eidos-select-option--focused" : ""}
+									`.trim(),
+            onClick: () => handleOptionSelect(option),
+            onMouseEnter: () => setFocusedIndex(index),
+            role: "option",
+            "aria-selected": isSelected,
+            "aria-disabled": option.disabled,
+            children: [
+              option.icon && _chunkTBMVUI7Scjs.renderIcon.call(void 0, option.icon, "eidos-select-option-icon"),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-select-option-label", children: option.label }),
+              isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "eidos-select-option-check-icon" })
+            ]
+          },
+          option.id
+        );
+      }) }),
+      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount]
+    );
+    const triggerElement = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: triggerRef,
+        className: `eidos-select-trigger ${fullWidth ? "eidos-select-trigger--fullWidth" : ""}`,
+        onKeyDown: handleKeyDown,
+        tabIndex: disabled ? -1 : void 0,
+        role: "combobox",
+        "aria-expanded": isOpen,
+        "aria-haspopup": "listbox",
+        "aria-controls": `${id || "select"}-options`,
+        "aria-activedescendant": focusedIndex >= 0 ? `${id || "select"}-option-${focusedIndex}` : void 0,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkCDV2OAS3cjs.Input,
+          {
+            ref: inputRef,
+            value: selectedValues.size > 0 ? displayValue : "",
+            placeholder: selectedValues.size === 0 ? placeholder : "",
+            posIcon: selectedValues.size > 0 && clearable ? _lucidereact.X : void 0,
+            posIconButton: selectedValues.size > 0 && clearable,
+            onPosIconClick: selectedValues.size > 0 && clearable ? handleClear : void 0,
+            disabled,
+            readOnly: true,
+            isSelect: true,
+            name,
+            id,
+            required,
+            fullWidth,
+            ...inputProps
+          }
+        )
+      }
+    );
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref,
+        className: `${"eidos-select-container"} ${fullWidth ? "eidos-select-container--fullWidth" : ""} ${className}`,
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkKV2FG7ANcjs.Dropdown,
+          {
+            defaultOpen: autoOpen,
+            trigger: triggerElement,
+            content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: `${id || "select"}-options`, role: "listbox", "aria-multiselectable": multiple, children: selectContent }),
+            minWidth,
+            maxWidth,
+            minHeight,
+            maxHeight,
+            autoWidth,
+            fullWidth,
+            triggerRef,
+            ...dropdownProps
+          },
+          menuKey
+        )
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+
+
+exports.Select = Select;
+//# sourceMappingURL=chunk-QGZF5MOS.cjs.map

package/dist/chunk-QGZF5MOS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-QGZF5MOS.cjs","../src/components/Select/Select.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-QGZF5MOS.cjs","sourcesContent":[null,"import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react';\r\nimport { X, Check } from 'lucide-react';\r\nimport { Input } from '../Input/Input.component';\r\nimport { Dropdown } from '../Dropdown/Dropdown.component';\r\nimport type { SelectProps, SelectOption } from './Select.types';\r\nimport { renderIcon } from '../../utils';\r\n\r\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\r\n  (\r\n    {\r\n      options = [],\r\n      value,\r\n      defaultValue,\r\n      onChange,\r\n      className = '',\r\n      multiple = false,\r\n      placeholder = 'Select an option...',\r\n      disabled = false,\r\n      inputProps = {},\r\n      name,\r\n      id,\r\n      required = false,\r\n      fullWidth = false,\r\n      minWidth,\r\n      maxWidth,\r\n      minHeight,\r\n      maxHeight = '300px',\r\n      autoWidth = true,\r\n      clearable = true,\r\n      autoOpen = false,\r\n      dropdownProps = {},\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isControlled = value !== undefined;\r\n\r\n    // Lazy initializer: seed from defaultValue in uncontrolled mode.\r\n    const [selectedValues, setSelectedValues] = useState<Set<string>>(() => {\r\n      if (defaultValue !== undefined) {\r\n        const vals = Array.isArray(defaultValue) ? defaultValue : [defaultValue];\r\n        return new Set(vals.filter((v) => v !== ''));\r\n      }\r\n      return new Set();\r\n    });\r\n    const [menuKey, setMenuKey] = useState(0);\r\n    const [focusedIndex, setFocusedIndex] = useState(-1);\r\n    const [isOpen, setIsOpen] = useState(false);\r\n\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const triggerRef = useRef<HTMLDivElement>(null);\r\n    const optionRefs = useRef<(HTMLDivElement | null)[]>([]);\r\n\r\n    // Kept in sync every render so the mount-only callback ref below can\r\n    // read the latest values without needing them in its dependency array\r\n    // (see `handleOptionsMount`).\r\n    const optionsRef = useRef(options);\r\n    optionsRef.current = options;\r\n    const selectedValuesRef = useRef(selectedValues);\r\n    selectedValuesRef.current = selectedValues;\r\n\r\n    useEffect(() => {\r\n      if (value !== undefined) {\r\n        const values = Array.isArray(value) ? value : [value];\r\n\r\n        const validValues = values.filter((v) => v !== '');\r\n        setSelectedValues(new Set(validValues));\r\n      }\r\n    }, [value]);\r\n\r\n    useEffect(() => {\r\n      setFocusedIndex(-1);\r\n    }, [options]);\r\n\r\n    useEffect(() => {\r\n      optionRefs.current = optionRefs.current.slice(0, options.length);\r\n    }, [options.length]);\r\n\r\n    const handleOptionSelect = useCallback(\r\n      (option: SelectOption) => {\r\n        if (option.disabled) return;\r\n\r\n        const newSelectedValues = new Set(selectedValues);\r\n\r\n        if (multiple) {\r\n          if (newSelectedValues.has(option.value)) {\r\n            newSelectedValues.delete(option.value);\r\n          } else {\r\n            newSelectedValues.add(option.value);\r\n          }\r\n        } else {\r\n          if (newSelectedValues.has(option.value)) {\r\n            newSelectedValues.clear();\r\n          } else {\r\n            newSelectedValues.clear();\r\n            newSelectedValues.add(option.value);\r\n          }\r\n        }\r\n\r\n        // In uncontrolled mode, own the state directly.\r\n        // In controlled mode, let the parent drive via value prop + useEffect sync.\r\n        if (!isControlled) {\r\n          setSelectedValues(newSelectedValues);\r\n        }\r\n\r\n        if (onChange) {\r\n          const newValue = multiple\r\n            ? Array.from(newSelectedValues)\r\n            : Array.from(newSelectedValues)[0] || '';\r\n          onChange(newValue);\r\n        }\r\n\r\n        if (!multiple) {\r\n          setIsOpen(false);\r\n          setMenuKey((prev) => prev + 1);\r\n        }\r\n      },\r\n      [multiple, onChange, selectedValues, isControlled],\r\n    );\r\n\r\n    const handleClear = useCallback(\r\n      (e?: React.MouseEvent) => {\r\n        if (e) {\r\n          e.stopPropagation();\r\n        }\r\n        if (!isControlled) {\r\n          setSelectedValues(new Set());\r\n        }\r\n\r\n        setIsOpen(false);\r\n        setMenuKey((prev) => prev + 1);\r\n        if (onChange) {\r\n          onChange(multiple ? [] : '');\r\n        }\r\n      },\r\n      [multiple, onChange, isControlled],\r\n    );\r\n\r\n    const handleKeyDown = useCallback(\r\n      (e: React.KeyboardEvent) => {\r\n        if (disabled) return;\r\n\r\n        switch (e.key) {\r\n          case 'ArrowDown':\r\n            e.preventDefault();\r\n            if (!isOpen) {\r\n              setIsOpen(true);\r\n              setFocusedIndex(0);\r\n            } else {\r\n              setFocusedIndex((prev) => {\r\n                const nextIndex = prev < options.length - 1 ? prev + 1 : 0;\r\n\r\n                setTimeout(() => {\r\n                  optionRefs.current[nextIndex]?.scrollIntoView({\r\n                    block: 'nearest',\r\n                    behavior: 'smooth',\r\n                  });\r\n                }, 0);\r\n                return nextIndex;\r\n              });\r\n            }\r\n            break;\r\n\r\n          case 'ArrowUp':\r\n            e.preventDefault();\r\n            if (!isOpen) {\r\n              setIsOpen(true);\r\n              setFocusedIndex(options.length - 1);\r\n            } else {\r\n              setFocusedIndex((prev) => {\r\n                const nextIndex = prev > 0 ? prev - 1 : options.length - 1;\r\n\r\n                setTimeout(() => {\r\n                  optionRefs.current[nextIndex]?.scrollIntoView({\r\n                    block: 'nearest',\r\n                    behavior: 'smooth',\r\n                  });\r\n                }, 0);\r\n                return nextIndex;\r\n              });\r\n            }\r\n            break;\r\n\r\n          case 'Enter':\r\n          case ' ':\r\n            e.preventDefault();\r\n            if (!isOpen) {\r\n              setIsOpen(true);\r\n              setFocusedIndex(0);\r\n            } else if (focusedIndex >= 0 && focusedIndex < options.length) {\r\n              const focusedOption = options[focusedIndex];\r\n              handleOptionSelect(focusedOption);\r\n            }\r\n            break;\r\n\r\n          case 'Escape':\r\n            e.preventDefault();\r\n            if (isOpen) {\r\n              setIsOpen(false);\r\n              setFocusedIndex(-1);\r\n              setMenuKey((prev) => prev + 1);\r\n            }\r\n            break;\r\n\r\n          case 'Home':\r\n            e.preventDefault();\r\n            if (isOpen) {\r\n              setFocusedIndex(0);\r\n              optionRefs.current[0]?.scrollIntoView({\r\n                block: 'nearest',\r\n                behavior: 'smooth',\r\n              });\r\n            }\r\n            break;\r\n\r\n          case 'End':\r\n            e.preventDefault();\r\n            if (isOpen) {\r\n              const lastIndex = options.length - 1;\r\n              setFocusedIndex(lastIndex);\r\n              optionRefs.current[lastIndex]?.scrollIntoView({\r\n                block: 'nearest',\r\n                behavior: 'smooth',\r\n              });\r\n            }\r\n            break;\r\n\r\n          default:\r\n            if (isOpen && e.key.length === 1 && /[a-zA-Z0-9]/.test(e.key)) {\r\n              const searchChar = e.key.toLowerCase();\r\n              const foundIndex = options.findIndex(\r\n                (option, index) =>\r\n                  index > focusedIndex && option.label.toLowerCase().startsWith(searchChar),\r\n              );\r\n\r\n              if (foundIndex !== -1) {\r\n                setFocusedIndex(foundIndex);\r\n                optionRefs.current[foundIndex]?.scrollIntoView({\r\n                  block: 'nearest',\r\n                  behavior: 'smooth',\r\n                });\r\n              } else {\r\n                const foundFromStart = options.findIndex((option) =>\r\n                  option.label.toLowerCase().startsWith(searchChar),\r\n                );\r\n                if (foundFromStart !== -1) {\r\n                  setFocusedIndex(foundFromStart);\r\n                  optionRefs.current[foundFromStart]?.scrollIntoView({\r\n                    block: 'nearest',\r\n                    behavior: 'smooth',\r\n                  });\r\n                }\r\n              }\r\n            }\r\n            break;\r\n        }\r\n      },\r\n      [disabled, isOpen, options, focusedIndex, handleOptionSelect],\r\n    );\r\n\r\n    // Scrolls the first selected option into view. Attached as the options\r\n    // list's own ref below with an empty dependency array, so its identity\r\n    // never changes and React only invokes it on genuine DOM mount/unmount -\r\n    // i.e. exactly when the dropdown opens/closes (Dropdown unmounts its\r\n    // `content` entirely while closed), not on every re-render while open.\r\n    const handleOptionsMount = useCallback((el: HTMLDivElement | null) => {\r\n      if (!el) return;\r\n      const idx = optionsRef.current.findIndex((option) =>\r\n        selectedValuesRef.current.has(option.value),\r\n      );\r\n      if (idx === -1) return;\r\n      optionRefs.current[idx]?.scrollIntoView({ block: 'nearest' });\r\n    }, []);\r\n\r\n    // Past this many selections the full comma-joined label list becomes\r\n    // unreadable in the trigger, so we switch to a compact \"N selected\" label.\r\n    const COMPACT_LABEL_THRESHOLD = 2;\r\n\r\n    const displayValue = useMemo(() => {\r\n      if (selectedValues.size === 0) return '';\r\n\r\n      if (multiple && selectedValues.size > COMPACT_LABEL_THRESHOLD) {\r\n        return `${selectedValues.size} selected`;\r\n      }\r\n\r\n      const selectedOptions = options.filter((option) => selectedValues.has(option.value));\r\n      const text = selectedOptions.map((option) => option.label).join(', ');\r\n      return text;\r\n    }, [options, selectedValues, multiple]);\r\n\r\n    const selectContent = useMemo(\r\n      () => (\r\n        <div className={'eidos-select-options'} ref={handleOptionsMount}>\r\n          {options.map((option, index) => {\r\n            const isSelected = selectedValues.has(option.value);\r\n            const isFocused = index === focusedIndex;\r\n            return (\r\n              <div\r\n                key={option.id}\r\n                ref={(el) => {\r\n                  optionRefs.current[index] = el;\r\n                }}\r\n                className={`\r\n\t\t\t\t\t\t\t\t\t\t${'eidos-select-option'}\r\n\t\t\t\t\t\t\t\t\t\t${isSelected ? 'eidos-select-option--selected' : ''}\r\n\t\t\t\t\t\t\t\t\t\t${option.disabled ? 'eidos-select-option--disabled' : ''}\r\n\t\t\t\t\t\t\t\t\t\t${isFocused ? 'eidos-select-option--focused' : ''}\r\n\t\t\t\t\t\t\t\t\t`.trim()}\r\n                onClick={() => handleOptionSelect(option)}\r\n                onMouseEnter={() => setFocusedIndex(index)}\r\n                role=\"option\"\r\n                aria-selected={isSelected}\r\n                aria-disabled={option.disabled}\r\n              >\r\n                {option.icon && renderIcon(option.icon, 'eidos-select-option-icon')}\r\n                <span className={'eidos-select-option-label'}>{option.label}</span>\r\n                {isSelected && <Check className={'eidos-select-option-check-icon'} />}\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      ),\r\n      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount],\r\n    );\r\n\r\n    const triggerElement = (\r\n      <div\r\n        ref={triggerRef}\r\n        className={`eidos-select-trigger ${fullWidth ? 'eidos-select-trigger--fullWidth' : ''}`}\r\n        onKeyDown={handleKeyDown}\r\n        tabIndex={disabled ? -1 : undefined}\r\n        role=\"combobox\"\r\n        aria-expanded={isOpen}\r\n        aria-haspopup=\"listbox\"\r\n        aria-controls={`${id || 'select'}-options`}\r\n        aria-activedescendant={\r\n          focusedIndex >= 0 ? `${id || 'select'}-option-${focusedIndex}` : undefined\r\n        }\r\n      >\r\n        <Input\r\n          ref={inputRef}\r\n          value={selectedValues.size > 0 ? displayValue : ''}\r\n          placeholder={selectedValues.size === 0 ? placeholder : ''}\r\n          posIcon={selectedValues.size > 0 && clearable ? X : undefined}\r\n          posIconButton={selectedValues.size > 0 && clearable}\r\n          onPosIconClick={selectedValues.size > 0 && clearable ? handleClear : undefined}\r\n          disabled={disabled}\r\n          readOnly={true}\r\n          isSelect={true}\r\n          name={name}\r\n          id={id}\r\n          required={required}\r\n          fullWidth={fullWidth}\r\n          {...inputProps}\r\n        />\r\n      </div>\r\n    );\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={`${'eidos-select-container'} ${\r\n          fullWidth ? 'eidos-select-container--fullWidth' : ''\r\n        } ${className}`}\r\n      >\r\n        <Dropdown\r\n          key={menuKey}\r\n          defaultOpen={autoOpen}\r\n          trigger={triggerElement}\r\n          content={\r\n            <div id={`${id || 'select'}-options`} role=\"listbox\" aria-multiselectable={multiple}>\r\n              {selectContent}\r\n            </div>\r\n          }\r\n          minWidth={minWidth}\r\n          maxWidth={maxWidth}\r\n          minHeight={minHeight}\r\n          maxHeight={maxHeight}\r\n          autoWidth={autoWidth}\r\n          fullWidth={fullWidth}\r\n          triggerRef={triggerRef as React.RefObject<HTMLElement | null>}\r\n          {...dropdownProps}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nSelect.displayName = 'Select';\r\n"]}

package/dist/chunk-QP2A5ZMK.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Footer/Footer.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Footer = (props) => {
+  const { className = "" } = props;
+  const isCopyright = "copyright" in props && props.copyright !== void 0;
+  const classes = [
+    "eidos-footer",
+    isCopyright ? "eidos-footer--copyright" : "eidos-footer--component",
+    className
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: classes, children: isCopyright ? props.copyright : props.component });
+};
+Footer.displayName = "Footer";
+
+
+
+exports.Footer = Footer;
+//# sourceMappingURL=chunk-QP2A5ZMK.cjs.map

package/dist/chunk-QP2A5ZMK.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-QP2A5ZMK.cjs","../src/components/Footer/Footer.component.tsx"],"names":[],"mappings":"AAAA;ACgBS,+CAAA;AAZF,IAAM,OAAA,EAAgC,CAAC,KAAA,EAAA,GAAU;AACtD,EAAA,MAAM,EAAE,UAAA,EAAY,GAAG,EAAA,EAAI,KAAA;AAC3B,EAAA,MAAM,YAAA,EAAc,YAAA,GAAe,MAAA,GAAS,KAAA,CAAM,UAAA,IAAc,KAAA,CAAA;AAEhE,EAAA,MAAM,QAAA,EAAU;AAAA,IACd,cAAA;AAAA,IACA,YAAA,EAAc,0BAAA,EAA4B,yBAAA;AAAA,IAC1C;AAAA,EACF,CAAA,CACG,MAAA,CAAO,OAAO,CAAA,CACd,IAAA,CAAK,GAAG,CAAA;AAEX,EAAA,uBAAO,6BAAA,QAAC,EAAA,EAAO,SAAA,EAAW,OAAA,EAAU,QAAA,EAAA,YAAA,EAAc,KAAA,CAAM,UAAA,EAAY,KAAA,CAAM,UAAA,CAAU,CAAA;AACtF,CAAA;AAEA,MAAA,CAAO,YAAA,EAAc,QAAA;ADNrB;AACA;AACE;AACF,wBAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-QP2A5ZMK.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { FooterProps } from './Footer.types';\r\nimport './Footer.scss';\r\n\r\nexport const Footer: React.FC<FooterProps> = (props) => {\r\n  const { className = '' } = props;\r\n  const isCopyright = 'copyright' in props && props.copyright !== undefined;\r\n\r\n  const classes = [\r\n    'eidos-footer',\r\n    isCopyright ? 'eidos-footer--copyright' : 'eidos-footer--component',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return <footer className={classes}>{isCopyright ? props.copyright : props.component}</footer>;\r\n};\r\n\r\nFooter.displayName = 'Footer';\r\n"]}

package/dist/chunk-QYHTMEI5.js

@@ -0,0 +1,92 @@
+// src/components/Stepper/Stepper.component.tsx
+import { Check, X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Stepper = ({
+  steps,
+  activeStep = 0,
+  orientation = "horizontal",
+  color = "primary",
+  showNumbers = true,
+  extendStart = false,
+  extendEnd = false,
+  className = ""
+}) => {
+  const getStatus = (index, explicitStatus) => {
+    if (explicitStatus) return explicitStatus;
+    if (index < activeStep) return "completed";
+    if (index === activeStep) return "active";
+    return "pending";
+  };
+  const isFirstStepCompleted = steps.length > 0 && getStatus(0, steps[0].status) === "completed";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: ["eidos-stepper", `eidos-stepper--${orientation}`, className].filter(Boolean).join(" "),
+      "aria-label": "Progress steps",
+      children: [
+        extendStart && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: [
+              "eidos-stepper-connector",
+              "eidos-stepper-connector--extend",
+              isFirstStepCompleted && `eidos-stepper-connector--${color}`
+            ].filter(Boolean).join(" "),
+            "aria-hidden": "true"
+          }
+        ),
+        steps.map((step, index) => {
+          const status = getStatus(index, step.status);
+          const isLast = index === steps.length - 1 && !extendEnd;
+          const joinsExtendEnd = index === steps.length - 1 && extendEnd;
+          const dotContent = step.icon ? step.icon : status === "completed" ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true" }) : status === "error" ? /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }) : showNumbers ? /* @__PURE__ */ jsx("span", { children: index + 1 }) : null;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: [
+                "eidos-stepper-step",
+                `eidos-stepper-step--${status}`,
+                `eidos-stepper-step--${color}`,
+                !isLast && "eidos-stepper-step--has-connector"
+              ].filter(Boolean).join(" "),
+              "aria-current": status === "active" ? "step" : void 0,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "eidos-stepper-dot-row", children: [
+                  /* @__PURE__ */ jsx("div", { className: "eidos-stepper-dot", "aria-hidden": "true", children: dotContent }),
+                  !isLast && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: [
+                        "eidos-stepper-connector",
+                        joinsExtendEnd && "eidos-stepper-connector--joins-extend"
+                      ].filter(Boolean).join(" "),
+                      "aria-hidden": "true"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "eidos-stepper-label-group", children: [
+                  /* @__PURE__ */ jsx("span", { className: "eidos-stepper-label", children: step.label }),
+                  step.description && /* @__PURE__ */ jsx("span", { className: "eidos-stepper-description", children: step.description })
+                ] })
+              ]
+            },
+            index
+          );
+        }),
+        extendEnd && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "eidos-stepper-connector eidos-stepper-connector--extend",
+            "aria-hidden": "true"
+          }
+        )
+      ]
+    }
+  );
+};
+Stepper.displayName = "Stepper";
+
+export {
+  Stepper
+};
+//# sourceMappingURL=chunk-QYHTMEI5.js.map

package/dist/chunk-QYHTMEI5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Stepper/Stepper.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Check, X } from 'lucide-react';\r\nimport type { StepperProps, StepStatus } from './Stepper.types';\r\n\r\nexport const Stepper: React.FC<StepperProps> = ({\r\n  steps,\r\n  activeStep = 0,\r\n  orientation = 'horizontal',\r\n  color = 'primary',\r\n  showNumbers = true,\r\n  extendStart = false,\r\n  extendEnd = false,\r\n  className = '',\r\n}) => {\r\n  const getStatus = (index: number, explicitStatus?: StepStatus): StepStatus => {\r\n    if (explicitStatus) return explicitStatus;\r\n    if (index < activeStep) return 'completed';\r\n    if (index === activeStep) return 'active';\r\n    return 'pending';\r\n  };\r\n\r\n  // `extendStart`'s connector has no real preceding step to take its color\r\n  // from, so it mirrors the first step's own status instead - colored only\r\n  // once that step is actually completed. `extendEnd`'s connector *does*\r\n  // have a real preceding step (the last one) and colors via the adjacent-\r\n  // sibling rule in Stepper.scss, same as a between-step connector.\r\n  const isFirstStepCompleted = steps.length > 0 && getStatus(0, steps[0].status) === 'completed';\r\n\r\n  return (\r\n    <div\r\n      className={['eidos-stepper', `eidos-stepper--${orientation}`, className]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n      aria-label=\"Progress steps\"\r\n    >\r\n      {/*\r\n        `extendStart`/`extendEnd` render as standalone connectors, siblings\r\n        of the steps rather than nested inside one - nesting one inside (say)\r\n        the first step's own dot-row would make it share that step's fixed\r\n        flex slot with its regular trailing connector, silently shrinking\r\n        the real Account-Profile gap to make room. As an extra sibling, it\r\n        gets its own independent share of the row instead, so every existing\r\n        gap shrinks by the same small, uniform amount rather than one\r\n        specific connector taking the whole hit.\r\n      */}\r\n      {extendStart && (\r\n        <div\r\n          className={[\r\n            'eidos-stepper-connector',\r\n            'eidos-stepper-connector--extend',\r\n            isFirstStepCompleted && `eidos-stepper-connector--${color}`,\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n      {steps.map((step, index) => {\r\n        const status = getStatus(index, step.status);\r\n        // The last step only skips its own trailing connector when there's\r\n        // truly nothing after it - if `extendEnd` adds a connector past it,\r\n        // it needs one too, exactly like every other step, so there's no\r\n        // blank gap between its dot and the extend connector.\r\n        const isLast = index === steps.length - 1 && !extendEnd;\r\n        // That trailing connector and the standalone extend connector right\r\n        // after it both carry the usual margin meant for the gap before a\r\n        // *dot* - stacked together with no dot between them, that reads as\r\n        // an unwanted extra gap. Only the extend connector's own side of\r\n        // that junction is zeroed in Stepper.scss; this is the other side.\r\n        const joinsExtendEnd = index === steps.length - 1 && extendEnd;\r\n\r\n        const dotContent = step.icon ? (\r\n          step.icon\r\n        ) : status === 'completed' ? (\r\n          <Check aria-hidden=\"true\" />\r\n        ) : status === 'error' ? (\r\n          <X aria-hidden=\"true\" />\r\n        ) : showNumbers ? (\r\n          <span>{index + 1}</span>\r\n        ) : null;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={[\r\n              'eidos-stepper-step',\r\n              `eidos-stepper-step--${status}`,\r\n              `eidos-stepper-step--${color}`,\r\n              !isLast && 'eidos-stepper-step--has-connector',\r\n            ]\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n            aria-current={status === 'active' ? 'step' : undefined}\r\n          >\r\n            {/* Dot + connector wrapper */}\r\n            <div className=\"eidos-stepper-dot-row\">\r\n              <div className=\"eidos-stepper-dot\" aria-hidden=\"true\">\r\n                {dotContent}\r\n              </div>\r\n              {!isLast && (\r\n                <div\r\n                  className={[\r\n                    'eidos-stepper-connector',\r\n                    joinsExtendEnd && 'eidos-stepper-connector--joins-extend',\r\n                  ]\r\n                    .filter(Boolean)\r\n                    .join(' ')}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Labels */}\r\n            <div className=\"eidos-stepper-label-group\">\r\n              <span className=\"eidos-stepper-label\">{step.label}</span>\r\n              {step.description && (\r\n                <span className=\"eidos-stepper-description\">{step.description}</span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        );\r\n      })}\r\n      {extendEnd && (\r\n        <div\r\n          className=\"eidos-stepper-connector eidos-stepper-connector--extend\"\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepper.displayName = 'Stepper';\r\n"],"mappings":";AACA,SAAS,OAAO,SAAS;AA6CjB,cAiDI,YAjDJ;AA1CD,IAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,YAAY;AACd,MAAM;AACJ,QAAM,YAAY,CAAC,OAAe,mBAA4C;AAC5E,QAAI,eAAgB,QAAO;AAC3B,QAAI,QAAQ,WAAY,QAAO;AAC/B,QAAI,UAAU,WAAY,QAAO;AACjC,WAAO;AAAA,EACT;AAOA,QAAM,uBAAuB,MAAM,SAAS,KAAK,UAAU,GAAG,MAAM,CAAC,EAAE,MAAM,MAAM;AAEnF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,CAAC,iBAAiB,kBAAkB,WAAW,IAAI,SAAS,EACpE,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,cAAW;AAAA,MAYV;AAAA,uBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,cACA,wBAAwB,4BAA4B,KAAK;AAAA,YAC3D,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,YACX,eAAY;AAAA;AAAA,QACd;AAAA,QAED,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,gBAAM,SAAS,UAAU,OAAO,KAAK,MAAM;AAK3C,gBAAM,SAAS,UAAU,MAAM,SAAS,KAAK,CAAC;AAM9C,gBAAM,iBAAiB,UAAU,MAAM,SAAS,KAAK;AAErD,gBAAM,aAAa,KAAK,OACtB,KAAK,OACH,WAAW,cACb,oBAAC,SAAM,eAAY,QAAO,IACxB,WAAW,UACb,oBAAC,KAAE,eAAY,QAAO,IACpB,cACF,oBAAC,UAAM,kBAAQ,GAAE,IACf;AAEJ,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,gBACT;AAAA,gBACA,uBAAuB,MAAM;AAAA,gBAC7B,uBAAuB,KAAK;AAAA,gBAC5B,CAAC,UAAU;AAAA,cACb,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,cACX,gBAAc,WAAW,WAAW,SAAS;AAAA,cAG7C;AAAA,qCAAC,SAAI,WAAU,yBACb;AAAA,sCAAC,SAAI,WAAU,qBAAoB,eAAY,QAC5C,sBACH;AAAA,kBACC,CAAC,UACA;AAAA,oBAAC;AAAA;AAAA,sBACC,WAAW;AAAA,wBACT;AAAA,wBACA,kBAAkB;AAAA,sBACpB,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,sBACX,eAAY;AAAA;AAAA,kBACd;AAAA,mBAEJ;AAAA,gBAGA,qBAAC,SAAI,WAAU,6BACb;AAAA,sCAAC,UAAK,WAAU,uBAAuB,eAAK,OAAM;AAAA,kBACjD,KAAK,eACJ,oBAAC,UAAK,WAAU,6BAA6B,eAAK,aAAY;AAAA,mBAElE;AAAA;AAAA;AAAA,YAnCK;AAAA,UAoCP;AAAA,QAEJ,CAAC;AAAA,QACA,aACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA;AAAA,QACd;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,QAAQ,cAAc;","names":[]}

package/dist/chunk-QYK4ECSZ.js

@@ -0,0 +1,69 @@
+// src/components/Switch/Switch.component.tsx
+import { forwardRef, useState, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = forwardRef(
+  ({
+    label,
+    labelPosition = "right",
+    color = "primary",
+    size = "md",
+    disabled = false,
+    className = "",
+    checked,
+    defaultChecked,
+    onChange,
+    id,
+    ...inputProps
+  }, ref) => {
+    const generatedId = useId();
+    const switchId = id || `switch-${generatedId}`;
+    const isControlled = checked !== void 0;
+    const [localChecked, setLocalChecked] = useState(defaultChecked ?? false);
+    const isChecked = isControlled ? checked : localChecked;
+    const handleChange = (e) => {
+      if (!isControlled) {
+        setLocalChecked(e.target.checked);
+      }
+      onChange?.(e);
+    };
+    const wrapperClasses = [
+      "eidos-switch-wrapper",
+      `eidos-switch-wrapper--${color}`,
+      `eidos-switch-wrapper--${size}`,
+      `eidos-switch-wrapper--label-${labelPosition}`,
+      disabled && "eidos-switch-wrapper--disabled",
+      isChecked && "eidos-switch-wrapper--checked",
+      className
+    ].filter(Boolean).join(" ");
+    const trackClasses = [
+      "eidos-switch-track",
+      isChecked && "eidos-switch-track--checked",
+      disabled && "eidos-switch-track--disabled"
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxs("label", { className: wrapperClasses, htmlFor: switchId, children: [
+      labelPosition === "left" && label && /* @__PURE__ */ jsx("span", { className: "eidos-switch-label", children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          role: "switch",
+          id: switchId,
+          className: "eidos-switch-input",
+          disabled,
+          ...inputProps,
+          checked: isChecked,
+          onChange: handleChange
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: trackClasses, children: /* @__PURE__ */ jsx("span", { className: "eidos-switch-thumb" }) }),
+      labelPosition !== "left" && label && /* @__PURE__ */ jsx("span", { className: "eidos-switch-label", children: label })
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+export {
+  Switch
+};
+//# sourceMappingURL=chunk-QYK4ECSZ.js.map

package/dist/chunk-QYK4ECSZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.component.tsx"],"sourcesContent":["import React, { forwardRef, useState, useId } from 'react';\r\nimport type { SwitchProps } from './Switch.types';\r\n\r\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\r\n  (\r\n    {\r\n      label,\r\n      labelPosition = 'right',\r\n      color = 'primary',\r\n      size = 'md',\r\n      disabled = false,\r\n      className = '',\r\n      checked,\r\n      defaultChecked,\r\n      onChange,\r\n      id,\r\n      ...inputProps\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const switchId = id || `switch-${generatedId}`;\r\n\r\n    // Determine if using controlled or uncontrolled mode\r\n    const isControlled = checked !== undefined;\r\n    const [localChecked, setLocalChecked] = useState(defaultChecked ?? false);\r\n\r\n    const isChecked = isControlled ? checked : localChecked;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (!isControlled) {\r\n        setLocalChecked(e.target.checked);\r\n      }\r\n      onChange?.(e);\r\n    };\r\n\r\n    const wrapperClasses = [\r\n      'eidos-switch-wrapper',\r\n      `eidos-switch-wrapper--${color}`,\r\n      `eidos-switch-wrapper--${size}`,\r\n      `eidos-switch-wrapper--label-${labelPosition}`,\r\n      disabled && 'eidos-switch-wrapper--disabled',\r\n      isChecked && 'eidos-switch-wrapper--checked',\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const trackClasses = [\r\n      'eidos-switch-track',\r\n      isChecked && 'eidos-switch-track--checked',\r\n      disabled && 'eidos-switch-track--disabled',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <label className={wrapperClasses} htmlFor={switchId}>\r\n        {labelPosition === 'left' && label && <span className=\"eidos-switch-label\">{label}</span>}\r\n\r\n        {/*\r\n         * The input is visually hidden via .eidos-switch-input but remains\r\n         * focusable and keyboard-operable. We always render it as controlled\r\n         * (checked={isChecked}) so the transition from uncontrolled → controlled\r\n         * never fires, avoiding the React mixed-mode warning.\r\n         * Note: `defaultChecked` is intentionally NOT spread - we consumed it\r\n         * to seed localChecked, and we never want React to see it alongside\r\n         * our explicit `checked` prop.\r\n         */}\r\n        <input\r\n          ref={ref}\r\n          type=\"checkbox\"\r\n          role=\"switch\"\r\n          id={switchId}\r\n          className=\"eidos-switch-input\"\r\n          disabled={disabled}\r\n          {...inputProps}\r\n          checked={isChecked}\r\n          onChange={handleChange}\r\n        />\r\n\r\n        <span className={trackClasses}>\r\n          <span className=\"eidos-switch-thumb\" />\r\n        </span>\r\n\r\n        {labelPosition !== 'left' && label && <span className=\"eidos-switch-label\">{label}</span>}\r\n      </label>\r\n    );\r\n  },\r\n);\r\n\r\nSwitch.displayName = 'Switch';\r\n"],"mappings":";AAAA,SAAgB,YAAY,UAAU,aAAa;AAyD7C,SACwC,KADxC;AAtDC,IAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAc,MAAM;AAC1B,UAAM,WAAW,MAAM,UAAU,WAAW;AAG5C,UAAM,eAAe,YAAY;AACjC,UAAM,CAAC,cAAc,eAAe,IAAI,SAAS,kBAAkB,KAAK;AAExE,UAAM,YAAY,eAAe,UAAU;AAE3C,UAAM,eAAe,CAAC,MAA2C;AAC/D,UAAI,CAAC,cAAc;AACjB,wBAAgB,EAAE,OAAO,OAAO;AAAA,MAClC;AACA,iBAAW,CAAC;AAAA,IACd;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA,yBAAyB,KAAK;AAAA,MAC9B,yBAAyB,IAAI;AAAA,MAC7B,+BAA+B,aAAa;AAAA,MAC5C,YAAY;AAAA,MACZ,aAAa;AAAA,MACb;AAAA,IACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,aAAa;AAAA,MACb,YAAY;AAAA,IACd,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WACE,qBAAC,WAAM,WAAW,gBAAgB,SAAS,UACxC;AAAA,wBAAkB,UAAU,SAAS,oBAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,MAWlF;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,MAAK;AAAA,UACL,MAAK;AAAA,UACL,IAAI;AAAA,UACJ,WAAU;AAAA,UACV;AAAA,UACC,GAAG;AAAA,UACJ,SAAS;AAAA,UACT,UAAU;AAAA;AAAA,MACZ;AAAA,MAEA,oBAAC,UAAK,WAAW,cACf,8BAAC,UAAK,WAAU,sBAAqB,GACvC;AAAA,MAEC,kBAAkB,UAAU,SAAS,oBAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,OACpF;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc;","names":[]}

package/dist/chunk-R36SGSJX.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Spinner/Spinner.component.tsx
+var _lucidereact = require('lucide-react');
+var _jsxruntime = require('react/jsx-runtime');
+var Spinner = ({
+  size = "md",
+  color = "primary",
+  className = ""
+}) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "div",
+  {
+    role: "status",
+    "aria-label": "Loading",
+    className: [
+      "eidos-spinner-wrapper",
+      `eidos-spinner-wrapper--${size}`,
+      `eidos-spinner-wrapper--${color}`,
+      className
+    ].filter(Boolean).join(" "),
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.LoaderCircle, { className: "eidos-spinner", "aria-hidden": "true" })
+  }
+);
+
+
+
+exports.Spinner = Spinner;
+//# sourceMappingURL=chunk-R36SGSJX.cjs.map

package/dist/chunk-R36SGSJX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R36SGSJX.cjs","../src/components/Spinner/Spinner.component.tsx"],"names":[],"mappings":"AAAA;ACCA,2CAA6B;AA4BzB,+CAAA;AAjBG,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,KAAA,EAAO,IAAA;AAAA,EACP,MAAA,EAAQ,SAAA;AAAA,EACR,UAAA,EAAY;AACd,CAAA,EAAA,mBACE,6BAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,QAAA;AAAA,IACL,YAAA,EAAW,SAAA;AAAA,IACX,SAAA,EAAW;AAAA,MACT,uBAAA;AAAA,MACA,CAAA,uBAAA,EAA0B,IAAI,CAAA,CAAA;AACC,MAAA;AAC/B,MAAA;AAGS,IAAA;AAEV,IAAA;AAA0D,EAAA;AAC7D;ADTmC;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-R36SGSJX.cjs","sourcesContent":[null,"import React from 'react';\r\nimport { LoaderCircle } from 'lucide-react';\r\nimport type { ComponentSizeProps } from '../../utils';\r\n\r\nexport type SpinnerColorProps = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';\r\n\r\nexport interface SpinnerProps {\r\n  size?: ComponentSizeProps;\r\n  color?: SpinnerColorProps;\r\n  className?: string;\r\n}\r\n\r\nexport const Spinner: React.FC<SpinnerProps> = ({\r\n  size = 'md',\r\n  color = 'primary',\r\n  className = '',\r\n}) => (\r\n  <div\r\n    role=\"status\"\r\n    aria-label=\"Loading\"\r\n    className={[\r\n      'eidos-spinner-wrapper',\r\n      `eidos-spinner-wrapper--${size}`,\r\n      `eidos-spinner-wrapper--${color}`,\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ')}\r\n  >\r\n    <LoaderCircle className=\"eidos-spinner\" aria-hidden=\"true\" />\r\n  </div>\r\n);\r\n"]}