eidos-ui 0.1.0

package/dist/chunk-EACNRR3C.cjs

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-EACNRR3C.cjs.map

package/dist/chunk-EACNRR3C.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-EACNRR3C.cjs"],"names":[],"mappings":"AAAA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-EACNRR3C.cjs"}

package/dist/chunk-EQ6BNPTL.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/components/Pill/Pill.component.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var Pill = ({
+  children,
+  color = "primary",
+  variant = "filled",
+  size = "md",
+  dot = false,
+  max,
+  className = ""
+}) => {
+  const hasContent = children !== void 0 && children !== null && children !== "";
+  const dotOnly = dot && !hasContent;
+  const classes = [
+    "eidos-pill",
+    `eidos-pill--${variant}`,
+    `eidos-pill--${color}`,
+    `eidos-pill--${size}`,
+    dotOnly && "eidos-pill--dot",
+    dot && hasContent && "eidos-pill--with-dot",
+    className
+  ].filter(Boolean).join(" ");
+  if (dotOnly) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classes });
+  }
+  let content = children;
+  if (typeof children === "number" && max !== void 0) {
+    content = children > max ? `${max}+` : children;
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: classes, children: [
+    dot && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-pill--dot-indicator" }),
+    content
+  ] });
+};
+
+
+
+exports.Pill = Pill;
+//# sourceMappingURL=chunk-EQ6BNPTL.cjs.map

package/dist/chunk-EQ6BNPTL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-EQ6BNPTL.cjs","../src/components/Pill/Pill.component.tsx"],"names":[],"mappings":"AAAA;AC6BW,+CAAA;AAzBJ,IAAM,KAAA,EAA4B,CAAC;AAAA,EACxC,QAAA;AAAA,EACA,MAAA,EAAQ,SAAA;AAAA,EACR,QAAA,EAAU,QAAA;AAAA,EACV,KAAA,EAAO,IAAA;AAAA,EACP,IAAA,EAAM,KAAA;AAAA,EACN,GAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,WAAA,EAAa,SAAA,IAAa,KAAA,EAAA,GAAa,SAAA,IAAa,KAAA,GAAQ,SAAA,IAAa,EAAA;AAC/E,EAAA,MAAM,QAAA,EAAU,IAAA,GAAO,CAAC,UAAA;AAExB,EAAA,MAAM,QAAA,EAAU;AAAA,IACd,YAAA;AAAA,IACA,CAAA,YAAA,EAAe,OAAO,CAAA,CAAA;AACF,IAAA;AACD,IAAA;AACR,IAAA;AACU,IAAA;AACrB,IAAA;AAGM,EAAA;AAEK,EAAA;AACJ,IAAA;AACT,EAAA;AAE+B,EAAA;AACP,EAAA;AACD,IAAA;AACvB,EAAA;AAGE,EAAA;AACU,IAAA;AACP,IAAA;AACH,EAAA;AAEJ;ADT2B;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-EQ6BNPTL.cjs","sourcesContent":[null,"import React from 'react';\nimport type { PillProps } from './Pill.types';\nimport './Pill.scss';\n\nexport const Pill: React.FC<PillProps> = ({\n  children,\n  color = 'primary',\n  variant = 'filled',\n  size = 'md',\n  dot = false,\n  max,\n  className = '',\n}) => {\n  const hasContent = children !== undefined && children !== null && children !== '';\n  const dotOnly = dot && !hasContent;\n\n  const classes = [\n    'eidos-pill',\n    `eidos-pill--${variant}`,\n    `eidos-pill--${color}`,\n    `eidos-pill--${size}`,\n    dotOnly && 'eidos-pill--dot',\n    dot && hasContent && 'eidos-pill--with-dot',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (dotOnly) {\n    return <span className={classes} />;\n  }\n\n  let content: React.ReactNode = children;\n  if (typeof children === 'number' && max !== undefined) {\n    content = children > max ? `${max}+` : children;\n  }\n\n  return (\n    <span className={classes}>\n      {dot && <span className=\"eidos-pill--dot-indicator\" />}\n      {content}\n    </span>\n  );\n};\n"]}

package/dist/chunk-F54MVGKO.js

@@ -0,0 +1,342 @@
+import {
+  Input
+} from "./chunk-A35Y5MRJ.js";
+import {
+  Dropdown
+} from "./chunk-SXF3TCYA.js";
+import {
+  renderIcon
+} from "./chunk-XSGUFMT4.js";
+
+// src/components/Select/Select.component.tsx
+import React, { useState, useCallback, useRef, useEffect, useMemo } from "react";
+import { X, Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Select = React.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] = useState(() => {
+      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] = useState(0);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    const [isOpen, setIsOpen] = useState(false);
+    const inputRef = useRef(null);
+    const triggerRef = useRef(null);
+    const optionRefs = useRef([]);
+    const optionsRef = useRef(options);
+    optionsRef.current = options;
+    const selectedValuesRef = useRef(selectedValues);
+    selectedValuesRef.current = selectedValues;
+    useEffect(() => {
+      if (value !== void 0) {
+        const values = Array.isArray(value) ? value : [value];
+        const validValues = values.filter((v) => v !== "");
+        setSelectedValues(new Set(validValues));
+      }
+    }, [value]);
+    useEffect(() => {
+      setFocusedIndex(-1);
+    }, [options]);
+    useEffect(() => {
+      optionRefs.current = optionRefs.current.slice(0, options.length);
+    }, [options.length]);
+    const handleOptionSelect = useCallback(
+      (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 = useCallback(
+      (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 = useCallback(
+      (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(() => {
+                  optionRefs.current[nextIndex]?.scrollIntoView({
+                    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(() => {
+                  optionRefs.current[nextIndex]?.scrollIntoView({
+                    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);
+              optionRefs.current[0]?.scrollIntoView({
+                block: "nearest",
+                behavior: "smooth"
+              });
+            }
+            break;
+          case "End":
+            e.preventDefault();
+            if (isOpen) {
+              const lastIndex = options.length - 1;
+              setFocusedIndex(lastIndex);
+              optionRefs.current[lastIndex]?.scrollIntoView({
+                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);
+                optionRefs.current[foundIndex]?.scrollIntoView({
+                  block: "nearest",
+                  behavior: "smooth"
+                });
+              } else {
+                const foundFromStart = options.findIndex(
+                  (option) => option.label.toLowerCase().startsWith(searchChar)
+                );
+                if (foundFromStart !== -1) {
+                  setFocusedIndex(foundFromStart);
+                  optionRefs.current[foundFromStart]?.scrollIntoView({
+                    block: "nearest",
+                    behavior: "smooth"
+                  });
+                }
+              }
+            }
+            break;
+        }
+      },
+      [disabled, isOpen, options, focusedIndex, handleOptionSelect]
+    );
+    const handleOptionsMount = useCallback((el) => {
+      if (!el) return;
+      const idx = optionsRef.current.findIndex(
+        (option) => selectedValuesRef.current.has(option.value)
+      );
+      if (idx === -1) return;
+      optionRefs.current[idx]?.scrollIntoView({ block: "nearest" });
+    }, []);
+    const COMPACT_LABEL_THRESHOLD = 2;
+    const displayValue = useMemo(() => {
+      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 = useMemo(
+      () => /* @__PURE__ */ jsx("div", { className: "eidos-select-options", ref: handleOptionsMount, children: options.map((option, index) => {
+        const isSelected = selectedValues.has(option.value);
+        const isFocused = index === focusedIndex;
+        return /* @__PURE__ */ jsxs(
+          "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 && renderIcon(option.icon, "eidos-select-option-icon"),
+              /* @__PURE__ */ jsx("span", { className: "eidos-select-option-label", children: option.label }),
+              isSelected && /* @__PURE__ */ jsx(Check, { className: "eidos-select-option-check-icon" })
+            ]
+          },
+          option.id
+        );
+      }) }),
+      [options, selectedValues, focusedIndex, handleOptionSelect, handleOptionsMount]
+    );
+    const triggerElement = /* @__PURE__ */ jsx(
+      "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__ */ jsx(
+          Input,
+          {
+            ref: inputRef,
+            value: selectedValues.size > 0 ? displayValue : "",
+            placeholder: selectedValues.size === 0 ? placeholder : "",
+            posIcon: selectedValues.size > 0 && clearable ? 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__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `${"eidos-select-container"} ${fullWidth ? "eidos-select-container--fullWidth" : ""} ${className}`,
+        children: /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            defaultOpen: autoOpen,
+            trigger: triggerElement,
+            content: /* @__PURE__ */ jsx("div", { id: `${id || "select"}-options`, role: "listbox", "aria-multiselectable": multiple, children: selectContent }),
+            minWidth,
+            maxWidth,
+            minHeight,
+            maxHeight,
+            autoWidth,
+            fullWidth,
+            triggerRef,
+            ...dropdownProps
+          },
+          menuKey
+        )
+      }
+    );
+  }
+);
+Select.displayName = "Select";
+
+export {
+  Select
+};
+//# sourceMappingURL=chunk-F54MVGKO.js.map

package/dist/chunk-F54MVGKO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.component.tsx"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/chunk-FNUOTM44.cjs

@@ -0,0 +1,238 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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 _chunkLTOHGCU4cjs = require('./chunk-LTOHGCU4.cjs');
+
+// src/components/Snackbar/Snackbar.context.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var SnackbarContext = _react.createContext.call(void 0, void 0);
+var useSnackbarContext = () => {
+  const context = _react.useContext.call(void 0, SnackbarContext);
+  if (!context) {
+    throw new Error("useSnackbarContext must be used within a SnackbarProvider");
+  }
+  return context;
+};
+var SnackbarProvider = ({ children }) => {
+  const [snackbars, setSnackbars] = _react.useState.call(void 0, []);
+  const snackbarsRef = _react.useRef.call(void 0, []);
+  snackbarsRef.current = snackbars;
+  const generateId = _react.useCallback.call(void 0, () => {
+    return `snackbar-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  }, []);
+  const removeSnackbar = _react.useCallback.call(void 0, (id) => {
+    const snackbar = snackbarsRef.current.find((item) => item.id === id);
+    if (_optionalChain([snackbar, 'optionalAccess', _ => _.onClose])) {
+      snackbar.onClose(id);
+    }
+    setSnackbars(
+      (prev) => prev.map((item) => item.id === id ? { ...item, state: "exiting" } : item)
+    );
+    setTimeout(() => {
+      setSnackbars((prev) => prev.filter((item) => item.id !== id));
+    }, 300);
+  }, []);
+  const addSnackbar = _react.useCallback.call(void 0, 
+    (snackbar) => {
+      const id = generateId();
+      const newSnackbar = {
+        ...snackbar,
+        id,
+        state: "entering",
+        createdAt: Date.now()
+      };
+      setSnackbars((prev) => [newSnackbar, ...prev]);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          setSnackbars(
+            (prev) => prev.map((item) => item.id === id ? { ...item, state: "entered" } : item)
+          );
+        });
+      });
+      if (snackbar.duration && snackbar.duration > 0) {
+        setTimeout(() => {
+          removeSnackbar(id);
+        }, snackbar.duration);
+      }
+      return id;
+    },
+    [generateId, removeSnackbar]
+  );
+  const clearAllSnackbars = _react.useCallback.call(void 0, () => {
+    setSnackbars((prev) => prev.map((item) => ({ ...item, state: "exiting" })));
+    setTimeout(() => {
+      setSnackbars([]);
+    }, 300);
+  }, []);
+  const contextValue = {
+    snackbars,
+    addSnackbar,
+    removeSnackbar,
+    clearAllSnackbars
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SnackbarContext.Provider, { value: contextValue, children });
+};
+SnackbarProvider.displayName = "SnackbarProvider";
+
+// src/components/Snackbar/SnackbarContainer.component.tsx
+var _reactdom = require('react-dom');
+
+// src/components/Snackbar/Snackbar.component.tsx
+var _lucidereact = require('lucide-react');
+
+var SnackbarComponent = ({ snackbar, onClose }) => {
+  const {
+    id,
+    variant = "info",
+    message,
+    component: Component,
+    componentProps,
+    action,
+    state
+  } = snackbar;
+  const handleClose = () => {
+    onClose(id);
+  };
+  const handleActionClick = () => {
+    if (_optionalChain([action, 'optionalAccess', _2 => _2.onClick])) {
+      action.onClick();
+    }
+  };
+  const renderContent = () => {
+    if (message) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-snackbar-message", children: message });
+    }
+    if (Component) {
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ...componentProps || {} });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: `eidos-snackbar eidos-snackbar--${variant} eidos-snackbar--${state} ${snackbar.className || ""}`,
+      role: "alert",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-content", children: renderContent() }),
+        action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-actions", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkLTOHGCU4cjs.Button,
+          {
+            variant: action.variant === "primary" ? "filled" : "text",
+            size: "sm",
+            onClick: handleActionClick,
+            className: "eidos-snackbar-action-button",
+            children: action.label
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "button",
+          {
+            className: "eidos-snackbar-close-button",
+            onClick: handleClose,
+            "aria-label": "Close notification",
+            type: "button",
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.X, { className: "eidos-snackbar-close-icon" })
+          }
+        )
+      ]
+    }
+  );
+};
+SnackbarComponent.displayName = "SnackbarComponent";
+
+// src/components/Snackbar/SnackbarContainer.component.tsx
+
+var SnackbarContainer = () => {
+  const { snackbars, removeSnackbar } = useSnackbarContext();
+  if (snackbars.length === 0) {
+    return null;
+  }
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-container", children: snackbars.map((snackbar) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "eidos-snackbar-wrapper", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SnackbarComponent, { snackbar, onClose: removeSnackbar }) }, snackbar.id)) }),
+    document.body
+  );
+};
+SnackbarContainer.displayName = "SnackbarContainer";
+
+// src/components/Snackbar/Snackbar.hooks.ts
+
+var useSnackbar = () => {
+  const { addSnackbar, removeSnackbar, clearAllSnackbars } = useSnackbarContext();
+  const showSnackbar = _react.useCallback.call(void 0, 
+    (snackbar) => {
+      return addSnackbar(snackbar);
+    },
+    [addSnackbar]
+  );
+  const hideSnackbar = _react.useCallback.call(void 0, 
+    (id) => {
+      removeSnackbar(id);
+    },
+    [removeSnackbar]
+  );
+  const clearAll = _react.useCallback.call(void 0, () => {
+    clearAllSnackbars();
+  }, [clearAllSnackbars]);
+  const showSuccess = _react.useCallback.call(void 0, 
+    (message, options) => {
+      return showSnackbar({
+        message,
+        variant: "success",
+        duration: 5e3,
+        ...options
+      });
+    },
+    [showSnackbar]
+  );
+  const showError = _react.useCallback.call(void 0, 
+    (message, options) => {
+      return showSnackbar({
+        message,
+        variant: "danger",
+        duration: 5e3,
+        ...options
+      });
+    },
+    [showSnackbar]
+  );
+  const showWarning = _react.useCallback.call(void 0, 
+    (message, options) => {
+      return showSnackbar({
+        message,
+        variant: "warning",
+        duration: 5e3,
+        ...options
+      });
+    },
+    [showSnackbar]
+  );
+  const showInfo = _react.useCallback.call(void 0, 
+    (message, options) => {
+      return showSnackbar({
+        message,
+        variant: "info",
+        duration: 5e3,
+        ...options
+      });
+    },
+    [showSnackbar]
+  );
+  return {
+    showSnackbar,
+    hideSnackbar,
+    clearAll,
+    showSuccess,
+    showError,
+    showWarning,
+    showInfo
+  };
+};
+
+
+
+
+
+
+exports.useSnackbarContext = useSnackbarContext; exports.SnackbarProvider = SnackbarProvider; exports.SnackbarContainer = SnackbarContainer; exports.useSnackbar = useSnackbar;
+//# sourceMappingURL=chunk-FNUOTM44.cjs.map